/* line 2, app/assets/stylesheets/b2c_design/common.scss */ :root { --primary-color: #1E4275; --border-color: #E1E4E8; --web-color: #2F3135; --black-color: #2F3135; } /* line 9, app/assets/stylesheets/b2c_design/common.scss */ *, *::before, *::after { box-sizing: border-box; } @media (prefers-reduced-motion: no-preference) { /* line 16, app/assets/stylesheets/b2c_design/common.scss */ :root { scroll-behavior: smooth; } } /* line 20, app/assets/stylesheets/b2c_design/common.scss */ body { margin: 0; font-family: 'Poppins', sans-serif; font-size: 15px; font-weight: 400; line-height: 24px; color: #2F3135; text-align: left; -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } /* line 32, app/assets/stylesheets/b2c_design/common.scss */ hr { margin: 1rem 0; color: inherit; border: 0; border-top: 1px solid; opacity: 0.25; } /* line 40, app/assets/stylesheets/b2c_design/common.scss */ h6, h5, h4, h3, h2, h1 { margin-top: 0; margin-bottom: 0.5rem; font-weight: 500; line-height: 1.2; color: #2F3135; } /* line 48, app/assets/stylesheets/b2c_design/common.scss */ h1 { font-size: calc(1.375rem + 1.5vw); } @media (min-width: 1200px) { /* line 52, app/assets/stylesheets/b2c_design/common.scss */ h1 { font-size: 2.5rem; } } /* line 57, app/assets/stylesheets/b2c_design/common.scss */ h2 { font-size: calc(1.325rem + 0.9vw); } @media (min-width: 1200px) { /* line 61, app/assets/stylesheets/b2c_design/common.scss */ h2 { font-size: 2rem; } } /* line 66, app/assets/stylesheets/b2c_design/common.scss */ h3 { font-size: calc(1.3rem + 0.6vw); } @media (min-width: 1200px) { /* line 70, app/assets/stylesheets/b2c_design/common.scss */ h3 { font-size: 1.75rem; } } /* line 75, app/assets/stylesheets/b2c_design/common.scss */ h4 { font-size: calc(1.275rem + 0.3vw); } @media (min-width: 1200px) { /* line 79, app/assets/stylesheets/b2c_design/common.scss */ h4 { font-size: 1.5rem; } } /* line 84, app/assets/stylesheets/b2c_design/common.scss */ h5 { font-size: 1.25rem; } /* line 88, app/assets/stylesheets/b2c_design/common.scss */ h6 { font-size: 1rem; } /* line 92, app/assets/stylesheets/b2c_design/common.scss */ p { margin-top: 0; margin-bottom: 1rem; } /* line 97, app/assets/stylesheets/b2c_design/common.scss */ abbr[title] { -webkit-text-decoration: underline dotted; text-decoration: underline dotted; cursor: help; -webkit-text-decoration-skip-ink: none; text-decoration-skip-ink: none; } /* line 105, app/assets/stylesheets/b2c_design/common.scss */ address { margin-bottom: 1rem; font-style: normal; line-height: inherit; } /* line 111, app/assets/stylesheets/b2c_design/common.scss */ ol, ul { padding-left: 2rem; } /* line 116, app/assets/stylesheets/b2c_design/common.scss */ ol, ul, dl { margin-top: 0; margin-bottom: 1rem; } /* line 123, app/assets/stylesheets/b2c_design/common.scss */ ol ol, ul ul, ol ul, ul ol { margin-bottom: 0; } /* line 130, app/assets/stylesheets/b2c_design/common.scss */ dt { font-weight: 700; } /* line 134, app/assets/stylesheets/b2c_design/common.scss */ dd { margin-bottom: 0.5rem; margin-left: 0; } /* line 139, app/assets/stylesheets/b2c_design/common.scss */ blockquote { margin: 0 0 1rem; } /* line 143, app/assets/stylesheets/b2c_design/common.scss */ b, strong { font-weight: bolder; } /* line 148, app/assets/stylesheets/b2c_design/common.scss */ small { font-size: 0.875em; } /* line 152, app/assets/stylesheets/b2c_design/common.scss */ mark { padding: 0.1875em; color: #2F3135; } /* line 157, app/assets/stylesheets/b2c_design/common.scss */ sub, sup { position: relative; font-size: 0.75em; line-height: 0; vertical-align: baseline; } /* line 165, app/assets/stylesheets/b2c_design/common.scss */ sub { bottom: -0.25em; } /* line 169, app/assets/stylesheets/b2c_design/common.scss */ sup { top: -0.5em; } /* line 173, app/assets/stylesheets/b2c_design/common.scss */ a { color: #121314; cursor: pointer; text-decoration: none; } /* line 178, app/assets/stylesheets/b2c_design/common.scss */ a:hover { color: #121314; } /* line 182, app/assets/stylesheets/b2c_design/common.scss */ a:not([href]):not([class]), a:not([href]):not([class]):hover { color: #121314; text-decoration: none; } /* line 187, app/assets/stylesheets/b2c_design/common.scss */ pre, code, kbd, samp { font-family: var(--bs-font-monospace); font-size: 1em; } /* line 195, app/assets/stylesheets/b2c_design/common.scss */ pre { display: block; margin-top: 0; margin-bottom: 1rem; overflow: auto; font-size: 0.875em; } /* line 202, app/assets/stylesheets/b2c_design/common.scss */ pre code { font-size: inherit; color: inherit; word-break: normal; } /* line 208, app/assets/stylesheets/b2c_design/common.scss */ code { font-size: 0.875em; color: #2F3135; word-wrap: break-word; } /* line 213, app/assets/stylesheets/b2c_design/common.scss */ a > code { color: inherit; } /* line 217, app/assets/stylesheets/b2c_design/common.scss */ kbd { padding: 0.1875rem 0.375rem; font-size: 0.875em; color: #2F3135; border-radius: 0.25rem; } /* line 223, app/assets/stylesheets/b2c_design/common.scss */ kbd kbd { padding: 0; font-size: 1em; } /* line 228, app/assets/stylesheets/b2c_design/common.scss */ figure { margin: 0 0 1rem; } /* line 232, app/assets/stylesheets/b2c_design/common.scss */ img, svg { vertical-align: middle; } /* line 237, app/assets/stylesheets/b2c_design/common.scss */ table { caption-side: bottom; border-collapse: collapse; } /* line 242, app/assets/stylesheets/b2c_design/common.scss */ caption { padding-top: 0.5rem; padding-bottom: 0.5rem; color: rgba(var(33, 37, 41), 0.75); text-align: left; } /* line 249, app/assets/stylesheets/b2c_design/common.scss */ th { text-align: inherit; text-align: -webkit-match-parent; } /* line 254, app/assets/stylesheets/b2c_design/common.scss */ thead, tbody, tfoot, tr, td, th { border-color: inherit; border-style: solid; border-width: 0; } /* line 265, app/assets/stylesheets/b2c_design/common.scss */ label { display: inline-block; } /* line 269, app/assets/stylesheets/b2c_design/common.scss */ button { border-radius: 0; } /* line 273, app/assets/stylesheets/b2c_design/common.scss */ button:focus:not(:focus-visible) { outline: 0; } /* line 277, app/assets/stylesheets/b2c_design/common.scss */ input, button, select, optgroup, textarea { margin: 0; font-family: inherit; font-size: inherit; line-height: inherit; } /* line 288, app/assets/stylesheets/b2c_design/common.scss */ button, select { text-transform: none; } /* line 293, app/assets/stylesheets/b2c_design/common.scss */ [role=button] { cursor: pointer; } /* line 297, app/assets/stylesheets/b2c_design/common.scss */ select { word-wrap: normal; } /* line 300, app/assets/stylesheets/b2c_design/common.scss */ select:disabled { opacity: 1; } /* line 304, app/assets/stylesheets/b2c_design/common.scss */ [list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator { display: none !important; } /* line 308, app/assets/stylesheets/b2c_design/common.scss */ button, [type=button], [type=reset], [type=submit] { -webkit-appearance: button; } /* line 314, app/assets/stylesheets/b2c_design/common.scss */ button:not(:disabled), [type=button]:not(:disabled), [type=reset]:not(:disabled), [type=submit]:not(:disabled) { cursor: pointer; } /* line 321, app/assets/stylesheets/b2c_design/common.scss */ ::-moz-focus-inner { padding: 0; border-style: none; } /* line 326, app/assets/stylesheets/b2c_design/common.scss */ textarea { resize: vertical; } /* line 330, app/assets/stylesheets/b2c_design/common.scss */ fieldset { min-width: 0; padding: 0; margin: 0; border: 0; } /* line 337, app/assets/stylesheets/b2c_design/common.scss */ legend { float: left; width: 100%; padding: 0; margin-bottom: 0.5rem; font-size: calc(1.275rem + 0.3vw); line-height: inherit; } @media (min-width: 1200px) { /* line 346, app/assets/stylesheets/b2c_design/common.scss */ legend { font-size: 1.5rem; } } /* line 350, app/assets/stylesheets/b2c_design/common.scss */ legend + * { clear: left; } /* line 354, app/assets/stylesheets/b2c_design/common.scss */ ::-webkit-datetime-edit-fields-wrapper, ::-webkit-datetime-edit-text, ::-webkit-datetime-edit-minute, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-year-field { padding: 0; } /* line 364, app/assets/stylesheets/b2c_design/common.scss */ ::-webkit-inner-spin-button { height: auto; } /* line 368, app/assets/stylesheets/b2c_design/common.scss */ [type=search] { outline-offset: -2px; -webkit-appearance: textfield; } /* line 374, app/assets/stylesheets/b2c_design/common.scss */ ::-webkit-search-decoration { -webkit-appearance: none; } /* line 378, app/assets/stylesheets/b2c_design/common.scss */ ::-webkit-color-swatch-wrapper { padding: 0; } /* line 382, app/assets/stylesheets/b2c_design/common.scss */ ::-webkit-file-upload-button { font: inherit; -webkit-appearance: button; } /* line 387, app/assets/stylesheets/b2c_design/common.scss */ ::file-selector-button { font: inherit; -webkit-appearance: button; } /* line 392, app/assets/stylesheets/b2c_design/common.scss */ output { display: inline-block; } /* line 396, app/assets/stylesheets/b2c_design/common.scss */ iframe { border: 0; } /* line 400, app/assets/stylesheets/b2c_design/common.scss */ summary { display: list-item; cursor: pointer; } /* line 405, app/assets/stylesheets/b2c_design/common.scss */ progress { vertical-align: baseline; } /* line 409, app/assets/stylesheets/b2c_design/common.scss */ [hidden] { display: none !important; } /* line 412, app/assets/stylesheets/b2c_design/common.scss */ .container { margin: 0 auto; padding-left: 24px; padding-right: 24px; } /* line 417, app/assets/stylesheets/b2c_design/common.scss */ .mobile { display: block; } /* line 420, app/assets/stylesheets/b2c_design/common.scss */ .desktop { display: none; } @media (min-width: 576px) { /* line 424, app/assets/stylesheets/b2c_design/common.scss */ .container { max-width: 540px; } /* line 428, app/assets/stylesheets/b2c_design/common.scss */ .mobile { display: block; } /* line 431, app/assets/stylesheets/b2c_design/common.scss */ .desktop { display: none; } } @media (min-width: 768px) { /* line 436, app/assets/stylesheets/b2c_design/common.scss */ .container { max-width: 720px; padding-left: 0; padding-right: 0; } /* line 441, app/assets/stylesheets/b2c_design/common.scss */ .mobile { display: none; } /* line 444, app/assets/stylesheets/b2c_design/common.scss */ .desktop { display: block; } } @media (min-width: 992px) { /* line 449, app/assets/stylesheets/b2c_design/common.scss */ .container { max-width: 960px; } /* line 452, app/assets/stylesheets/b2c_design/common.scss */ .mobile { display: none; } /* line 455, app/assets/stylesheets/b2c_design/common.scss */ .desktop { display: block; } } @media (min-width: 1200px) { /* line 460, app/assets/stylesheets/b2c_design/common.scss */ .container { max-width: 1192px; } /* line 463, app/assets/stylesheets/b2c_design/common.scss */ .mobile { display: none; } /* line 466, app/assets/stylesheets/b2c_design/common.scss */ .desktop { display: block; } } /* button */ /* line 472, app/assets/stylesheets/b2c_design/common.scss */ .hbutton { display: inline; justify-content: center; align-items: center; font-weight: 500; padding: 4px 16px; background: #1E4275; border-radius: 6px; color: #fff; border: 0; text-transform: capitalize; } /* line 485, app/assets/stylesheets/b2c_design/common.scss */ .hide { display: none !important; } /* line 488, app/assets/stylesheets/b2c_design/common.scss */ .show { display: block !important; } /* line 491, app/assets/stylesheets/b2c_design/common.scss */ .internal-links-wrap { clear: both; }