/* ========================================================= ALPINAMED FONTADOR FONTS ========================================================= */ @font-face { font-display: swap; font-family: "Ador Regular"; font-style: normal; font-weight: 400; src: url("/shop/themes/hummingbird/assets/fonts/Fontador%20-%20Ador%20Regular.otf") format("opentype"); } @font-face { font-display: swap; font-family: "Ador Light"; font-style: normal; font-weight: 300; src: url("/shop/themes/hummingbird/assets/fonts/Fontador%20-%20Ador%20Light.otf") format("opentype"); } @font-face { font-display: swap; font-family: "Ador ExtraBold"; font-style: normal; font-weight: 800; src: url("/shop/themes/hummingbird/assets/fonts/Fontador%20-%20Ador%20ExtraBold.otf") format("opentype"); } @layer vendors, bs-base, bs-components, bs-custom-components, ps-base, ps-components, ps-pages, ps-modules, utilities; :root, [data-bs-theme=light] { --bs-blue: #0b69f6; --bs-indigo: #6610f2; --bs-purple: #6f42c1; --bs-pink: #d63384; --bs-red: #ff4657; --bs-orange: #fd7e14; --bs-yellow: #ffc107; --bs-green: #188251; --bs-teal: #20c997; --bs-cyan: #0dcaf0; --bs-black: #000; --bs-white: #fff; --bs-gray: #6c757d; --bs-gray-dark: #343a40; --bs-gray-100: #f8f9fa; --bs-gray-200: #e9ecef; --bs-gray-300: #dee2e6; --bs-gray-400: #ced4da; --bs-gray-500: #adb5bd; --bs-gray-600: #6c757d; --bs-gray-700: #495057; --bs-gray-800: #343a40; --bs-gray-900: #212529; --bs-primary: #0b69f6; --bs-secondary: #6c757d; --bs-success: #188251; --bs-info: #0dcaf0; --bs-warning: #ffc107; --bs-danger: #ff4657; --bs-light: #f8f9fa; --bs-dark: #212529; --bs-primary-rgb: 11, 105, 246; --bs-secondary-rgb: 108, 117, 125; --bs-success-rgb: 24, 130, 81; --bs-info-rgb: 13, 202, 240; --bs-warning-rgb: 255, 193, 7; --bs-danger-rgb: 255, 70, 87; --bs-light-rgb: 248, 249, 250; --bs-dark-rgb: 33, 37, 41; --bs-primary-text-emphasis: #0b69f6; --bs-secondary-text-emphasis: #2b2f32; --bs-success-text-emphasis: #0a3420; --bs-info-text-emphasis: #055160; --bs-warning-text-emphasis: #664d03; --bs-danger-text-emphasis: #661c23; --bs-light-text-emphasis: #495057; --bs-dark-text-emphasis: #495057; --bs-primary-bg-subtle: #cee1fd; --bs-secondary-bg-subtle: #e2e3e5; --bs-success-bg-subtle: #d1e6dc; --bs-info-bg-subtle: #cff4fc; --bs-warning-bg-subtle: #fff3cd; --bs-danger-bg-subtle: #ffdadd; --bs-light-bg-subtle: #fcfcfd; --bs-dark-bg-subtle: #ced4da; --bs-primary-border-subtle: #9dc3fb; --bs-secondary-border-subtle: #c4c8cb; --bs-success-border-subtle: #a3cdb9; --bs-info-border-subtle: #9eeaf9; --bs-warning-border-subtle: #ffe69c; --bs-danger-border-subtle: #ffb5bc; --bs-light-border-subtle: #e9ecef; --bs-dark-border-subtle: #adb5bd; --bs-white-rgb: 255, 255, 255; --bs-black-rgb: 0, 0, 0; --bs-font-sans-serif: "Open Sans", sans-serif; --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; --bs-gradient: linear-gradient(180deg, hsla(0, 0%, 100%, .15), hsla(0, 0%, 100%, 0)); --bs-body-font-family: "Open Sans", sans-serif; --bs-body-font-size: 1rem; --bs-body-font-weight: 400; --bs-body-line-height: 1.5; --bs-body-color: #212529; --bs-body-color-rgb: 33, 37, 41; --bs-body-bg: #fff; --bs-body-bg-rgb: 255, 255, 255; --bs-emphasis-color: #000; --bs-emphasis-color-rgb: 0, 0, 0; --bs-secondary-color: rgba(33, 37, 41, .75); --bs-secondary-color-rgb: 33, 37, 41; --bs-secondary-bg: #e9ecef; --bs-secondary-bg-rgb: 233, 236, 239; --bs-tertiary-color: rgba(33, 37, 41, .65); --bs-tertiary-color-rgb: 33, 37, 41; --bs-tertiary-bg: #f8f9fa; --bs-tertiary-bg-rgb: 248, 249, 250; --bs-heading-color: inherit; --bs-link-color: #0b69f6; --bs-link-color-rgb: 11, 105, 246; --bs-link-decoration: none; --bs-link-hover-color: #0954c5; --bs-link-hover-color-rgb: 9, 84, 197; --bs-code-color: #d63384; --bs-highlight-color: #212529; --bs-highlight-bg: #fff3cd; --bs-border-width: 1px; --bs-border-style: solid; --bs-border-color: #dee2e6; --bs-border-color-translucent: rgba(0, 0, 0, .175); --bs-border-radius: 0.5rem; --bs-border-radius-sm: 0.25rem; --bs-border-radius-lg: 0.5rem; --bs-border-radius-xl: 1rem; --bs-border-radius-xxl: 2rem; --bs-border-radius-2xl: var(--bs-border-radius-xxl); --bs-border-radius-pill: 50rem; --bs-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, .15); --bs-box-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, .075); --bs-box-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, .175); --bs-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, .075); --bs-focus-ring-width: 0.25rem; --bs-focus-ring-opacity: 0.25; --bs-focus-ring-color: rgba(11, 105, 246, .25); --bs-form-valid-color: #188251; --bs-form-valid-border-color: #188251; --bs-form-invalid-color: #ff4657; --bs-form-invalid-border-color: #ff4657 } [data-bs-theme=dark] { color-scheme: dark; --bs-body-color: #dee2e6; --bs-body-color-rgb: 222, 226, 230; --bs-body-bg: #212529; --bs-body-bg-rgb: 33, 37, 41; --bs-emphasis-color: #fff; --bs-emphasis-color-rgb: 255, 255, 255; --bs-secondary-color: rgba(222, 226, 230, .75); --bs-secondary-color-rgb: 222, 226, 230; --bs-secondary-bg: #343a40; --bs-secondary-bg-rgb: 52, 58, 64; --bs-tertiary-color: rgba(222, 226, 230, .55); --bs-tertiary-color-rgb: 222, 226, 230; --bs-tertiary-bg: #2b3035; --bs-tertiary-bg-rgb: 43, 48, 53; --bs-primary-text-emphasis: #6da5fa; --bs-secondary-text-emphasis: #a7acb1; --bs-success-text-emphasis: #74b497; --bs-info-text-emphasis: #6edff6; --bs-warning-text-emphasis: #ffda6a; --bs-danger-text-emphasis: #ff909a; --bs-light-text-emphasis: #f8f9fa; --bs-dark-text-emphasis: #dee2e6; --bs-primary-bg-subtle: #021531; --bs-secondary-bg-subtle: #161719; --bs-success-bg-subtle: #051a10; --bs-info-bg-subtle: #032830; --bs-warning-bg-subtle: #332701; --bs-danger-bg-subtle: #330e11; --bs-light-bg-subtle: #343a40; --bs-dark-bg-subtle: #1a1d20; --bs-primary-border-subtle: #073f94; --bs-secondary-border-subtle: #41464b; --bs-success-border-subtle: #0e4e31; --bs-info-border-subtle: #087990; --bs-warning-border-subtle: #997404; --bs-danger-border-subtle: #992a34; --bs-light-border-subtle: #495057; --bs-dark-border-subtle: #343a40; --bs-heading-color: inherit; --bs-link-color: #6da5fa; --bs-link-hover-color: #8ab7fb; --bs-link-color-rgb: 109, 165, 250; --bs-link-hover-color-rgb: 138, 183, 251; --bs-code-color: #e685b5; --bs-highlight-color: #dee2e6; --bs-highlight-bg: #664d03; --bs-border-color: #495057; --bs-border-color-translucent: hsla(0, 0%, 100%, .15); --bs-form-valid-color: #74b497; --bs-form-valid-border-color: #74b497; --bs-form-invalid-color: #ff909a; --bs-form-invalid-border-color: #ff909a } :root { --bs-transition-default: all 0.2s ease-in-out; --bs-box-shadow-md: 0 0.625rem 1.25rem rgba(var(--bs-black-rgb), 0.1) } @layer bs-base { *, :after, :before { box-sizing: border-box } @media(prefers-reduced-motion:no-preference) { :root { scroll-behavior: smooth } } body { background-color: var(--bs-body-bg); color: var(--bs-body-color); font-family: var(--bs-body-font-family); font-size: var(--bs-body-font-size); font-weight: var(--bs-body-font-weight); line-height: var(--bs-body-line-height); margin: 0; text-align: var(--bs-body-text-align); -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0) } hr { border: 0; border-top: var(--bs-border-width) solid; color: inherit; margin: 1rem 0; opacity: .25 } .h1, .h2, .h3, .h4, .h5, .h6, .left-block__title, .right-block__title, h1, h2, h3, h4, h5, h6 { color: var(--bs-heading-color); font-weight: 600; line-height: 1.2; margin-bottom: 1rem; margin-top: 0 } .h1, h1 { font-size: calc(var(--bs-body-font-size)*2) } .h2, h2 { font-size: calc(var(--bs-body-font-size)*1.5) } .h3, .left-block__title, .right-block__title, h3 { font-size: calc(var(--bs-body-font-size)*1.25) } .h4, h4 { font-size: calc(var(--bs-body-font-size)*1.125) } .h5, h5 { font-size: var(--bs-body-font-size) } .h6, h6 { font-size: calc(var(--bs-body-font-size)*.875) } p { margin-bottom: 1rem; margin-top: 0 } abbr[title] { cursor: help; -webkit-text-decoration: underline dotted; text-decoration: underline dotted; -webkit-text-decoration-skip-ink: none; text-decoration-skip-ink: none } address { font-style: normal; line-height: inherit; margin-bottom: 1rem } ol, ul { padding-left: 2rem } dl, ol, ul { margin-bottom: 1rem; margin-top: 0 } ol ol, ol ul, ul ol, ul ul { margin-bottom: 0 } dt { font-weight: 700 } dd { margin-bottom: .5rem; margin-left: 0 } blockquote { margin: 0 0 1rem } b, strong { font-weight: bolder } .small, small { font-size: .875em } .mark, mark { background-color: var(--bs-highlight-bg); color: var(--bs-highlight-color); padding: .1875em } sub, sup { font-size: .75em; line-height: 0; position: relative; vertical-align: baseline } sub { bottom: -.25em } sup { top: -.5em } a { color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 1)); text-decoration: none } a:hover { --bs-link-color-rgb: var(--bs-link-hover-color-rgb) } a:not([href]):not([class]), a:not([href]):not([class]):hover { color: inherit; text-decoration: none } code, kbd, pre, samp { font-family: var(--bs-font-monospace); font-size: 1em } pre { display: block; font-size: .875em; margin-bottom: 1rem; margin-top: 0; overflow: auto } pre code { color: inherit; font-size: inherit; word-break: normal } code { color: var(--bs-code-color); font-size: .875em; word-wrap: break-word } a>code { color: inherit } kbd { background-color: var(--bs-body-color); border-radius: .25rem; color: var(--bs-body-bg); font-size: .875em; padding: .1875rem .375rem } kbd kbd { font-size: 1em; padding: 0 } figure { margin: 0 0 1rem } img, svg { vertical-align: middle } table { border-collapse: collapse; caption-side: bottom } caption { color: var(--bs-secondary-color); padding-bottom: .5rem; padding-top: .5rem; text-align: left } th { text-align: inherit; text-align: -webkit-match-parent } tbody, td, tfoot, th, thead, tr { border: 0 solid; border-color: inherit } label { display: inline-block } button { border-radius: 0 } button:focus:not(:focus-visible) { outline: 0 } button, input, optgroup, select, textarea { font-family: inherit; font-size: inherit; line-height: inherit; margin: 0 } button, select { text-transform: none } [role=button] { cursor: pointer } select { word-wrap: normal } select:disabled { opacity: 1 } [list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator { display: none !important } [type=button], [type=reset], [type=submit], button { -webkit-appearance: button } [type=button]:not(:disabled), [type=reset]:not(:disabled), [type=submit]:not(:disabled), button:not(:disabled) { cursor: pointer } ::-moz-focus-inner { border-style: none; padding: 0 } textarea { resize: vertical } fieldset { border: 0; margin: 0; min-width: 0; padding: 0 } legend { float: left; font-size: calc(1.275rem + .3vw); line-height: inherit; margin-bottom: .5rem; padding: 0; width: 100% } @media(min-width:1200px) { legend { font-size: 1.5rem } } legend+* { clear: left } ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-fields-wrapper, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-text, ::-webkit-datetime-edit-year-field { padding: 0 } ::-webkit-inner-spin-button { height: auto } [type=search] { -webkit-appearance: textfield; outline-offset: -2px } ::-webkit-search-decoration { -webkit-appearance: none } ::-webkit-color-swatch-wrapper { padding: 0 } ::file-selector-button { -webkit-appearance: button; font: inherit } output { display: inline-block } iframe { border: 0 } summary { cursor: pointer; display: list-item } progress { vertical-align: baseline } [hidden] { display: none !important } .lead { font-size: 1.25rem; font-weight: 300 } .display-1 { font-size: calc(1.625rem + 4.5vw); font-weight: 300; line-height: 1.2 } @media(min-width:1200px) { .display-1 { font-size: 5rem } } .display-2 { font-size: calc(1.575rem + 3.9vw); font-weight: 300; line-height: 1.2 } @media(min-width:1200px) { .display-2 { font-size: 4.5rem } } .display-3 { font-size: calc(1.525rem + 3.3vw); font-weight: 300; line-height: 1.2 } @media(min-width:1200px) { .display-3 { font-size: 4rem } } .display-4 { font-size: calc(1.475rem + 2.7vw); font-weight: 300; line-height: 1.2 } @media(min-width:1200px) { .display-4 { font-size: 3.5rem } } .display-5 { font-size: calc(1.425rem + 2.1vw); font-weight: 300; line-height: 1.2 } @media(min-width:1200px) { .display-5 { font-size: 3rem } } .display-6 { font-size: calc(1.375rem + 1.5vw); font-weight: 300; line-height: 1.2 } @media(min-width:1200px) { .display-6 { font-size: 2.5rem } } .list-inline, .list-unstyled { list-style: none; padding-left: 0 } .list-inline-item { display: inline-block } .list-inline-item:not(:last-child) { margin-right: .5rem } .initialism { font-size: .875em; text-transform: uppercase } .blockquote { font-size: 1.25rem; margin-bottom: 1rem } .blockquote>:last-child { margin-bottom: 0 } .blockquote-footer { color: #6c757d; font-size: .875em; margin-bottom: 1rem; margin-top: -1rem } .blockquote-footer:before { content: "— " } .img-fluid, .img-thumbnail { height: auto; max-width: 100% } .img-thumbnail { background-color: var(--bs-body-bg); border: var(--bs-border-width) solid var(--bs-border-color); border-radius: var(--bs-border-radius); padding: .25rem } .figure { display: inline-block } .figure-img { line-height: 1; margin-bottom: .5rem } .figure-caption { color: var(--bs-secondary-color); font-size: .875em } .checkout-steps__mobile, .container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { --bs-gutter-x: 1.5rem; --bs-gutter-y: 0; margin-left: auto; margin-right: auto; padding-left: calc(var(--bs-gutter-x)*.5); padding-right: calc(var(--bs-gutter-x)*.5); width: 100% } @media(min-width:576px) { .checkout-steps__mobile, .container, .container-sm, .container-xs { max-width: 540px } } @media(min-width:768px) { .checkout-steps__mobile, .container, .container-md, .container-sm, .container-xs { max-width: 720px } } @media(min-width:992px) { .checkout-steps__mobile, .container, .container-lg, .container-md, .container-sm, .container-xs { max-width: 960px } } @media(min-width:1200px) { .checkout-steps__mobile, .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xs { max-width: 1140px } } @media(min-width:1400px) { .checkout-steps__mobile, .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xs, .container-xxl { max-width: 1320px } } :root { --bs-breakpoint-xxs: 0; --bs-breakpoint-xs: 360px; --bs-breakpoint-sm: 576px; --bs-breakpoint-md: 768px; --bs-breakpoint-lg: 992px; --bs-breakpoint-xl: 1200px; --bs-breakpoint-xxl: 1400px } .row { --bs-gutter-x: 1.5rem; --bs-gutter-y: 0; display: flex; flex-wrap: wrap; margin-left: calc(var(--bs-gutter-x)*-.5); margin-right: calc(var(--bs-gutter-x)*-.5); margin-top: calc(var(--bs-gutter-y)*-1) } .row>* { flex-shrink: 0; margin-top: var(--bs-gutter-y); max-width: 100%; padding-left: calc(var(--bs-gutter-x)*.5); padding-right: calc(var(--bs-gutter-x)*.5); width: 100% } .grid { display: grid; gap: var(--bs-gap, 1.5rem); grid-template-columns: repeat(var(--bs-columns, 12), 1fr); grid-template-rows: repeat(var(--bs-rows, 1), 1fr) } .grid .g-col-1 { grid-column: auto/span 1 } .grid .g-col-2 { grid-column: auto/span 2 } .grid .g-col-3 { grid-column: auto/span 3 } .grid .g-col-4 { grid-column: auto/span 4 } .grid .g-col-5 { grid-column: auto/span 5 } .grid .g-col-6 { grid-column: auto/span 6 } .grid .g-col-7 { grid-column: auto/span 7 } .grid .g-col-8 { grid-column: auto/span 8 } .grid .g-col-9 { grid-column: auto/span 9 } .grid .g-col-10 { grid-column: auto/span 10 } .grid .g-col-11 { grid-column: auto/span 11 } .grid .g-col-12 { grid-column: auto/span 12 } .grid .g-start-1 { grid-column-start: 1 } .grid .g-start-2 { grid-column-start: 2 } .grid .g-start-3 { grid-column-start: 3 } .grid .g-start-4 { grid-column-start: 4 } .grid .g-start-5 { grid-column-start: 5 } .grid .g-start-6 { grid-column-start: 6 } .grid .g-start-7 { grid-column-start: 7 } .grid .g-start-8 { grid-column-start: 8 } .grid .g-start-9 { grid-column-start: 9 } .grid .g-start-10 { grid-column-start: 10 } .grid .g-start-11 { grid-column-start: 11 } @media(min-width:360px) { .grid .g-col-xs-1 { grid-column: auto/span 1 } .grid .g-col-xs-2 { grid-column: auto/span 2 } .grid .g-col-xs-3 { grid-column: auto/span 3 } .grid .g-col-xs-4 { grid-column: auto/span 4 } .grid .g-col-xs-5 { grid-column: auto/span 5 } .grid .g-col-xs-6 { grid-column: auto/span 6 } .grid .g-col-xs-7 { grid-column: auto/span 7 } .grid .g-col-xs-8 { grid-column: auto/span 8 } .grid .g-col-xs-9 { grid-column: auto/span 9 } .grid .g-col-xs-10 { grid-column: auto/span 10 } .grid .g-col-xs-11 { grid-column: auto/span 11 } .grid .g-col-xs-12 { grid-column: auto/span 12 } .grid .g-start-xs-1 { grid-column-start: 1 } .grid .g-start-xs-2 { grid-column-start: 2 } .grid .g-start-xs-3 { grid-column-start: 3 } .grid .g-start-xs-4 { grid-column-start: 4 } .grid .g-start-xs-5 { grid-column-start: 5 } .grid .g-start-xs-6 { grid-column-start: 6 } .grid .g-start-xs-7 { grid-column-start: 7 } .grid .g-start-xs-8 { grid-column-start: 8 } .grid .g-start-xs-9 { grid-column-start: 9 } .grid .g-start-xs-10 { grid-column-start: 10 } .grid .g-start-xs-11 { grid-column-start: 11 } } @media(min-width:576px) { .grid .g-col-sm-1 { grid-column: auto/span 1 } .grid .g-col-sm-2 { grid-column: auto/span 2 } .grid .g-col-sm-3 { grid-column: auto/span 3 } .grid .g-col-sm-4 { grid-column: auto/span 4 } .grid .g-col-sm-5 { grid-column: auto/span 5 } .grid .g-col-sm-6 { grid-column: auto/span 6 } .grid .g-col-sm-7 { grid-column: auto/span 7 } .grid .g-col-sm-8 { grid-column: auto/span 8 } .grid .g-col-sm-9 { grid-column: auto/span 9 } .grid .g-col-sm-10 { grid-column: auto/span 10 } .grid .g-col-sm-11 { grid-column: auto/span 11 } .grid .g-col-sm-12 { grid-column: auto/span 12 } .grid .g-start-sm-1 { grid-column-start: 1 } .grid .g-start-sm-2 { grid-column-start: 2 } .grid .g-start-sm-3 { grid-column-start: 3 } .grid .g-start-sm-4 { grid-column-start: 4 } .grid .g-start-sm-5 { grid-column-start: 5 } .grid .g-start-sm-6 { grid-column-start: 6 } .grid .g-start-sm-7 { grid-column-start: 7 } .grid .g-start-sm-8 { grid-column-start: 8 } .grid .g-start-sm-9 { grid-column-start: 9 } .grid .g-start-sm-10 { grid-column-start: 10 } .grid .g-start-sm-11 { grid-column-start: 11 } } @media(min-width:768px) { .grid .g-col-md-1 { grid-column: auto/span 1 } .grid .g-col-md-2 { grid-column: auto/span 2 } .grid .g-col-md-3 { grid-column: auto/span 3 } .grid .g-col-md-4 { grid-column: auto/span 4 } .grid .g-col-md-5 { grid-column: auto/span 5 } .grid .g-col-md-6 { grid-column: auto/span 6 } .grid .g-col-md-7 { grid-column: auto/span 7 } .grid .g-col-md-8 { grid-column: auto/span 8 } .grid .g-col-md-9 { grid-column: auto/span 9 } .grid .g-col-md-10 { grid-column: auto/span 10 } .grid .g-col-md-11 { grid-column: auto/span 11 } .grid .g-col-md-12 { grid-column: auto/span 12 } .grid .g-start-md-1 { grid-column-start: 1 } .grid .g-start-md-2 { grid-column-start: 2 } .grid .g-start-md-3 { grid-column-start: 3 } .grid .g-start-md-4 { grid-column-start: 4 } .grid .g-start-md-5 { grid-column-start: 5 } .grid .g-start-md-6 { grid-column-start: 6 } .grid .g-start-md-7 { grid-column-start: 7 } .grid .g-start-md-8 { grid-column-start: 8 } .grid .g-start-md-9 { grid-column-start: 9 } .grid .g-start-md-10 { grid-column-start: 10 } .grid .g-start-md-11 { grid-column-start: 11 } } @media(min-width:992px) { .grid .g-col-lg-1 { grid-column: auto/span 1 } .grid .g-col-lg-2 { grid-column: auto/span 2 } .grid .g-col-lg-3 { grid-column: auto/span 3 } .grid .g-col-lg-4 { grid-column: auto/span 4 } .grid .g-col-lg-5 { grid-column: auto/span 5 } .grid .g-col-lg-6 { grid-column: auto/span 6 } .grid .g-col-lg-7 { grid-column: auto/span 7 } .grid .g-col-lg-8 { grid-column: auto/span 8 } .grid .g-col-lg-9 { grid-column: auto/span 9 } .grid .g-col-lg-10 { grid-column: auto/span 10 } .grid .g-col-lg-11 { grid-column: auto/span 11 } .grid .g-col-lg-12 { grid-column: auto/span 12 } .grid .g-start-lg-1 { grid-column-start: 1 } .grid .g-start-lg-2 { grid-column-start: 2 } .grid .g-start-lg-3 { grid-column-start: 3 } .grid .g-start-lg-4 { grid-column-start: 4 } .grid .g-start-lg-5 { grid-column-start: 5 } .grid .g-start-lg-6 { grid-column-start: 6 } .grid .g-start-lg-7 { grid-column-start: 7 } .grid .g-start-lg-8 { grid-column-start: 8 } .grid .g-start-lg-9 { grid-column-start: 9 } .grid .g-start-lg-10 { grid-column-start: 10 } .grid .g-start-lg-11 { grid-column-start: 11 } } @media(min-width:1200px) { .grid .g-col-xl-1 { grid-column: auto/span 1 } .grid .g-col-xl-2 { grid-column: auto/span 2 } .grid .g-col-xl-3 { grid-column: auto/span 3 } .grid .g-col-xl-4 { grid-column: auto/span 4 } .grid .g-col-xl-5 { grid-column: auto/span 5 } .grid .g-col-xl-6 { grid-column: auto/span 6 } .grid .g-col-xl-7 { grid-column: auto/span 7 } .grid .g-col-xl-8 { grid-column: auto/span 8 } .grid .g-col-xl-9 { grid-column: auto/span 9 } .grid .g-col-xl-10 { grid-column: auto/span 10 } .grid .g-col-xl-11 { grid-column: auto/span 11 } .grid .g-col-xl-12 { grid-column: auto/span 12 } .grid .g-start-xl-1 { grid-column-start: 1 } .grid .g-start-xl-2 { grid-column-start: 2 } .grid .g-start-xl-3 { grid-column-start: 3 } .grid .g-start-xl-4 { grid-column-start: 4 } .grid .g-start-xl-5 { grid-column-start: 5 } .grid .g-start-xl-6 { grid-column-start: 6 } .grid .g-start-xl-7 { grid-column-start: 7 } .grid .g-start-xl-8 { grid-column-start: 8 } .grid .g-start-xl-9 { grid-column-start: 9 } .grid .g-start-xl-10 { grid-column-start: 10 } .grid .g-start-xl-11 { grid-column-start: 11 } } @media(min-width:1400px) { .grid .g-col-xxl-1 { grid-column: auto/span 1 } .grid .g-col-xxl-2 { grid-column: auto/span 2 } .grid .g-col-xxl-3 { grid-column: auto/span 3 } .grid .g-col-xxl-4 { grid-column: auto/span 4 } .grid .g-col-xxl-5 { grid-column: auto/span 5 } .grid .g-col-xxl-6 { grid-column: auto/span 6 } .grid .g-col-xxl-7 { grid-column: auto/span 7 } .grid .g-col-xxl-8 { grid-column: auto/span 8 } .grid .g-col-xxl-9 { grid-column: auto/span 9 } .grid .g-col-xxl-10 { grid-column: auto/span 10 } .grid .g-col-xxl-11 { grid-column: auto/span 11 } .grid .g-col-xxl-12 { grid-column: auto/span 12 } .grid .g-start-xxl-1 { grid-column-start: 1 } .grid .g-start-xxl-2 { grid-column-start: 2 } .grid .g-start-xxl-3 { grid-column-start: 3 } .grid .g-start-xxl-4 { grid-column-start: 4 } .grid .g-start-xxl-5 { grid-column-start: 5 } .grid .g-start-xxl-6 { grid-column-start: 6 } .grid .g-start-xxl-7 { grid-column-start: 7 } .grid .g-start-xxl-8 { grid-column-start: 8 } .grid .g-start-xxl-9 { grid-column-start: 9 } .grid .g-start-xxl-10 { grid-column-start: 10 } .grid .g-start-xxl-11 { grid-column-start: 11 } } .col { flex: 1 0 0% } .row-cols-auto>* { flex: 0 0 auto; width: auto } .row-cols-1>* { flex: 0 0 auto; width: 100% } .row-cols-2>* { flex: 0 0 auto; width: 50% } .row-cols-3>* { flex: 0 0 auto; width: 33.33333333% } .row-cols-4>* { flex: 0 0 auto; width: 25% } .row-cols-5>* { flex: 0 0 auto; width: 20% } .row-cols-6>* { flex: 0 0 auto; width: 16.66666667% } .col-auto { flex: 0 0 auto; width: auto } .col-1 { flex: 0 0 auto; width: 8.33333333% } .col-2 { flex: 0 0 auto; width: 16.66666667% } .col-3 { flex: 0 0 auto; width: 25% } .col-4 { flex: 0 0 auto; width: 33.33333333% } .col-5 { flex: 0 0 auto; width: 41.66666667% } .col-6 { flex: 0 0 auto; width: 50% } .col-7 { flex: 0 0 auto; width: 58.33333333% } .col-8 { flex: 0 0 auto; width: 66.66666667% } .col-9 { flex: 0 0 auto; width: 75% } .col-10 { flex: 0 0 auto; width: 83.33333333% } .col-11 { flex: 0 0 auto; width: 91.66666667% } .col-12 { flex: 0 0 auto; width: 100% } .offset-1 { margin-left: 8.33333333% } .offset-2 { margin-left: 16.66666667% } .offset-3 { margin-left: 25% } .offset-4 { margin-left: 33.33333333% } .offset-5 { margin-left: 41.66666667% } .offset-6 { margin-left: 50% } .offset-7 { margin-left: 58.33333333% } .offset-8 { margin-left: 66.66666667% } .offset-9 { margin-left: 75% } .offset-10 { margin-left: 83.33333333% } .offset-11 { margin-left: 91.66666667% } .g-0, .gx-0 { --bs-gutter-x: 0 } .g-0, .gy-0 { --bs-gutter-y: 0 } .g-1, .gx-1 { --bs-gutter-x: 0.25rem } .g-1, .gy-1 { --bs-gutter-y: 0.25rem } .g-2, .gx-2 { --bs-gutter-x: 0.5rem } .g-2, .gy-2 { --bs-gutter-y: 0.5rem } .g-3, .gx-3 { --bs-gutter-x: 1rem } .g-3, .gy-3 { --bs-gutter-y: 1rem } .g-4, .gx-4 { --bs-gutter-x: 1.5rem } .g-4, .gy-4 { --bs-gutter-y: 1.5rem } .g-5, .gx-5 { --bs-gutter-x: 3rem } .g-5, .gy-5 { --bs-gutter-y: 3rem } @media(min-width:360px) { .col-xs { flex: 1 0 0% } .row-cols-xs-auto>* { flex: 0 0 auto; width: auto } .row-cols-xs-1>* { flex: 0 0 auto; width: 100% } .row-cols-xs-2>* { flex: 0 0 auto; width: 50% } .row-cols-xs-3>* { flex: 0 0 auto; width: 33.33333333% } .row-cols-xs-4>* { flex: 0 0 auto; width: 25% } .row-cols-xs-5>* { flex: 0 0 auto; width: 20% } .row-cols-xs-6>* { flex: 0 0 auto; width: 16.66666667% } .col-xs-auto { flex: 0 0 auto; width: auto } .col-xs-1 { flex: 0 0 auto; width: 8.33333333% } .col-xs-2 { flex: 0 0 auto; width: 16.66666667% } .col-xs-3 { flex: 0 0 auto; width: 25% } .col-xs-4 { flex: 0 0 auto; width: 33.33333333% } .col-xs-5 { flex: 0 0 auto; width: 41.66666667% } .col-xs-6 { flex: 0 0 auto; width: 50% } .col-xs-7 { flex: 0 0 auto; width: 58.33333333% } .col-xs-8 { flex: 0 0 auto; width: 66.66666667% } .col-xs-9 { flex: 0 0 auto; width: 75% } .col-xs-10 { flex: 0 0 auto; width: 83.33333333% } .col-xs-11 { flex: 0 0 auto; width: 91.66666667% } .col-xs-12 { flex: 0 0 auto; width: 100% } .offset-xs-0 { margin-left: 0 } .offset-xs-1 { margin-left: 8.33333333% } .offset-xs-2 { margin-left: 16.66666667% } .offset-xs-3 { margin-left: 25% } .offset-xs-4 { margin-left: 33.33333333% } .offset-xs-5 { margin-left: 41.66666667% } .offset-xs-6 { margin-left: 50% } .offset-xs-7 { margin-left: 58.33333333% } .offset-xs-8 { margin-left: 66.66666667% } .offset-xs-9 { margin-left: 75% } .offset-xs-10 { margin-left: 83.33333333% } .offset-xs-11 { margin-left: 91.66666667% } .g-xs-0, .gx-xs-0 { --bs-gutter-x: 0 } .g-xs-0, .gy-xs-0 { --bs-gutter-y: 0 } .g-xs-1, .gx-xs-1 { --bs-gutter-x: 0.25rem } .g-xs-1, .gy-xs-1 { --bs-gutter-y: 0.25rem } .g-xs-2, .gx-xs-2 { --bs-gutter-x: 0.5rem } .g-xs-2, .gy-xs-2 { --bs-gutter-y: 0.5rem } .g-xs-3, .gx-xs-3 { --bs-gutter-x: 1rem } .g-xs-3, .gy-xs-3 { --bs-gutter-y: 1rem } .g-xs-4, .gx-xs-4 { --bs-gutter-x: 1.5rem } .g-xs-4, .gy-xs-4 { --bs-gutter-y: 1.5rem } .g-xs-5, .gx-xs-5 { --bs-gutter-x: 3rem } .g-xs-5, .gy-xs-5 { --bs-gutter-y: 3rem } } @media(min-width:576px) { .col-sm { flex: 1 0 0% } .row-cols-sm-auto>* { flex: 0 0 auto; width: auto } .row-cols-sm-1>* { flex: 0 0 auto; width: 100% } .row-cols-sm-2>* { flex: 0 0 auto; width: 50% } .row-cols-sm-3>* { flex: 0 0 auto; width: 33.33333333% } .row-cols-sm-4>* { flex: 0 0 auto; width: 25% } .row-cols-sm-5>* { flex: 0 0 auto; width: 20% } .row-cols-sm-6>* { flex: 0 0 auto; width: 16.66666667% } .col-sm-auto { flex: 0 0 auto; width: auto } .col-sm-1 { flex: 0 0 auto; width: 8.33333333% } .col-sm-2 { flex: 0 0 auto; width: 16.66666667% } .col-sm-3 { flex: 0 0 auto; width: 25% } .col-sm-4 { flex: 0 0 auto; width: 33.33333333% } .col-sm-5 { flex: 0 0 auto; width: 41.66666667% } .col-sm-6 { flex: 0 0 auto; width: 50% } .col-sm-7 { flex: 0 0 auto; width: 58.33333333% } .col-sm-8 { flex: 0 0 auto; width: 66.66666667% } .col-sm-9 { flex: 0 0 auto; width: 75% } .col-sm-10 { flex: 0 0 auto; width: 83.33333333% } .col-sm-11 { flex: 0 0 auto; width: 91.66666667% } .col-sm-12 { flex: 0 0 auto; width: 100% } .offset-sm-0 { margin-left: 0 } .offset-sm-1 { margin-left: 8.33333333% } .offset-sm-2 { margin-left: 16.66666667% } .offset-sm-3 { margin-left: 25% } .offset-sm-4 { margin-left: 33.33333333% } .offset-sm-5 { margin-left: 41.66666667% } .offset-sm-6 { margin-left: 50% } .offset-sm-7 { margin-left: 58.33333333% } .offset-sm-8 { margin-left: 66.66666667% } .offset-sm-9 { margin-left: 75% } .offset-sm-10 { margin-left: 83.33333333% } .offset-sm-11 { margin-left: 91.66666667% } .g-sm-0, .gx-sm-0 { --bs-gutter-x: 0 } .g-sm-0, .gy-sm-0 { --bs-gutter-y: 0 } .g-sm-1, .gx-sm-1 { --bs-gutter-x: 0.25rem } .g-sm-1, .gy-sm-1 { --bs-gutter-y: 0.25rem } .g-sm-2, .gx-sm-2 { --bs-gutter-x: 0.5rem } .g-sm-2, .gy-sm-2 { --bs-gutter-y: 0.5rem } .g-sm-3, .gx-sm-3 { --bs-gutter-x: 1rem } .g-sm-3, .gy-sm-3 { --bs-gutter-y: 1rem } .g-sm-4, .gx-sm-4 { --bs-gutter-x: 1.5rem } .g-sm-4, .gy-sm-4 { --bs-gutter-y: 1.5rem } .g-sm-5, .gx-sm-5 { --bs-gutter-x: 3rem } .g-sm-5, .gy-sm-5 { --bs-gutter-y: 3rem } } @media(min-width:768px) { .col-md { flex: 1 0 0% } .row-cols-md-auto>* { flex: 0 0 auto; width: auto } .row-cols-md-1>* { flex: 0 0 auto; width: 100% } .row-cols-md-2>* { flex: 0 0 auto; width: 50% } .row-cols-md-3>* { flex: 0 0 auto; width: 33.33333333% } .row-cols-md-4>* { flex: 0 0 auto; width: 25% } .row-cols-md-5>* { flex: 0 0 auto; width: 20% } .row-cols-md-6>* { flex: 0 0 auto; width: 16.66666667% } .col-md-auto { flex: 0 0 auto; width: auto } .col-md-1 { flex: 0 0 auto; width: 8.33333333% } .col-md-2 { flex: 0 0 auto; width: 16.66666667% } .col-md-3 { flex: 0 0 auto; width: 25% } .col-md-4 { flex: 0 0 auto; width: 33.33333333% } .col-md-5 { flex: 0 0 auto; width: 41.66666667% } .col-md-6 { flex: 0 0 auto; width: 50% } .col-md-7 { flex: 0 0 auto; width: 58.33333333% } .col-md-8 { flex: 0 0 auto; width: 66.66666667% } .col-md-9 { flex: 0 0 auto; width: 75% } .col-md-10 { flex: 0 0 auto; width: 83.33333333% } .col-md-11 { flex: 0 0 auto; width: 91.66666667% } .col-md-12 { flex: 0 0 auto; width: 100% } .offset-md-0 { margin-left: 0 } .offset-md-1 { margin-left: 8.33333333% } .offset-md-2 { margin-left: 16.66666667% } .offset-md-3 { margin-left: 25% } .offset-md-4 { margin-left: 33.33333333% } .offset-md-5 { margin-left: 41.66666667% } .offset-md-6 { margin-left: 50% } .offset-md-7 { margin-left: 58.33333333% } .offset-md-8 { margin-left: 66.66666667% } .offset-md-9 { margin-left: 75% } .offset-md-10 { margin-left: 83.33333333% } .offset-md-11 { margin-left: 91.66666667% } .g-md-0, .gx-md-0 { --bs-gutter-x: 0 } .g-md-0, .gy-md-0 { --bs-gutter-y: 0 } .g-md-1, .gx-md-1 { --bs-gutter-x: 0.25rem } .g-md-1, .gy-md-1 { --bs-gutter-y: 0.25rem } .g-md-2, .gx-md-2 { --bs-gutter-x: 0.5rem } .g-md-2, .gy-md-2 { --bs-gutter-y: 0.5rem } .g-md-3, .gx-md-3 { --bs-gutter-x: 1rem } .g-md-3, .gy-md-3 { --bs-gutter-y: 1rem } .g-md-4, .gx-md-4 { --bs-gutter-x: 1.5rem } .g-md-4, .gy-md-4 { --bs-gutter-y: 1.5rem } .g-md-5, .gx-md-5 { --bs-gutter-x: 3rem } .g-md-5, .gy-md-5 { --bs-gutter-y: 3rem } } @media(min-width:992px) { .col-lg { flex: 1 0 0% } .row-cols-lg-auto>* { flex: 0 0 auto; width: auto } .row-cols-lg-1>* { flex: 0 0 auto; width: 100% } .row-cols-lg-2>* { flex: 0 0 auto; width: 50% } .row-cols-lg-3>* { flex: 0 0 auto; width: 33.33333333% } .row-cols-lg-4>* { flex: 0 0 auto; width: 25% } .row-cols-lg-5>* { flex: 0 0 auto; width: 20% } .row-cols-lg-6>* { flex: 0 0 auto; width: 16.66666667% } .col-lg-auto { flex: 0 0 auto; width: auto } .col-lg-1 { flex: 0 0 auto; width: 8.33333333% } .col-lg-2 { flex: 0 0 auto; width: 16.66666667% } .col-lg-3 { flex: 0 0 auto; width: 25% } .col-lg-4 { flex: 0 0 auto; width: 33.33333333% } .col-lg-5 { flex: 0 0 auto; width: 41.66666667% } .col-lg-6 { flex: 0 0 auto; width: 50% } .col-lg-7 { flex: 0 0 auto; width: 58.33333333% } .col-lg-8 { flex: 0 0 auto; width: 66.66666667% } .col-lg-9 { flex: 0 0 auto; width: 75% } .col-lg-10 { flex: 0 0 auto; width: 83.33333333% } .col-lg-11 { flex: 0 0 auto; width: 91.66666667% } .col-lg-12 { flex: 0 0 auto; width: 100% } .offset-lg-0 { margin-left: 0 } .offset-lg-1 { margin-left: 8.33333333% } .offset-lg-2 { margin-left: 16.66666667% } .offset-lg-3 { margin-left: 25% } .offset-lg-4 { margin-left: 33.33333333% } .offset-lg-5 { margin-left: 41.66666667% } .offset-lg-6 { margin-left: 50% } .offset-lg-7 { margin-left: 58.33333333% } .offset-lg-8 { margin-left: 66.66666667% } .offset-lg-9 { margin-left: 75% } .offset-lg-10 { margin-left: 83.33333333% } .offset-lg-11 { margin-left: 91.66666667% } .g-lg-0, .gx-lg-0 { --bs-gutter-x: 0 } .g-lg-0, .gy-lg-0 { --bs-gutter-y: 0 } .g-lg-1, .gx-lg-1 { --bs-gutter-x: 0.25rem } .g-lg-1, .gy-lg-1 { --bs-gutter-y: 0.25rem } .g-lg-2, .gx-lg-2 { --bs-gutter-x: 0.5rem } .g-lg-2, .gy-lg-2 { --bs-gutter-y: 0.5rem } .g-lg-3, .gx-lg-3 { --bs-gutter-x: 1rem } .g-lg-3, .gy-lg-3 { --bs-gutter-y: 1rem } .g-lg-4, .gx-lg-4 { --bs-gutter-x: 1.5rem } .g-lg-4, .gy-lg-4 { --bs-gutter-y: 1.5rem } .g-lg-5, .gx-lg-5 { --bs-gutter-x: 3rem } .g-lg-5, .gy-lg-5 { --bs-gutter-y: 3rem } } @media(min-width:1200px) { .col-xl { flex: 1 0 0% } .row-cols-xl-auto>* { flex: 0 0 auto; width: auto } .row-cols-xl-1>* { flex: 0 0 auto; width: 100% } .row-cols-xl-2>* { flex: 0 0 auto; width: 50% } .row-cols-xl-3>* { flex: 0 0 auto; width: 33.33333333% } .row-cols-xl-4>* { flex: 0 0 auto; width: 25% } .row-cols-xl-5>* { flex: 0 0 auto; width: 20% } .row-cols-xl-6>* { flex: 0 0 auto; width: 16.66666667% } .col-xl-auto { flex: 0 0 auto; width: auto } .col-xl-1 { flex: 0 0 auto; width: 8.33333333% } .col-xl-2 { flex: 0 0 auto; width: 16.66666667% } .col-xl-3 { flex: 0 0 auto; width: 25% } .col-xl-4 { flex: 0 0 auto; width: 33.33333333% } .col-xl-5 { flex: 0 0 auto; width: 41.66666667% } .col-xl-6 { flex: 0 0 auto; width: 50% } .col-xl-7 { flex: 0 0 auto; width: 58.33333333% } .col-xl-8 { flex: 0 0 auto; width: 66.66666667% } .col-xl-9 { flex: 0 0 auto; width: 75% } .col-xl-10 { flex: 0 0 auto; width: 83.33333333% } .col-xl-11 { flex: 0 0 auto; width: 91.66666667% } .col-xl-12 { flex: 0 0 auto; width: 100% } .offset-xl-0 { margin-left: 0 } .offset-xl-1 { margin-left: 8.33333333% } .offset-xl-2 { margin-left: 16.66666667% } .offset-xl-3 { margin-left: 25% } .offset-xl-4 { margin-left: 33.33333333% } .offset-xl-5 { margin-left: 41.66666667% } .offset-xl-6 { margin-left: 50% } .offset-xl-7 { margin-left: 58.33333333% } .offset-xl-8 { margin-left: 66.66666667% } .offset-xl-9 { margin-left: 75% } .offset-xl-10 { margin-left: 83.33333333% } .offset-xl-11 { margin-left: 91.66666667% } .g-xl-0, .gx-xl-0 { --bs-gutter-x: 0 } .g-xl-0, .gy-xl-0 { --bs-gutter-y: 0 } .g-xl-1, .gx-xl-1 { --bs-gutter-x: 0.25rem } .g-xl-1, .gy-xl-1 { --bs-gutter-y: 0.25rem } .g-xl-2, .gx-xl-2 { --bs-gutter-x: 0.5rem } .g-xl-2, .gy-xl-2 { --bs-gutter-y: 0.5rem } .g-xl-3, .gx-xl-3 { --bs-gutter-x: 1rem } .g-xl-3, .gy-xl-3 { --bs-gutter-y: 1rem } .g-xl-4, .gx-xl-4 { --bs-gutter-x: 1.5rem } .g-xl-4, .gy-xl-4 { --bs-gutter-y: 1.5rem } .g-xl-5, .gx-xl-5 { --bs-gutter-x: 3rem } .g-xl-5, .gy-xl-5 { --bs-gutter-y: 3rem } } @media(min-width:1400px) { .col-xxl { flex: 1 0 0% } .row-cols-xxl-auto>* { flex: 0 0 auto; width: auto } .row-cols-xxl-1>* { flex: 0 0 auto; width: 100% } .row-cols-xxl-2>* { flex: 0 0 auto; width: 50% } .row-cols-xxl-3>* { flex: 0 0 auto; width: 33.33333333% } .row-cols-xxl-4>* { flex: 0 0 auto; width: 25% } .row-cols-xxl-5>* { flex: 0 0 auto; width: 20% } .row-cols-xxl-6>* { flex: 0 0 auto; width: 16.66666667% } .col-xxl-auto { flex: 0 0 auto; width: auto } .col-xxl-1 { flex: 0 0 auto; width: 8.33333333% } .col-xxl-2 { flex: 0 0 auto; width: 16.66666667% } .col-xxl-3 { flex: 0 0 auto; width: 25% } .col-xxl-4 { flex: 0 0 auto; width: 33.33333333% } .col-xxl-5 { flex: 0 0 auto; width: 41.66666667% } .col-xxl-6 { flex: 0 0 auto; width: 50% } .col-xxl-7 { flex: 0 0 auto; width: 58.33333333% } .col-xxl-8 { flex: 0 0 auto; width: 66.66666667% } .col-xxl-9 { flex: 0 0 auto; width: 75% } .col-xxl-10 { flex: 0 0 auto; width: 83.33333333% } .col-xxl-11 { flex: 0 0 auto; width: 91.66666667% } .col-xxl-12 { flex: 0 0 auto; width: 100% } .offset-xxl-0 { margin-left: 0 } .offset-xxl-1 { margin-left: 8.33333333% } .offset-xxl-2 { margin-left: 16.66666667% } .offset-xxl-3 { margin-left: 25% } .offset-xxl-4 { margin-left: 33.33333333% } .offset-xxl-5 { margin-left: 41.66666667% } .offset-xxl-6 { margin-left: 50% } .offset-xxl-7 { margin-left: 58.33333333% } .offset-xxl-8 { margin-left: 66.66666667% } .offset-xxl-9 { margin-left: 75% } .offset-xxl-10 { margin-left: 83.33333333% } .offset-xxl-11 { margin-left: 91.66666667% } .g-xxl-0, .gx-xxl-0 { --bs-gutter-x: 0 } .g-xxl-0, .gy-xxl-0 { --bs-gutter-y: 0 } .g-xxl-1, .gx-xxl-1 { --bs-gutter-x: 0.25rem } .g-xxl-1, .gy-xxl-1 { --bs-gutter-y: 0.25rem } .g-xxl-2, .gx-xxl-2 { --bs-gutter-x: 0.5rem } .g-xxl-2, .gy-xxl-2 { --bs-gutter-y: 0.5rem } .g-xxl-3, .gx-xxl-3 { --bs-gutter-x: 1rem } .g-xxl-3, .gy-xxl-3 { --bs-gutter-y: 1rem } .g-xxl-4, .gx-xxl-4 { --bs-gutter-x: 1.5rem } .g-xxl-4, .gy-xxl-4 { --bs-gutter-y: 1.5rem } .g-xxl-5, .gx-xxl-5 { --bs-gutter-x: 3rem } .g-xxl-5, .gy-xxl-5 { --bs-gutter-y: 3rem } } .clearfix:after { clear: both; content: ""; display: block } /* .product-flags .badge:not(.discount), .text-bg-primary { background-color: RGBA(var(--bs-primary-rgb), var(--bs-bg-opacity, 1)) !important; color: #fff !important } */ .text-bg-secondary { background-color: RGBA(var(--bs-secondary-rgb), var(--bs-bg-opacity, 1)) !important; color: #fff !important } .text-bg-success { background-color: RGBA(var(--bs-success-rgb), var(--bs-bg-opacity, 1)) !important; color: #fff !important } .text-bg-info { background-color: RGBA(var(--bs-info-rgb), var(--bs-bg-opacity, 1)) !important; color: #000 !important } .text-bg-warning { background-color: RGBA(var(--bs-warning-rgb), var(--bs-bg-opacity, 1)) !important; color: #000 !important } .text-bg-danger { background-color: RGBA(var(--bs-danger-rgb), var(--bs-bg-opacity, 1)) !important; color: #000 !important } .text-bg-light { background-color: RGBA(var(--bs-light-rgb), var(--bs-bg-opacity, 1)) !important; color: #000 !important } .text-bg-dark { background-color: RGBA(var(--bs-dark-rgb), var(--bs-bg-opacity, 1)) !important; color: #fff !important } .link-primary { color: RGBA(var(--bs-primary-rgb), var(--bs-link-opacity, 1)) !important; text-decoration-color: RGBA(var(--bs-primary-rgb), var(--bs-link-underline-opacity, 1)) !important } .link-primary:focus, .link-primary:hover { color: RGBA(9, 84, 197, var(--bs-link-opacity, 1)) !important; text-decoration-color: RGBA(9, 84, 197, var(--bs-link-underline-opacity, 1)) !important } .link-secondary { color: RGBA(var(--bs-secondary-rgb), var(--bs-link-opacity, 1)) !important; text-decoration-color: RGBA(var(--bs-secondary-rgb), var(--bs-link-underline-opacity, 1)) !important } .link-secondary:focus, .link-secondary:hover { color: RGBA(86, 94, 100, var(--bs-link-opacity, 1)) !important; text-decoration-color: RGBA(86, 94, 100, var(--bs-link-underline-opacity, 1)) !important } .link-success { color: RGBA(var(--bs-success-rgb), var(--bs-link-opacity, 1)) !important; text-decoration-color: RGBA(var(--bs-success-rgb), var(--bs-link-underline-opacity, 1)) !important } .link-success:focus, .link-success:hover { color: RGBA(19, 104, 65, var(--bs-link-opacity, 1)) !important; text-decoration-color: RGBA(19, 104, 65, var(--bs-link-underline-opacity, 1)) !important } .link-info { color: RGBA(var(--bs-info-rgb), var(--bs-link-opacity, 1)) !important; text-decoration-color: RGBA(var(--bs-info-rgb), var(--bs-link-underline-opacity, 1)) !important } .link-info:focus, .link-info:hover { color: RGBA(61, 213, 243, var(--bs-link-opacity, 1)) !important; text-decoration-color: RGBA(61, 213, 243, var(--bs-link-underline-opacity, 1)) !important } .link-warning { color: RGBA(var(--bs-warning-rgb), var(--bs-link-opacity, 1)) !important; text-decoration-color: RGBA(var(--bs-warning-rgb), var(--bs-link-underline-opacity, 1)) !important } .link-warning:focus, .link-warning:hover { color: RGBA(255, 205, 57, var(--bs-link-opacity, 1)) !important; text-decoration-color: RGBA(255, 205, 57, var(--bs-link-underline-opacity, 1)) !important } .link-danger { color: RGBA(var(--bs-danger-rgb), var(--bs-link-opacity, 1)) !important; text-decoration-color: RGBA(var(--bs-danger-rgb), var(--bs-link-underline-opacity, 1)) !important } .link-danger:focus, .link-danger:hover { color: RGBA(255, 107, 121, var(--bs-link-opacity, 1)) !important; text-decoration-color: RGBA(255, 107, 121, var(--bs-link-underline-opacity, 1)) !important } .link-light { color: RGBA(var(--bs-light-rgb), var(--bs-link-opacity, 1)) !important; text-decoration-color: RGBA(var(--bs-light-rgb), var(--bs-link-underline-opacity, 1)) !important } .link-light:focus, .link-light:hover { color: RGBA(249, 250, 251, var(--bs-link-opacity, 1)) !important; text-decoration-color: RGBA(249, 250, 251, var(--bs-link-underline-opacity, 1)) !important } .link-dark { color: RGBA(var(--bs-dark-rgb), var(--bs-link-opacity, 1)) !important; text-decoration-color: RGBA(var(--bs-dark-rgb), var(--bs-link-underline-opacity, 1)) !important } .link-dark:focus, .link-dark:hover { color: RGBA(26, 30, 33, var(--bs-link-opacity, 1)) !important; text-decoration-color: RGBA(26, 30, 33, var(--bs-link-underline-opacity, 1)) !important } .link-body-emphasis { color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-opacity, 1)) !important; text-decoration-color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-underline-opacity, 1)) !important } .link-body-emphasis:focus, .link-body-emphasis:hover { color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-opacity, .75)) !important; text-decoration-color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-underline-opacity, .75)) !important } .focus-ring:focus { box-shadow: var(--bs-focus-ring-x, 0) var(--bs-focus-ring-y, 0) var(--bs-focus-ring-blur, 0) var(--bs-focus-ring-width) var(--bs-focus-ring-color); outline: 0 } .icon-link { align-items: center; backface-visibility: hidden; display: inline-flex; gap: .375rem; text-decoration-color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, .5)); text-underline-offset: .25em } .icon-link>.bi { flex-shrink: 0; height: 1em; width: 1em; fill: currentcolor; transition: transform .2s ease-in-out } @media(prefers-reduced-motion:reduce) { .icon-link>.bi { transition: none } } .icon-link-hover:focus-visible>.bi, .icon-link-hover:hover>.bi { transform: var(--bs-icon-link-transform, translate3d(.25em, 0, 0)) } .ratio { position: relative; width: 100% } .ratio:before { content: ""; display: block; padding-top: var(--bs-aspect-ratio) } .ratio>* { height: 100%; left: 0; position: absolute; top: 0; width: 100% } .ratio-1x1 { --bs-aspect-ratio: 100% } .ratio-4x3 { --bs-aspect-ratio: 75% } .ratio-16x9 { --bs-aspect-ratio: 56.25% } .ratio-21x9 { --bs-aspect-ratio: 42.8571428571% } .fixed-top { top: 0 } .fixed-bottom, .fixed-top { left: 0; position: fixed; right: 0; z-index: 1030 } .fixed-bottom { bottom: 0 } .sticky-top { top: 0 } .sticky-bottom, .sticky-top { position: sticky; z-index: 1020 } .sticky-bottom { bottom: 0 } @media(min-width:360px) { .sticky-xs-top { position: sticky; top: 0; z-index: 1020 } .sticky-xs-bottom { bottom: 0; position: sticky; z-index: 1020 } } @media(min-width:576px) { .sticky-sm-top { position: sticky; top: 0; z-index: 1020 } .sticky-sm-bottom { bottom: 0; position: sticky; z-index: 1020 } } @media(min-width:768px) { .sticky-md-top { position: sticky; top: 0; z-index: 1020 } .sticky-md-bottom { bottom: 0; position: sticky; z-index: 1020 } } @media(min-width:992px) { .sticky-lg-top { position: sticky; top: 0; z-index: 1020 } .sticky-lg-bottom { bottom: 0; position: sticky; z-index: 1020 } } @media(min-width:1200px) { .sticky-xl-top { position: sticky; top: 0; z-index: 1020 } .sticky-xl-bottom { bottom: 0; position: sticky; z-index: 1020 } } @media(min-width:1400px) { .sticky-xxl-top { position: sticky; top: 0; z-index: 1020 } .sticky-xxl-bottom { bottom: 0; position: sticky; z-index: 1020 } } .hstack { align-items: center; flex-direction: row } .hstack, .vstack { align-self: stretch; display: flex } .vstack { flex: 1 1 auto; flex-direction: column } .visually-hidden, .visually-hidden-focusable:not(:focus):not(:focus-within) { height: 1px !important; margin: -1px !important; overflow: hidden !important; padding: 0 !important; width: 1px !important; clip: rect(0, 0, 0, 0) !important; border: 0 !important; white-space: nowrap !important } .visually-hidden-focusable:not(:focus):not(:focus-within):not(caption), .visually-hidden:not(caption) { position: absolute !important } .stretched-link:after { bottom: 0; content: ""; left: 0; position: absolute; right: 0; top: 0; z-index: 1 } .text-truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .vr { align-self: stretch; background-color: currentcolor; display: inline-block; min-height: 1em; opacity: .25; width: var(--bs-border-width) } .fade { transition: opacity .15s linear } @media(prefers-reduced-motion:reduce) { .fade { transition: none } } .fade:not(.show) { opacity: 0 } .collapse:not(.show) { display: none } .collapsing { height: 0; overflow: hidden; transition: height .35s ease } @media(prefers-reduced-motion:reduce) { .collapsing { transition: none } } .collapsing.collapse-horizontal { height: auto; transition: width .35s ease; width: 0 } @media(prefers-reduced-motion:reduce) { .collapsing.collapse-horizontal { transition: none } } } @layer bs-components { .accordion { --bs-accordion-color: var(--bs-body-color); --bs-accordion-bg: var(--bs-body-bg); --bs-accordion-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, border-radius 0.15s ease; --bs-accordion-border-color: var(--bs-border-color); --bs-accordion-border-width: 0; --bs-accordion-border-radius: 0; --bs-accordion-inner-border-radius: 0; --bs-accordion-btn-padding-x: 0; --bs-accordion-btn-padding-y: 1rem; --bs-accordion-btn-color: var(--bs-body-color); --bs-accordion-btn-bg: var(--bs-accordion-bg); --bs-accordion-btn-icon: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23363a41' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3E%3C/svg%3E"); --bs-accordion-btn-icon-width: 1rem; --bs-accordion-btn-icon-transform: rotate(-180deg); --bs-accordion-btn-icon-transition: transform 0.2s ease-in-out; --bs-accordion-btn-active-icon: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23363a41' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3E%3C/svg%3E"); --bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(11, 105, 246, .25); --bs-accordion-body-padding-x: 0; --bs-accordion-body-padding-y: 0; --bs-accordion-active-color: var(--bs-link-hover-color); --bs-accordion-active-bg: transparent } .accordion-button { align-items: center; background-color: var(--bs-accordion-btn-bg); border: 0; border-radius: 0; color: var(--bs-accordion-btn-color); display: flex; font-size: 1rem; overflow-anchor: none; padding: var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x); position: relative; text-align: left; transition: var(--bs-accordion-transition); width: 100% } @media(prefers-reduced-motion:reduce) { .accordion-button { transition: none } } .accordion-button:not(.collapsed) { background-color: var(--bs-accordion-active-bg); box-shadow: inset 0 calc(var(--bs-accordion-border-width)*-1) 0 var(--bs-accordion-border-color); color: #B30931; } .accordion-button:not(.collapsed):after { background-image: var(--bs-accordion-btn-active-icon); transform: var(--bs-accordion-btn-icon-transform) } .accordion-button:after { background-image: var(--bs-accordion-btn-icon); background-repeat: no-repeat; background-size: var(--bs-accordion-btn-icon-width); content: ""; flex-shrink: 0; height: var(--bs-accordion-btn-icon-width); margin-left: auto; transition: var(--bs-accordion-btn-icon-transition); width: var(--bs-accordion-btn-icon-width) } @media(prefers-reduced-motion:reduce) { .accordion-button:after { transition: none } } .accordion-button:hover { z-index: 2 } .accordion-button:focus { box-shadow: var(--bs-accordion-btn-focus-box-shadow); outline: 0; z-index: 3 } .accordion-header { margin-bottom: 0 } .accordion-item { background-color: var(--bs-accordion-bg); border: var(--bs-accordion-border-width) solid var(--bs-accordion-border-color); color: var(--bs-accordion-color) } .accordion-item:first-of-type { border-top-left-radius: var(--bs-accordion-border-radius); border-top-right-radius: var(--bs-accordion-border-radius) } .accordion-item:first-of-type>.accordion-header .accordion-button { border-top-left-radius: var(--bs-accordion-inner-border-radius); border-top-right-radius: var(--bs-accordion-inner-border-radius) } .accordion-item:not(:first-of-type) { border-top: 0 } .accordion-item:last-of-type { border-bottom-left-radius: var(--bs-accordion-border-radius); border-bottom-right-radius: var(--bs-accordion-border-radius) } .accordion-item:last-of-type>.accordion-header .accordion-button.collapsed { border-bottom-left-radius: var(--bs-accordion-inner-border-radius); border-bottom-right-radius: var(--bs-accordion-inner-border-radius) } .accordion-item:last-of-type>.accordion-collapse { border-bottom-left-radius: var(--bs-accordion-border-radius); border-bottom-right-radius: var(--bs-accordion-border-radius) } .accordion-body { padding: var(--bs-accordion-body-padding-y) var(--bs-accordion-body-padding-x) } .accordion-flush>.accordion-item { border-left: 0; border-radius: 0; border-right: 0 } .accordion-flush>.accordion-item:first-child { border-top: 0 } .accordion-flush>.accordion-item:last-child { border-bottom: 0 } .accordion-flush>.accordion-item>.accordion-collapse, .accordion-flush>.accordion-item>.accordion-header .accordion-button, .accordion-flush>.accordion-item>.accordion-header .accordion-button.collapsed { border-radius: 0 } [data-bs-theme=dark] .accordion-button:after { --bs-accordion-btn-icon: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%236CA5F9' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708'/%3E%3C/svg%3E"); --bs-accordion-btn-active-icon: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%236CA5F9' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708'/%3E%3C/svg%3E") } .alert { --bs-alert-bg: transparent; --bs-alert-padding-x: 1rem; --bs-alert-padding-y: 1rem; --bs-alert-margin-bottom: 1rem; --bs-alert-color: inherit; --bs-alert-border-color: transparent; --bs-alert-border: var(--bs-border-width) solid var(--bs-alert-border-color); --bs-alert-border-radius: var(--bs-border-radius); --bs-alert-link-color: inherit; background-color: var(--bs-alert-bg); border: var(--bs-alert-border); border-radius: var(--bs-alert-border-radius); color: var(--bs-alert-color); margin-bottom: var(--bs-alert-margin-bottom); padding: var(--bs-alert-padding-y) var(--bs-alert-padding-x); position: relative } .alert-heading { color: inherit } .alert-link { color: var(--bs-alert-link-color); font-weight: 700 } .alert-dismissible { padding-right: 3rem } .alert-dismissible .btn-close { padding: 1.25rem 1rem; position: absolute; right: 0; top: 0; z-index: 2 } .alert-primary { --bs-alert-color: var(--bs-primary-text-emphasis); --bs-alert-bg: var(--bs-primary-bg-subtle); --bs-alert-border-color: var(--bs-primary-border-subtle); --bs-alert-link-color: var(--bs-primary-text-emphasis) } .alert-secondary { --bs-alert-color: var(--bs-secondary-text-emphasis); --bs-alert-bg: var(--bs-secondary-bg-subtle); --bs-alert-border-color: var(--bs-secondary-border-subtle); --bs-alert-link-color: var(--bs-secondary-text-emphasis) } .alert-success { --bs-alert-color: var(--bs-success-text-emphasis); --bs-alert-bg: var(--bs-success-bg-subtle); --bs-alert-border-color: var(--bs-success-border-subtle); --bs-alert-link-color: var(--bs-success-text-emphasis) } /*.alert-info { --bs-alert-color: var(--bs-info-text-emphasis); --bs-alert-bg: var(--bs-info-bg-subtle); --bs-alert-border-color: var(--bs-info-border-subtle); --bs-alert-link-color: var(--bs-info-text-emphasis) }*/ .alert-warning { --bs-alert-color: var(--bs-warning-text-emphasis); --bs-alert-bg: var(--bs-warning-bg-subtle); --bs-alert-border-color: var(--bs-warning-border-subtle); --bs-alert-link-color: var(--bs-warning-text-emphasis) } .alert-danger { --bs-alert-color: var(--bs-danger-text-emphasis); --bs-alert-bg: var(--bs-danger-bg-subtle); --bs-alert-border-color: var(--bs-danger-border-subtle); --bs-alert-link-color: var(--bs-danger-text-emphasis) } .alert-light { --bs-alert-color: var(--bs-light-text-emphasis); --bs-alert-bg: var(--bs-light-bg-subtle); --bs-alert-border-color: var(--bs-light-border-subtle); --bs-alert-link-color: var(--bs-light-text-emphasis) } .alert-dark { --bs-alert-color: var(--bs-dark-text-emphasis); --bs-alert-bg: var(--bs-dark-bg-subtle); --bs-alert-border-color: var(--bs-dark-border-subtle); --bs-alert-link-color: var(--bs-dark-text-emphasis) } .badge { --bs-badge-padding-x: 0.5rem; --bs-badge-padding-y: 0.25rem; --bs-badge-font-size: 0.875rem; --bs-badge-font-weight: 400; --bs-badge-color: #fff; --bs-badge-border-radius: 0.25rem; border-radius: var(--bs-badge-border-radius); color: var(--bs-badge-color); display: inline-block; font-size: var(--bs-badge-font-size); font-weight: var(--bs-badge-font-weight); line-height: 1; padding: var(--bs-badge-padding-y) var(--bs-badge-padding-x); text-align: center; vertical-align: baseline; white-space: nowrap } .badge:empty { display: none } .btn .badge { position: relative; top: -1px } .breadcrumb { --bs-breadcrumb-padding-x: 0; --bs-breadcrumb-padding-y: 0.75rem; --bs-breadcrumb-margin-bottom: 0; --bs-breadcrumb-font-size: 0.875rem; --bs-breadcrumb-bg: ; --bs-breadcrumb-border-radius: ; --bs-breadcrumb-divider-color: var(--bs-body-color); --bs-breadcrumb-item-padding-x: 0.5rem; --bs-breadcrumb-item-active-color: var(--bs-body-color); background-color: var(--bs-breadcrumb-bg); border-radius: var(--bs-breadcrumb-border-radius); display: flex; flex-wrap: wrap; font-size: var(--bs-breadcrumb-font-size); list-style: none; margin-bottom: var(--bs-breadcrumb-margin-bottom); padding: var(--bs-breadcrumb-padding-y) var(--bs-breadcrumb-padding-x) } .breadcrumb-item+.breadcrumb-item { padding-left: var(--bs-breadcrumb-item-padding-x) } .breadcrumb-item+.breadcrumb-item:before { color: var(--bs-breadcrumb-divider-color); content: var(--bs-breadcrumb-divider, "/"); float: left; padding-right: var(--bs-breadcrumb-item-padding-x) } .breadcrumb-item.active { color: var(--bs-breadcrumb-item-active-color) } .btn { --bs-btn-padding-x: 0.75rem; --bs-btn-padding-y: 0.375rem; --bs-btn-font-family: "Open Sans", sans-serif; --bs-btn-font-size: 1rem; --bs-btn-font-weight: 400; --bs-btn-line-height: 1.5; --bs-btn-color: var(--bs-body-color); --bs-btn-bg: transparent; --bs-btn-border-width: var(--bs-border-width); --bs-btn-border-color: transparent; --bs-btn-border-radius: 0.25rem; --bs-btn-hover-border-color: transparent; --bs-btn-box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, .15), 0 1px 1px rgba(0, 0, 0, .075); --bs-btn-disabled-opacity: 0.65; --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5); background-color: var(--bs-btn-bg); border: var(--bs-btn-border-width) solid var(--bs-btn-border-color); border-radius: var(--bs-btn-border-radius); color: var(--bs-btn-color); cursor: pointer; display: inline-block; font-family: var(--bs-btn-font-family); font-size: var(--bs-btn-font-size); font-weight: var(--bs-btn-font-weight); line-height: var(--bs-btn-line-height); padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x); text-align: center; transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out; -webkit-user-select: none; -moz-user-select: none; user-select: none; vertical-align: middle } @media(prefers-reduced-motion:reduce) { .btn { transition: none } } .btn:hover { background-color: var(--bs-btn-hover-bg); border-color: var(--bs-btn-hover-border-color); color: var(--bs-btn-hover-color) } .btn-check+.btn:hover { background-color: var(--bs-btn-bg); border-color: var(--bs-btn-border-color); color: var(--bs-btn-color) } .btn:focus-visible { background-color: var(--bs-btn-hover-bg); border-color: var(--bs-btn-hover-border-color); box-shadow: var(--bs-btn-focus-box-shadow); color: var(--bs-btn-hover-color); outline: 0 } .btn-check:focus-visible+.btn { border-color: var(--bs-btn-hover-border-color); box-shadow: var(--bs-btn-focus-box-shadow); outline: 0 } .btn-check:checked+.btn, .btn.active, .btn.show, .btn:first-child:active, :not(.btn-check)+.btn:active { background-color: var(--bs-btn-active-bg); border-color: var(--bs-btn-active-border-color); color: var(--bs-btn-active-color) } .btn-check:checked+.btn:focus-visible, .btn.active:focus-visible, .btn.show:focus-visible, .btn:first-child:active:focus-visible, :not(.btn-check)+.btn:active:focus-visible { box-shadow: var(--bs-btn-focus-box-shadow) } .btn-check:checked:focus-visible+.btn { box-shadow: var(--bs-btn-focus-box-shadow) } .btn.disabled, .btn:disabled, fieldset:disabled .btn { background-color: var(--bs-btn-disabled-bg); border-color: var(--bs-btn-disabled-border-color); color: var(--bs-btn-disabled-color); opacity: var(--bs-btn-disabled-opacity); pointer-events: none } .btn-primary { --bs-btn-color: #fff; --bs-btn-bg: #B30931; --bs-btn-border-color: #B30931; --bs-btn-hover-color: #fff; --bs-btn-hover-bg: #930726; --bs-btn-hover-border-color: #930726; --bs-btn-focus-shadow-rgb: 179, 9, 49; --bs-btn-active-color: #fff; --bs-btn-active-bg: #930726; --bs-btn-active-border-color: #930726; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); --bs-btn-disabled-color: #fff; --bs-btn-disabled-bg: #B30931; --bs-btn-disabled-border-color: #B30931; } .btn-secondary { --bs-btn-color: #fff; --bs-btn-bg: #6c757d; --bs-btn-border-color: #6c757d; --bs-btn-hover-color: #fff; --bs-btn-hover-bg: #5c636a; --bs-btn-hover-border-color: #565e64; --bs-btn-focus-shadow-rgb: 130, 138, 145; --bs-btn-active-color: #fff; --bs-btn-active-bg: #565e64; --bs-btn-active-border-color: #51585e; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); --bs-btn-disabled-color: #fff; --bs-btn-disabled-bg: #6c757d; --bs-btn-disabled-border-color: #6c757d } .btn-success { --bs-btn-color: #fff; --bs-btn-bg: #188251; --bs-btn-border-color: #188251; --bs-btn-hover-color: #fff; --bs-btn-hover-bg: #146f45; --bs-btn-hover-border-color: #136841; --bs-btn-focus-shadow-rgb: 59, 149, 107; --bs-btn-active-color: #fff; --bs-btn-active-bg: #136841; --bs-btn-active-border-color: #12623d; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); --bs-btn-disabled-color: #fff; --bs-btn-disabled-bg: #188251; --bs-btn-disabled-border-color: #188251 } .btn-info { --bs-btn-color: #000; --bs-btn-bg: #0dcaf0; --bs-btn-border-color: #0dcaf0; --bs-btn-hover-color: #000; --bs-btn-hover-bg: #31d2f2; --bs-btn-hover-border-color: #25cff2; --bs-btn-focus-shadow-rgb: 11, 172, 204; --bs-btn-active-color: #000; --bs-btn-active-bg: #3dd5f3; --bs-btn-active-border-color: #25cff2; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); --bs-btn-disabled-color: #000; --bs-btn-disabled-bg: #0dcaf0; --bs-btn-disabled-border-color: #0dcaf0 } .btn-warning { --bs-btn-color: #000; --bs-btn-bg: #ffc107; --bs-btn-border-color: #ffc107; --bs-btn-hover-color: #000; --bs-btn-hover-bg: #ffca2c; --bs-btn-hover-border-color: #ffc720; --bs-btn-focus-shadow-rgb: 217, 164, 6; --bs-btn-active-color: #000; --bs-btn-active-bg: #ffcd39; --bs-btn-active-border-color: #ffc720; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); --bs-btn-disabled-color: #000; --bs-btn-disabled-bg: #ffc107; --bs-btn-disabled-border-color: #ffc107 } .btn-danger { --bs-btn-color: #000; --bs-btn-bg: #ff4657; --bs-btn-border-color: #ff4657; --bs-btn-hover-color: #000; --bs-btn-hover-bg: #ff6270; --bs-btn-hover-border-color: #ff5968; --bs-btn-focus-shadow-rgb: 217, 60, 74; --bs-btn-active-color: #000; --bs-btn-active-bg: #ff6b79; --bs-btn-active-border-color: #ff5968; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); --bs-btn-disabled-color: #000; --bs-btn-disabled-bg: #ff4657; --bs-btn-disabled-border-color: #ff4657 } .btn-light { --bs-btn-color: #000; --bs-btn-bg: #f8f9fa; --bs-btn-border-color: #f8f9fa; --bs-btn-hover-color: #000; --bs-btn-hover-bg: #d3d4d5; --bs-btn-hover-border-color: #c6c7c8; --bs-btn-focus-shadow-rgb: 211, 212, 213; --bs-btn-active-color: #000; --bs-btn-active-bg: #c6c7c8; --bs-btn-active-border-color: #babbbc; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); --bs-btn-disabled-color: #000; --bs-btn-disabled-bg: #f8f9fa; --bs-btn-disabled-border-color: #f8f9fa } .btn-dark { --bs-btn-color: #fff; --bs-btn-bg: #212529; --bs-btn-border-color: #212529; --bs-btn-hover-color: #fff; --bs-btn-hover-bg: #424649; --bs-btn-hover-border-color: #373b3e; --bs-btn-focus-shadow-rgb: 66, 70, 73; --bs-btn-active-color: #fff; --bs-btn-active-bg: #4d5154; --bs-btn-active-border-color: #373b3e; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); --bs-btn-disabled-color: #fff; --bs-btn-disabled-bg: #212529; --bs-btn-disabled-border-color: #212529 } .btn-outline-primary { --bs-btn-color: #B30931; --bs-btn-border-color: #B30931; --bs-btn-hover-color: #fff; --bs-btn-hover-bg: #B30931; --bs-btn-hover-border-color: #B30931; --bs-btn-focus-shadow-rgb: 179, 9, 49; --bs-btn-active-color: #fff; --bs-btn-active-bg: #B30931; --bs-btn-active-border-color: #B30931; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); --bs-btn-disabled-color: #B30931; --bs-btn-disabled-bg: transparent; --bs-btn-disabled-border-color: #B30931; --bs-gradient: none; } .btn-outline-secondary { --bs-btn-color: #6c757d; --bs-btn-border-color: #6c757d; --bs-btn-hover-color: #fff; --bs-btn-hover-bg: #6c757d; --bs-btn-hover-border-color: #6c757d; --bs-btn-focus-shadow-rgb: 108, 117, 125; --bs-btn-active-color: #fff; --bs-btn-active-bg: #6c757d; --bs-btn-active-border-color: #6c757d; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); --bs-btn-disabled-color: #6c757d; --bs-btn-disabled-bg: transparent; --bs-btn-disabled-border-color: #6c757d; --bs-gradient: none } .btn-outline-success { --bs-btn-color: #188251; --bs-btn-border-color: #188251; --bs-btn-hover-color: #fff; --bs-btn-hover-bg: #188251; --bs-btn-hover-border-color: #188251; --bs-btn-focus-shadow-rgb: 24, 130, 81; --bs-btn-active-color: #fff; --bs-btn-active-bg: #188251; --bs-btn-active-border-color: #188251; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); --bs-btn-disabled-color: #188251; --bs-btn-disabled-bg: transparent; --bs-btn-disabled-border-color: #188251; --bs-gradient: none } .btn-outline-info { --bs-btn-color: #0dcaf0; --bs-btn-border-color: #0dcaf0; --bs-btn-hover-color: #000; --bs-btn-hover-bg: #0dcaf0; --bs-btn-hover-border-color: #0dcaf0; --bs-btn-focus-shadow-rgb: 13, 202, 240; --bs-btn-active-color: #000; --bs-btn-active-bg: #0dcaf0; --bs-btn-active-border-color: #0dcaf0; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); --bs-btn-disabled-color: #0dcaf0; --bs-btn-disabled-bg: transparent; --bs-btn-disabled-border-color: #0dcaf0; --bs-gradient: none } .btn-outline-warning { --bs-btn-color: #ffc107; --bs-btn-border-color: #ffc107; --bs-btn-hover-color: #000; --bs-btn-hover-bg: #ffc107; --bs-btn-hover-border-color: #ffc107; --bs-btn-focus-shadow-rgb: 255, 193, 7; --bs-btn-active-color: #000; --bs-btn-active-bg: #ffc107; --bs-btn-active-border-color: #ffc107; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); --bs-btn-disabled-color: #ffc107; --bs-btn-disabled-bg: transparent; --bs-btn-disabled-border-color: #ffc107; --bs-gradient: none } .btn-outline-danger { --bs-btn-color: #ff4657; --bs-btn-border-color: #ff4657; --bs-btn-hover-color: #000; --bs-btn-hover-bg: #ff4657; --bs-btn-hover-border-color: #ff4657; --bs-btn-focus-shadow-rgb: 255, 70, 87; --bs-btn-active-color: #000; --bs-btn-active-bg: #ff4657; --bs-btn-active-border-color: #ff4657; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); --bs-btn-disabled-color: #ff4657; --bs-btn-disabled-bg: transparent; --bs-btn-disabled-border-color: #ff4657; --bs-gradient: none } .btn-outline-light { --bs-btn-color: #f8f9fa; --bs-btn-border-color: #f8f9fa; --bs-btn-hover-color: #000; --bs-btn-hover-bg: #f8f9fa; --bs-btn-hover-border-color: #f8f9fa; --bs-btn-focus-shadow-rgb: 248, 249, 250; --bs-btn-active-color: #000; --bs-btn-active-bg: #f8f9fa; --bs-btn-active-border-color: #f8f9fa; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); --bs-btn-disabled-color: #f8f9fa; --bs-btn-disabled-bg: transparent; --bs-btn-disabled-border-color: #f8f9fa; --bs-gradient: none } .btn-outline-dark { --bs-btn-color: #212529; --bs-btn-border-color: #212529; --bs-btn-hover-color: #fff; --bs-btn-hover-bg: #212529; --bs-btn-hover-border-color: #212529; --bs-btn-focus-shadow-rgb: 33, 37, 41; --bs-btn-active-color: #fff; --bs-btn-active-bg: #212529; --bs-btn-active-border-color: #212529; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); --bs-btn-disabled-color: #212529; --bs-btn-disabled-bg: transparent; --bs-btn-disabled-border-color: #212529; --bs-gradient: none } .btn-link { --bs-btn-font-weight: 400; --bs-btn-color: var(--bs-link-color); --bs-btn-bg: transparent; --bs-btn-border-color: transparent; --bs-btn-hover-color: var(--bs-link-hover-color); --bs-btn-hover-border-color: transparent; --bs-btn-active-color: var(--bs-link-hover-color); --bs-btn-active-border-color: transparent; --bs-btn-disabled-color: #6c757d; --bs-btn-disabled-border-color: transparent; --bs-btn-box-shadow: 0 0 0 #000; --bs-btn-focus-shadow-rgb: 48, 128, 247; text-decoration: none } .btn-link:focus-visible { color: var(--bs-btn-color) } .btn-link:hover { color: var(--bs-btn-hover-color) } .btn-group-lg>.btn, .btn-lg { --bs-btn-padding-y: 0.5rem; --bs-btn-padding-x: 1rem; --bs-btn-font-size: 1.25rem; --bs-btn-border-radius: var(--bs-border-radius-lg) } .btn-group-sm>.btn, .btn-sm { --bs-btn-padding-y: 0.25rem; --bs-btn-padding-x: 0.5rem; --bs-btn-font-size: 0.875rem; --bs-btn-border-radius: var(--bs-border-radius-sm) } .btn-group, .btn-group-vertical { display: inline-flex; position: relative; vertical-align: middle } .btn-group-vertical>.btn, .btn-group>.btn { flex: 1 1 auto; position: relative } .btn-group-vertical>.btn-check:checked+.btn, .btn-group-vertical>.btn-check:focus+.btn, .btn-group-vertical>.btn.active, .btn-group-vertical>.btn:active, .btn-group-vertical>.btn:focus, .btn-group-vertical>.btn:hover, .btn-group>.btn-check:checked+.btn, .btn-group>.btn-check:focus+.btn, .btn-group>.btn.active, .btn-group>.btn:active, .btn-group>.btn:focus, .btn-group>.btn:hover { z-index: 1 } .btn-toolbar { display: flex; flex-wrap: wrap; justify-content: flex-start } .btn-toolbar .input-group { width: auto } .btn-group { border-radius: .25rem } .btn-group>.btn-group:not(:first-child), .btn-group>:not(.btn-check:first-child)+.btn { margin-left: calc(var(--bs-border-width)*-1) } .btn-group>.btn-group:not(:last-child)>.btn, .btn-group>.btn.dropdown-toggle-split:first-child, .btn-group>.btn:not(:last-child):not(.dropdown-toggle) { border-bottom-right-radius: 0; border-top-right-radius: 0 } .btn-group>.btn-group:not(:first-child)>.btn, .btn-group>.btn:nth-child(n+3), .btn-group>:not(.btn-check)+.btn { border-bottom-left-radius: 0; border-top-left-radius: 0 } .dropdown-toggle-split { padding-left: .5625rem; padding-right: .5625rem } .dropdown-toggle-split:after, .dropend .dropdown-toggle-split:after, .dropup .dropdown-toggle-split:after { margin-left: 0 } .dropstart .dropdown-toggle-split:before { margin-right: 0 } .btn-group-sm>.btn+.dropdown-toggle-split, .btn-sm+.dropdown-toggle-split { padding-left: .375rem; padding-right: .375rem } .btn-group-lg>.btn+.dropdown-toggle-split, .btn-lg+.dropdown-toggle-split { padding-left: .75rem; padding-right: .75rem } .btn-group-vertical { align-items: flex-start; flex-direction: column; justify-content: center } .btn-group-vertical>.btn, .btn-group-vertical>.btn-group { width: 100% } .btn-group-vertical>.btn-group:not(:first-child), .btn-group-vertical>.btn:not(:first-child) { margin-top: calc(var(--bs-border-width)*-1) } .btn-group-vertical>.btn-group:not(:last-child)>.btn, .btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle) { border-bottom-left-radius: 0; border-bottom-right-radius: 0 } .btn-group-vertical>.btn-group:not(:first-child)>.btn, .btn-group-vertical>.btn~.btn { border-top-left-radius: 0; border-top-right-radius: 0 } .card { --bs-card-spacer-y: 1rem; --bs-card-spacer-x: 1rem; --bs-card-title-spacer-y: 0.5rem; --bs-card-title-color: ; --bs-card-subtitle-color: ; --bs-card-border-width: 0; --bs-card-border-color: var(--bs-border-color); --bs-card-border-radius: var(--bs-border-radius); --bs-card-box-shadow: ; --bs-card-inner-border-radius: calc(var(--bs-border-radius) - var(--bs-border-width)); --bs-card-cap-padding-y: 0.5rem; --bs-card-cap-padding-x: 1rem; --bs-card-cap-bg: var(--bs-tertiary-bg); --bs-card-cap-color: ; --bs-card-height: ; --bs-card-color: ; --bs-card-bg: var(--bs-body-bg); --bs-card-img-overlay-padding: 1rem; --bs-card-group-margin: 0.75rem; color: var(--bs-body-color); display: flex; flex-direction: column; height: var(--bs-card-height); min-width: 0; position: relative; word-wrap: break-word; background-clip: border-box; background-color: var(--bs-card-bg); border: var(--bs-card-border-width) solid var(--bs-card-border-color); border-radius: var(--bs-card-border-radius) } .card>hr { margin-left: 0; margin-right: 0 } .card>.list-group { border-bottom: inherit; border-top: inherit } .card>.list-group:first-child { border-top-left-radius: var(--bs-card-inner-border-radius); border-top-right-radius: var(--bs-card-inner-border-radius); border-top-width: 0 } .card>.list-group:last-child { border-bottom-left-radius: var(--bs-card-inner-border-radius); border-bottom-right-radius: var(--bs-card-inner-border-radius); border-bottom-width: 0 } .card>.card-header+.list-group, .card>.list-group+.card-footer { border-top: 0 } .card-body { color: var(--bs-card-color); flex: 1 1 auto; padding: var(--bs-card-spacer-y) var(--bs-card-spacer-x) } .card-title { color: var(--bs-card-title-color); margin-bottom: var(--bs-card-title-spacer-y) } .card-subtitle { color: var(--bs-card-subtitle-color); margin-top: calc(var(--bs-card-title-spacer-y)*-.5) } .card-subtitle, .card-text:last-child { margin-bottom: 0 } .card-link+.card-link { margin-left: var(--bs-card-spacer-x) } .card-header { background-color: var(--bs-card-cap-bg); border-bottom: var(--bs-card-border-width) solid var(--bs-card-border-color); color: var(--bs-card-cap-color); margin-bottom: 0; padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x) } .card-header:first-child { border-radius: var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius) 0 0 } .card-footer { background-color: var(--bs-card-cap-bg); border-top: var(--bs-card-border-width) solid var(--bs-card-border-color); color: var(--bs-card-cap-color); padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x) } .card-footer:last-child { border-radius: 0 0 var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius) } .card-header-tabs { border-bottom: 0; margin-bottom: calc(var(--bs-card-cap-padding-y)*-1); margin-left: calc(var(--bs-card-cap-padding-x)*-.5); margin-right: calc(var(--bs-card-cap-padding-x)*-.5) } .card-header-tabs .nav-link.active { background-color: var(--bs-card-bg); border-bottom-color: var(--bs-card-bg) } .card-header-pills { margin-left: calc(var(--bs-card-cap-padding-x)*-.5); margin-right: calc(var(--bs-card-cap-padding-x)*-.5) } .card-img-overlay { border-radius: var(--bs-card-inner-border-radius); bottom: 0; left: 0; padding: var(--bs-card-img-overlay-padding); position: absolute; right: 0; top: 0 } .card-img, .card-img-bottom, .card-img-top { width: 100% } .card-img, .card-img-top { border-top-left-radius: var(--bs-card-inner-border-radius); border-top-right-radius: var(--bs-card-inner-border-radius) } .card-img, .card-img-bottom { border-bottom-left-radius: var(--bs-card-inner-border-radius); border-bottom-right-radius: var(--bs-card-inner-border-radius) } .card-group>.card { margin-bottom: var(--bs-card-group-margin) } @media(min-width:576px) { .card-group { display: flex; flex-flow: row wrap } .card-group>.card { flex: 1 0 0%; margin-bottom: 0 } .card-group>.card+.card { border-left: 0; margin-left: 0 } .card-group>.card:not(:last-child) { border-bottom-right-radius: 0; border-top-right-radius: 0 } .card-group>.card:not(:last-child) .card-header, .card-group>.card:not(:last-child) .card-img-top { border-top-right-radius: 0 } .card-group>.card:not(:last-child) .card-footer, .card-group>.card:not(:last-child) .card-img-bottom { border-bottom-right-radius: 0 } .card-group>.card:not(:first-child) { border-bottom-left-radius: 0; border-top-left-radius: 0 } .card-group>.card:not(:first-child) .card-header, .card-group>.card:not(:first-child) .card-img-top { border-top-left-radius: 0 } .card-group>.card:not(:first-child) .card-footer, .card-group>.card:not(:first-child) .card-img-bottom { border-bottom-left-radius: 0 } } .carousel { position: relative } .carousel.pointer-event { touch-action: pan-y } .carousel-inner { overflow: hidden; position: relative; width: 100% } .carousel-inner:after { clear: both; content: ""; display: block } .carousel-item { backface-visibility: hidden; display: none; float: left; margin-right: -100%; position: relative; transition: transform .6s ease-in-out; width: 100% } @media(prefers-reduced-motion:reduce) { .carousel-item { transition: none } } .carousel-item-next, .carousel-item-prev, .carousel-item.active { display: block } .active.carousel-item-end, .carousel-item-next:not(.carousel-item-start) { transform: translateX(100%) } .active.carousel-item-start, .carousel-item-prev:not(.carousel-item-end) { transform: translateX(-100%) } .carousel-fade .carousel-item { opacity: 0; transform: none; transition-property: opacity } .carousel-fade .carousel-item-next.carousel-item-start, .carousel-fade .carousel-item-prev.carousel-item-end, .carousel-fade .carousel-item.active { opacity: 1; z-index: 1 } .carousel-fade .active.carousel-item-end, .carousel-fade .active.carousel-item-start { opacity: 0; transition: opacity 0s .6s; z-index: 0 } @media(prefers-reduced-motion:reduce) { .carousel-fade .active.carousel-item-end, .carousel-fade .active.carousel-item-start { transition: none } } .carousel-control-next, .carousel-control-prev { align-items: center; background: none; border: 0; bottom: 0; color: #000; display: flex; justify-content: center; opacity: .35; padding: 0; position: absolute; text-align: center; top: 0; transition: opacity .15s ease; width: 15%; z-index: 1 } @media(prefers-reduced-motion:reduce) { .carousel-control-next, .carousel-control-prev { transition: none } } .carousel-control-next:focus, .carousel-control-next:hover, .carousel-control-prev:focus, .carousel-control-prev:hover { color: #000; opacity: 1; outline: 0; text-decoration: none } .carousel-control-prev { left: 0 } .carousel-control-next { right: 0 } .carousel-control-next-icon, .carousel-control-prev-icon { background-position: 50%; background-repeat: no-repeat; background-size: 100% 100%; display: inline-block; height: 2.25rem; width: 2.25rem } .carousel-control-prev-icon { background-image: "î—‹" } .carousel-control-next-icon { background-image: "î—Œ" } .carousel-indicators { bottom: 0; display: flex; justify-content: center; left: 0; margin-bottom: 1rem; margin-left: 15%; margin-right: 15%; padding: 0; position: absolute; right: 0; z-index: 2 } .carousel-indicators [data-bs-target] { background-clip: padding-box; background-color: #fff; border: 0; border-bottom: .875rem solid transparent; border-top: .875rem solid transparent; box-sizing: content-box; cursor: pointer; flex: 0 1 auto; height: 3px; margin-left: .375rem; margin-right: .375rem; opacity: 1; padding: 0; text-indent: -999px; transition: opacity .5s ease; width: 30px } @media(prefers-reduced-motion:reduce) { .carousel-indicators [data-bs-target] { transition: none } } .carousel-indicators .active { opacity: 1 } .carousel-caption { bottom: 1.25rem; color: #fff; left: 25%; padding-bottom: 1.25rem; padding-top: 1.25rem; position: absolute; right: 25%; text-align: center } .carousel-dark .carousel-control-next-icon, .carousel-dark .carousel-control-prev-icon { filter: invert(1) grayscale(100) } .carousel-dark .carousel-indicators [data-bs-target] { background-color: #000 } .carousel-dark .carousel-caption { color: #000 } [data-bs-theme=dark] .carousel .carousel-control-next-icon, [data-bs-theme=dark] .carousel .carousel-control-prev-icon, [data-bs-theme=dark].carousel .carousel-control-next-icon, [data-bs-theme=dark].carousel .carousel-control-prev-icon { filter: invert(1) grayscale(100) } [data-bs-theme=dark] .carousel .carousel-indicators [data-bs-target], [data-bs-theme=dark].carousel .carousel-indicators [data-bs-target] { background-color: #000 } [data-bs-theme=dark] .carousel .carousel-caption, [data-bs-theme=dark].carousel .carousel-caption { color: #000 } .btn-close { --bs-btn-close-color: #000; --bs-btn-close-bg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414'/%3E%3C/svg%3E"); --bs-btn-close-opacity: 0.5; --bs-btn-close-hover-opacity: 0.75; --bs-btn-close-focus-shadow: 0 0 0 0.25rem rgba(11, 105, 246, .25); --bs-btn-close-focus-opacity: 1; --bs-btn-close-disabled-opacity: 0.25; --bs-btn-close-white-filter: invert(1) grayscale(100%) brightness(200%); background: transparent var(--bs-btn-close-bg) center/1em auto no-repeat; border: 0; border-radius: .5rem; box-sizing: content-box; height: 1em; opacity: var(--bs-btn-close-opacity); padding: .25em; width: 1em } .btn-close, .btn-close:hover { color: var(--bs-btn-close-color) } .btn-close:hover { opacity: var(--bs-btn-close-hover-opacity); text-decoration: none } .btn-close:focus { box-shadow: var(--bs-btn-close-focus-shadow); opacity: var(--bs-btn-close-focus-opacity); outline: 0 } .btn-close.disabled, .btn-close:disabled { opacity: var(--bs-btn-close-disabled-opacity); pointer-events: none; -webkit-user-select: none; -moz-user-select: none; user-select: none } .btn-close-white, [data-bs-theme=dark] .btn-close { filter: var(--bs-btn-close-white-filter) } .dropdown, .dropdown-center, .dropend, .dropstart, .dropup, .dropup-center { position: relative } .dropdown-toggle { white-space: nowrap } .dropdown-toggle:after { color: inherit; display: inline-block; font-family: Material Icons, sans-serif; font-feature-settings: "liga"; font-size: 1.375em; font-style: normal; font-weight: 400; height: 1em; letter-spacing: normal; line-height: 1; text-transform: none; width: 1em; word-wrap: normal; direction: ltr; vertical-align: middle; white-space: nowrap; -webkit-font-smoothing: antialiased; text-rendering: optimizelegibility; -moz-osx-font-smoothing: grayscale; border: none; content: ""; content: ""; margin: 0; vertical-align: initial } .dropdown-toggle:empty:after { margin-left: 0 } .dropdown-menu { --bs-dropdown-zindex: 1000; --bs-dropdown-min-width: 10rem; --bs-dropdown-padding-x: 0; --bs-dropdown-padding-y: 0; --bs-dropdown-spacer: 0.125rem; --bs-dropdown-font-size: 1rem; --bs-dropdown-color: var(--bs-body-color); --bs-dropdown-bg: var(--bs-body-bg); --bs-dropdown-border-color: var(--bs-border-color-translucent); --bs-dropdown-border-radius: var(--bs-border-radius); --bs-dropdown-border-width: var(--bs-border-width); --bs-dropdown-inner-border-radius: calc(var(--bs-border-radius) - var(--bs-border-width)); --bs-dropdown-divider-bg: var(--bs-border-color-translucent); --bs-dropdown-divider-margin-y: 0; --bs-dropdown-box-shadow: var(--bs-box-shadow); --bs-dropdown-link-color: var(--bs-body-color); --bs-dropdown-link-hover-color: var(--bs-body-color); --bs-dropdown-link-hover-bg: var(--bs-tertiary-bg); --bs-dropdown-link-active-color: #fff; --bs-dropdown-link-active-bg: #0b69f6; --bs-dropdown-link-disabled-color: var(--bs-tertiary-color); --bs-dropdown-item-padding-x: 1rem; --bs-dropdown-item-padding-y: 0.75rem; --bs-dropdown-header-color: #6c757d; --bs-dropdown-header-padding-x: 1rem; --bs-dropdown-header-padding-y: 0.5rem; background-clip: padding-box; background-color: var(--bs-dropdown-bg); border: var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color); border-radius: var(--bs-dropdown-border-radius); color: var(--bs-dropdown-color); display: none; font-size: var(--bs-dropdown-font-size); list-style: none; margin: 0; min-width: var(--bs-dropdown-min-width); padding: var(--bs-dropdown-padding-y) var(--bs-dropdown-padding-x); position: absolute; text-align: left; z-index: var(--bs-dropdown-zindex) } .dropdown-menu[data-bs-popper] { left: 0; margin-top: var(--bs-dropdown-spacer); top: 100% } .dropdown-menu>.dropdown-item:first-child, .dropdown-menu>li:first-child .dropdown-item { border-top-left-radius: var(--bs-dropdown-inner-border-radius); border-top-right-radius: var(--bs-dropdown-inner-border-radius) } .dropdown-menu>.dropdown-item:last-child, .dropdown-menu>li:last-child .dropdown-item { border-bottom-left-radius: var(--bs-dropdown-inner-border-radius); border-bottom-right-radius: var(--bs-dropdown-inner-border-radius) } .dropdown-menu-start { --bs-position: start } .dropdown-menu-start[data-bs-popper] { left: 0; right: auto } .dropdown-menu-end { --bs-position: end } .dropdown-menu-end[data-bs-popper] { left: auto; right: 0 } @media(min-width:360px) { .dropdown-menu-xs-start { --bs-position: start } .dropdown-menu-xs-start[data-bs-popper] { left: 0; right: auto } .dropdown-menu-xs-end { --bs-position: end } .dropdown-menu-xs-end[data-bs-popper] { left: auto; right: 0 } } @media(min-width:576px) { .dropdown-menu-sm-start { --bs-position: start } .dropdown-menu-sm-start[data-bs-popper] { left: 0; right: auto } .dropdown-menu-sm-end { --bs-position: end } .dropdown-menu-sm-end[data-bs-popper] { left: auto; right: 0 } } @media(min-width:768px) { .dropdown-menu-md-start { --bs-position: start } .dropdown-menu-md-start[data-bs-popper] { left: 0; right: auto } .dropdown-menu-md-end { --bs-position: end } .dropdown-menu-md-end[data-bs-popper] { left: auto; right: 0 } } @media(min-width:992px) { .dropdown-menu-lg-start { --bs-position: start } .dropdown-menu-lg-start[data-bs-popper] { left: 0; right: auto } .dropdown-menu-lg-end { --bs-position: end } .dropdown-menu-lg-end[data-bs-popper] { left: auto; right: 0 } } @media(min-width:1200px) { .dropdown-menu-xl-start { --bs-position: start } .dropdown-menu-xl-start[data-bs-popper] { left: 0; right: auto } .dropdown-menu-xl-end { --bs-position: end } .dropdown-menu-xl-end[data-bs-popper] { left: auto; right: 0 } } @media(min-width:1400px) { .dropdown-menu-xxl-start { --bs-position: start } .dropdown-menu-xxl-start[data-bs-popper] { left: 0; right: auto } .dropdown-menu-xxl-end { --bs-position: end } .dropdown-menu-xxl-end[data-bs-popper] { left: auto; right: 0 } } .dropup .dropdown-menu[data-bs-popper] { bottom: 100%; margin-bottom: var(--bs-dropdown-spacer); margin-top: 0; top: auto } .dropup .dropdown-toggle:after { color: inherit; display: inline-block; font-family: Material Icons, sans-serif; font-feature-settings: "liga"; font-size: 1.375em; font-style: normal; font-weight: 400; height: 1em; letter-spacing: normal; line-height: 1; text-transform: none; width: 1em; word-wrap: normal; direction: ltr; vertical-align: middle; white-space: nowrap; -webkit-font-smoothing: antialiased; text-rendering: optimizelegibility; -moz-osx-font-smoothing: grayscale; border: none; content: ""; content: ""; margin: 0; vertical-align: initial } .dropup .dropdown-toggle:empty:after { margin-left: 0 } .dropend .dropdown-menu[data-bs-popper] { left: 100%; margin-left: var(--bs-dropdown-spacer); margin-top: 0; right: auto; top: 0 } .dropend .dropdown-toggle:after { color: inherit; display: inline-block; font-family: Material Icons, sans-serif; font-feature-settings: "liga"; font-size: 1.375em; font-style: normal; font-weight: 400; height: 1em; letter-spacing: normal; line-height: 1; text-transform: none; width: 1em; word-wrap: normal; direction: ltr; vertical-align: middle; white-space: nowrap; -webkit-font-smoothing: antialiased; text-rendering: optimizelegibility; -moz-osx-font-smoothing: grayscale; border: none; content: ""; content: "î—Œ"; margin: 0; vertical-align: initial } .dropend .dropdown-toggle:empty:after { margin-left: 0 } .dropend .dropdown-toggle:after { vertical-align: 0 } .dropstart .dropdown-menu[data-bs-popper] { left: auto; margin-right: var(--bs-dropdown-spacer); margin-top: 0; right: 100%; top: 0 } .dropstart .dropdown-toggle:after { display: inline-block; display: none } .dropstart .dropdown-toggle:after, .dropstart .dropdown-toggle:before { color: inherit; font-family: Material Icons, sans-serif; font-feature-settings: "liga"; font-size: 1.375em; font-style: normal; font-weight: 400; height: 1em; letter-spacing: normal; line-height: 1; text-transform: none; width: 1em; word-wrap: normal; direction: ltr; vertical-align: middle; white-space: nowrap; -webkit-font-smoothing: antialiased; text-rendering: optimizelegibility; -moz-osx-font-smoothing: grayscale; border: none; content: ""; margin: 0; vertical-align: initial } .dropstart .dropdown-toggle:before { content: "î—‹"; display: inline-block } .dropstart .dropdown-toggle:empty:after { margin-left: 0 } .dropstart .dropdown-toggle:before { vertical-align: 0 } .dropdown-divider { border-top: 1px solid var(--bs-dropdown-divider-bg); height: 0; margin: var(--bs-dropdown-divider-margin-y) 0; opacity: 1; overflow: hidden } .dropdown-item { background-color: transparent; border: 0; border-radius: var(--bs-dropdown-item-border-radius, 0); clear: both; color: var(--bs-dropdown-link-color); display: block; font-weight: 400; padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x); text-align: inherit; white-space: nowrap; width: 100% } .dropdown-item:focus, .dropdown-item:hover { background-color: var(--bs-dropdown-link-hover-bg); color: var(--bs-dropdown-link-hover-color) } .dropdown-item.active, .dropdown-item:active { background-color: var(--bs-dropdown-link-active-bg); color: var(--bs-dropdown-link-active-color); text-decoration: none } .dropdown-item.disabled, .dropdown-item:disabled { background-color: transparent; color: var(--bs-dropdown-link-disabled-color); pointer-events: none } .dropdown-menu.show { display: block } .dropdown-header { color: var(--bs-dropdown-header-color); display: block; font-size: .875rem; margin-bottom: 0; padding: var(--bs-dropdown-header-padding-y) var(--bs-dropdown-header-padding-x); white-space: nowrap } .dropdown-item-text { color: var(--bs-dropdown-link-color); display: block; padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x) } .dropdown-menu-dark { --bs-dropdown-color: #dee2e6; --bs-dropdown-bg: #343a40; --bs-dropdown-border-color: var(--bs-border-color-translucent); --bs-dropdown-box-shadow: ; --bs-dropdown-link-color: #dee2e6; --bs-dropdown-link-hover-color: #fff; --bs-dropdown-divider-bg: var(--bs-border-color-translucent); --bs-dropdown-link-hover-bg: hsla(0, 0%, 100%, .15); --bs-dropdown-link-active-color: #fff; --bs-dropdown-link-active-bg: #0b69f6; --bs-dropdown-link-disabled-color: #adb5bd; --bs-dropdown-header-color: #adb5bd } .form-label { font-size: 1rem; font-weight: 600; margin-bottom: .5rem } .col-form-label { font-size: inherit; font-weight: 600; line-height: 1.5; margin-bottom: 0; padding-bottom: calc(.375rem + var(--bs-border-width)); padding-top: calc(.375rem + var(--bs-border-width)) } .col-form-label-lg { font-size: 1.25rem; padding-bottom: calc(.5rem + var(--bs-border-width)); padding-top: calc(.5rem + var(--bs-border-width)) } .col-form-label-sm { font-size: .875rem; padding-bottom: calc(.25rem + var(--bs-border-width)); padding-top: calc(.25rem + var(--bs-border-width)) } .form-text, .product-comment-modal #ratingNotChosen { color: var(--bs-secondary-color); font-size: .75rem; margin-top: .25rem } .form-control { -webkit-appearance: none; -moz-appearance: none; appearance: none; background-clip: padding-box; background-color: var(--bs-body-bg); border: var(--bs-border-width) solid var(--bs-border-color); border-radius: 4px; color: var(--bs-body-color); display: block; font-size: 1rem; font-weight: 400; line-height: 1.5; padding: .375rem 1rem; transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out; width: 100% } @media(prefers-reduced-motion:reduce) { .form-control { transition: none } } .form-control[type=file] { overflow: hidden } .form-control[type=file]:not(:disabled):not([readonly]) { cursor: pointer } .form-control:focus { background-color: var(--bs-body-bg); border-color: #B30931; box-shadow: 0 0 0 .25rem rgba(179, 9, 49, .25); color: var(--bs-body-color); outline: 0 } .form-control::-webkit-date-and-time-value { height: 1.5em; margin: 0; min-width: 85px } .form-control::-webkit-datetime-edit { display: block; padding: 0 } .form-control::-moz-placeholder { color: var(--bs-secondary-color); opacity: 1 } .form-control::placeholder { color: var(--bs-secondary-color); opacity: 1 } .form-control:disabled { background-color: var(--bs-secondary-bg); opacity: 1 } .form-control::file-selector-button { background-color: var(--bs-tertiary-bg); border: 0 solid; border-color: inherit; border-inline-end-width: var(--bs-border-width); border-radius: 0; color: var(--bs-body-color); margin: -.375rem -1rem; margin-inline-end: 1rem; padding: .375rem 1rem; pointer-events: none; transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out } @media(prefers-reduced-motion:reduce) { .form-control::file-selector-button { transition: none } } .form-control:hover:not(:disabled):not([readonly])::file-selector-button { background-color: var(--bs-secondary-bg) } .form-control-plaintext { background-color: transparent; border: solid transparent; border-width: var(--bs-border-width) 0; color: var(--bs-body-color); display: block; line-height: 1.5; margin-bottom: 0; padding: .375rem 0; width: 100% } .form-control-plaintext:focus { outline: 0 } .form-control-plaintext.form-control-lg, .form-control-plaintext.form-control-sm { padding-left: 0; padding-right: 0 } .form-control-sm { border-radius: 4px; font-size: .875rem; min-height: calc(1.5em + .5rem + var(--bs-border-width)*2); padding: .25rem .5rem } .form-control-sm::file-selector-button { margin: -.25rem -.5rem; margin-inline-end: .5rem; padding: .25rem .5rem } .form-control-lg { border-radius: 4px; font-size: 1.25rem; min-height: calc(1.5em + 1rem + var(--bs-border-width)*2); padding: .5rem 1rem } .form-control-lg::file-selector-button { margin: -.5rem -1rem; margin-inline-end: 1rem; padding: .5rem 1rem } textarea.form-control { min-height: calc(1.5em + .75rem + var(--bs-border-width)*2) } textarea.form-control-sm { min-height: calc(1.5em + .5rem + var(--bs-border-width)*2) } textarea.form-control-lg { min-height: calc(1.5em + 1rem + var(--bs-border-width)*2) } .form-control-color { height: calc(1.5em + .75rem + var(--bs-border-width)*2); padding: .375rem; width: 3rem } .form-control-color:not(:disabled):not([readonly]) { cursor: pointer } .form-control-color::-moz-color-swatch { border: 0 !important; border-radius: 4px } .form-control-color::-webkit-color-swatch { border: 0 !important; border-radius: 4px } .form-control-color.form-control-sm { height: calc(1.5em + .5rem + var(--bs-border-width)*2) } .form-control-color.form-control-lg { height: calc(1.5em + 1rem + var(--bs-border-width)*2) } .form-select { --bs-form-select-bg-img: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3E%3C/svg%3E"); -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: var(--bs-body-bg); background-image: var(--bs-form-select-bg-img), var(--bs-form-select-bg-icon, none); background-position: right .75rem center; background-repeat: no-repeat; background-size: 16px 12px; border: var(--bs-border-width) solid var(--bs-border-color); border-radius: .25rem; color: var(--bs-body-color); display: block; font-size: 1rem; font-weight: 400; line-height: 1.5; padding: .375rem 2.25rem .375rem .75rem; transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out; width: 100% } @media(prefers-reduced-motion:reduce) { .form-select { transition: none } } .form-select:focus { border-color: #85b4fb; box-shadow: 0 0 0 .25rem rgba(11, 105, 246, .25); outline: 0 } .form-select[multiple], .form-select[size]:not([size="1"]) { background-image: none; padding-right: .75rem } .form-select:disabled { background-color: var(--bs-secondary-bg) } .form-select:-moz-focusring { color: transparent; text-shadow: 0 0 0 var(--bs-body-color) } .form-select-sm { border-radius: .25rem; font-size: .875rem; padding-bottom: .25rem; padding-left: .5rem; padding-top: .25rem } .form-select-lg { border-radius: .25rem; font-size: 1.25rem; padding-bottom: .5rem; padding-left: 1rem; padding-top: .5rem } [data-bs-theme=dark] .form-select { --bs-form-select-bg-img: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23dee2e6' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3E%3C/svg%3E") } .form-check { display: block; margin-bottom: .125rem; min-height: 1.5rem; padding-left: 1.5em } .form-check .form-check-input { float: left; margin-left: -1.5em } .form-check-reverse { padding-left: 0; padding-right: 1.5em; text-align: right } .form-check-reverse .form-check-input { float: right; margin-left: 0; margin-right: -1.5em } .form-check-input { --bs-form-check-bg: var(--bs-body-bg); -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: var(--bs-form-check-bg); background-image: var(--bs-form-check-bg-image); background-position: 50%; background-repeat: no-repeat; background-size: contain; border: var(--bs-border-width) solid #B30931; flex-shrink: 0; height: 1em; margin-top: .25em; -webkit-print-color-adjust: exact; print-color-adjust: exact; vertical-align: top; width: 1em } .form-check-input[type=checkbox] { border-radius: .25em } .form-check-input[type=radio] { border-radius: 50% } .form-check-input:active { filter: brightness(90%) } .form-check-input:focus { border-color: #85b4fb; box-shadow: 0 0 0 .25rem rgba(11, 105, 246, .25); outline: 0 } .form-check-input:checked { background-color: #B30931; border-color: #B30931 } .form-check-input:checked[type=checkbox] { --bs-form-check-bg-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3E%3C/svg%3E") } .form-check-input:checked[type=radio] { --bs-form-check-bg-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='2' fill='%23fff'/%3E%3C/svg%3E") } .form-check-input[type=checkbox]:indeterminate { background-color: #0b69f6; border-color: #0b69f6; --bs-form-check-bg-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3E%3C/svg%3E") } .form-check-input:disabled { filter: none; opacity: .5; pointer-events: none } .form-check-input:disabled~.form-check-label, .form-check-input[disabled]~.form-check-label { cursor: default; opacity: .5 } .form-switch { padding-left: 2.5em } .form-switch .form-check-input { --bs-form-switch-bg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='rgba(0, 0, 0, 0.25)'/%3E%3C/svg%3E"); background-image: var(--bs-form-switch-bg); background-position: 0; border-radius: 2em; margin-left: -2.5em; transition: background-position .15s ease-in-out; width: 2em } @media(prefers-reduced-motion:reduce) { .form-switch .form-check-input { transition: none } } .form-switch .form-check-input:focus { --bs-form-switch-bg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%2385B4FA'/%3E%3C/svg%3E") } .form-switch .form-check-input:checked { background-position: 100%; --bs-form-switch-bg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fff'/%3E%3C/svg%3E") } .form-switch.form-check-reverse { padding-left: 0; padding-right: 2.5em } .form-switch.form-check-reverse .form-check-input { margin-left: 0; margin-right: -2.5em } .form-check-inline { display: inline-block; margin-right: 1rem } .btn-check { position: absolute; clip: rect(0, 0, 0, 0); pointer-events: none } .btn-check:disabled+.btn, .btn-check[disabled]+.btn { filter: none; opacity: .65; pointer-events: none } [data-bs-theme=dark] .form-switch .form-check-input:not(:checked):not(:focus) { --bs-form-switch-bg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='rgba(255, 255, 255, 0.25)'/%3E%3C/svg%3E") } .form-range { -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: transparent; height: 1.5rem; padding: 0; width: 100% } .form-range:focus { outline: 0 } .form-range:focus::-webkit-slider-thumb { box-shadow: 0 0 0 1px #fff, 0 0 0 .25rem rgba(11, 105, 246, .25) } .form-range:focus::-moz-range-thumb { box-shadow: 0 0 0 1px #fff, 0 0 0 .25rem rgba(11, 105, 246, .25) } .form-range::-moz-focus-outer { border: 0 } .form-range::-webkit-slider-thumb { -webkit-appearance: none; appearance: none; background-color: #0b69f6; border: 0; border-radius: 1rem; height: 1rem; margin-top: -.25rem; -webkit-transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out; transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out; width: 1rem } @media(prefers-reduced-motion:reduce) { .form-range::-webkit-slider-thumb { -webkit-transition: none; transition: none } } .form-range::-webkit-slider-thumb:active { background-color: #b6d2fc } .form-range::-webkit-slider-runnable-track { background-color: var(--bs-secondary-bg); border-color: transparent; border-radius: 1rem; color: transparent; cursor: pointer; height: .5rem; width: 100% } .form-range::-moz-range-thumb { -moz-appearance: none; appearance: none; background-color: #0b69f6; border: 0; border-radius: 1rem; height: 1rem; -moz-transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out; transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out; width: 1rem } @media(prefers-reduced-motion:reduce) { .form-range::-moz-range-thumb { -moz-transition: none; transition: none } } .form-range::-moz-range-thumb:active { background-color: #b6d2fc } .form-range::-moz-range-track { background-color: var(--bs-secondary-bg); border-color: transparent; border-radius: 1rem; color: transparent; cursor: pointer; height: .5rem; width: 100% } .form-range:disabled { pointer-events: none } .form-range:disabled::-webkit-slider-thumb { background-color: var(--bs-secondary-color) } .form-range:disabled::-moz-range-thumb { background-color: var(--bs-secondary-color) } .form-floating { position: relative } .form-floating>.form-control, .form-floating>.form-control-plaintext, .form-floating>.form-select { height: calc(3.5rem + var(--bs-border-width)*2); line-height: 1.25; min-height: calc(3.5rem + var(--bs-border-width)*2) } .form-floating>label { border: var(--bs-border-width) solid transparent; height: 100%; left: 0; overflow: hidden; padding: 1rem .75rem; pointer-events: none; position: absolute; text-align: start; text-overflow: ellipsis; top: 0; transform-origin: 0 0; transition: opacity .1s ease-in-out, transform .1s ease-in-out; white-space: nowrap; z-index: 2 } @media(prefers-reduced-motion:reduce) { .form-floating>label { transition: none } } .form-floating>.form-control, .form-floating>.form-control-plaintext { padding: 1rem .75rem } .form-floating>.form-control-plaintext::-moz-placeholder, .form-floating>.form-control::-moz-placeholder { color: transparent } .form-floating>.form-control-plaintext::placeholder, .form-floating>.form-control::placeholder { color: transparent } .form-floating>.form-control-plaintext:not(:-moz-placeholder), .form-floating>.form-control:not(:-moz-placeholder) { padding-bottom: .625rem; padding-top: 1.625rem } .form-floating>.form-control-plaintext:focus, .form-floating>.form-control-plaintext:not(:placeholder-shown), .form-floating>.form-control:focus, .form-floating>.form-control:not(:placeholder-shown) { padding-bottom: .625rem; padding-top: 1.625rem } .form-floating>.form-control-plaintext:-webkit-autofill, .form-floating>.form-control:-webkit-autofill { padding-bottom: .625rem; padding-top: 1.625rem } .form-floating>.form-select { padding-bottom: .625rem; padding-top: 1.625rem } .form-floating>.form-control:not(:-moz-placeholder)~label { color: rgba(var(--bs-body-color-rgb), .65); transform: scale(.85) translateY(-.5rem) translateX(.15rem) } .form-floating>.form-control-plaintext~label, .form-floating>.form-control:focus~label, .form-floating>.form-control:not(:placeholder-shown)~label, .form-floating>.form-select~label { color: rgba(var(--bs-body-color-rgb), .65); transform: scale(.85) translateY(-.5rem) translateX(.15rem) } .form-floating>.form-control:not(:-moz-placeholder)~label:after { background-color: var(--bs-body-bg); border-radius: 4px; content: ""; height: 1.5em; inset: 1rem .375rem; position: absolute; z-index: -1 } .form-floating>.form-control-plaintext~label:after, .form-floating>.form-control:focus~label:after, .form-floating>.form-control:not(:placeholder-shown)~label:after, .form-floating>.form-select~label:after { background-color: var(--bs-body-bg); border-radius: 4px; content: ""; height: 1.5em; inset: 1rem .375rem; position: absolute; z-index: -1 } .form-floating>.form-control:-webkit-autofill~label { color: rgba(var(--bs-body-color-rgb), .65); transform: scale(.85) translateY(-.5rem) translateX(.15rem) } .form-floating>.form-control-plaintext~label { border-width: var(--bs-border-width) 0 } .form-floating>.form-control:disabled~label, .form-floating>:disabled~label { color: #6c757d } .form-floating>.form-control:disabled~label:after, .form-floating>:disabled~label:after { background-color: var(--bs-secondary-bg) } .input-group { align-items: stretch; display: flex; flex-wrap: wrap; position: relative; width: 100% } .input-group>.form-control, .input-group>.form-floating, .input-group>.form-select { flex: 1 1 auto; min-width: 0; position: relative; width: 1% } .input-group>.form-control:focus, .input-group>.form-floating:focus-within, .input-group>.form-select:focus { z-index: 5 } .input-group .btn { position: relative; z-index: 2 } .input-group .btn:focus { z-index: 5 } .input-group-text { align-items: center; background-color: var(--bs-tertiary-bg); border: var(--bs-border-width) solid var(--bs-border-color); border-radius: 4px; color: var(--bs-body-color); display: flex; font-size: 1rem; font-weight: 400; line-height: 1.5; padding: .375rem .75rem; text-align: center; white-space: nowrap } .input-group-lg>.btn, .input-group-lg>.form-control, .input-group-lg>.form-select, .input-group-lg>.input-group-text { border-radius: 4px; font-size: 1.25rem; padding: .5rem 1rem } .input-group-sm>.btn, .input-group-sm>.form-control, .input-group-sm>.form-select, .input-group-sm>.input-group-text { border-radius: 4px; font-size: .875rem; padding: .25rem .5rem } .input-group-lg>.form-select, .input-group-sm>.form-select { padding-right: 3rem } .input-group.has-validation>.dropdown-toggle:nth-last-child(n+4), .input-group.has-validation>.form-floating:nth-last-child(n+3)>.form-control, .input-group.has-validation>.form-floating:nth-last-child(n+3)>.form-select, .input-group.has-validation>:nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating), .input-group:not(.has-validation)>.dropdown-toggle:nth-last-child(n+3), .input-group:not(.has-validation)>.form-floating:not(:last-child)>.form-control, .input-group:not(.has-validation)>.form-floating:not(:last-child)>.form-select, .input-group:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating) { border-bottom-right-radius: 0; border-top-right-radius: 0 } .input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) { border-bottom-left-radius: 0; border-top-left-radius: 0; margin-left: calc(var(--bs-border-width)*-1) } .input-group>.form-floating:not(:first-child)>.form-control, .input-group>.form-floating:not(:first-child)>.form-select { border-bottom-left-radius: 0; border-top-left-radius: 0 } .valid-feedback { color: var(--bs-form-valid-color); display: none; font-size: .875em; margin-top: .25rem; width: 100% } .valid-tooltip { background-color: var(--bs-success); border-radius: var(--bs-border-radius); color: #fff; display: none; font-size: .875rem; margin-top: .1rem; max-width: 100%; padding: .25rem .5rem; position: absolute; top: 100%; z-index: 5 } .is-valid~.valid-feedback, .is-valid~.valid-tooltip, .product-comment-modal input[name=comment_title].valid~.valid-feedback, .product-comment-modal input[name=comment_title].valid~.valid-tooltip, .product-comment-modal input[name=customer_name].valid~.valid-feedback, .product-comment-modal input[name=customer_name].valid~.valid-tooltip, .product-comment-modal textarea.valid~.valid-feedback, .product-comment-modal textarea.valid~.valid-tooltip, .was-validated :valid~.valid-feedback, .was-validated :valid~.valid-tooltip { display: block } .form-control.is-valid, .product-comment-modal input.form-control[name=comment_title].valid, .product-comment-modal input.form-control[name=customer_name].valid, .product-comment-modal textarea.form-control.valid, .was-validated .form-control:valid { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23188251' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1'/%3E%3C/svg%3E"); background-position: right calc(.375em + .1875rem) center; background-repeat: no-repeat; background-size: calc(.75em + .375rem) calc(.75em + .375rem); border-color: var(--bs-form-valid-border-color); padding-right: calc(1.5em + .75rem) } .form-control.is-valid:focus, .product-comment-modal input.form-control[name=comment_title].valid:focus, .product-comment-modal input.form-control[name=customer_name].valid:focus, .product-comment-modal textarea.form-control.valid:focus, .was-validated .form-control:valid:focus { border-color: var(--bs-form-valid-border-color); box-shadow: 0 0 0 .25rem rgba(var(--bs-success-rgb), .25) } .product-comment-modal textarea.form-control.valid, .was-validated textarea.form-control:valid, textarea.form-control.is-valid { background-position: top calc(.375em + .1875rem) right calc(.375em + .1875rem); padding-right: calc(1.5em + .75rem) } .form-select.is-valid, .product-comment-modal input.form-select[name=comment_title].valid, .product-comment-modal input.form-select[name=customer_name].valid, .product-comment-modal textarea.form-select.valid, .was-validated .form-select:valid { border-color: var(--bs-form-valid-border-color) } .form-select.is-valid:not([multiple]):not([size]), .form-select.is-valid:not([multiple])[size="1"], .product-comment-modal input.form-select[name=comment_title].valid:not([multiple]):not([size]), .product-comment-modal input.form-select[name=comment_title].valid:not([multiple])[size="1"], .product-comment-modal input.form-select[name=customer_name].valid:not([multiple]):not([size]), .product-comment-modal input.form-select[name=customer_name].valid:not([multiple])[size="1"], .product-comment-modal textarea.form-select.valid:not([multiple]):not([size]), .product-comment-modal textarea.form-select.valid:not([multiple])[size="1"], .was-validated .form-select:valid:not([multiple]):not([size]), .was-validated .form-select:valid:not([multiple])[size="1"] { --bs-form-select-bg-icon: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23188251' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1'/%3E%3C/svg%3E"); background-position: right .75rem center, center right 2.25rem; background-size: 16px 12px, calc(.75em + .375rem) calc(.75em + .375rem); padding-right: 4.125rem } .form-select.is-valid:focus, .product-comment-modal input.form-select[name=comment_title].valid:focus, .product-comment-modal input.form-select[name=customer_name].valid:focus, .product-comment-modal textarea.form-select.valid:focus, .was-validated .form-select:valid:focus { border-color: var(--bs-form-valid-border-color); box-shadow: 0 0 0 .25rem rgba(var(--bs-success-rgb), .25) } .form-control-color.is-valid, .product-comment-modal input.form-control-color[name=comment_title].valid, .product-comment-modal input.form-control-color[name=customer_name].valid, .product-comment-modal textarea.form-control-color.valid, .was-validated .form-control-color:valid { width: calc(3.75rem + 1.5em) } .form-check-input.is-valid, .product-comment-modal input.form-check-input[name=comment_title].valid, .product-comment-modal input.form-check-input[name=customer_name].valid, .product-comment-modal textarea.form-check-input.valid, .was-validated .form-check-input:valid { border-color: var(--bs-form-valid-border-color) } .form-check-input.is-valid:checked, .product-comment-modal input.form-check-input[name=comment_title].valid:checked, .product-comment-modal input.form-check-input[name=customer_name].valid:checked, .product-comment-modal textarea.form-check-input.valid:checked, .was-validated .form-check-input:valid:checked { background-color: var(--bs-form-valid-color) } .form-check-input.is-valid:focus, .product-comment-modal input.form-check-input[name=comment_title].valid:focus, .product-comment-modal input.form-check-input[name=customer_name].valid:focus, .product-comment-modal textarea.form-check-input.valid:focus, .was-validated .form-check-input:valid:focus { box-shadow: 0 0 0 .25rem rgba(var(--bs-success-rgb), .25) } .form-check-input.is-valid~.form-check-label, .product-comment-modal input.form-check-input[name=comment_title].valid~.form-check-label, .product-comment-modal input.form-check-input[name=customer_name].valid~.form-check-label, .product-comment-modal textarea.form-check-input.valid~.form-check-label, .was-validated .form-check-input:valid~.form-check-label { color: var(--bs-form-valid-color) } .form-check-inline .form-check-input~.valid-feedback { margin-left: .5em } .input-group>.form-control:not(:focus).is-valid, .input-group>.form-floating:not(:focus-within).is-valid, .input-group>.form-select:not(:focus).is-valid, .product-comment-modal .input-group>input.form-control[name=comment_title].valid:not(:focus), .product-comment-modal .input-group>input.form-control[name=customer_name].valid:not(:focus), .product-comment-modal .input-group>input.form-floating[name=comment_title].valid:not(:focus-within), .product-comment-modal .input-group>input.form-floating[name=customer_name].valid:not(:focus-within), .product-comment-modal .input-group>input.form-select[name=comment_title].valid:not(:focus), .product-comment-modal .input-group>input.form-select[name=customer_name].valid:not(:focus), .product-comment-modal .input-group>textarea.form-control.valid:not(:focus), .product-comment-modal .input-group>textarea.form-floating.valid:not(:focus-within), .product-comment-modal .input-group>textarea.form-select.valid:not(:focus), .was-validated .input-group>.form-control:not(:focus):valid, .was-validated .input-group>.form-floating:not(:focus-within):valid, .was-validated .input-group>.form-select:not(:focus):valid { z-index: 3 } .invalid-feedback { color: var(--bs-form-invalid-color); display: none; font-size: .875em; margin-top: .25rem; width: 100% } .invalid-tooltip { background-color: var(--bs-danger); border-radius: var(--bs-border-radius); color: #fff; display: none; font-size: .875rem; margin-top: .1rem; max-width: 100%; padding: .25rem .5rem; position: absolute; top: 100%; z-index: 5 } .is-invalid~.invalid-feedback, .is-invalid~.invalid-tooltip, .product-comment-modal input[name=comment_title].error~.invalid-feedback, .product-comment-modal input[name=comment_title].error~.invalid-tooltip, .product-comment-modal input[name=customer_name].error~.invalid-feedback, .product-comment-modal input[name=customer_name].error~.invalid-tooltip, .product-comment-modal textarea.error~.invalid-feedback, .product-comment-modal textarea.error~.invalid-tooltip, .was-validated :invalid~.invalid-feedback, .was-validated :invalid~.invalid-tooltip { display: block } .form-control.is-invalid, .product-comment-modal input.form-control[name=comment_title].error, .product-comment-modal input.form-control[name=customer_name].error, .product-comment-modal textarea.form-control.error, .was-validated .form-control:invalid { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23ff4657' viewBox='0 0 12 12'%3E%3Ccircle cx='6' cy='6' r='4.5'/%3E%3Cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3E%3Ccircle cx='6' cy='8.2' r='.6' fill='%23ff4657' stroke='none'/%3E%3C/svg%3E"); background-position: right calc(.375em + .1875rem) center; background-repeat: no-repeat; background-size: calc(.75em + .375rem) calc(.75em + .375rem); border-color: var(--bs-form-invalid-border-color); padding-right: calc(1.5em + .75rem) } .form-control.is-invalid:focus, .product-comment-modal input.form-control[name=comment_title].error:focus, .product-comment-modal input.form-control[name=customer_name].error:focus, .product-comment-modal textarea.form-control.error:focus, .was-validated .form-control:invalid:focus { border-color: var(--bs-form-invalid-border-color); box-shadow: 0 0 0 .25rem rgba(var(--bs-danger-rgb), .25) } .product-comment-modal textarea.form-control.error, .was-validated textarea.form-control:invalid, textarea.form-control.is-invalid { background-position: top calc(.375em + .1875rem) right calc(.375em + .1875rem); padding-right: calc(1.5em + .75rem) } .form-select.is-invalid, .product-comment-modal input.form-select[name=comment_title].error, .product-comment-modal input.form-select[name=customer_name].error, .product-comment-modal textarea.form-select.error, .was-validated .form-select:invalid { border-color: var(--bs-form-invalid-border-color) } .form-select.is-invalid:not([multiple]):not([size]), .form-select.is-invalid:not([multiple])[size="1"], .product-comment-modal input.form-select[name=comment_title].error:not([multiple]):not([size]), .product-comment-modal input.form-select[name=comment_title].error:not([multiple])[size="1"], .product-comment-modal input.form-select[name=customer_name].error:not([multiple]):not([size]), .product-comment-modal input.form-select[name=customer_name].error:not([multiple])[size="1"], .product-comment-modal textarea.form-select.error:not([multiple]):not([size]), .product-comment-modal textarea.form-select.error:not([multiple])[size="1"], .was-validated .form-select:invalid:not([multiple]):not([size]), .was-validated .form-select:invalid:not([multiple])[size="1"] { --bs-form-select-bg-icon: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23ff4657' viewBox='0 0 12 12'%3E%3Ccircle cx='6' cy='6' r='4.5'/%3E%3Cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3E%3Ccircle cx='6' cy='8.2' r='.6' fill='%23ff4657' stroke='none'/%3E%3C/svg%3E"); background-position: right .75rem center, center right 2.25rem; background-size: 16px 12px, calc(.75em + .375rem) calc(.75em + .375rem); padding-right: 4.125rem } .form-select.is-invalid:focus, .product-comment-modal input.form-select[name=comment_title].error:focus, .product-comment-modal input.form-select[name=customer_name].error:focus, .product-comment-modal textarea.form-select.error:focus, .was-validated .form-select:invalid:focus { border-color: var(--bs-form-invalid-border-color); box-shadow: 0 0 0 .25rem rgba(var(--bs-danger-rgb), .25) } .form-control-color.is-invalid, .product-comment-modal input.form-control-color[name=comment_title].error, .product-comment-modal input.form-control-color[name=customer_name].error, .product-comment-modal textarea.form-control-color.error, .was-validated .form-control-color:invalid { width: calc(3.75rem + 1.5em) } .form-check-input.is-invalid, .product-comment-modal input.form-check-input[name=comment_title].error, .product-comment-modal input.form-check-input[name=customer_name].error, .product-comment-modal textarea.form-check-input.error, .was-validated .form-check-input:invalid { border-color: var(--bs-form-invalid-border-color) } .form-check-input.is-invalid:checked, .product-comment-modal input.form-check-input[name=comment_title].error:checked, .product-comment-modal input.form-check-input[name=customer_name].error:checked, .product-comment-modal textarea.form-check-input.error:checked, .was-validated .form-check-input:invalid:checked { background-color: var(--bs-form-invalid-color) } .form-check-input.is-invalid:focus, .product-comment-modal input.form-check-input[name=comment_title].error:focus, .product-comment-modal input.form-check-input[name=customer_name].error:focus, .product-comment-modal textarea.form-check-input.error:focus, .was-validated .form-check-input:invalid:focus { box-shadow: 0 0 0 .25rem rgba(var(--bs-danger-rgb), .25) } .form-check-input.is-invalid~.form-check-label, .product-comment-modal input.form-check-input[name=comment_title].error~.form-check-label, .product-comment-modal input.form-check-input[name=customer_name].error~.form-check-label, .product-comment-modal textarea.form-check-input.error~.form-check-label, .was-validated .form-check-input:invalid~.form-check-label { color: var(--bs-form-invalid-color) } .form-check-inline .form-check-input~.invalid-feedback { margin-left: .5em } .input-group>.form-control:not(:focus).is-invalid, .input-group>.form-floating:not(:focus-within).is-invalid, .input-group>.form-select:not(:focus).is-invalid, .product-comment-modal .input-group>input.form-control[name=comment_title].error:not(:focus), .product-comment-modal .input-group>input.form-control[name=customer_name].error:not(:focus), .product-comment-modal .input-group>input.form-floating[name=comment_title].error:not(:focus-within), .product-comment-modal .input-group>input.form-floating[name=customer_name].error:not(:focus-within), .product-comment-modal .input-group>input.form-select[name=comment_title].error:not(:focus), .product-comment-modal .input-group>input.form-select[name=customer_name].error:not(:focus), .product-comment-modal .input-group>textarea.form-control.error:not(:focus), .product-comment-modal .input-group>textarea.form-floating.error:not(:focus-within), .product-comment-modal .input-group>textarea.form-select.error:not(:focus), .was-validated .input-group>.form-control:not(:focus):invalid, .was-validated .input-group>.form-floating:not(:focus-within):invalid, .was-validated .input-group>.form-select:not(:focus):invalid { z-index: 4 } .list-group { --bs-list-group-color: var(--bs-body-color); --bs-list-group-bg: var(--bs-body-bg); --bs-list-group-border-color: var(--bs-border-color); --bs-list-group-border-width: var(--bs-border-width); --bs-list-group-border-radius: var(--bs-border-radius); --bs-list-group-item-padding-x: 1rem; --bs-list-group-item-padding-y: 0.5rem; --bs-list-group-action-color: var(--bs-secondary-color); --bs-list-group-action-hover-color: var(--bs-emphasis-color); --bs-list-group-action-hover-bg: var(--bs-tertiary-bg); --bs-list-group-action-active-color: var(--bs-body-color); --bs-list-group-action-active-bg: var(--bs-secondary-bg); --bs-list-group-disabled-color: var(--bs-secondary-color); --bs-list-group-disabled-bg: var(--bs-body-bg); --bs-list-group-active-color: #fff; --bs-list-group-active-bg: #0b69f6; --bs-list-group-active-border-color: #0b69f6; border-radius: var(--bs-list-group-border-radius); display: flex; flex-direction: column; margin-bottom: 0; padding-left: 0 } .list-group-numbered { counter-reset: section; list-style-type: none } .list-group-numbered>.list-group-item:before { content: counters(section, ".") ". "; counter-increment: section } .list-group-item-action { color: var(--bs-list-group-action-color); text-align: inherit; width: 100% } .list-group-item-action:focus, .list-group-item-action:hover { background-color: var(--bs-list-group-action-hover-bg); color: var(--bs-list-group-action-hover-color); text-decoration: none; z-index: 1 } .list-group-item-action:active { background-color: var(--bs-list-group-action-active-bg); color: var(--bs-list-group-action-active-color) } .list-group-item { background-color: var(--bs-list-group-bg); border: var(--bs-list-group-border-width) solid var(--bs-list-group-border-color); color: var(--bs-list-group-color); display: block; padding: var(--bs-list-group-item-padding-y) var(--bs-list-group-item-padding-x); position: relative } .list-group-item:first-child { border-top-left-radius: inherit; border-top-right-radius: inherit } .list-group-item:last-child { border-bottom-left-radius: inherit; border-bottom-right-radius: inherit } .list-group-item.disabled, .list-group-item:disabled { background-color: var(--bs-list-group-disabled-bg); color: var(--bs-list-group-disabled-color); pointer-events: none } .list-group-item.active { background-color: var(--bs-list-group-active-bg); border-color: var(--bs-list-group-active-border-color); color: var(--bs-list-group-active-color); z-index: 2 } .list-group-item+.list-group-item { border-top-width: 0 } .list-group-item+.list-group-item.active { border-top-width: var(--bs-list-group-border-width); margin-top: calc(var(--bs-list-group-border-width)*-1) } .list-group-horizontal { flex-direction: row } .list-group-horizontal>.list-group-item:first-child:not(:last-child) { border-bottom-left-radius: var(--bs-list-group-border-radius); border-top-right-radius: 0 } .list-group-horizontal>.list-group-item:last-child:not(:first-child) { border-bottom-left-radius: 0; border-top-right-radius: var(--bs-list-group-border-radius) } .list-group-horizontal>.list-group-item.active { margin-top: 0 } .list-group-horizontal>.list-group-item+.list-group-item { border-left-width: 0; border-top-width: var(--bs-list-group-border-width) } .list-group-horizontal>.list-group-item+.list-group-item.active { border-left-width: var(--bs-list-group-border-width); margin-left: calc(var(--bs-list-group-border-width)*-1) } @media(min-width:360px) { .list-group-horizontal-xs { flex-direction: row } .list-group-horizontal-xs>.list-group-item:first-child:not(:last-child) { border-bottom-left-radius: var(--bs-list-group-border-radius); border-top-right-radius: 0 } .list-group-horizontal-xs>.list-group-item:last-child:not(:first-child) { border-bottom-left-radius: 0; border-top-right-radius: var(--bs-list-group-border-radius) } .list-group-horizontal-xs>.list-group-item.active { margin-top: 0 } .list-group-horizontal-xs>.list-group-item+.list-group-item { border-left-width: 0; border-top-width: var(--bs-list-group-border-width) } .list-group-horizontal-xs>.list-group-item+.list-group-item.active { border-left-width: var(--bs-list-group-border-width); margin-left: calc(var(--bs-list-group-border-width)*-1) } } @media(min-width:576px) { .list-group-horizontal-sm { flex-direction: row } .list-group-horizontal-sm>.list-group-item:first-child:not(:last-child) { border-bottom-left-radius: var(--bs-list-group-border-radius); border-top-right-radius: 0 } .list-group-horizontal-sm>.list-group-item:last-child:not(:first-child) { border-bottom-left-radius: 0; border-top-right-radius: var(--bs-list-group-border-radius) } .list-group-horizontal-sm>.list-group-item.active { margin-top: 0 } .list-group-horizontal-sm>.list-group-item+.list-group-item { border-left-width: 0; border-top-width: var(--bs-list-group-border-width) } .list-group-horizontal-sm>.list-group-item+.list-group-item.active { border-left-width: var(--bs-list-group-border-width); margin-left: calc(var(--bs-list-group-border-width)*-1) } } @media(min-width:768px) { .list-group-horizontal-md { flex-direction: row } .list-group-horizontal-md>.list-group-item:first-child:not(:last-child) { border-bottom-left-radius: var(--bs-list-group-border-radius); border-top-right-radius: 0 } .list-group-horizontal-md>.list-group-item:last-child:not(:first-child) { border-bottom-left-radius: 0; border-top-right-radius: var(--bs-list-group-border-radius) } .list-group-horizontal-md>.list-group-item.active { margin-top: 0 } .list-group-horizontal-md>.list-group-item+.list-group-item { border-left-width: 0; border-top-width: var(--bs-list-group-border-width) } .list-group-horizontal-md>.list-group-item+.list-group-item.active { border-left-width: var(--bs-list-group-border-width); margin-left: calc(var(--bs-list-group-border-width)*-1) } } @media(min-width:992px) { .list-group-horizontal-lg { flex-direction: row } .list-group-horizontal-lg>.list-group-item:first-child:not(:last-child) { border-bottom-left-radius: var(--bs-list-group-border-radius); border-top-right-radius: 0 } .list-group-horizontal-lg>.list-group-item:last-child:not(:first-child) { border-bottom-left-radius: 0; border-top-right-radius: var(--bs-list-group-border-radius) } .list-group-horizontal-lg>.list-group-item.active { margin-top: 0 } .list-group-horizontal-lg>.list-group-item+.list-group-item { border-left-width: 0; border-top-width: var(--bs-list-group-border-width) } .list-group-horizontal-lg>.list-group-item+.list-group-item.active { border-left-width: var(--bs-list-group-border-width); margin-left: calc(var(--bs-list-group-border-width)*-1) } } @media(min-width:1200px) { .list-group-horizontal-xl { flex-direction: row } .list-group-horizontal-xl>.list-group-item:first-child:not(:last-child) { border-bottom-left-radius: var(--bs-list-group-border-radius); border-top-right-radius: 0 } .list-group-horizontal-xl>.list-group-item:last-child:not(:first-child) { border-bottom-left-radius: 0; border-top-right-radius: var(--bs-list-group-border-radius) } .list-group-horizontal-xl>.list-group-item.active { margin-top: 0 } .list-group-horizontal-xl>.list-group-item+.list-group-item { border-left-width: 0; border-top-width: var(--bs-list-group-border-width) } .list-group-horizontal-xl>.list-group-item+.list-group-item.active { border-left-width: var(--bs-list-group-border-width); margin-left: calc(var(--bs-list-group-border-width)*-1) } } @media(min-width:1400px) { .list-group-horizontal-xxl { flex-direction: row } .list-group-horizontal-xxl>.list-group-item:first-child:not(:last-child) { border-bottom-left-radius: var(--bs-list-group-border-radius); border-top-right-radius: 0 } .list-group-horizontal-xxl>.list-group-item:last-child:not(:first-child) { border-bottom-left-radius: 0; border-top-right-radius: var(--bs-list-group-border-radius) } .list-group-horizontal-xxl>.list-group-item.active { margin-top: 0 } .list-group-horizontal-xxl>.list-group-item+.list-group-item { border-left-width: 0; border-top-width: var(--bs-list-group-border-width) } .list-group-horizontal-xxl>.list-group-item+.list-group-item.active { border-left-width: var(--bs-list-group-border-width); margin-left: calc(var(--bs-list-group-border-width)*-1) } } .list-group-flush { border-radius: 0 } .list-group-flush>.list-group-item { border-width: 0 0 var(--bs-list-group-border-width) } .list-group-flush>.list-group-item:last-child { border-bottom-width: 0 } .list-group-item-primary { --bs-list-group-color: var(--bs-primary-text-emphasis); --bs-list-group-bg: var(--bs-primary-bg-subtle); --bs-list-group-border-color: var(--bs-primary-border-subtle); --bs-list-group-action-hover-color: var(--bs-emphasis-color); --bs-list-group-action-hover-bg: var(--bs-primary-border-subtle); --bs-list-group-action-active-color: var(--bs-emphasis-color); --bs-list-group-action-active-bg: var(--bs-primary-border-subtle); --bs-list-group-active-color: var(--bs-primary-bg-subtle); --bs-list-group-active-bg: var(--bs-primary-text-emphasis); --bs-list-group-active-border-color: var(--bs-primary-text-emphasis) } .list-group-item-secondary { --bs-list-group-color: var(--bs-secondary-text-emphasis); --bs-list-group-bg: var(--bs-secondary-bg-subtle); --bs-list-group-border-color: var(--bs-secondary-border-subtle); --bs-list-group-action-hover-color: var(--bs-emphasis-color); --bs-list-group-action-hover-bg: var(--bs-secondary-border-subtle); --bs-list-group-action-active-color: var(--bs-emphasis-color); --bs-list-group-action-active-bg: var(--bs-secondary-border-subtle); --bs-list-group-active-color: var(--bs-secondary-bg-subtle); --bs-list-group-active-bg: var(--bs-secondary-text-emphasis); --bs-list-group-active-border-color: var(--bs-secondary-text-emphasis) } .list-group-item-success { --bs-list-group-color: var(--bs-success-text-emphasis); --bs-list-group-bg: var(--bs-success-bg-subtle); --bs-list-group-border-color: var(--bs-success-border-subtle); --bs-list-group-action-hover-color: var(--bs-emphasis-color); --bs-list-group-action-hover-bg: var(--bs-success-border-subtle); --bs-list-group-action-active-color: var(--bs-emphasis-color); --bs-list-group-action-active-bg: var(--bs-success-border-subtle); --bs-list-group-active-color: var(--bs-success-bg-subtle); --bs-list-group-active-bg: var(--bs-success-text-emphasis); --bs-list-group-active-border-color: var(--bs-success-text-emphasis) } .list-group-item-info { --bs-list-group-color: var(--bs-info-text-emphasis); --bs-list-group-bg: var(--bs-info-bg-subtle); --bs-list-group-border-color: var(--bs-info-border-subtle); --bs-list-group-action-hover-color: var(--bs-emphasis-color); --bs-list-group-action-hover-bg: var(--bs-info-border-subtle); --bs-list-group-action-active-color: var(--bs-emphasis-color); --bs-list-group-action-active-bg: var(--bs-info-border-subtle); --bs-list-group-active-color: var(--bs-info-bg-subtle); --bs-list-group-active-bg: var(--bs-info-text-emphasis); --bs-list-group-active-border-color: var(--bs-info-text-emphasis) } .list-group-item-warning { --bs-list-group-color: var(--bs-warning-text-emphasis); --bs-list-group-bg: var(--bs-warning-bg-subtle); --bs-list-group-border-color: var(--bs-warning-border-subtle); --bs-list-group-action-hover-color: var(--bs-emphasis-color); --bs-list-group-action-hover-bg: var(--bs-warning-border-subtle); --bs-list-group-action-active-color: var(--bs-emphasis-color); --bs-list-group-action-active-bg: var(--bs-warning-border-subtle); --bs-list-group-active-color: var(--bs-warning-bg-subtle); --bs-list-group-active-bg: var(--bs-warning-text-emphasis); --bs-list-group-active-border-color: var(--bs-warning-text-emphasis) } .list-group-item-danger { --bs-list-group-color: var(--bs-danger-text-emphasis); --bs-list-group-bg: var(--bs-danger-bg-subtle); --bs-list-group-border-color: var(--bs-danger-border-subtle); --bs-list-group-action-hover-color: var(--bs-emphasis-color); --bs-list-group-action-hover-bg: var(--bs-danger-border-subtle); --bs-list-group-action-active-color: var(--bs-emphasis-color); --bs-list-group-action-active-bg: var(--bs-danger-border-subtle); --bs-list-group-active-color: var(--bs-danger-bg-subtle); --bs-list-group-active-bg: var(--bs-danger-text-emphasis); --bs-list-group-active-border-color: var(--bs-danger-text-emphasis) } .list-group-item-light { --bs-list-group-color: var(--bs-light-text-emphasis); --bs-list-group-bg: var(--bs-light-bg-subtle); --bs-list-group-border-color: var(--bs-light-border-subtle); --bs-list-group-action-hover-color: var(--bs-emphasis-color); --bs-list-group-action-hover-bg: var(--bs-light-border-subtle); --bs-list-group-action-active-color: var(--bs-emphasis-color); --bs-list-group-action-active-bg: var(--bs-light-border-subtle); --bs-list-group-active-color: var(--bs-light-bg-subtle); --bs-list-group-active-bg: var(--bs-light-text-emphasis); --bs-list-group-active-border-color: var(--bs-light-text-emphasis) } .list-group-item-dark { --bs-list-group-color: var(--bs-dark-text-emphasis); --bs-list-group-bg: var(--bs-dark-bg-subtle); --bs-list-group-border-color: var(--bs-dark-border-subtle); --bs-list-group-action-hover-color: var(--bs-emphasis-color); --bs-list-group-action-hover-bg: var(--bs-dark-border-subtle); --bs-list-group-action-active-color: var(--bs-emphasis-color); --bs-list-group-action-active-bg: var(--bs-dark-border-subtle); --bs-list-group-active-color: var(--bs-dark-bg-subtle); --bs-list-group-active-bg: var(--bs-dark-text-emphasis); --bs-list-group-active-border-color: var(--bs-dark-text-emphasis) } .modal { --bs-modal-zindex: 1055; --bs-modal-width: 500px; --bs-modal-padding: 1.5rem; --bs-modal-margin: 0.5rem; --bs-modal-color: ; --bs-modal-bg: var(--bs-body-bg); --bs-modal-border-color: var(--bs-border-color-translucent); --bs-modal-border-width: 0; --bs-modal-border-radius: var(--bs-border-radius-lg); --bs-modal-box-shadow: var(--bs-box-shadow-sm); --bs-modal-inner-border-radius: calc(var(--bs-border-radius-lg) - var(--bs-border-width)); --bs-modal-header-padding-x: 1.5rem; --bs-modal-header-padding-y: 1.5rem; --bs-modal-header-padding: 1.5rem 1.5rem; --bs-modal-header-border-color: var(--bs-border-color); --bs-modal-header-border-width: 0; --bs-modal-title-line-height: 1.5; --bs-modal-footer-gap: 0.5rem; --bs-modal-footer-bg: ; --bs-modal-footer-border-color: var(--bs-border-color); --bs-modal-footer-border-width: 0; display: none; height: 100%; left: 0; outline: 0; overflow-x: hidden; overflow-y: auto; position: fixed; top: 0; width: 100%; z-index: var(--bs-modal-zindex) } .modal-dialog { margin: var(--bs-modal-margin); pointer-events: none; position: relative; width: auto } .modal.fade .modal-dialog { transform: translateY(-50px); transition: transform .3s ease-out } @media(prefers-reduced-motion:reduce) { .modal.fade .modal-dialog { transition: none } } .modal.show .modal-dialog { transform: none } .modal.modal-static .modal-dialog { transform: scale(1.02) } .modal-dialog-scrollable { height: calc(100% - var(--bs-modal-margin)*2) } .modal-dialog-scrollable .modal-content { max-height: 100%; overflow: hidden } .modal-dialog-scrollable .modal-body { overflow-y: auto } .modal-dialog-centered { align-items: center; display: flex; min-height: calc(100% - var(--bs-modal-margin)*2) } .modal-content { background-clip: padding-box; background-color: var(--bs-modal-bg); border: var(--bs-modal-border-width) solid var(--bs-modal-border-color); border-radius: var(--bs-modal-border-radius); color: var(--bs-modal-color); display: flex; flex-direction: column; outline: 0; pointer-events: auto; position: relative; width: 100% } .modal-backdrop { --bs-backdrop-zindex: 1050; --bs-backdrop-bg: #000; --bs-backdrop-opacity: 0.5; background-color: var(--bs-backdrop-bg); height: 100vh; left: 0; position: fixed; top: 0; width: 100vw; z-index: var(--bs-backdrop-zindex) } .modal-backdrop.fade { opacity: 0 } .modal-backdrop.show { opacity: var(--bs-backdrop-opacity) } .modal-header { align-items: center; border-bottom: var(--bs-modal-header-border-width) solid var(--bs-modal-header-border-color); border-top-left-radius: var(--bs-modal-inner-border-radius); border-top-right-radius: var(--bs-modal-inner-border-radius); display: flex; flex-shrink: 0; padding: var(--bs-modal-header-padding) } .modal-header .btn-close { margin: calc(var(--bs-modal-header-padding-y)*-.5) calc(var(--bs-modal-header-padding-x)*-.5) calc(var(--bs-modal-header-padding-y)*-.5) auto; padding: calc(var(--bs-modal-header-padding-y)*.5) calc(var(--bs-modal-header-padding-x)*.5) } .modal-title { line-height: var(--bs-modal-title-line-height); margin-bottom: 0 } .modal-body { flex: 1 1 auto; padding: var(--bs-modal-padding); position: relative } .modal-footer { align-items: center; background-color: var(--bs-modal-footer-bg); border-bottom-left-radius: var(--bs-modal-inner-border-radius); border-bottom-right-radius: var(--bs-modal-inner-border-radius); border-top: var(--bs-modal-footer-border-width) solid var(--bs-modal-footer-border-color); display: flex; flex-shrink: 0; flex-wrap: wrap; justify-content: flex-end; padding: calc(var(--bs-modal-padding) - var(--bs-modal-footer-gap)*.5) } .modal-footer>* { margin: calc(var(--bs-modal-footer-gap)*.5) } @media(min-width:576px) { .modal { --bs-modal-margin: 1.75rem; --bs-modal-box-shadow: var(--bs-box-shadow) } .modal-dialog { margin-left: auto; margin-right: auto; max-width: var(--bs-modal-width) } .modal-sm { --bs-modal-width: 300px } } @media(min-width:992px) { .modal-lg, .modal-xl { --bs-modal-width: 800px } } @media(min-width:1200px) { .modal-xl { --bs-modal-width: 1140px } } .modal-fullscreen { height: 100%; margin: 0; max-width: none; width: 100vw } .modal-fullscreen .modal-content { border: 0; border-radius: 0; height: 100% } .modal-fullscreen .modal-footer, .modal-fullscreen .modal-header { border-radius: 0 } .modal-fullscreen .modal-body { overflow-y: auto } @media(max-width:359.98px) { .modal-fullscreen-xs-down { height: 100%; margin: 0; max-width: none; width: 100vw } .modal-fullscreen-xs-down .modal-content { border: 0; border-radius: 0; height: 100% } .modal-fullscreen-xs-down .modal-footer, .modal-fullscreen-xs-down .modal-header { border-radius: 0 } .modal-fullscreen-xs-down .modal-body { overflow-y: auto } } @media(max-width:575.98px) { .modal-fullscreen-sm-down { height: 100%; margin: 0; max-width: none; width: 100vw } .modal-fullscreen-sm-down .modal-content { border: 0; border-radius: 0; height: 100% } .modal-fullscreen-sm-down .modal-footer, .modal-fullscreen-sm-down .modal-header { border-radius: 0 } .modal-fullscreen-sm-down .modal-body { overflow-y: auto } } @media(max-width:767.98px) { .modal-fullscreen-md-down { height: 100%; margin: 0; max-width: none; width: 100vw } .modal-fullscreen-md-down .modal-content { border: 0; border-radius: 0; height: 100% } .modal-fullscreen-md-down .modal-footer, .modal-fullscreen-md-down .modal-header { border-radius: 0 } .modal-fullscreen-md-down .modal-body { overflow-y: auto } } @media(max-width:991.98px) { .modal-fullscreen-lg-down { height: 100%; margin: 0; max-width: none; width: 100vw } .modal-fullscreen-lg-down .modal-content { border: 0; border-radius: 0; height: 100% } .modal-fullscreen-lg-down .modal-footer, .modal-fullscreen-lg-down .modal-header { border-radius: 0 } .modal-fullscreen-lg-down .modal-body { overflow-y: auto } } @media(max-width:1199.98px) { .modal-fullscreen-xl-down { height: 100%; margin: 0; max-width: none; width: 100vw } .modal-fullscreen-xl-down .modal-content { border: 0; border-radius: 0; height: 100% } .modal-fullscreen-xl-down .modal-footer, .modal-fullscreen-xl-down .modal-header { border-radius: 0 } .modal-fullscreen-xl-down .modal-body { overflow-y: auto } } @media(max-width:1399.98px) { .modal-fullscreen-xxl-down { height: 100%; margin: 0; max-width: none; width: 100vw } .modal-fullscreen-xxl-down .modal-content { border: 0; border-radius: 0; height: 100% } .modal-fullscreen-xxl-down .modal-footer, .modal-fullscreen-xxl-down .modal-header { border-radius: 0 } .modal-fullscreen-xxl-down .modal-body { overflow-y: auto } } .navbar { --bs-navbar-padding-x: 0; --bs-navbar-padding-y: 0.5rem; --bs-navbar-color: rgba(var(--bs-emphasis-color-rgb), 0.65); --bs-navbar-hover-color: rgba(var(--bs-emphasis-color-rgb), 0.8); --bs-navbar-disabled-color: rgba(var(--bs-emphasis-color-rgb), 0.3); --bs-navbar-active-color: rgba(var(--bs-emphasis-color-rgb), 1); --bs-navbar-brand-padding-y: 0.3125rem; --bs-navbar-brand-margin-end: 1rem; --bs-navbar-brand-font-size: 1.25rem; --bs-navbar-brand-color: rgba(var(--bs-emphasis-color-rgb), 1); --bs-navbar-brand-hover-color: rgba(var(--bs-emphasis-color-rgb), 1); --bs-navbar-nav-link-padding-x: 0.5rem; --bs-navbar-toggler-padding-y: 0.25rem; --bs-navbar-toggler-padding-x: 0.75rem; --bs-navbar-toggler-font-size: 1.25rem; --bs-navbar-toggler-icon-bg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath stroke='rgba(33, 37, 41, 0.75)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E"); --bs-navbar-toggler-border-color: rgba(var(--bs-emphasis-color-rgb), 0.15); --bs-navbar-toggler-border-radius: var(--bs-border-radius); --bs-navbar-toggler-focus-width: 0.25rem; --bs-navbar-toggler-transition: box-shadow 0.15s ease-in-out; align-items: center; display: flex; flex-wrap: wrap; justify-content: space-between; padding: var(--bs-navbar-padding-y) var(--bs-navbar-padding-x); position: relative } .navbar>.checkout-steps__mobile, .navbar>.container, .navbar>.container-fluid, .navbar>.container-lg, .navbar>.container-md, .navbar>.container-sm, .navbar>.container-xl, .navbar>.container-xxl { align-items: center; display: flex; flex-wrap: inherit; justify-content: space-between } .navbar-brand { color: var(--bs-navbar-brand-color); font-size: var(--bs-navbar-brand-font-size); margin-right: var(--bs-navbar-brand-margin-end); padding-bottom: var(--bs-navbar-brand-padding-y); padding-top: var(--bs-navbar-brand-padding-y); white-space: nowrap } .navbar-brand:focus, .navbar-brand:hover { color: var(--bs-navbar-brand-hover-color) } .navbar-nav { --bs-nav-link-padding-x: 0; --bs-nav-link-padding-y: 0.5rem; --bs-nav-link-font-weight: ; --bs-nav-link-color: var(--bs-navbar-color); --bs-nav-link-hover-color: var(--bs-navbar-hover-color); --bs-nav-link-disabled-color: var(--bs-navbar-disabled-color); display: flex; flex-direction: column; list-style: none; margin-bottom: 0; padding-left: 0 } .navbar-nav .nav-link.active, .navbar-nav .nav-link.show { color: var(--bs-navbar-active-color) } .navbar-nav .dropdown-menu { position: static } .navbar-text { color: var(--bs-navbar-color); padding-bottom: .5rem; padding-top: .5rem } .navbar-text a, .navbar-text a:focus, .navbar-text a:hover { color: var(--bs-navbar-active-color) } .navbar-collapse { align-items: center; flex-basis: 100%; flex-grow: 1 } .navbar-toggler { background-color: transparent; border: var(--bs-border-width) solid var(--bs-navbar-toggler-border-color); border-radius: var(--bs-navbar-toggler-border-radius); color: var(--bs-navbar-color); font-size: var(--bs-navbar-toggler-font-size); line-height: 1; padding: var(--bs-navbar-toggler-padding-y) var(--bs-navbar-toggler-padding-x); transition: var(--bs-navbar-toggler-transition) } @media(prefers-reduced-motion:reduce) { .navbar-toggler { transition: none } } .navbar-toggler:hover { text-decoration: none } .navbar-toggler:focus { box-shadow: 0 0 0 var(--bs-navbar-toggler-focus-width); outline: 0; text-decoration: none } .navbar-toggler-icon { background-image: var(--bs-navbar-toggler-icon-bg); background-position: 50%; background-repeat: no-repeat; background-size: 100%; display: inline-block; height: 1.5em; vertical-align: middle; width: 1.5em } .navbar-nav-scroll { max-height: var(--bs-scroll-height, 75vh); overflow-y: auto } @media(min-width:360px) { .navbar-expand-xs { flex-wrap: nowrap; justify-content: flex-start } .navbar-expand-xs .navbar-nav { flex-direction: row } .navbar-expand-xs .navbar-nav .dropdown-menu { position: absolute } .navbar-expand-xs .navbar-nav .nav-link { padding-left: var(--bs-navbar-nav-link-padding-x); padding-right: var(--bs-navbar-nav-link-padding-x) } .navbar-expand-xs .navbar-nav-scroll { overflow: visible } .navbar-expand-xs .navbar-collapse { display: flex !important; flex-basis: auto } .navbar-expand-xs .navbar-toggler { display: none } .navbar-expand-xs .offcanvas { background-color: transparent !important; border: 0 !important; flex-grow: 1; height: auto !important; position: static; transform: none !important; transition: none; visibility: visible !important; width: auto !important; z-index: auto } .navbar-expand-xs .offcanvas .offcanvas-header { display: none } .navbar-expand-xs .offcanvas .offcanvas-body { display: flex; flex-grow: 0; overflow-y: visible; padding: 0 } } @media(min-width:576px) { .navbar-expand-sm { flex-wrap: nowrap; justify-content: flex-start } .navbar-expand-sm .navbar-nav { flex-direction: row } .navbar-expand-sm .navbar-nav .dropdown-menu { position: absolute } .navbar-expand-sm .navbar-nav .nav-link { padding-left: var(--bs-navbar-nav-link-padding-x); padding-right: var(--bs-navbar-nav-link-padding-x) } .navbar-expand-sm .navbar-nav-scroll { overflow: visible } .navbar-expand-sm .navbar-collapse { display: flex !important; flex-basis: auto } .navbar-expand-sm .navbar-toggler { display: none } .navbar-expand-sm .offcanvas { background-color: transparent !important; border: 0 !important; flex-grow: 1; height: auto !important; position: static; transform: none !important; transition: none; visibility: visible !important; width: auto !important; z-index: auto } .navbar-expand-sm .offcanvas .offcanvas-header { display: none } .navbar-expand-sm .offcanvas .offcanvas-body { display: flex; flex-grow: 0; overflow-y: visible; padding: 0 } } @media(min-width:768px) { .navbar-expand-md { flex-wrap: nowrap; justify-content: flex-start } .navbar-expand-md .navbar-nav { flex-direction: row } .navbar-expand-md .navbar-nav .dropdown-menu { position: absolute } .navbar-expand-md .navbar-nav .nav-link { padding-left: var(--bs-navbar-nav-link-padding-x); padding-right: var(--bs-navbar-nav-link-padding-x) } .navbar-expand-md .navbar-nav-scroll { overflow: visible } .navbar-expand-md .navbar-collapse { display: flex !important; flex-basis: auto } .navbar-expand-md .navbar-toggler { display: none } .navbar-expand-md .offcanvas { background-color: transparent !important; border: 0 !important; flex-grow: 1; height: auto !important; position: static; transform: none !important; transition: none; visibility: visible !important; width: auto !important; z-index: auto } .navbar-expand-md .offcanvas .offcanvas-header { display: none } .navbar-expand-md .offcanvas .offcanvas-body { display: flex; flex-grow: 0; overflow-y: visible; padding: 0 } } @media(min-width:992px) { .navbar-expand-lg { flex-wrap: nowrap; justify-content: flex-start } .navbar-expand-lg .navbar-nav { flex-direction: row } .navbar-expand-lg .navbar-nav .dropdown-menu { position: absolute } .navbar-expand-lg .navbar-nav .nav-link { padding-left: var(--bs-navbar-nav-link-padding-x); padding-right: var(--bs-navbar-nav-link-padding-x) } .navbar-expand-lg .navbar-nav-scroll { overflow: visible } .navbar-expand-lg .navbar-collapse { display: flex !important; flex-basis: auto } .navbar-expand-lg .navbar-toggler { display: none } .navbar-expand-lg .offcanvas { background-color: transparent !important; border: 0 !important; flex-grow: 1; height: auto !important; position: static; transform: none !important; transition: none; visibility: visible !important; width: auto !important; z-index: auto } .navbar-expand-lg .offcanvas .offcanvas-header { display: none } .navbar-expand-lg .offcanvas .offcanvas-body { display: flex; flex-grow: 0; overflow-y: visible; padding: 0 } } @media(min-width:1200px) { .navbar-expand-xl { flex-wrap: nowrap; justify-content: flex-start } .navbar-expand-xl .navbar-nav { flex-direction: row } .navbar-expand-xl .navbar-nav .dropdown-menu { position: absolute } .navbar-expand-xl .navbar-nav .nav-link { padding-left: var(--bs-navbar-nav-link-padding-x); padding-right: var(--bs-navbar-nav-link-padding-x) } .navbar-expand-xl .navbar-nav-scroll { overflow: visible } .navbar-expand-xl .navbar-collapse { display: flex !important; flex-basis: auto } .navbar-expand-xl .navbar-toggler { display: none } .navbar-expand-xl .offcanvas { background-color: transparent !important; border: 0 !important; flex-grow: 1; height: auto !important; position: static; transform: none !important; transition: none; visibility: visible !important; width: auto !important; z-index: auto } .navbar-expand-xl .offcanvas .offcanvas-header { display: none } .navbar-expand-xl .offcanvas .offcanvas-body { display: flex; flex-grow: 0; overflow-y: visible; padding: 0 } } @media(min-width:1400px) { .navbar-expand-xxl { flex-wrap: nowrap; justify-content: flex-start } .navbar-expand-xxl .navbar-nav { flex-direction: row } .navbar-expand-xxl .navbar-nav .dropdown-menu { position: absolute } .navbar-expand-xxl .navbar-nav .nav-link { padding-left: var(--bs-navbar-nav-link-padding-x); padding-right: var(--bs-navbar-nav-link-padding-x) } .navbar-expand-xxl .navbar-nav-scroll { overflow: visible } .navbar-expand-xxl .navbar-collapse { display: flex !important; flex-basis: auto } .navbar-expand-xxl .navbar-toggler { display: none } .navbar-expand-xxl .offcanvas { background-color: transparent !important; border: 0 !important; flex-grow: 1; height: auto !important; position: static; transform: none !important; transition: none; visibility: visible !important; width: auto !important; z-index: auto } .navbar-expand-xxl .offcanvas .offcanvas-header { display: none } .navbar-expand-xxl .offcanvas .offcanvas-body { display: flex; flex-grow: 0; overflow-y: visible; padding: 0 } } .navbar-expand { flex-wrap: nowrap; justify-content: flex-start } .navbar-expand .navbar-nav { flex-direction: row } .navbar-expand .navbar-nav .dropdown-menu { position: absolute } .navbar-expand .navbar-nav .nav-link { padding-left: var(--bs-navbar-nav-link-padding-x); padding-right: var(--bs-navbar-nav-link-padding-x) } .navbar-expand .navbar-nav-scroll { overflow: visible } .navbar-expand .navbar-collapse { display: flex !important; flex-basis: auto } .navbar-expand .navbar-toggler { display: none } .navbar-expand .offcanvas { background-color: transparent !important; border: 0 !important; flex-grow: 1; height: auto !important; position: static; transform: none !important; transition: none; visibility: visible !important; width: auto !important; z-index: auto } .navbar-expand .offcanvas .offcanvas-header { display: none } .navbar-expand .offcanvas .offcanvas-body { display: flex; flex-grow: 0; overflow-y: visible; padding: 0 } .navbar-dark, .navbar[data-bs-theme=dark] { --bs-navbar-color: hsla(0, 0%, 100%, .55); --bs-navbar-hover-color: hsla(0, 0%, 100%, .75); --bs-navbar-disabled-color: hsla(0, 0%, 100%, .25); --bs-navbar-active-color: #fff; --bs-navbar-brand-color: #fff; --bs-navbar-brand-hover-color: #fff; --bs-navbar-toggler-border-color: hsla(0, 0%, 100%, .1) } .navbar-dark, .navbar[data-bs-theme=dark], [data-bs-theme=dark] .navbar-toggler-icon { --bs-navbar-toggler-icon-bg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath stroke='rgba(255, 255, 255, 0.55)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E") } .nav { --bs-nav-link-padding-x: 1rem; --bs-nav-link-padding-y: 0.5rem; --bs-nav-link-font-weight: ; --bs-nav-link-color: var(--bs-link-color); --bs-nav-link-hover-color: var(--bs-link-hover-color); --bs-nav-link-disabled-color: var(--bs-secondary-color); display: flex; flex-wrap: wrap; list-style: none; margin-bottom: 0; padding-left: 0 } .nav-link { background: none; border: 0; color: #B30931; display: block; font-size: var(--bs-nav-link-font-size); font-weight: var(--bs-nav-link-font-weight); padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x); transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out } @media(prefers-reduced-motion:reduce) { .nav-link { transition: none } } .nav-link:focus, .nav-link:hover { color: #8F0727 } .nav-link:focus-visible { box-shadow: 0 0 0 .25rem rgba(11, 105, 246, .25); outline: 0 } .nav-link.disabled, .nav-link:disabled { color: var(--bs-nav-link-disabled-color); cursor: default; pointer-events: none } .nav-tabs { --bs-nav-tabs-border-width: var(--bs-border-width); --bs-nav-tabs-border-color: var(--bs-border-color); --bs-nav-tabs-border-radius: var(--bs-border-radius); --bs-nav-tabs-link-hover-border-color: var(--bs-secondary-bg) var(--bs-secondary-bg) var(--bs-border-color); --bs-nav-tabs-link-active-color: var(--bs-emphasis-color); --bs-nav-tabs-link-active-bg: var(--bs-body-bg); --bs-nav-tabs-link-active-border-color: var(--bs-border-color) var(--bs-border-color) var(--bs-body-bg); border-bottom: var(--bs-nav-tabs-border-width) solid var(--bs-nav-tabs-border-color) } .nav-tabs .nav-link { border: var(--bs-nav-tabs-border-width) solid transparent; border-top-left-radius: var(--bs-nav-tabs-border-radius); border-top-right-radius: var(--bs-nav-tabs-border-radius); margin-bottom: calc(var(--bs-nav-tabs-border-width)*-1) } .nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover { border-color: var(--bs-nav-tabs-link-hover-border-color); isolation: isolate } .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active { background-color: var(--bs-nav-tabs-link-active-bg); border-color: var(--bs-nav-tabs-link-active-border-color); color: var(--bs-nav-tabs-link-active-color) } .nav-tabs .dropdown-menu { border-top-left-radius: 0; border-top-right-radius: 0; margin-top: calc(var(--bs-nav-tabs-border-width)*-1) } .nav-pills { --bs-nav-pills-border-radius: var(--bs-border-radius); --bs-nav-pills-link-active-color: #fff; --bs-nav-pills-link-active-bg: #0b69f6 } .nav-pills .nav-link { border-radius: var(--bs-nav-pills-border-radius) } .nav-pills .nav-link.active, .nav-pills .show>.nav-link { background-color: var(--bs-nav-pills-link-active-bg); color: var(--bs-nav-pills-link-active-color) } .nav-underline { --bs-nav-underline-gap: 1rem; --bs-nav-underline-border-width: 0.125rem; --bs-nav-underline-link-active-color: var(--bs-emphasis-color); gap: var(--bs-nav-underline-gap) } .nav-underline .nav-link { border-bottom: var(--bs-nav-underline-border-width) solid transparent; padding-left: 0; padding-right: 0 } .nav-underline .nav-link:focus, .nav-underline .nav-link:hover { border-bottom-color: currentcolor } .nav-underline .nav-link.active, .nav-underline .show>.nav-link { border-bottom-color: currentcolor; color: var(--bs-nav-underline-link-active-color); font-weight: 700 } .nav-fill .nav-item, .nav-fill>.nav-link { flex: 1 1 auto; text-align: center } .nav-justified .nav-item, .nav-justified>.nav-link { flex-basis: 0; flex-grow: 1; text-align: center } .nav-fill .nav-item .nav-link, .nav-justified .nav-item .nav-link { width: 100% } .tab-content>.tab-pane { display: none } .tab-content>.active { display: block } .offcanvas, .offcanvas-lg, .offcanvas-md, .offcanvas-sm, .offcanvas-xl, .offcanvas-xs, .offcanvas-xxl { --bs-offcanvas-zindex: 1045; --bs-offcanvas-width: 400px; --bs-offcanvas-height: 30vh; --bs-offcanvas-padding-x: 1rem; --bs-offcanvas-padding-y: 1rem; --bs-offcanvas-color: var(--bs-body-color); --bs-offcanvas-bg: var(--bs-body-bg); --bs-offcanvas-border-width: var(--bs-border-width); --bs-offcanvas-border-color: var(--bs-border-color-translucent); --bs-offcanvas-box-shadow: var(--bs-box-shadow-sm); --bs-offcanvas-transition: transform 0.3s ease-in-out; --bs-offcanvas-title-line-height: 1.5 } @media(max-width:359.98px) { .offcanvas-xs { background-clip: padding-box; background-color: var(--bs-offcanvas-bg); bottom: 0; color: var(--bs-offcanvas-color); display: flex; flex-direction: column; max-width: 100%; outline: 0; position: fixed; transition: var(--bs-offcanvas-transition); visibility: hidden; z-index: var(--bs-offcanvas-zindex) } } @media(max-width:359.98px)and (prefers-reduced-motion:reduce) { .offcanvas-xs { transition: none } } @media(max-width:359.98px) { .offcanvas-xs.offcanvas-start { border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); left: 0; top: 0; transform: translateX(-100%); width: var(--bs-offcanvas-width) } .offcanvas-xs.offcanvas-end { border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); right: 0; top: 0; transform: translateX(100%); width: var(--bs-offcanvas-width) } .offcanvas-xs.offcanvas-top { border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); top: 0; transform: translateY(-100%) } .offcanvas-xs.offcanvas-bottom, .offcanvas-xs.offcanvas-top { height: var(--bs-offcanvas-height); left: 0; max-height: 100%; right: 0 } .offcanvas-xs.offcanvas-bottom { border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateY(100%) } .offcanvas-xs.show:not(.hiding), .offcanvas-xs.showing { transform: none } .offcanvas-xs.hiding, .offcanvas-xs.show, .offcanvas-xs.showing { visibility: visible } } @media(min-width:360px) { .offcanvas-xs { --bs-offcanvas-height: auto; --bs-offcanvas-border-width: 0; background-color: transparent !important } .offcanvas-xs .offcanvas-header { display: none } .offcanvas-xs .offcanvas-body { background-color: transparent !important; display: flex; flex-grow: 0; overflow-y: visible; padding: 0 } } @media(max-width:575.98px) { .offcanvas-sm { background-clip: padding-box; background-color: var(--bs-offcanvas-bg); bottom: 0; color: var(--bs-offcanvas-color); display: flex; flex-direction: column; max-width: 100%; outline: 0; position: fixed; transition: var(--bs-offcanvas-transition); visibility: hidden; z-index: var(--bs-offcanvas-zindex) } } @media(max-width:575.98px)and (prefers-reduced-motion:reduce) { .offcanvas-sm { transition: none } } @media(max-width:575.98px) { .offcanvas-sm.offcanvas-start { border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); left: 0; top: 0; transform: translateX(-100%); width: var(--bs-offcanvas-width) } .offcanvas-sm.offcanvas-end { border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); right: 0; top: 0; transform: translateX(100%); width: var(--bs-offcanvas-width) } .offcanvas-sm.offcanvas-top { border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); top: 0; transform: translateY(-100%) } .offcanvas-sm.offcanvas-bottom, .offcanvas-sm.offcanvas-top { height: var(--bs-offcanvas-height); left: 0; max-height: 100%; right: 0 } .offcanvas-sm.offcanvas-bottom { border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateY(100%) } .offcanvas-sm.show:not(.hiding), .offcanvas-sm.showing { transform: none } .offcanvas-sm.hiding, .offcanvas-sm.show, .offcanvas-sm.showing { visibility: visible } } @media(min-width:576px) { .offcanvas-sm { --bs-offcanvas-height: auto; --bs-offcanvas-border-width: 0; background-color: transparent !important } .offcanvas-sm .offcanvas-header { display: none } .offcanvas-sm .offcanvas-body { background-color: transparent !important; display: flex; flex-grow: 0; overflow-y: visible; padding: 0 } } @media(max-width:767.98px) { .offcanvas-md { background-clip: padding-box; background-color: var(--bs-offcanvas-bg); bottom: 0; color: var(--bs-offcanvas-color); display: flex; flex-direction: column; max-width: 100%; outline: 0; position: fixed; transition: var(--bs-offcanvas-transition); visibility: hidden; z-index: var(--bs-offcanvas-zindex) } } @media(max-width:767.98px)and (prefers-reduced-motion:reduce) { .offcanvas-md { transition: none } } @media(max-width:767.98px) { .offcanvas-md.offcanvas-start { border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); left: 0; top: 0; transform: translateX(-100%); width: var(--bs-offcanvas-width) } .offcanvas-md.offcanvas-end { border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); right: 0; top: 0; transform: translateX(100%); width: var(--bs-offcanvas-width) } .offcanvas-md.offcanvas-top { border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); top: 0; transform: translateY(-100%) } .offcanvas-md.offcanvas-bottom, .offcanvas-md.offcanvas-top { height: var(--bs-offcanvas-height); left: 0; max-height: 100%; right: 0 } .offcanvas-md.offcanvas-bottom { border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateY(100%) } .offcanvas-md.show:not(.hiding), .offcanvas-md.showing { transform: none } .offcanvas-md.hiding, .offcanvas-md.show, .offcanvas-md.showing { visibility: visible } } @media(min-width:768px) { .offcanvas-md { --bs-offcanvas-height: auto; --bs-offcanvas-border-width: 0; background-color: transparent !important } .offcanvas-md .offcanvas-header { display: none } .offcanvas-md .offcanvas-body { background-color: transparent !important; display: flex; flex-grow: 0; overflow-y: visible; padding: 0 } } @media(max-width:991.98px) { .offcanvas-lg { background-clip: padding-box; background-color: var(--bs-offcanvas-bg); bottom: 0; color: var(--bs-offcanvas-color); display: flex; flex-direction: column; max-width: 100%; outline: 0; position: fixed; transition: var(--bs-offcanvas-transition); visibility: hidden; z-index: var(--bs-offcanvas-zindex) } } @media(max-width:991.98px)and (prefers-reduced-motion:reduce) { .offcanvas-lg { transition: none } } @media(max-width:991.98px) { .offcanvas-lg.offcanvas-start { border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); left: 0; top: 0; transform: translateX(-100%); width: var(--bs-offcanvas-width) } .offcanvas-lg.offcanvas-end { border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); right: 0; top: 0; transform: translateX(100%); width: var(--bs-offcanvas-width) } .offcanvas-lg.offcanvas-top { border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); top: 0; transform: translateY(-100%) } .offcanvas-lg.offcanvas-bottom, .offcanvas-lg.offcanvas-top { height: var(--bs-offcanvas-height); left: 0; max-height: 100%; right: 0 } .offcanvas-lg.offcanvas-bottom { border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateY(100%) } .offcanvas-lg.show:not(.hiding), .offcanvas-lg.showing { transform: none } .offcanvas-lg.hiding, .offcanvas-lg.show, .offcanvas-lg.showing { visibility: visible } } @media(min-width:992px) { .offcanvas-lg { --bs-offcanvas-height: auto; --bs-offcanvas-border-width: 0; background-color: transparent !important } .offcanvas-lg .offcanvas-header { display: none } .offcanvas-lg .offcanvas-body { background-color: transparent !important; display: flex; flex-grow: 0; overflow-y: visible; padding: 0 } } @media(max-width:1199.98px) { .offcanvas-xl { background-clip: padding-box; background-color: var(--bs-offcanvas-bg); bottom: 0; color: var(--bs-offcanvas-color); display: flex; flex-direction: column; max-width: 100%; outline: 0; position: fixed; transition: var(--bs-offcanvas-transition); visibility: hidden; z-index: var(--bs-offcanvas-zindex) } } @media(max-width:1199.98px)and (prefers-reduced-motion:reduce) { .offcanvas-xl { transition: none } } @media(max-width:1199.98px) { .offcanvas-xl.offcanvas-start { border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); left: 0; top: 0; transform: translateX(-100%); width: var(--bs-offcanvas-width) } .offcanvas-xl.offcanvas-end { border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); right: 0; top: 0; transform: translateX(100%); width: var(--bs-offcanvas-width) } .offcanvas-xl.offcanvas-top { border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); top: 0; transform: translateY(-100%) } .offcanvas-xl.offcanvas-bottom, .offcanvas-xl.offcanvas-top { height: var(--bs-offcanvas-height); left: 0; max-height: 100%; right: 0 } .offcanvas-xl.offcanvas-bottom { border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateY(100%) } .offcanvas-xl.show:not(.hiding), .offcanvas-xl.showing { transform: none } .offcanvas-xl.hiding, .offcanvas-xl.show, .offcanvas-xl.showing { visibility: visible } } @media(min-width:1200px) { .offcanvas-xl { --bs-offcanvas-height: auto; --bs-offcanvas-border-width: 0; background-color: transparent !important } .offcanvas-xl .offcanvas-header { display: none } .offcanvas-xl .offcanvas-body { background-color: transparent !important; display: flex; flex-grow: 0; overflow-y: visible; padding: 0 } } @media(max-width:1399.98px) { .offcanvas-xxl { background-clip: padding-box; background-color: var(--bs-offcanvas-bg); bottom: 0; color: var(--bs-offcanvas-color); display: flex; flex-direction: column; max-width: 100%; outline: 0; position: fixed; transition: var(--bs-offcanvas-transition); visibility: hidden; z-index: var(--bs-offcanvas-zindex) } } @media(max-width:1399.98px)and (prefers-reduced-motion:reduce) { .offcanvas-xxl { transition: none } } @media(max-width:1399.98px) { .offcanvas-xxl.offcanvas-start { border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); left: 0; top: 0; transform: translateX(-100%); width: var(--bs-offcanvas-width) } .offcanvas-xxl.offcanvas-end { border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); right: 0; top: 0; transform: translateX(100%); width: var(--bs-offcanvas-width) } .offcanvas-xxl.offcanvas-top { border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); top: 0; transform: translateY(-100%) } .offcanvas-xxl.offcanvas-bottom, .offcanvas-xxl.offcanvas-top { height: var(--bs-offcanvas-height); left: 0; max-height: 100%; right: 0 } .offcanvas-xxl.offcanvas-bottom { border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateY(100%) } .offcanvas-xxl.show:not(.hiding), .offcanvas-xxl.showing { transform: none } .offcanvas-xxl.hiding, .offcanvas-xxl.show, .offcanvas-xxl.showing { visibility: visible } } @media(min-width:1400px) { .offcanvas-xxl { --bs-offcanvas-height: auto; --bs-offcanvas-border-width: 0; background-color: transparent !important } .offcanvas-xxl .offcanvas-header { display: none } .offcanvas-xxl .offcanvas-body { background-color: transparent !important; display: flex; flex-grow: 0; overflow-y: visible; padding: 0 } } .offcanvas { background-clip: padding-box; background-color: var(--bs-offcanvas-bg); bottom: 0; color: var(--bs-offcanvas-color); display: flex; flex-direction: column; max-width: 100%; outline: 0; position: fixed; transition: var(--bs-offcanvas-transition); visibility: hidden; z-index: var(--bs-offcanvas-zindex) } @media(prefers-reduced-motion:reduce) { .offcanvas { transition: none } } .offcanvas.offcanvas-start { border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); left: 0; top: 0; transform: translateX(-100%); width: var(--bs-offcanvas-width) } .offcanvas.offcanvas-end { border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); right: 0; top: 0; transform: translateX(100%); width: var(--bs-offcanvas-width) } .offcanvas.offcanvas-top { border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); top: 0; transform: translateY(-100%) } .offcanvas.offcanvas-bottom, .offcanvas.offcanvas-top { height: var(--bs-offcanvas-height); left: 0; max-height: 100%; right: 0 } .offcanvas.offcanvas-bottom { border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateY(100%) } .offcanvas.show:not(.hiding), .offcanvas.showing { transform: none } .offcanvas.hiding, .offcanvas.show, .offcanvas.showing { visibility: visible } .offcanvas-backdrop { background-color: #000; height: 100vh; left: 0; position: fixed; top: 0; width: 100vw; z-index: 1040 } .offcanvas-backdrop.fade { opacity: 0 } .offcanvas-backdrop.show { opacity: .5 } .offcanvas-header { align-items: center; display: flex; padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x) } .offcanvas-header .btn-close { margin: calc(var(--bs-offcanvas-padding-y)*-.5) calc(var(--bs-offcanvas-padding-x)*-.5) calc(var(--bs-offcanvas-padding-y)*-.5) auto; padding: calc(var(--bs-offcanvas-padding-y)*.5) calc(var(--bs-offcanvas-padding-x)*.5) } .offcanvas-title { line-height: var(--bs-offcanvas-title-line-height); margin-bottom: 0 } .offcanvas-body { flex-grow: 1; overflow-y: auto; padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x) } .pagination { --bs-pagination-padding-x: 0.625rem; --bs-pagination-padding-y: 0.5rem; --bs-pagination-font-size: 1rem; --bs-pagination-color: var(--bs-link-color); --bs-pagination-bg: transparent; --bs-pagination-border-width: 0; --bs-pagination-border-color: transparent; --bs-pagination-border-radius: var(--bs-border-radius); --bs-pagination-hover-color: var(--bs-link-hover-color); --bs-pagination-hover-bg: transparent; --bs-pagination-hover-border-color: transparent; --bs-pagination-focus-color: var(--bs-link-hover-color); --bs-pagination-focus-bg: transparent; --bs-pagination-focus-box-shadow: 0 0 0 0.25rem rgba(11, 105, 246, .25); --bs-pagination-active-color: var(--bs-primary); --bs-pagination-active-bg: transparent; --bs-pagination-active-border-color: transparent; --bs-pagination-disabled-color: var(--bs-secondary-color); --bs-pagination-disabled-bg: transparent; --bs-pagination-disabled-border-color: transparent; display: flex; list-style: none; padding-left: 0 } .page-link { background-color: var(--bs-pagination-bg); border: var(--bs-pagination-border-width) solid var(--bs-pagination-border-color); color: var(--bs-pagination-color); display: block; font-size: var(--bs-pagination-font-size); padding: var(--bs-pagination-padding-y) var(--bs-pagination-padding-x); position: relative; transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out } @media(prefers-reduced-motion:reduce) { .page-link { transition: none } } .page-link:hover { background-color: var(--bs-pagination-hover-bg); border-color: var(--bs-pagination-hover-border-color); color: var(--bs-pagination-hover-color); z-index: 2 } .page-link:focus { background-color: var(--bs-pagination-focus-bg); box-shadow: var(--bs-pagination-focus-box-shadow); color: var(--bs-pagination-focus-color); outline: 0; z-index: 3 } .active>.page-link, .page-link.active { background-color: var(--bs-pagination-active-bg); border-color: var(--bs-pagination-active-border-color); color: var(--bs-pagination-active-color); z-index: 3 } .disabled>.page-link, .page-link.disabled { background-color: var(--bs-pagination-disabled-bg); border-color: var(--bs-pagination-disabled-border-color); color: var(--bs-pagination-disabled-color); pointer-events: none } .page-item:not(:first-child) .page-link { margin-left: 0 } .page-item .page-link { border-radius: var(--bs-pagination-border-radius) } .pagination-lg { --bs-pagination-padding-x: 1.5rem; --bs-pagination-padding-y: 0.75rem; --bs-pagination-font-size: 1.25rem; --bs-pagination-border-radius: var(--bs-border-radius-lg) } .pagination-sm { --bs-pagination-padding-x: 0.5rem; --bs-pagination-padding-y: 0.25rem; --bs-pagination-font-size: 0.875rem; --bs-pagination-border-radius: var(--bs-border-radius-sm) } .placeholder { background-color: currentcolor; cursor: wait; display: inline-block; min-height: 1em; opacity: .5; vertical-align: middle } .placeholder.btn:before { content: ""; display: inline-block } .placeholder-xs { min-height: .6em } .placeholder-sm { min-height: .8em } .placeholder-lg { min-height: 1.2em } .placeholder-glow .placeholder { animation: placeholder-glow 2s ease-in-out infinite } @keyframes placeholder-glow { 50% { opacity: .2 } } .placeholder-wave { animation: placeholder-wave 2s linear infinite; -webkit-mask-image: linear-gradient(130deg, #000 55%, rgba(0, 0, 0, .8) 75%, #000 95%); mask-image: linear-gradient(130deg, #000 55%, rgba(0, 0, 0, .8) 75%, #000 95%); -webkit-mask-size: 200% 100%; mask-size: 200% 100% } @keyframes placeholder-wave { to { -webkit-mask-position: -200% 0; mask-position: -200% 0 } } .popover { --bs-popover-zindex: 1070; --bs-popover-max-width: 276px; --bs-popover-font-size: 0.875rem; --bs-popover-bg: var(--bs-body-bg); --bs-popover-border-width: var(--bs-border-width); --bs-popover-border-color: var(--bs-border-color-translucent); --bs-popover-border-radius: var(--bs-border-radius-lg); --bs-popover-inner-border-radius: calc(var(--bs-border-radius-lg) - var(--bs-border-width)); --bs-popover-box-shadow: var(--bs-box-shadow); --bs-popover-header-padding-x: 1rem; --bs-popover-header-padding-y: 0.5rem; --bs-popover-header-font-size: 1rem; --bs-popover-header-color: inherit; --bs-popover-header-bg: var(--bs-secondary-bg); --bs-popover-body-padding-x: 1rem; --bs-popover-body-padding-y: 1rem; --bs-popover-body-color: var(--bs-body-color); --bs-popover-arrow-width: 1rem; --bs-popover-arrow-height: 0.5rem; --bs-popover-arrow-border: var(--bs-popover-border-color); display: block; font-family: "Open Sans", sans-serif; font-size: var(--bs-popover-font-size); font-style: normal; font-weight: 400; letter-spacing: normal; line-break: auto; line-height: 1.5; max-width: var(--bs-popover-max-width); text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; white-space: normal; word-break: normal; word-spacing: normal; z-index: var(--bs-popover-zindex); word-wrap: break-word; background-clip: padding-box; background-color: var(--bs-popover-bg); border: var(--bs-popover-border-width) solid var(--bs-popover-border-color); border-radius: var(--bs-popover-border-radius) } .popover .popover-arrow { display: block; height: var(--bs-popover-arrow-height); width: var(--bs-popover-arrow-width) } .popover .popover-arrow:after, .popover .popover-arrow:before { border: 0 solid transparent; content: ""; display: block; position: absolute } .bs-popover-auto[data-popper-placement^=top]>.popover-arrow, .bs-popover-top>.popover-arrow { bottom: calc((var(--bs-popover-arrow-height))*-1 - var(--bs-popover-border-width)) } .bs-popover-auto[data-popper-placement^=top]>.popover-arrow:after, .bs-popover-auto[data-popper-placement^=top]>.popover-arrow:before, .bs-popover-top>.popover-arrow:after, .bs-popover-top>.popover-arrow:before { border-width: var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width)*.5) 0 } .bs-popover-auto[data-popper-placement^=top]>.popover-arrow:before, .bs-popover-top>.popover-arrow:before { border-top-color: var(--bs-popover-arrow-border); bottom: 0 } .bs-popover-auto[data-popper-placement^=top]>.popover-arrow:after, .bs-popover-top>.popover-arrow:after { border-top-color: var(--bs-popover-bg); bottom: var(--bs-popover-border-width) } .bs-popover-auto[data-popper-placement^=right]>.popover-arrow, .bs-popover-end>.popover-arrow { height: var(--bs-popover-arrow-width); left: calc((var(--bs-popover-arrow-height))*-1 - var(--bs-popover-border-width)); width: var(--bs-popover-arrow-height) } .bs-popover-auto[data-popper-placement^=right]>.popover-arrow:after, .bs-popover-auto[data-popper-placement^=right]>.popover-arrow:before, .bs-popover-end>.popover-arrow:after, .bs-popover-end>.popover-arrow:before { border-width: calc(var(--bs-popover-arrow-width)*.5) var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width)*.5) 0 } .bs-popover-auto[data-popper-placement^=right]>.popover-arrow:before, .bs-popover-end>.popover-arrow:before { border-right-color: var(--bs-popover-arrow-border); left: 0 } .bs-popover-auto[data-popper-placement^=right]>.popover-arrow:after, .bs-popover-end>.popover-arrow:after { border-right-color: var(--bs-popover-bg); left: var(--bs-popover-border-width) } .bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow, .bs-popover-bottom>.popover-arrow { top: calc((var(--bs-popover-arrow-height))*-1 - var(--bs-popover-border-width)) } .bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow:after, .bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow:before, .bs-popover-bottom>.popover-arrow:after, .bs-popover-bottom>.popover-arrow:before { border-width: 0 calc(var(--bs-popover-arrow-width)*.5) var(--bs-popover-arrow-height) } .bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow:before, .bs-popover-bottom>.popover-arrow:before { border-bottom-color: var(--bs-popover-arrow-border); top: 0 } .bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow:after, .bs-popover-bottom>.popover-arrow:after { border-bottom-color: var(--bs-popover-bg); top: var(--bs-popover-border-width) } .bs-popover-auto[data-popper-placement^=bottom] .popover-header:before, .bs-popover-bottom .popover-header:before { border-bottom: var(--bs-popover-border-width) solid var(--bs-popover-header-bg); content: ""; display: block; left: 50%; margin-left: calc(var(--bs-popover-arrow-width)*-.5); position: absolute; top: 0; width: var(--bs-popover-arrow-width) } .bs-popover-auto[data-popper-placement^=left]>.popover-arrow, .bs-popover-start>.popover-arrow { height: var(--bs-popover-arrow-width); right: calc((var(--bs-popover-arrow-height))*-1 - var(--bs-popover-border-width)); width: var(--bs-popover-arrow-height) } .bs-popover-auto[data-popper-placement^=left]>.popover-arrow:after, .bs-popover-auto[data-popper-placement^=left]>.popover-arrow:before, .bs-popover-start>.popover-arrow:after, .bs-popover-start>.popover-arrow:before { border-width: calc(var(--bs-popover-arrow-width)*.5) 0 calc(var(--bs-popover-arrow-width)*.5) var(--bs-popover-arrow-height) } .bs-popover-auto[data-popper-placement^=left]>.popover-arrow:before, .bs-popover-start>.popover-arrow:before { border-left-color: var(--bs-popover-arrow-border); right: 0 } .bs-popover-auto[data-popper-placement^=left]>.popover-arrow:after, .bs-popover-start>.popover-arrow:after { border-left-color: var(--bs-popover-bg); right: var(--bs-popover-border-width) } .popover-header { background-color: var(--bs-popover-header-bg); border-bottom: var(--bs-popover-border-width) solid var(--bs-popover-border-color); border-top-left-radius: var(--bs-popover-inner-border-radius); border-top-right-radius: var(--bs-popover-inner-border-radius); color: var(--bs-popover-header-color); font-size: var(--bs-popover-header-font-size); margin-bottom: 0; padding: var(--bs-popover-header-padding-y) var(--bs-popover-header-padding-x) } .popover-header:empty { display: none } .popover-body { color: var(--bs-popover-body-color); padding: var(--bs-popover-body-padding-y) var(--bs-popover-body-padding-x) } @keyframes progress-bar-stripes { 0% { background-position-x: 1rem } } .progress, .progress-stacked { --bs-progress-height: 1rem; --bs-progress-font-size: 0.75rem; --bs-progress-bg: var(--bs-secondary-bg); --bs-progress-border-radius: var(--bs-border-radius); --bs-progress-box-shadow: var(--bs-box-shadow-inset); --bs-progress-bar-color: #fff; --bs-progress-bar-bg: #0b69f6; --bs-progress-bar-transition: width 0.6s ease; background-color: var(--bs-progress-bg); border-radius: var(--bs-progress-border-radius); display: flex; font-size: var(--bs-progress-font-size); height: var(--bs-progress-height); overflow: hidden } .progress-bar { background-color: var(--bs-progress-bar-bg); color: var(--bs-progress-bar-color); display: flex; flex-direction: column; justify-content: center; overflow: hidden; text-align: center; transition: var(--bs-progress-bar-transition); white-space: nowrap } @media(prefers-reduced-motion:reduce) { .progress-bar { transition: none } } .progress-bar-striped { background-image: linear-gradient(45deg, hsla(0, 0%, 100%, .15) 25%, transparent 0, transparent 50%, hsla(0, 0%, 100%, .15) 0, hsla(0, 0%, 100%, .15) 75%, transparent 0, transparent); background-size: var(--bs-progress-height) var(--bs-progress-height) } .progress-stacked>.progress { overflow: visible } .progress-stacked>.progress>.progress-bar { width: 100% } .progress-bar-animated { animation: progress-bar-stripes 1s linear infinite } @media(prefers-reduced-motion:reduce) { .progress-bar-animated { animation: none } } .page-product #product-comments-list.has-comments:empty:before, .spinner-border, .spinner-grow { animation: var(--bs-spinner-animation-speed) linear infinite var(--bs-spinner-animation-name); border-radius: 50%; display: inline-block; height: var(--bs-spinner-height); vertical-align: var(--bs-spinner-vertical-align); width: var(--bs-spinner-width) } @keyframes spinner-border { to { transform: rotate(1turn) } } .page-product #product-comments-list.has-comments:empty:before, .spinner-border { --bs-spinner-width: 2rem; --bs-spinner-height: 2rem; --bs-spinner-vertical-align: -0.125em; --bs-spinner-border-width: 0.25em; --bs-spinner-animation-speed: 0.75s; --bs-spinner-animation-name: spinner-border; border-right-color: currentcolor; border: var(--bs-spinner-border-width) solid; border-right: var(--bs-spinner-border-width) solid transparent } .spinner-border-sm { --bs-spinner-width: 1rem; --bs-spinner-height: 1rem; --bs-spinner-border-width: 0.2em } @keyframes spinner-grow { 0% { transform: scale(0) } 50% { opacity: 1; transform: none } } .spinner-grow { --bs-spinner-width: 2rem; --bs-spinner-height: 2rem; --bs-spinner-vertical-align: -0.125em; --bs-spinner-animation-speed: 0.75s; --bs-spinner-animation-name: spinner-grow; background-color: currentcolor; opacity: 0 } .spinner-grow-sm { --bs-spinner-width: 1rem; --bs-spinner-height: 1rem } @media(prefers-reduced-motion:reduce) { .page-product #product-comments-list.has-comments:empty:before, .spinner-border, .spinner-grow { --bs-spinner-animation-speed: 1.5s } } .discounts-table, .rich-text table, .table { --bs-table-color-type: initial; --bs-table-bg-type: initial; --bs-table-color-state: initial; --bs-table-bg-state: initial; --bs-table-color: var(--bs-emphasis-color); --bs-table-bg: var(--bs-body-bg); --bs-table-border-color: var(--bs-border-color); --bs-table-accent-bg: transparent; --bs-table-striped-color: var(--bs-emphasis-color); --bs-table-striped-bg: rgba(var(--bs-emphasis-color-rgb), 0.05); --bs-table-active-color: var(--bs-emphasis-color); --bs-table-active-bg: rgba(var(--bs-emphasis-color-rgb), 0.1); --bs-table-hover-color: var(--bs-emphasis-color); --bs-table-hover-bg: rgba(var(--bs-emphasis-color-rgb), 0.075); border-color: var(--bs-table-border-color); margin-bottom: 1rem; vertical-align: top; width: 100% } .discounts-table>:not(caption)>*>*, .rich-text table>:not(caption)>*>*, .table>:not(caption)>*>* { background-color: var(--bs-table-bg); border-bottom-width: var(--bs-border-width); box-shadow: inset 0 0 0 9999px var(--bs-table-bg-state, var(--bs-table-bg-type, var(--bs-table-accent-bg))); color: var(--bs-table-color-state, var(--bs-table-color-type, var(--bs-table-color))); padding: .5rem } .discounts-table>tbody, .rich-text table>tbody, .table>tbody { vertical-align: inherit } .discounts-table>thead, .rich-text table>thead, .table>thead { vertical-align: bottom } .table-group-divider { border-top: calc(var(--bs-border-width)*2) solid } .caption-top { caption-side: top } .table-sm>:not(caption)>*>* { padding: .25rem } .rich-text table>:not(caption)>*, .table-bordered>:not(caption)>* { border-width: var(--bs-border-width) 0 } .rich-text table>:not(caption)>*>*, .table-bordered>:not(caption)>*>* { border-width: 0 var(--bs-border-width) } .table-borderless>:not(caption)>*>* { border-bottom-width: 0 } .table-borderless>:not(:first-child) { border-top-width: 0 } .table-striped-columns>:not(caption)>tr>:nth-child(2n), .table-striped>tbody>tr:nth-of-type(odd)>* { --bs-table-color-type: var(--bs-table-striped-color); --bs-table-bg-type: var(--bs-table-striped-bg) } .table-active { --bs-table-color-state: var(--bs-table-active-color); --bs-table-bg-state: var(--bs-table-active-bg) } .table-hover>tbody>tr:hover>* { --bs-table-color-state: var(--bs-table-hover-color); --bs-table-bg-state: var(--bs-table-hover-bg) } .table-primary { --bs-table-color: #000; --bs-table-bg: #cee1fd; --bs-table-border-color: #a5b4cb; --bs-table-striped-bg: #c4d6f1; --bs-table-striped-color: #000; --bs-table-active-bg: #bacbe4; --bs-table-active-color: #000; --bs-table-hover-bg: #bfd0ea; --bs-table-hover-color: #000 } .table-primary, .table-secondary { border-color: var(--bs-table-border-color); color: var(--bs-table-color) } .table-secondary { --bs-table-color: #000; --bs-table-bg: #e2e3e5; --bs-table-border-color: #b4b6b7; --bs-table-striped-bg: #d6d8da; --bs-table-striped-color: #000; --bs-table-active-bg: #cbcdce; --bs-table-active-color: #000; --bs-table-hover-bg: #d1d2d4; --bs-table-hover-color: #000 } .table-success { --bs-table-color: #000; --bs-table-bg: #d1e6dc; --bs-table-border-color: #a7b8b0; --bs-table-striped-bg: #c6dbd1; --bs-table-striped-color: #000; --bs-table-active-bg: #bccfc6; --bs-table-active-color: #000; --bs-table-hover-bg: #c1d5cc; --bs-table-hover-color: #000 } .table-info, .table-success { border-color: var(--bs-table-border-color); color: var(--bs-table-color) } .table-info { --bs-table-color: #000; --bs-table-bg: #cff4fc; --bs-table-border-color: #a5c4ca; --bs-table-striped-bg: #c4e8ef; --bs-table-striped-color: #000; --bs-table-active-bg: #badce3; --bs-table-active-color: #000; --bs-table-hover-bg: #bfe2e9; --bs-table-hover-color: #000 } .table-warning { --bs-table-color: #000; --bs-table-bg: #fff3cd; --bs-table-border-color: #ccc2a4; --bs-table-striped-bg: #f2e6c3; --bs-table-striped-color: #000; --bs-table-active-bg: #e6dab9; --bs-table-active-color: #000; --bs-table-hover-bg: #ece0be; --bs-table-hover-color: #000 } .table-danger, .table-warning { border-color: var(--bs-table-border-color); color: var(--bs-table-color) } .table-danger { --bs-table-color: #000; --bs-table-bg: #ffdadd; --bs-table-border-color: #ccaeb1; --bs-table-striped-bg: #f2cfd2; --bs-table-striped-color: #000; --bs-table-active-bg: #e6c4c7; --bs-table-active-color: #000; --bs-table-hover-bg: #eccacd; --bs-table-hover-color: #000 } .table-light { --bs-table-color: #000; --bs-table-bg: #f8f9fa; --bs-table-border-color: #c6c7c8; --bs-table-striped-bg: #ecedee; --bs-table-striped-color: #000; --bs-table-active-bg: #dfe0e1; --bs-table-active-color: #000; --bs-table-hover-bg: #e5e6e7; --bs-table-hover-color: #000 } .table-dark, .table-light { border-color: var(--bs-table-border-color); color: var(--bs-table-color) } .table-dark { --bs-table-color: #fff; --bs-table-bg: #212529; --bs-table-border-color: #4d5154; --bs-table-striped-bg: #2c3034; --bs-table-striped-color: #fff; --bs-table-active-bg: #373b3e; --bs-table-active-color: #fff; --bs-table-hover-bg: #323539; --bs-table-hover-color: #fff } .table-responsive { overflow-x: auto; -webkit-overflow-scrolling: touch } @media(max-width:359.98px) { .table-responsive-xs { overflow-x: auto; -webkit-overflow-scrolling: touch } } @media(max-width:575.98px) { .table-responsive-sm { overflow-x: auto; -webkit-overflow-scrolling: touch } } @media(max-width:767.98px) { .table-responsive-md { overflow-x: auto; -webkit-overflow-scrolling: touch } } @media(max-width:991.98px) { .table-responsive-lg { overflow-x: auto; -webkit-overflow-scrolling: touch } } @media(max-width:1199.98px) { .table-responsive-xl { overflow-x: auto; -webkit-overflow-scrolling: touch } } @media(max-width:1399.98px) { .table-responsive-xxl { overflow-x: auto; -webkit-overflow-scrolling: touch } } .toast { --bs-toast-zindex: 1090; --bs-toast-padding-x: 0.75rem; --bs-toast-padding-y: 0.5rem; --bs-toast-spacing: 1.5rem; --bs-toast-max-width: 350px; --bs-toast-font-size: 0.875rem; --bs-toast-color: ; --bs-toast-bg: rgba(var(--bs-body-bg-rgb), 0.85); --bs-toast-border-width: var(--bs-border-width); --bs-toast-border-color: var(--bs-border-color-translucent); --bs-toast-border-radius: var(--bs-border-radius); --bs-toast-box-shadow: var(--bs-box-shadow); --bs-toast-header-color: var(--bs-secondary-color); --bs-toast-header-bg: rgba(var(--bs-body-bg-rgb), 0.85); --bs-toast-header-border-color: var(--bs-border-color-translucent); background-clip: padding-box; background-color: var(--bs-toast-bg); border: var(--bs-toast-border-width) solid var(--bs-toast-border-color); border-radius: var(--bs-toast-border-radius); box-shadow: var(--bs-toast-box-shadow); color: var(--bs-toast-color); font-size: var(--bs-toast-font-size); max-width: 100%; pointer-events: auto; width: var(--bs-toast-max-width) } .toast.showing { opacity: 0 } .toast:not(.show) { display: none } .toast-container { --bs-toast-zindex: 1090; max-width: 100%; pointer-events: none; position: absolute; width: -moz-max-content; width: max-content; z-index: var(--bs-toast-zindex) } .toast-container>:not(:last-child) { margin-bottom: var(--bs-toast-spacing) } .toast-header { align-items: center; background-clip: padding-box; background-color: var(--bs-toast-header-bg); border-bottom: var(--bs-toast-border-width) solid var(--bs-toast-header-border-color); border-top-left-radius: calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width)); border-top-right-radius: calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width)); color: var(--bs-toast-header-color); display: flex; padding: var(--bs-toast-padding-y) var(--bs-toast-padding-x) } .toast-header .btn-close { margin-left: var(--bs-toast-padding-x); margin-right: calc(var(--bs-toast-padding-x)*-.5) } .toast-body { padding: var(--bs-toast-padding-x); word-wrap: break-word } .tooltip { --bs-tooltip-zindex: 1080; --bs-tooltip-max-width: 200px; --bs-tooltip-padding-x: 0.5rem; --bs-tooltip-padding-y: 0.25rem; --bs-tooltip-margin: ; --bs-tooltip-font-size: 0.875rem; --bs-tooltip-color: var(--bs-body-bg); --bs-tooltip-bg: var(--bs-emphasis-color); --bs-tooltip-border-radius: var(--bs-border-radius); --bs-tooltip-opacity: 0.9; --bs-tooltip-arrow-width: 0.8rem; --bs-tooltip-arrow-height: 0.4rem; display: block; font-family: "Open Sans", sans-serif; font-size: var(--bs-tooltip-font-size); font-style: normal; font-weight: 400; letter-spacing: normal; line-break: auto; line-height: 1.5; margin: var(--bs-tooltip-margin); text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; white-space: normal; word-break: normal; word-spacing: normal; z-index: var(--bs-tooltip-zindex); word-wrap: break-word; opacity: 0 } .tooltip.show { opacity: var(--bs-tooltip-opacity) } .tooltip .tooltip-arrow { display: block; height: var(--bs-tooltip-arrow-height); width: var(--bs-tooltip-arrow-width) } .tooltip .tooltip-arrow:before { border-color: transparent; border-style: solid; content: ""; position: absolute } .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow, .bs-tooltip-top .tooltip-arrow { bottom: calc(var(--bs-tooltip-arrow-height)*-1) } .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow:before, .bs-tooltip-top .tooltip-arrow:before { border-top-color: var(--bs-tooltip-bg); border-width: var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width)*.5) 0; top: -1px } .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow, .bs-tooltip-end .tooltip-arrow { height: var(--bs-tooltip-arrow-width); left: calc(var(--bs-tooltip-arrow-height)*-1); width: var(--bs-tooltip-arrow-height) } .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow:before, .bs-tooltip-end .tooltip-arrow:before { border-right-color: var(--bs-tooltip-bg); border-width: calc(var(--bs-tooltip-arrow-width)*.5) var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width)*.5) 0; right: -1px } .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow, .bs-tooltip-bottom .tooltip-arrow { top: calc(var(--bs-tooltip-arrow-height)*-1) } .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow:before, .bs-tooltip-bottom .tooltip-arrow:before { border-bottom-color: var(--bs-tooltip-bg); border-width: 0 calc(var(--bs-tooltip-arrow-width)*.5) var(--bs-tooltip-arrow-height); bottom: -1px } .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow, .bs-tooltip-start .tooltip-arrow { height: var(--bs-tooltip-arrow-width); right: calc(var(--bs-tooltip-arrow-height)*-1); width: var(--bs-tooltip-arrow-height) } .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow:before, .bs-tooltip-start .tooltip-arrow:before { border-left-color: var(--bs-tooltip-bg); border-width: calc(var(--bs-tooltip-arrow-width)*.5) 0 calc(var(--bs-tooltip-arrow-width)*.5) var(--bs-tooltip-arrow-height); left: -1px } .tooltip-inner { background-color: var(--bs-tooltip-bg); border-radius: var(--bs-tooltip-border-radius); color: var(--bs-tooltip-color); max-width: var(--bs-tooltip-max-width); padding: var(--bs-tooltip-padding-y) var(--bs-tooltip-padding-x); text-align: center } } @layer bs-custom-components { .accordion-item { border-block-end: 1px solid var(--bs-border-color) } .accordion-button { font-size: 1.25rem; font-weight: 600 } .accordion-button:focus { box-shadow: none } .accordion-button:focus-visible { box-shadow: var(--bs-accordion-btn-focus-box-shadow); outline: 0; z-index: 3 } .accordion--small .accordion-button { font-size: 1rem; padding-block: .5rem } .alert-link { text-decoration: underline } .breadcrumb { display: flex; flex-wrap: nowrap; gap: .5rem; overflow-x: scroll; scrollbar-width: none } .breadcrumb[data-depth="1"] { display: none } .breadcrumb-item { padding: 0; white-space: nowrap } .breadcrumb-item+.breadcrumb-item:before { float: none; padding-inline-end: .25rem } .breadcrumb__wrapper { background-color: var(--bs-tertiary-bg); margin-bottom: 1.5rem } @media(min-width:768px) { .breadcrumb { flex-wrap: wrap; overflow-x: initial; scrollbar-width: auto } .breadcrumb__wrapper { margin-bottom: 2.5rem } } .btn { align-items: center; display: inline-flex; gap: .25rem; justify-content: center } .btn .material-icons, .btn .ps-mainmenu:is(.ps-mainmenu--desktop) .submenu__left-item[data-ps-has-child=true]:after, .ps-mainmenu:is(.ps-mainmenu--desktop) .btn .submenu__left-item[data-ps-has-child=true]:after { font-size: 1.25em; height: 1.2em; line-height: 1.2em; width: 1.2em } .btn-square-icon { padding-inline: var(--bs-btn-padding-y) } .btn-tertiary { --bs-btn-font-weight: 400; --bs-btn-color: var(--bs-body-color); --bs-btn-bg: var(--bs-body-bg); --bs-btn-border-color: var(--bs-body-bg); --bs-btn-hover-color: var(--bs-link-hover-color); --bs-btn-hover-bg: var(--bs-body-bg); --bs-btn-hover-border-color: var(--bs-body-bg); --bs-btn-focus-shadow-rgb: var(--bs-primary-rgb); --bs-btn-active-color: var(--bs-link-hover-color); --bs-btn-active-bg: var(--bs-body-bg); --bs-btn-active-border-color: var(--bs-body-bg) } .btn-outline-tertiary { --bs-btn-font-weight: 400; --bs-btn-color: var(--bs-body-color); --bs-btn-bg: var(--bs-body-bg); --bs-btn-border-color: var(--bs-border-color); --bs-btn-hover-color: var(--bs-link-hover-color); --bs-btn-hover-bg: var(--bs-body-bg); --bs-btn-hover-border-color: var(--bs-border-color); --bs-btn-focus-shadow-rgb: var(--bs-primary-rgb); --bs-btn-active-color: var(--bs-link-hover-color); --bs-btn-active-bg: var(--bs-body-bg); --bs-btn-active-border-color: var(--bs-border-color) } .btn-basic { --bs-btn-padding-x: 0; --bs-btn-font-weight: 400; --bs-btn-color: var(--bs-link-color); --bs-btn-bg: var(--bs-body-bg); --bs-btn-border-color: var(--bs-body-bg); --bs-btn-hover-color: var(--bs-link-hover-color); --bs-btn-hover-bg: var(--bs-body-bg); --bs-btn-hover-border-color: var(--bs-body-bg); --bs-btn-focus-shadow-rgb: var(--bs-primary-rgb); --bs-btn-active-color: var(--bs-link-hover-color); --bs-btn-active-bg: var(--bs-body-bg); --bs-btn-active-border-color: var(--bs-body-bg) } .carousel-control-next-icon, .carousel-control-prev-icon { align-items: center; background-color: var(--bs-white); background-image: none; border-radius: var(--bs-border-radius-sm); display: flex; justify-content: center } .carousel-control-prev-icon:before { content: "î—‹" } .carousel-control-next-icon:before, .carousel-control-prev-icon:before { color: var(--bs-dark); display: inline-block; font-family: Material Icons, sans-serif; font-feature-settings: "liga"; font-size: 20px; font-style: normal; font-weight: 400; height: 1em; letter-spacing: normal; line-height: 1; text-transform: none; width: 1em; word-wrap: normal; direction: ltr; vertical-align: middle; white-space: nowrap; -webkit-font-smoothing: antialiased; text-rendering: optimizelegibility; -moz-osx-font-smoothing: grayscale } .carousel-control-next-icon:before { content: "î—Œ" } .carousel-indicators { bottom: 0; margin-bottom: .625rem } .carousel-indicators .active { background-color: var(--bs-primary) } .carousel-caption { bottom: 3.125rem; padding-inline: 1.25rem } .dropdown-toggle { align-items: center; display: inline-flex } .form-check-label.required:before { color: var(--bs-danger); content: "*"/" " } hr { color: var(--bs-border-color); opacity: 1 } .form-label.required:after { color: var(--bs-danger); content: "*"/" " } .modal-title { color: var(--bs-body-color) } .modal-body { padding-block: .5rem } .modal-footer--split-buttons { gap: .5rem; justify-content: space-between; padding-inline: var(--bs-modal-padding) } .modal-footer--revert-order-mobile>:nth-child(2) { order: -1 } .modal-footer--revert-order-mobile>* { margin: 0; width: 100% } @media(min-width:576px) { .modal-footer--revert-order-mobile { flex-direction: row } .modal-footer--revert-order-mobile>:nth-child(2) { order: 0 } .modal-footer--revert-order-mobile>* { width: auto } } .pagination { flex-wrap: wrap } .page-link { align-items: center; display: inline-flex; gap: .5em } .active>.page-link, .page-link.active { font-weight: 600 } .active>.page-link.disabled, .page-link.active.disabled { color: var(--bs-pagination-active-color) } } @layer utilities { .align-baseline { vertical-align: baseline !important } .align-top { vertical-align: top !important } .align-middle { vertical-align: middle !important } .align-bottom { vertical-align: bottom !important } .align-text-bottom { vertical-align: text-bottom !important } .align-text-top { vertical-align: text-top !important } .float-start { float: left !important } .float-end { float: right !important } .float-none { float: none !important } .object-fit-contain { -o-object-fit: contain !important; object-fit: contain !important } .object-fit-cover { -o-object-fit: cover !important; object-fit: cover !important } .object-fit-fill { -o-object-fit: fill !important; object-fit: fill !important } .object-fit-scale { -o-object-fit: scale-down !important; object-fit: scale-down !important } .object-fit-none { -o-object-fit: none !important; object-fit: none !important } .opacity-0 { opacity: 0 !important } .opacity-25 { opacity: .25 !important } .opacity-50 { opacity: .5 !important } .opacity-75 { opacity: .75 !important } .opacity-100 { opacity: 1 !important } .overflow-auto { overflow: auto !important } .overflow-hidden { overflow: hidden !important } .overflow-visible { overflow: visible !important } .overflow-scroll { overflow: scroll !important } .overflow-x-auto { overflow-x: auto !important } .overflow-x-hidden { overflow-x: hidden !important } .overflow-x-visible { overflow-x: visible !important } .overflow-x-scroll { overflow-x: scroll !important } .overflow-y-auto { overflow-y: auto !important } .overflow-y-hidden { overflow-y: hidden !important } .overflow-y-visible { overflow-y: visible !important } .overflow-y-scroll { overflow-y: scroll !important } .d-inline { display: inline !important } .d-inline-block { display: inline-block !important } .d-block { display: block !important } .d-grid { display: grid !important } .d-inline-grid { display: inline-grid !important } .d-table { display: table !important } .d-table-row { display: table-row !important } .d-table-cell { display: table-cell !important } .d-flex { display: flex !important } .d-inline-flex { display: inline-flex !important } .d-none { display: none !important } .shadow { box-shadow: var(--bs-box-shadow) !important } .shadow-sm { box-shadow: var(--bs-box-shadow-sm) !important } .shadow-lg { box-shadow: var(--bs-box-shadow-lg) !important } .shadow-none { box-shadow: none !important } .focus-ring-primary { --bs-focus-ring-color: rgba(var(--bs-primary-rgb), var(--bs-focus-ring-opacity)) } .focus-ring-secondary { --bs-focus-ring-color: rgba(var(--bs-secondary-rgb), var(--bs-focus-ring-opacity)) } .focus-ring-success { --bs-focus-ring-color: rgba(var(--bs-success-rgb), var(--bs-focus-ring-opacity)) } .focus-ring-info { --bs-focus-ring-color: rgba(var(--bs-info-rgb), var(--bs-focus-ring-opacity)) } .focus-ring-warning { --bs-focus-ring-color: rgba(var(--bs-warning-rgb), var(--bs-focus-ring-opacity)) } .focus-ring-danger { --bs-focus-ring-color: rgba(var(--bs-danger-rgb), var(--bs-focus-ring-opacity)) } .focus-ring-light { --bs-focus-ring-color: rgba(var(--bs-light-rgb), var(--bs-focus-ring-opacity)) } .focus-ring-dark { --bs-focus-ring-color: rgba(var(--bs-dark-rgb), var(--bs-focus-ring-opacity)) } .position-static { position: static !important } .position-relative { position: relative !important } .position-absolute { position: absolute !important } .position-fixed { position: fixed !important } .position-sticky { position: sticky !important } .top-0 { top: 0 !important } .top-50 { top: 50% !important } .top-100 { top: 100% !important } .bottom-0 { bottom: 0 !important } .bottom-50 { bottom: 50% !important } .bottom-100 { bottom: 100% !important } .start-0 { left: 0 !important } .start-50 { left: 50% !important } .start-100 { left: 100% !important } .end-0 { right: 0 !important } .end-50 { right: 50% !important } .end-100 { right: 100% !important } .translate-middle { transform: translate(-50%, -50%) !important } .translate-middle-x { transform: translateX(-50%) !important } .translate-middle-y { transform: translateY(-50%) !important } .border { border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important } .border-0 { border: 0 !important } .border-top { border-top: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important } .border-top-0 { border-top: 0 !important } .border-end { border-right: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important } .border-end-0 { border-right: 0 !important } .border-bottom { border-bottom: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important } .border-bottom-0 { border-bottom: 0 !important } .border-start { border-left: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important } .border-start-0 { border-left: 0 !important } .border-primary { --bs-border-opacity: 1; border-color: rgba(var(--bs-primary-rgb), var(--bs-border-opacity)) !important } .border-secondary { --bs-border-opacity: 1; border-color: rgba(var(--bs-secondary-rgb), var(--bs-border-opacity)) !important } .border-success { --bs-border-opacity: 1; border-color: rgba(var(--bs-success-rgb), var(--bs-border-opacity)) !important } .border-info { --bs-border-opacity: 1; border-color: rgba(var(--bs-info-rgb), var(--bs-border-opacity)) !important } .border-warning { --bs-border-opacity: 1; border-color: rgba(var(--bs-warning-rgb), var(--bs-border-opacity)) !important } .border-danger { --bs-border-opacity: 1; border-color: rgba(var(--bs-danger-rgb), var(--bs-border-opacity)) !important } .border-light { --bs-border-opacity: 1; border-color: rgba(var(--bs-light-rgb), var(--bs-border-opacity)) !important } .border-dark { --bs-border-opacity: 1; border-color: rgba(var(--bs-dark-rgb), var(--bs-border-opacity)) !important } .border-black { --bs-border-opacity: 1; border-color: rgba(var(--bs-black-rgb), var(--bs-border-opacity)) !important } .border-white { --bs-border-opacity: 1; border-color: rgba(var(--bs-white-rgb), var(--bs-border-opacity)) !important } .border-primary-subtle { border-color: var(--bs-primary-border-subtle) !important } .border-secondary-subtle { border-color: var(--bs-secondary-border-subtle) !important } .border-success-subtle { border-color: var(--bs-success-border-subtle) !important } .border-info-subtle { border-color: var(--bs-info-border-subtle) !important } .border-warning-subtle { border-color: var(--bs-warning-border-subtle) !important } .border-danger-subtle { border-color: var(--bs-danger-border-subtle) !important } .border-light-subtle { border-color: var(--bs-light-border-subtle) !important } .border-dark-subtle { border-color: var(--bs-dark-border-subtle) !important } .border-1 { border-width: 1px !important } .border-2 { border-width: 2px !important } .border-3 { border-width: 3px !important } .border-4 { border-width: 4px !important } .border-5 { border-width: 5px !important } .border-opacity-10 { --bs-border-opacity: 0.1 } .border-opacity-25 { --bs-border-opacity: 0.25 } .border-opacity-50 { --bs-border-opacity: 0.5 } .border-opacity-75 { --bs-border-opacity: 0.75 } .border-opacity-100 { --bs-border-opacity: 1 } .w-25 { width: 25% !important } .w-50 { width: 50% !important } .w-75 { width: 75% !important } .w-100 { width: 100% !important } .w-auto { width: auto !important } .mw-100 { max-width: 100% !important } .vw-100 { width: 100vw !important } .min-vw-100 { min-width: 100vw !important } .h-25 { height: 25% !important } .h-50 { height: 50% !important } .h-75 { height: 75% !important } .h-100 { height: 100% !important } .h-auto { height: auto !important } .mh-100 { max-height: 100% !important } .vh-100 { height: 100vh !important } .min-vh-100 { min-height: 100vh !important } .flex-fill { flex: 1 1 auto !important } .flex-row { flex-direction: row !important } .flex-column { flex-direction: column !important } .flex-row-reverse { flex-direction: row-reverse !important } .flex-column-reverse { flex-direction: column-reverse !important } .flex-grow-0 { flex-grow: 0 !important } .flex-grow-1 { flex-grow: 1 !important } .flex-shrink-0 { flex-shrink: 0 !important } .flex-shrink-1 { flex-shrink: 1 !important } .flex-wrap { flex-wrap: wrap !important } .flex-nowrap { flex-wrap: nowrap !important } .flex-wrap-reverse { flex-wrap: wrap-reverse !important } .justify-content-start { justify-content: flex-start !important } .justify-content-end { justify-content: flex-end !important } .justify-content-center { justify-content: center !important } .justify-content-between { justify-content: space-between !important } .justify-content-around { justify-content: space-around !important } .justify-content-evenly { justify-content: space-evenly !important } .align-items-start { align-items: flex-start !important } .align-items-end { align-items: flex-end !important } .align-items-center { align-items: center !important } .align-items-baseline { align-items: baseline !important } .align-items-stretch { align-items: stretch !important } .align-content-start { align-content: flex-start !important } .align-content-end { align-content: flex-end !important } .align-content-center { align-content: center !important } .align-content-between { align-content: space-between !important } .align-content-around { align-content: space-around !important } .align-content-stretch { align-content: stretch !important } .align-self-auto { align-self: auto !important } .align-self-start { align-self: flex-start !important } .align-self-end { align-self: flex-end !important } .align-self-center { align-self: center !important } .align-self-baseline { align-self: baseline !important } .align-self-stretch { align-self: stretch !important } .order-first { order: -1 !important } .order-0 { order: 0 !important } .order-1 { order: 1 !important } .order-2 { order: 2 !important } .order-3 { order: 3 !important } .order-4 { order: 4 !important } .order-5 { order: 5 !important } .order-last { order: 6 !important } .m-0 { margin: 0 !important } .m-1 { margin: .25rem !important } .m-2 { margin: .5rem !important } .m-3 { margin: 1rem !important } .m-4 { margin: 1.5rem !important } .m-5 { margin: 3rem !important } .m-auto { margin: auto !important } .mx-0 { margin-left: 0 !important; margin-right: 0 !important } .mx-1 { margin-left: .25rem !important; margin-right: .25rem !important } .mx-2 { margin-left: .5rem !important; margin-right: .5rem !important } .mx-3 { margin-left: 1rem !important; margin-right: 1rem !important } .mx-4 { margin-left: 1.5rem !important; margin-right: 1.5rem !important } .mx-5 { margin-left: 3rem !important; margin-right: 3rem !important } .mx-auto { margin-left: auto !important; margin-right: auto !important } .my-0 { margin-bottom: 0 !important; margin-top: 0 !important } .my-1 { margin-bottom: .25rem !important; margin-top: .25rem !important } .my-2 { margin-bottom: .5rem !important; margin-top: .5rem !important } .my-3 { margin-bottom: 1rem !important; margin-top: 1rem !important } .my-4 { margin-bottom: 1.5rem !important; margin-top: 1.5rem !important } .my-5 { margin-bottom: 3rem !important; margin-top: 3rem !important } .my-auto { margin-bottom: auto !important; margin-top: auto !important } .mt-0 { margin-top: 0 !important } .mt-1 { margin-top: .25rem !important } .mt-2 { margin-top: .5rem !important } .mt-3 { margin-top: 1rem !important } .mt-4 { margin-top: 1.5rem !important } .mt-5 { margin-top: 3rem !important } .mt-auto { margin-top: auto !important } .me-0 { margin-right: 0 !important } .me-1 { margin-right: .25rem !important } .me-2 { margin-right: .5rem !important } .me-3 { margin-right: 1rem !important } .me-4 { margin-right: 1.5rem !important } .me-5 { margin-right: 3rem !important } .me-auto { margin-right: auto !important } .mb-0 { margin-bottom: 0 !important } .mb-1 { margin-bottom: .25rem !important } .mb-2 { margin-bottom: .5rem !important } .mb-3 { margin-bottom: 1rem !important } .mb-4 { margin-bottom: 1.5rem !important } .mb-5 { margin-bottom: 3rem !important } .mb-auto { margin-bottom: auto !important } .ms-0 { margin-left: 0 !important } .ms-1 { margin-left: .25rem !important } .ms-2 { margin-left: .5rem !important } .ms-3 { margin-left: 1rem !important } .ms-4 { margin-left: 1.5rem !important } .ms-5 { margin-left: 3rem !important } .ms-auto { margin-left: auto !important } .p-0 { padding: 0 !important } .p-1 { padding: .25rem !important } .p-2 { padding: .5rem !important } .p-3 { padding: 1rem !important } .p-4 { padding: 1.5rem !important } .p-5 { padding: 3rem !important } .px-0 { padding-left: 0 !important; padding-right: 0 !important } .px-1 { padding-left: .25rem !important; padding-right: .25rem !important } .px-2 { padding-left: .5rem !important; padding-right: .5rem !important } .px-3 { padding-left: 1rem !important; padding-right: 1rem !important } .px-4 { padding-left: 1.5rem !important; padding-right: 1.5rem !important } .px-5 { padding-left: 3rem !important; padding-right: 3rem !important } .py-0 { padding-bottom: 0 !important; padding-top: 0 !important } .py-1 { padding-bottom: .25rem !important; padding-top: .25rem !important } .py-2 { padding-bottom: .5rem !important; padding-top: .5rem !important } .py-3 { padding-bottom: 1rem !important; padding-top: 1rem !important } .py-4 { padding-bottom: 1.5rem !important; padding-top: 1.5rem !important } .py-5 { padding-bottom: 3rem !important; padding-top: 3rem !important } .pt-0 { padding-top: 0 !important } .pt-1 { padding-top: .25rem !important } .pt-2 { padding-top: .5rem !important } .pt-3 { padding-top: 1rem !important } .pt-4 { padding-top: 1.5rem !important } .pt-5 { padding-top: 3rem !important } .pe-0 { padding-right: 0 !important } .pe-1 { padding-right: .25rem !important } .pe-2 { padding-right: .5rem !important } .pe-3 { padding-right: 1rem !important } .pe-4 { padding-right: 1.5rem !important } .pe-5 { padding-right: 3rem !important } .pb-0 { padding-bottom: 0 !important } .pb-1 { padding-bottom: .25rem !important } .pb-2 { padding-bottom: .5rem !important } .pb-3 { padding-bottom: 1rem !important } .pb-4 { padding-bottom: 1.5rem !important } .pb-5 { padding-bottom: 3rem !important } .ps-0 { padding-left: 0 !important } .ps-1 { padding-left: .25rem !important } .ps-2 { padding-left: .5rem !important } .ps-3 { padding-left: 1rem !important } .ps-4 { padding-left: 1.5rem !important } .ps-5 { padding-left: 3rem !important } .gap-0 { gap: 0 !important } .gap-1 { gap: .25rem !important } .gap-2 { gap: .5rem !important } .gap-3 { gap: 1rem !important } .gap-4 { gap: 1.5rem !important } .gap-5 { gap: 3rem !important } .row-gap-0 { row-gap: 0 !important } .row-gap-1 { row-gap: .25rem !important } .row-gap-2 { row-gap: .5rem !important } .row-gap-3 { row-gap: 1rem !important } .row-gap-4 { row-gap: 1.5rem !important } .row-gap-5 { row-gap: 3rem !important } .column-gap-0 { -moz-column-gap: 0 !important; column-gap: 0 !important } .column-gap-1 { -moz-column-gap: .25rem !important; column-gap: .25rem !important } .column-gap-2 { -moz-column-gap: .5rem !important; column-gap: .5rem !important } .column-gap-3 { -moz-column-gap: 1rem !important; column-gap: 1rem !important } .column-gap-4 { -moz-column-gap: 1.5rem !important; column-gap: 1.5rem !important } .column-gap-5 { -moz-column-gap: 3rem !important; column-gap: 3rem !important } .font-monospace { font-family: var(--bs-font-monospace) !important } .fs-1 { font-size: calc(var(--bs-body-font-size)*2) !important } .fs-2 { font-size: calc(var(--bs-body-font-size)*1.5) !important } .fs-3 { font-size: calc(var(--bs-body-font-size)*1.25) !important } .fs-4 { font-size: calc(var(--bs-body-font-size)*1.125) !important } .fs-5 { font-size: var(--bs-body-font-size) !important } .fs-6 { font-size: calc(var(--bs-body-font-size)*.875) !important } .fst-italic { font-style: italic !important } .fst-normal { font-style: normal !important } .fw-lighter { font-weight: lighter !important } .fw-light { font-weight: 300 !important } .fw-normal { font-weight: 400 !important } .fw-medium { font-weight: 500 !important } .fw-semibold { font-weight: 600 !important } .fw-bold { font-weight: 700 !important } .fw-bolder { font-weight: bolder !important } .lh-1 { line-height: 1 !important } .lh-sm { line-height: 1.25 !important } .lh-base { line-height: 1.5 !important } .lh-lg { line-height: 2 !important } .text-start { text-align: left !important } .text-end { text-align: right !important } .text-center { text-align: center !important } .text-decoration-none { text-decoration: none !important } .text-decoration-underline { text-decoration: underline !important } .text-decoration-line-through { text-decoration: line-through !important } .text-lowercase { text-transform: lowercase !important } .text-uppercase { text-transform: uppercase !important } .text-capitalize { text-transform: capitalize !important } .text-wrap { white-space: normal !important } .text-nowrap { white-space: nowrap !important } .text-break { word-wrap: break-word !important; word-break: break-word !important } .text-primary { --bs-text-opacity: 1; color: rgba(var(--bs-primary-rgb), var(--bs-text-opacity)) !important } .text-secondary { --bs-text-opacity: 1; color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity)) !important } .text-success { --bs-text-opacity: 1; color: #b30931 !important; } .text-info { --bs-text-opacity: 1; color: rgba(var(--bs-info-rgb), var(--bs-text-opacity)) !important } .text-warning { --bs-text-opacity: 1; color: rgba(var(--bs-warning-rgb), var(--bs-text-opacity)) !important } .product-comment-modal #ratingNotChosen, .text-danger { --bs-text-opacity: 1; color: rgba(var(--bs-danger-rgb), var(--bs-text-opacity)) !important } .text-light { --bs-text-opacity: 1; color: rgba(var(--bs-light-rgb), var(--bs-text-opacity)) !important } .text-dark { --bs-text-opacity: 1; color: rgba(var(--bs-dark-rgb), var(--bs-text-opacity)) !important } .text-black { --bs-text-opacity: 1; color: rgba(var(--bs-black-rgb), var(--bs-text-opacity)) !important } .text-white { --bs-text-opacity: 1; color: rgba(var(--bs-white-rgb), var(--bs-text-opacity)) !important } .text-body { --bs-text-opacity: 1; color: rgba(var(--bs-body-color-rgb), var(--bs-text-opacity)) !important } .text-muted { --bs-text-opacity: 1; color: var(--bs-secondary-color) !important } .text-black-50 { --bs-text-opacity: 1; color: rgba(0, 0, 0, .5) !important } .text-white-50 { --bs-text-opacity: 1; color: hsla(0, 0%, 100%, .5) !important } .text-body-secondary { --bs-text-opacity: 1; color: var(--bs-secondary-color) !important } .text-body-tertiary { --bs-text-opacity: 1; color: var(--bs-tertiary-color) !important } .text-body-emphasis { --bs-text-opacity: 1; color: var(--bs-emphasis-color) !important } .text-reset { --bs-text-opacity: 1; color: inherit !important } .text-opacity-25 { --bs-text-opacity: 0.25 } .text-opacity-50 { --bs-text-opacity: 0.5 } .text-opacity-75 { --bs-text-opacity: 0.75 } .text-opacity-100 { --bs-text-opacity: 1 } .page-product #product-comments-list.has-comments:empty:before, .text-primary-emphasis { color: var(--bs-primary-text-emphasis) !important } .text-secondary-emphasis { color: var(--bs-secondary-text-emphasis) !important } .text-success-emphasis { color: var(--bs-success-text-emphasis) !important } .text-info-emphasis { color: var(--bs-info-text-emphasis) !important } .text-warning-emphasis { color: var(--bs-warning-text-emphasis) !important } .text-danger-emphasis { color: var(--bs-danger-text-emphasis) !important } .text-light-emphasis { color: var(--bs-light-text-emphasis) !important } .text-dark-emphasis { color: var(--bs-dark-text-emphasis) !important } .link-opacity-10, .link-opacity-10-hover:hover { --bs-link-opacity: 0.1 } .link-opacity-25, .link-opacity-25-hover:hover { --bs-link-opacity: 0.25 } .link-opacity-50, .link-opacity-50-hover:hover { --bs-link-opacity: 0.5 } .link-opacity-75, .link-opacity-75-hover:hover { --bs-link-opacity: 0.75 } .link-opacity-100, .link-opacity-100-hover:hover { --bs-link-opacity: 1 } .link-offset-1, .link-offset-1-hover:hover { text-underline-offset: .125em !important } .link-offset-2, .link-offset-2-hover:hover { text-underline-offset: .25em !important } .link-offset-3, .link-offset-3-hover:hover { text-underline-offset: .375em !important } .link-underline-primary { --bs-link-underline-opacity: 1; text-decoration-color: rgba(var(--bs-primary-rgb), var(--bs-link-underline-opacity)) !important } .link-underline-secondary { --bs-link-underline-opacity: 1; text-decoration-color: rgba(var(--bs-secondary-rgb), var(--bs-link-underline-opacity)) !important } .link-underline-success { --bs-link-underline-opacity: 1; text-decoration-color: rgba(var(--bs-success-rgb), var(--bs-link-underline-opacity)) !important } .link-underline-info { --bs-link-underline-opacity: 1; text-decoration-color: rgba(var(--bs-info-rgb), var(--bs-link-underline-opacity)) !important } .link-underline-warning { --bs-link-underline-opacity: 1; text-decoration-color: rgba(var(--bs-warning-rgb), var(--bs-link-underline-opacity)) !important } .link-underline-danger { --bs-link-underline-opacity: 1; text-decoration-color: rgba(var(--bs-danger-rgb), var(--bs-link-underline-opacity)) !important } .link-underline-light { --bs-link-underline-opacity: 1; text-decoration-color: rgba(var(--bs-light-rgb), var(--bs-link-underline-opacity)) !important } .link-underline-dark { --bs-link-underline-opacity: 1; text-decoration-color: rgba(var(--bs-dark-rgb), var(--bs-link-underline-opacity)) !important } .link-underline { --bs-link-underline-opacity: 1; text-decoration-color: rgba(var(--bs-link-color-rgb), var(--bs-link-underline-opacity, 1)) !important } .link-underline-opacity-0, .link-underline-opacity-0-hover:hover { --bs-link-underline-opacity: 0 } .link-underline-opacity-10, .link-underline-opacity-10-hover:hover { --bs-link-underline-opacity: 0.1 } .link-underline-opacity-25, .link-underline-opacity-25-hover:hover { --bs-link-underline-opacity: 0.25 } .link-underline-opacity-50, .link-underline-opacity-50-hover:hover { --bs-link-underline-opacity: 0.5 } .link-underline-opacity-75, .link-underline-opacity-75-hover:hover { --bs-link-underline-opacity: 0.75 } .link-underline-opacity-100, .link-underline-opacity-100-hover:hover { --bs-link-underline-opacity: 1 } .bg-primary { --bs-bg-opacity: 1; background-color: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity)) !important } .bg-secondary { --bs-bg-opacity: 1; background-color: rgba(var(--bs-secondary-rgb), var(--bs-bg-opacity)) !important } .bg-success { --bs-bg-opacity: 1; background-color: rgba(var(--bs-success-rgb), var(--bs-bg-opacity)) !important } .bg-info { --bs-bg-opacity: 1; background-color: rgba(var(--bs-info-rgb), var(--bs-bg-opacity)) !important } .bg-warning { --bs-bg-opacity: 1; background-color: rgba(var(--bs-warning-rgb), var(--bs-bg-opacity)) !important } .bg-danger { --bs-bg-opacity: 1; background-color: rgba(var(--bs-danger-rgb), var(--bs-bg-opacity)) !important } .bg-light { --bs-bg-opacity: 1; background-color: rgba(var(--bs-light-rgb), var(--bs-bg-opacity)) !important } .bg-dark { --bs-bg-opacity: 1; background-color: rgba(var(--bs-dark-rgb), var(--bs-bg-opacity)) !important } .bg-black { --bs-bg-opacity: 1; background-color: rgba(var(--bs-black-rgb), var(--bs-bg-opacity)) !important } .bg-white { --bs-bg-opacity: 1; background-color: rgba(var(--bs-white-rgb), var(--bs-bg-opacity)) !important } .bg-body { --bs-bg-opacity: 1; background-color: rgba(var(--bs-body-bg-rgb), var(--bs-bg-opacity)) !important } .bg-transparent { --bs-bg-opacity: 1; background-color: transparent !important } .bg-body-secondary { --bs-bg-opacity: 1; background-color: rgba(var(--bs-secondary-bg-rgb), var(--bs-bg-opacity)) !important } .bg-body-tertiary { --bs-bg-opacity: 1; background-color: rgba(var(--bs-tertiary-bg-rgb), var(--bs-bg-opacity)) !important } .bg-opacity-10 { --bs-bg-opacity: 0.1 } .bg-opacity-25 { --bs-bg-opacity: 0.25 } .bg-opacity-50 { --bs-bg-opacity: 0.5 } .bg-opacity-75 { --bs-bg-opacity: 0.75 } .bg-opacity-100 { --bs-bg-opacity: 1 } .bg-primary-subtle { background-color: var(--bs-primary-bg-subtle) !important } .bg-secondary-subtle { background-color: var(--bs-secondary-bg-subtle) !important } .bg-success-subtle { background-color: var(--bs-success-bg-subtle) !important } .bg-info-subtle { background-color: var(--bs-info-bg-subtle) !important } .bg-warning-subtle { background-color: var(--bs-warning-bg-subtle) !important } .bg-danger-subtle { background-color: var(--bs-danger-bg-subtle) !important } .bg-light-subtle { background-color: var(--bs-light-bg-subtle) !important } .bg-dark-subtle { background-color: var(--bs-dark-bg-subtle) !important } .bg-gradient { background-image: var(--bs-gradient) !important } .user-select-all { -webkit-user-select: all !important; -moz-user-select: all !important; user-select: all !important } .user-select-auto { -webkit-user-select: auto !important; -moz-user-select: auto !important; user-select: auto !important } .user-select-none { -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important } .pe-none { pointer-events: none !important } .pe-auto { pointer-events: auto !important } .rounded { border-radius: var(--bs-border-radius) !important } .rounded-0 { border-radius: 0 !important } .rounded-1 { border-radius: var(--bs-border-radius-sm) !important } .rounded-2 { border-radius: var(--bs-border-radius) !important } .rounded-3 { border-radius: var(--bs-border-radius-lg) !important } .rounded-4 { border-radius: var(--bs-border-radius-xl) !important } .rounded-5 { border-radius: var(--bs-border-radius-xxl) !important } .rounded-circle { border-radius: 50% !important } .rounded-pill { border-radius: var(--bs-border-radius-pill) !important } .rounded-top { border-top-left-radius: var(--bs-border-radius) !important; border-top-right-radius: var(--bs-border-radius) !important } .rounded-top-0 { border-top-left-radius: 0 !important; border-top-right-radius: 0 !important } .rounded-top-1 { border-top-left-radius: var(--bs-border-radius-sm) !important; border-top-right-radius: var(--bs-border-radius-sm) !important } .rounded-top-2 { border-top-left-radius: var(--bs-border-radius) !important; border-top-right-radius: var(--bs-border-radius) !important } .rounded-top-3 { border-top-left-radius: var(--bs-border-radius-lg) !important; border-top-right-radius: var(--bs-border-radius-lg) !important } .rounded-top-4 { border-top-left-radius: var(--bs-border-radius-xl) !important; border-top-right-radius: var(--bs-border-radius-xl) !important } .rounded-top-5 { border-top-left-radius: var(--bs-border-radius-xxl) !important; border-top-right-radius: var(--bs-border-radius-xxl) !important } .rounded-top-circle { border-top-left-radius: 50% !important; border-top-right-radius: 50% !important } .rounded-top-pill { border-top-left-radius: var(--bs-border-radius-pill) !important; border-top-right-radius: var(--bs-border-radius-pill) !important } .rounded-end { border-bottom-right-radius: var(--bs-border-radius) !important; border-top-right-radius: var(--bs-border-radius) !important } .rounded-end-0 { border-bottom-right-radius: 0 !important; border-top-right-radius: 0 !important } .rounded-end-1 { border-bottom-right-radius: var(--bs-border-radius-sm) !important; border-top-right-radius: var(--bs-border-radius-sm) !important } .rounded-end-2 { border-bottom-right-radius: var(--bs-border-radius) !important; border-top-right-radius: var(--bs-border-radius) !important } .rounded-end-3 { border-bottom-right-radius: var(--bs-border-radius-lg) !important; border-top-right-radius: var(--bs-border-radius-lg) !important } .rounded-end-4 { border-bottom-right-radius: var(--bs-border-radius-xl) !important; border-top-right-radius: var(--bs-border-radius-xl) !important } .rounded-end-5 { border-bottom-right-radius: var(--bs-border-radius-xxl) !important; border-top-right-radius: var(--bs-border-radius-xxl) !important } .rounded-end-circle { border-bottom-right-radius: 50% !important; border-top-right-radius: 50% !important } .rounded-end-pill { border-bottom-right-radius: var(--bs-border-radius-pill) !important; border-top-right-radius: var(--bs-border-radius-pill) !important } .rounded-bottom { border-bottom-left-radius: var(--bs-border-radius) !important; border-bottom-right-radius: var(--bs-border-radius) !important } .rounded-bottom-0 { border-bottom-left-radius: 0 !important; border-bottom-right-radius: 0 !important } .rounded-bottom-1 { border-bottom-left-radius: var(--bs-border-radius-sm) !important; border-bottom-right-radius: var(--bs-border-radius-sm) !important } .rounded-bottom-2 { border-bottom-left-radius: var(--bs-border-radius) !important; border-bottom-right-radius: var(--bs-border-radius) !important } .rounded-bottom-3 { border-bottom-left-radius: var(--bs-border-radius-lg) !important; border-bottom-right-radius: var(--bs-border-radius-lg) !important } .rounded-bottom-4 { border-bottom-left-radius: var(--bs-border-radius-xl) !important; border-bottom-right-radius: var(--bs-border-radius-xl) !important } .rounded-bottom-5 { border-bottom-left-radius: var(--bs-border-radius-xxl) !important; border-bottom-right-radius: var(--bs-border-radius-xxl) !important } .rounded-bottom-circle { border-bottom-left-radius: 50% !important; border-bottom-right-radius: 50% !important } .rounded-bottom-pill { border-bottom-left-radius: var(--bs-border-radius-pill) !important; border-bottom-right-radius: var(--bs-border-radius-pill) !important } .rounded-start { border-bottom-left-radius: var(--bs-border-radius) !important; border-top-left-radius: var(--bs-border-radius) !important } .rounded-start-0 { border-bottom-left-radius: 0 !important; border-top-left-radius: 0 !important } .rounded-start-1 { border-bottom-left-radius: var(--bs-border-radius-sm) !important; border-top-left-radius: var(--bs-border-radius-sm) !important } .rounded-start-2 { border-bottom-left-radius: var(--bs-border-radius) !important; border-top-left-radius: var(--bs-border-radius) !important } .rounded-start-3 { border-bottom-left-radius: var(--bs-border-radius-lg) !important; border-top-left-radius: var(--bs-border-radius-lg) !important } .rounded-start-4 { border-bottom-left-radius: var(--bs-border-radius-xl) !important; border-top-left-radius: var(--bs-border-radius-xl) !important } .rounded-start-5 { border-bottom-left-radius: var(--bs-border-radius-xxl) !important; border-top-left-radius: var(--bs-border-radius-xxl) !important } .rounded-start-circle { border-bottom-left-radius: 50% !important; border-top-left-radius: 50% !important } .rounded-start-pill { border-bottom-left-radius: var(--bs-border-radius-pill) !important; border-top-left-radius: var(--bs-border-radius-pill) !important } .visible { visibility: visible !important } .invisible { visibility: hidden !important } .z-n1 { z-index: -1 !important } .z-0 { z-index: 0 !important } .z-1 { z-index: 1 !important } .z-2 { z-index: 2 !important } .z-3 { z-index: 3 !important } @media(min-width:360px) { .float-xs-start { float: left !important } .float-xs-end { float: right !important } .float-xs-none { float: none !important } .object-fit-xs-contain { -o-object-fit: contain !important; object-fit: contain !important } .object-fit-xs-cover { -o-object-fit: cover !important; object-fit: cover !important } .object-fit-xs-fill { -o-object-fit: fill !important; object-fit: fill !important } .object-fit-xs-scale { -o-object-fit: scale-down !important; object-fit: scale-down !important } .object-fit-xs-none { -o-object-fit: none !important; object-fit: none !important } .d-xs-inline { display: inline !important } .d-xs-inline-block { display: inline-block !important } .d-xs-block { display: block !important } .d-xs-grid { display: grid !important } .d-xs-inline-grid { display: inline-grid !important } .d-xs-table { display: table !important } .d-xs-table-row { display: table-row !important } .d-xs-table-cell { display: table-cell !important } .d-xs-flex { display: flex !important } .d-xs-inline-flex { display: inline-flex !important } .d-xs-none { display: none !important } .flex-xs-fill { flex: 1 1 auto !important } .flex-xs-row { flex-direction: row !important } .flex-xs-column { flex-direction: column !important } .flex-xs-row-reverse { flex-direction: row-reverse !important } .flex-xs-column-reverse { flex-direction: column-reverse !important } .flex-xs-grow-0 { flex-grow: 0 !important } .flex-xs-grow-1 { flex-grow: 1 !important } .flex-xs-shrink-0 { flex-shrink: 0 !important } .flex-xs-shrink-1 { flex-shrink: 1 !important } .flex-xs-wrap { flex-wrap: wrap !important } .flex-xs-nowrap { flex-wrap: nowrap !important } .flex-xs-wrap-reverse { flex-wrap: wrap-reverse !important } .justify-content-xs-start { justify-content: flex-start !important } .justify-content-xs-end { justify-content: flex-end !important } .justify-content-xs-center { justify-content: center !important } .justify-content-xs-between { justify-content: space-between !important } .justify-content-xs-around { justify-content: space-around !important } .justify-content-xs-evenly { justify-content: space-evenly !important } .align-items-xs-start { align-items: flex-start !important } .align-items-xs-end { align-items: flex-end !important } .align-items-xs-center { align-items: center !important } .align-items-xs-baseline { align-items: baseline !important } .align-items-xs-stretch { align-items: stretch !important } .align-content-xs-start { align-content: flex-start !important } .align-content-xs-end { align-content: flex-end !important } .align-content-xs-center { align-content: center !important } .align-content-xs-between { align-content: space-between !important } .align-content-xs-around { align-content: space-around !important } .align-content-xs-stretch { align-content: stretch !important } .align-self-xs-auto { align-self: auto !important } .align-self-xs-start { align-self: flex-start !important } .align-self-xs-end { align-self: flex-end !important } .align-self-xs-center { align-self: center !important } .align-self-xs-baseline { align-self: baseline !important } .align-self-xs-stretch { align-self: stretch !important } .order-xs-first { order: -1 !important } .order-xs-0 { order: 0 !important } .order-xs-1 { order: 1 !important } .order-xs-2 { order: 2 !important } .order-xs-3 { order: 3 !important } .order-xs-4 { order: 4 !important } .order-xs-5 { order: 5 !important } .order-xs-last { order: 6 !important } .m-xs-0 { margin: 0 !important } .m-xs-1 { margin: .25rem !important } .m-xs-2 { margin: .5rem !important } .m-xs-3 { margin: 1rem !important } .m-xs-4 { margin: 1.5rem !important } .m-xs-5 { margin: 3rem !important } .m-xs-auto { margin: auto !important } .mx-xs-0 { margin-left: 0 !important; margin-right: 0 !important } .mx-xs-1 { margin-left: .25rem !important; margin-right: .25rem !important } .mx-xs-2 { margin-left: .5rem !important; margin-right: .5rem !important } .mx-xs-3 { margin-left: 1rem !important; margin-right: 1rem !important } .mx-xs-4 { margin-left: 1.5rem !important; margin-right: 1.5rem !important } .mx-xs-5 { margin-left: 3rem !important; margin-right: 3rem !important } .mx-xs-auto { margin-left: auto !important; margin-right: auto !important } .my-xs-0 { margin-bottom: 0 !important; margin-top: 0 !important } .my-xs-1 { margin-bottom: .25rem !important; margin-top: .25rem !important } .my-xs-2 { margin-bottom: .5rem !important; margin-top: .5rem !important } .my-xs-3 { margin-bottom: 1rem !important; margin-top: 1rem !important } .my-xs-4 { margin-bottom: 1.5rem !important; margin-top: 1.5rem !important } .my-xs-5 { margin-bottom: 3rem !important; margin-top: 3rem !important } .my-xs-auto { margin-bottom: auto !important; margin-top: auto !important } .mt-xs-0 { margin-top: 0 !important } .mt-xs-1 { margin-top: .25rem !important } .mt-xs-2 { margin-top: .5rem !important } .mt-xs-3 { margin-top: 1rem !important } .mt-xs-4 { margin-top: 1.5rem !important } .mt-xs-5 { margin-top: 3rem !important } .mt-xs-auto { margin-top: auto !important } .me-xs-0 { margin-right: 0 !important } .me-xs-1 { margin-right: .25rem !important } .me-xs-2 { margin-right: .5rem !important } .me-xs-3 { margin-right: 1rem !important } .me-xs-4 { margin-right: 1.5rem !important } .me-xs-5 { margin-right: 3rem !important } .me-xs-auto { margin-right: auto !important } .mb-xs-0 { margin-bottom: 0 !important } .mb-xs-1 { margin-bottom: .25rem !important } .mb-xs-2 { margin-bottom: .5rem !important } .mb-xs-3 { margin-bottom: 1rem !important } .mb-xs-4 { margin-bottom: 1.5rem !important } .mb-xs-5 { margin-bottom: 3rem !important } .mb-xs-auto { margin-bottom: auto !important } .ms-xs-0 { margin-left: 0 !important } .ms-xs-1 { margin-left: .25rem !important } .ms-xs-2 { margin-left: .5rem !important } .ms-xs-3 { margin-left: 1rem !important } .ms-xs-4 { margin-left: 1.5rem !important } .ms-xs-5 { margin-left: 3rem !important } .ms-xs-auto { margin-left: auto !important } .p-xs-0 { padding: 0 !important } .p-xs-1 { padding: .25rem !important } .p-xs-2 { padding: .5rem !important } .p-xs-3 { padding: 1rem !important } .p-xs-4 { padding: 1.5rem !important } .p-xs-5 { padding: 3rem !important } .px-xs-0 { padding-left: 0 !important; padding-right: 0 !important } .px-xs-1 { padding-left: .25rem !important; padding-right: .25rem !important } .px-xs-2 { padding-left: .5rem !important; padding-right: .5rem !important } .px-xs-3 { padding-left: 1rem !important; padding-right: 1rem !important } .px-xs-4 { padding-left: 1.5rem !important; padding-right: 1.5rem !important } .px-xs-5 { padding-left: 3rem !important; padding-right: 3rem !important } .py-xs-0 { padding-bottom: 0 !important; padding-top: 0 !important } .py-xs-1 { padding-bottom: .25rem !important; padding-top: .25rem !important } .py-xs-2 { padding-bottom: .5rem !important; padding-top: .5rem !important } .py-xs-3 { padding-bottom: 1rem !important; padding-top: 1rem !important } .py-xs-4 { padding-bottom: 1.5rem !important; padding-top: 1.5rem !important } .py-xs-5 { padding-bottom: 3rem !important; padding-top: 3rem !important } .pt-xs-0 { padding-top: 0 !important } .pt-xs-1 { padding-top: .25rem !important } .pt-xs-2 { padding-top: .5rem !important } .pt-xs-3 { padding-top: 1rem !important } .pt-xs-4 { padding-top: 1.5rem !important } .pt-xs-5 { padding-top: 3rem !important } .pe-xs-0 { padding-right: 0 !important } .pe-xs-1 { padding-right: .25rem !important } .pe-xs-2 { padding-right: .5rem !important } .pe-xs-3 { padding-right: 1rem !important } .pe-xs-4 { padding-right: 1.5rem !important } .pe-xs-5 { padding-right: 3rem !important } .pb-xs-0 { padding-bottom: 0 !important } .pb-xs-1 { padding-bottom: .25rem !important } .pb-xs-2 { padding-bottom: .5rem !important } .pb-xs-3 { padding-bottom: 1rem !important } .pb-xs-4 { padding-bottom: 1.5rem !important } .pb-xs-5 { padding-bottom: 3rem !important } .ps-xs-0 { padding-left: 0 !important } .ps-xs-1 { padding-left: .25rem !important } .ps-xs-2 { padding-left: .5rem !important } .ps-xs-3 { padding-left: 1rem !important } .ps-xs-4 { padding-left: 1.5rem !important } .ps-xs-5 { padding-left: 3rem !important } .gap-xs-0 { gap: 0 !important } .gap-xs-1 { gap: .25rem !important } .gap-xs-2 { gap: .5rem !important } .gap-xs-3 { gap: 1rem !important } .gap-xs-4 { gap: 1.5rem !important } .gap-xs-5 { gap: 3rem !important } .row-gap-xs-0 { row-gap: 0 !important } .row-gap-xs-1 { row-gap: .25rem !important } .row-gap-xs-2 { row-gap: .5rem !important } .row-gap-xs-3 { row-gap: 1rem !important } .row-gap-xs-4 { row-gap: 1.5rem !important } .row-gap-xs-5 { row-gap: 3rem !important } .column-gap-xs-0 { -moz-column-gap: 0 !important; column-gap: 0 !important } .column-gap-xs-1 { -moz-column-gap: .25rem !important; column-gap: .25rem !important } .column-gap-xs-2 { -moz-column-gap: .5rem !important; column-gap: .5rem !important } .column-gap-xs-3 { -moz-column-gap: 1rem !important; column-gap: 1rem !important } .column-gap-xs-4 { -moz-column-gap: 1.5rem !important; column-gap: 1.5rem !important } .column-gap-xs-5 { -moz-column-gap: 3rem !important; column-gap: 3rem !important } .text-xs-start { text-align: left !important } .text-xs-end { text-align: right !important } .text-xs-center { text-align: center !important } } @media(min-width:576px) { .float-sm-start { float: left !important } .float-sm-end { float: right !important } .float-sm-none { float: none !important } .object-fit-sm-contain { -o-object-fit: contain !important; object-fit: contain !important } .object-fit-sm-cover { -o-object-fit: cover !important; object-fit: cover !important } .object-fit-sm-fill { -o-object-fit: fill !important; object-fit: fill !important } .object-fit-sm-scale { -o-object-fit: scale-down !important; object-fit: scale-down !important } .object-fit-sm-none { -o-object-fit: none !important; object-fit: none !important } .d-sm-inline { display: inline !important } .d-sm-inline-block { display: inline-block !important } .d-sm-block { display: block !important } .d-sm-grid { display: grid !important } .d-sm-inline-grid { display: inline-grid !important } .d-sm-table { display: table !important } .d-sm-table-row { display: table-row !important } .d-sm-table-cell { display: table-cell !important } .d-sm-flex { display: flex !important } .d-sm-inline-flex { display: inline-flex !important } .d-sm-none { display: none !important } .flex-sm-fill { flex: 1 1 auto !important } .flex-sm-row { flex-direction: row !important } .flex-sm-column { flex-direction: column !important } .flex-sm-row-reverse { flex-direction: row-reverse !important } .flex-sm-column-reverse { flex-direction: column-reverse !important } .flex-sm-grow-0 { flex-grow: 0 !important } .flex-sm-grow-1 { flex-grow: 1 !important } .flex-sm-shrink-0 { flex-shrink: 0 !important } .flex-sm-shrink-1 { flex-shrink: 1 !important } .flex-sm-wrap { flex-wrap: wrap !important } .flex-sm-nowrap { flex-wrap: nowrap !important } .flex-sm-wrap-reverse { flex-wrap: wrap-reverse !important } .justify-content-sm-start { justify-content: flex-start !important } .justify-content-sm-end { justify-content: flex-end !important } .justify-content-sm-center { justify-content: center !important } .justify-content-sm-between { justify-content: space-between !important } .justify-content-sm-around { justify-content: space-around !important } .justify-content-sm-evenly { justify-content: space-evenly !important } .align-items-sm-start { align-items: flex-start !important } .align-items-sm-end { align-items: flex-end !important } .align-items-sm-center { align-items: center !important } .align-items-sm-baseline { align-items: baseline !important } .align-items-sm-stretch { align-items: stretch !important } .align-content-sm-start { align-content: flex-start !important } .align-content-sm-end { align-content: flex-end !important } .align-content-sm-center { align-content: center !important } .align-content-sm-between { align-content: space-between !important } .align-content-sm-around { align-content: space-around !important } .align-content-sm-stretch { align-content: stretch !important } .align-self-sm-auto { align-self: auto !important } .align-self-sm-start { align-self: flex-start !important } .align-self-sm-end { align-self: flex-end !important } .align-self-sm-center { align-self: center !important } .align-self-sm-baseline { align-self: baseline !important } .align-self-sm-stretch { align-self: stretch !important } .order-sm-first { order: -1 !important } .order-sm-0 { order: 0 !important } .order-sm-1 { order: 1 !important } .order-sm-2 { order: 2 !important } .order-sm-3 { order: 3 !important } .order-sm-4 { order: 4 !important } .order-sm-5 { order: 5 !important } .order-sm-last { order: 6 !important } .m-sm-0 { margin: 0 !important } .m-sm-1 { margin: .25rem !important } .m-sm-2 { margin: .5rem !important } .m-sm-3 { margin: 1rem !important } .m-sm-4 { margin: 1.5rem !important } .m-sm-5 { margin: 3rem !important } .m-sm-auto { margin: auto !important } .mx-sm-0 { margin-left: 0 !important; margin-right: 0 !important } .mx-sm-1 { margin-left: .25rem !important; margin-right: .25rem !important } .mx-sm-2 { margin-left: .5rem !important; margin-right: .5rem !important } .mx-sm-3 { margin-left: 1rem !important; margin-right: 1rem !important } .mx-sm-4 { margin-left: 1.5rem !important; margin-right: 1.5rem !important } .mx-sm-5 { margin-left: 3rem !important; margin-right: 3rem !important } .mx-sm-auto { margin-left: auto !important; margin-right: auto !important } .my-sm-0 { margin-bottom: 0 !important; margin-top: 0 !important } .my-sm-1 { margin-bottom: .25rem !important; margin-top: .25rem !important } .my-sm-2 { margin-bottom: .5rem !important; margin-top: .5rem !important } .my-sm-3 { margin-bottom: 1rem !important; margin-top: 1rem !important } .my-sm-4 { margin-bottom: 1.5rem !important; margin-top: 1.5rem !important } .my-sm-5 { margin-bottom: 3rem !important; margin-top: 3rem !important } .my-sm-auto { margin-bottom: auto !important; margin-top: auto !important } .mt-sm-0 { margin-top: 0 !important } .mt-sm-1 { margin-top: .25rem !important } .mt-sm-2 { margin-top: .5rem !important } .mt-sm-3 { margin-top: 1rem !important } .mt-sm-4 { margin-top: 1.5rem !important } .mt-sm-5 { margin-top: 3rem !important } .mt-sm-auto { margin-top: auto !important } .me-sm-0 { margin-right: 0 !important } .me-sm-1 { margin-right: .25rem !important } .me-sm-2 { margin-right: .5rem !important } .me-sm-3 { margin-right: 1rem !important } .me-sm-4 { margin-right: 1.5rem !important } .me-sm-5 { margin-right: 3rem !important } .me-sm-auto { margin-right: auto !important } .mb-sm-0 { margin-bottom: 0 !important } .mb-sm-1 { margin-bottom: .25rem !important } .mb-sm-2 { margin-bottom: .5rem !important } .mb-sm-3 { margin-bottom: 1rem !important } .mb-sm-4 { margin-bottom: 1.5rem !important } .mb-sm-5 { margin-bottom: 3rem !important } .mb-sm-auto { margin-bottom: auto !important } .ms-sm-0 { margin-left: 0 !important } .ms-sm-1 { margin-left: .25rem !important } .ms-sm-2 { margin-left: .5rem !important } .ms-sm-3 { margin-left: 1rem !important } .ms-sm-4 { margin-left: 1.5rem !important } .ms-sm-5 { margin-left: 3rem !important } .ms-sm-auto { margin-left: auto !important } .p-sm-0 { padding: 0 !important } .p-sm-1 { padding: .25rem !important } .p-sm-2 { padding: .5rem !important } .p-sm-3 { padding: 1rem !important } .p-sm-4 { padding: 1.5rem !important } .p-sm-5 { padding: 3rem !important } .px-sm-0 { padding-left: 0 !important; padding-right: 0 !important } .px-sm-1 { padding-left: .25rem !important; padding-right: .25rem !important } .px-sm-2 { padding-left: .5rem !important; padding-right: .5rem !important } .px-sm-3 { padding-left: 1rem !important; padding-right: 1rem !important } .px-sm-4 { padding-left: 1.5rem !important; padding-right: 1.5rem !important } .px-sm-5 { padding-left: 3rem !important; padding-right: 3rem !important } .py-sm-0 { padding-bottom: 0 !important; padding-top: 0 !important } .py-sm-1 { padding-bottom: .25rem !important; padding-top: .25rem !important } .py-sm-2 { padding-bottom: .5rem !important; padding-top: .5rem !important } .py-sm-3 { padding-bottom: 1rem !important; padding-top: 1rem !important } .py-sm-4 { padding-bottom: 1.5rem !important; padding-top: 1.5rem !important } .py-sm-5 { padding-bottom: 3rem !important; padding-top: 3rem !important } .pt-sm-0 { padding-top: 0 !important } .pt-sm-1 { padding-top: .25rem !important } .pt-sm-2 { padding-top: .5rem !important } .pt-sm-3 { padding-top: 1rem !important } .pt-sm-4 { padding-top: 1.5rem !important } .pt-sm-5 { padding-top: 3rem !important } .pe-sm-0 { padding-right: 0 !important } .pe-sm-1 { padding-right: .25rem !important } .pe-sm-2 { padding-right: .5rem !important } .pe-sm-3 { padding-right: 1rem !important } .pe-sm-4 { padding-right: 1.5rem !important } .pe-sm-5 { padding-right: 3rem !important } .pb-sm-0 { padding-bottom: 0 !important } .pb-sm-1 { padding-bottom: .25rem !important } .pb-sm-2 { padding-bottom: .5rem !important } .pb-sm-3 { padding-bottom: 1rem !important } .pb-sm-4 { padding-bottom: 1.5rem !important } .pb-sm-5 { padding-bottom: 3rem !important } .ps-sm-0 { padding-left: 0 !important } .ps-sm-1 { padding-left: .25rem !important } .ps-sm-2 { padding-left: .5rem !important } .ps-sm-3 { padding-left: 1rem !important } .ps-sm-4 { padding-left: 1.5rem !important } .ps-sm-5 { padding-left: 3rem !important } .gap-sm-0 { gap: 0 !important } .gap-sm-1 { gap: .25rem !important } .gap-sm-2 { gap: .5rem !important } .gap-sm-3 { gap: 1rem !important } .gap-sm-4 { gap: 1.5rem !important } .gap-sm-5 { gap: 3rem !important } .row-gap-sm-0 { row-gap: 0 !important } .row-gap-sm-1 { row-gap: .25rem !important } .row-gap-sm-2 { row-gap: .5rem !important } .row-gap-sm-3 { row-gap: 1rem !important } .row-gap-sm-4 { row-gap: 1.5rem !important } .row-gap-sm-5 { row-gap: 3rem !important } .column-gap-sm-0 { -moz-column-gap: 0 !important; column-gap: 0 !important } .column-gap-sm-1 { -moz-column-gap: .25rem !important; column-gap: .25rem !important } .column-gap-sm-2 { -moz-column-gap: .5rem !important; column-gap: .5rem !important } .column-gap-sm-3 { -moz-column-gap: 1rem !important; column-gap: 1rem !important } .column-gap-sm-4 { -moz-column-gap: 1.5rem !important; column-gap: 1.5rem !important } .column-gap-sm-5 { -moz-column-gap: 3rem !important; column-gap: 3rem !important } .text-sm-start { text-align: left !important } .text-sm-end { text-align: right !important } .text-sm-center { text-align: center !important } } @media(min-width:768px) { .float-md-start { float: left !important } .float-md-end { float: right !important } .float-md-none { float: none !important } .object-fit-md-contain { -o-object-fit: contain !important; object-fit: contain !important } .object-fit-md-cover { -o-object-fit: cover !important; object-fit: cover !important } .object-fit-md-fill { -o-object-fit: fill !important; object-fit: fill !important } .object-fit-md-scale { -o-object-fit: scale-down !important; object-fit: scale-down !important } .object-fit-md-none { -o-object-fit: none !important; object-fit: none !important } .d-md-inline { display: inline !important } .d-md-inline-block { display: inline-block !important } .d-md-block { display: block !important } .d-md-grid { display: grid !important } .d-md-inline-grid { display: inline-grid !important } .d-md-table { display: table !important } .d-md-table-row { display: table-row !important } .d-md-table-cell { display: table-cell !important } .d-md-flex { display: flex !important } .d-md-inline-flex { display: inline-flex !important } .d-md-none { display: none !important } .flex-md-fill { flex: 1 1 auto !important } .flex-md-row { flex-direction: row !important } .flex-md-column { flex-direction: column !important } .flex-md-row-reverse { flex-direction: row-reverse !important } .flex-md-column-reverse { flex-direction: column-reverse !important } .flex-md-grow-0 { flex-grow: 0 !important } .flex-md-grow-1 { flex-grow: 1 !important } .flex-md-shrink-0 { flex-shrink: 0 !important } .flex-md-shrink-1 { flex-shrink: 1 !important } .flex-md-wrap { flex-wrap: wrap !important } .flex-md-nowrap { flex-wrap: nowrap !important } .flex-md-wrap-reverse { flex-wrap: wrap-reverse !important } .justify-content-md-start { justify-content: flex-start !important } .justify-content-md-end { justify-content: flex-end !important } .justify-content-md-center { justify-content: center !important } .justify-content-md-between { justify-content: space-between !important } .justify-content-md-around { justify-content: space-around !important } .justify-content-md-evenly { justify-content: space-evenly !important } .align-items-md-start { align-items: flex-start !important } .align-items-md-end { align-items: flex-end !important } .align-items-md-center { align-items: center !important } .align-items-md-baseline { align-items: baseline !important } .align-items-md-stretch { align-items: stretch !important } .align-content-md-start { align-content: flex-start !important } .align-content-md-end { align-content: flex-end !important } .align-content-md-center { align-content: center !important } .align-content-md-between { align-content: space-between !important } .align-content-md-around { align-content: space-around !important } .align-content-md-stretch { align-content: stretch !important } .align-self-md-auto { align-self: auto !important } .align-self-md-start { align-self: flex-start !important } .align-self-md-end { align-self: flex-end !important } .align-self-md-center { align-self: center !important } .align-self-md-baseline { align-self: baseline !important } .align-self-md-stretch { align-self: stretch !important } .order-md-first { order: -1 !important } .order-md-0 { order: 0 !important } .order-md-1 { order: 1 !important } .order-md-2 { order: 2 !important } .order-md-3 { order: 3 !important } .order-md-4 { order: 4 !important } .order-md-5 { order: 5 !important } .order-md-last { order: 6 !important } .m-md-0 { margin: 0 !important } .m-md-1 { margin: .25rem !important } .m-md-2 { margin: .5rem !important } .m-md-3 { margin: 1rem !important } .m-md-4 { margin: 1.5rem !important } .m-md-5 { margin: 3rem !important } .m-md-auto { margin: auto !important } .mx-md-0 { margin-left: 0 !important; margin-right: 0 !important } .mx-md-1 { margin-left: .25rem !important; margin-right: .25rem !important } .mx-md-2 { margin-left: .5rem !important; margin-right: .5rem !important } .mx-md-3 { margin-left: 1rem !important; margin-right: 1rem !important } .mx-md-4 { margin-left: 1.5rem !important; margin-right: 1.5rem !important } .mx-md-5 { margin-left: 3rem !important; margin-right: 3rem !important } .mx-md-auto { margin-left: auto !important; margin-right: auto !important } .my-md-0 { margin-bottom: 0 !important; margin-top: 0 !important } .my-md-1 { margin-bottom: .25rem !important; margin-top: .25rem !important } .my-md-2 { margin-bottom: .5rem !important; margin-top: .5rem !important } .my-md-3 { margin-bottom: 1rem !important; margin-top: 1rem !important } .my-md-4 { margin-bottom: 1.5rem !important; margin-top: 1.5rem !important } .my-md-5 { margin-bottom: 3rem !important; margin-top: 3rem !important } .my-md-auto { margin-bottom: auto !important; margin-top: auto !important } .mt-md-0 { margin-top: 0 !important } .mt-md-1 { margin-top: .25rem !important } .mt-md-2 { margin-top: .5rem !important } .mt-md-3 { margin-top: 1rem !important } .mt-md-4 { margin-top: 1.5rem !important } .mt-md-5 { margin-top: 3rem !important } .mt-md-auto { margin-top: auto !important } .me-md-0 { margin-right: 0 !important } .me-md-1 { margin-right: .25rem !important } .me-md-2 { margin-right: .5rem !important } .me-md-3 { margin-right: 1rem !important } .me-md-4 { margin-right: 1.5rem !important } .me-md-5 { margin-right: 3rem !important } .me-md-auto { margin-right: auto !important } .mb-md-0 { margin-bottom: 0 !important } .mb-md-1 { margin-bottom: .25rem !important } .mb-md-2 { margin-bottom: .5rem !important } .mb-md-3 { margin-bottom: 1rem !important } .mb-md-4 { margin-bottom: 1.5rem !important } .mb-md-5 { margin-bottom: 3rem !important } .mb-md-auto { margin-bottom: auto !important } .ms-md-0 { margin-left: 0 !important } .ms-md-1 { margin-left: .25rem !important } .ms-md-2 { margin-left: .5rem !important } .ms-md-3 { margin-left: 1rem !important } .ms-md-4 { margin-left: 1.5rem !important } .ms-md-5 { margin-left: 3rem !important } .ms-md-auto { margin-left: auto !important } .p-md-0 { padding: 0 !important } .p-md-1 { padding: .25rem !important } .p-md-2 { padding: .5rem !important } .p-md-3 { padding: 1rem !important } .p-md-4 { padding: 1.5rem !important } .p-md-5 { padding: 3rem !important } .px-md-0 { padding-left: 0 !important; padding-right: 0 !important } .px-md-1 { padding-left: .25rem !important; padding-right: .25rem !important } .px-md-2 { padding-left: .5rem !important; padding-right: .5rem !important } .px-md-3 { padding-left: 1rem !important; padding-right: 1rem !important } .px-md-4 { padding-left: 1.5rem !important; padding-right: 1.5rem !important } .px-md-5 { padding-left: 3rem !important; padding-right: 3rem !important } .py-md-0 { padding-bottom: 0 !important; padding-top: 0 !important } .py-md-1 { padding-bottom: .25rem !important; padding-top: .25rem !important } .py-md-2 { padding-bottom: .5rem !important; padding-top: .5rem !important } .py-md-3 { padding-bottom: 1rem !important; padding-top: 1rem !important } .py-md-4 { padding-bottom: 1.5rem !important; padding-top: 1.5rem !important } .py-md-5 { padding-bottom: 3rem !important; padding-top: 3rem !important } .pt-md-0 { padding-top: 0 !important } .pt-md-1 { padding-top: .25rem !important } .pt-md-2 { padding-top: .5rem !important } .pt-md-3 { padding-top: 1rem !important } .pt-md-4 { padding-top: 1.5rem !important } .pt-md-5 { padding-top: 3rem !important } .pe-md-0 { padding-right: 0 !important } .pe-md-1 { padding-right: .25rem !important } .pe-md-2 { padding-right: .5rem !important } .pe-md-3 { padding-right: 1rem !important } .pe-md-4 { padding-right: 1.5rem !important } .pe-md-5 { padding-right: 3rem !important } .pb-md-0 { padding-bottom: 0 !important } .pb-md-1 { padding-bottom: .25rem !important } .pb-md-2 { padding-bottom: .5rem !important } .pb-md-3 { padding-bottom: 1rem !important } .pb-md-4 { padding-bottom: 1.5rem !important } .pb-md-5 { padding-bottom: 3rem !important } .ps-md-0 { padding-left: 0 !important } .ps-md-1 { padding-left: .25rem !important } .ps-md-2 { padding-left: .5rem !important } .ps-md-3 { padding-left: 1rem !important } .ps-md-4 { padding-left: 1.5rem !important } .ps-md-5 { padding-left: 3rem !important } .gap-md-0 { gap: 0 !important } .gap-md-1 { gap: .25rem !important } .gap-md-2 { gap: .5rem !important } .gap-md-3 { gap: 1rem !important } .gap-md-4 { gap: 1.5rem !important } .gap-md-5 { gap: 3rem !important } .row-gap-md-0 { row-gap: 0 !important } .row-gap-md-1 { row-gap: .25rem !important } .row-gap-md-2 { row-gap: .5rem !important } .row-gap-md-3 { row-gap: 1rem !important } .row-gap-md-4 { row-gap: 1.5rem !important } .row-gap-md-5 { row-gap: 3rem !important } .column-gap-md-0 { -moz-column-gap: 0 !important; column-gap: 0 !important } .column-gap-md-1 { -moz-column-gap: .25rem !important; column-gap: .25rem !important } .column-gap-md-2 { -moz-column-gap: .5rem !important; column-gap: .5rem !important } .column-gap-md-3 { -moz-column-gap: 1rem !important; column-gap: 1rem !important } .column-gap-md-4 { -moz-column-gap: 1.5rem !important; column-gap: 1.5rem !important } .column-gap-md-5 { -moz-column-gap: 3rem !important; column-gap: 3rem !important } .text-md-start { text-align: left !important } .text-md-end { text-align: right !important } .text-md-center { text-align: center !important } } @media(min-width:992px) { .float-lg-start { float: left !important } .float-lg-end { float: right !important } .float-lg-none { float: none !important } .object-fit-lg-contain { -o-object-fit: contain !important; object-fit: contain !important } .object-fit-lg-cover { -o-object-fit: cover !important; object-fit: cover !important } .object-fit-lg-fill { -o-object-fit: fill !important; object-fit: fill !important } .object-fit-lg-scale { -o-object-fit: scale-down !important; object-fit: scale-down !important } .object-fit-lg-none { -o-object-fit: none !important; object-fit: none !important } .d-lg-inline { display: inline !important } .d-lg-inline-block { display: inline-block !important } .d-lg-block { display: block !important } .d-lg-grid { display: grid !important } .d-lg-inline-grid { display: inline-grid !important } .d-lg-table { display: table !important } .d-lg-table-row { display: table-row !important } .d-lg-table-cell { display: table-cell !important } .d-lg-flex { display: flex !important } .d-lg-inline-flex { display: inline-flex !important } .d-lg-none { display: none !important } .flex-lg-fill { flex: 1 1 auto !important } .flex-lg-row { flex-direction: row !important } .flex-lg-column { flex-direction: column !important } .flex-lg-row-reverse { flex-direction: row-reverse !important } .flex-lg-column-reverse { flex-direction: column-reverse !important } .flex-lg-grow-0 { flex-grow: 0 !important } .flex-lg-grow-1 { flex-grow: 1 !important } .flex-lg-shrink-0 { flex-shrink: 0 !important } .flex-lg-shrink-1 { flex-shrink: 1 !important } .flex-lg-wrap { flex-wrap: wrap !important } .flex-lg-nowrap { flex-wrap: nowrap !important } .flex-lg-wrap-reverse { flex-wrap: wrap-reverse !important } .justify-content-lg-start { justify-content: flex-start !important } .justify-content-lg-end { justify-content: flex-end !important } .justify-content-lg-center { justify-content: center !important } .justify-content-lg-between { justify-content: space-between !important } .justify-content-lg-around { justify-content: space-around !important } .justify-content-lg-evenly { justify-content: space-evenly !important } .align-items-lg-start { align-items: flex-start !important } .align-items-lg-end { align-items: flex-end !important } .align-items-lg-center { align-items: center !important } .align-items-lg-baseline { align-items: baseline !important } .align-items-lg-stretch { align-items: stretch !important } .align-content-lg-start { align-content: flex-start !important } .align-content-lg-end { align-content: flex-end !important } .align-content-lg-center { align-content: center !important } .align-content-lg-between { align-content: space-between !important } .align-content-lg-around { align-content: space-around !important } .align-content-lg-stretch { align-content: stretch !important } .align-self-lg-auto { align-self: auto !important } .align-self-lg-start { align-self: flex-start !important } .align-self-lg-end { align-self: flex-end !important } .align-self-lg-center { align-self: center !important } .align-self-lg-baseline { align-self: baseline !important } .align-self-lg-stretch { align-self: stretch !important } .order-lg-first { order: -1 !important } .order-lg-0 { order: 0 !important } .order-lg-1 { order: 1 !important } .order-lg-2 { order: 2 !important } .order-lg-3 { order: 3 !important } .order-lg-4 { order: 4 !important } .order-lg-5 { order: 5 !important } .order-lg-last { order: 6 !important } .m-lg-0 { margin: 0 !important } .m-lg-1 { margin: .25rem !important } .m-lg-2 { margin: .5rem !important } .m-lg-3 { margin: 1rem !important } .m-lg-4 { margin: 1.5rem !important } .m-lg-5 { margin: 3rem !important } .m-lg-auto { margin: auto !important } .mx-lg-0 { margin-left: 0 !important; margin-right: 0 !important } .mx-lg-1 { margin-left: .25rem !important; margin-right: .25rem !important } .mx-lg-2 { margin-left: .5rem !important; margin-right: .5rem !important } .mx-lg-3 { margin-left: 1rem !important; margin-right: 1rem !important } .mx-lg-4 { margin-left: 1.5rem !important; margin-right: 1.5rem !important } .mx-lg-5 { margin-left: 3rem !important; margin-right: 3rem !important } .mx-lg-auto { margin-left: auto !important; margin-right: auto !important } .my-lg-0 { margin-bottom: 0 !important; margin-top: 0 !important } .my-lg-1 { margin-bottom: .25rem !important; margin-top: .25rem !important } .my-lg-2 { margin-bottom: .5rem !important; margin-top: .5rem !important } .my-lg-3 { margin-bottom: 1rem !important; margin-top: 1rem !important } .my-lg-4 { margin-bottom: 1.5rem !important; margin-top: 1.5rem !important } .my-lg-5 { margin-bottom: 3rem !important; margin-top: 3rem !important } .my-lg-auto { margin-bottom: auto !important; margin-top: auto !important } .mt-lg-0 { margin-top: 0 !important } .mt-lg-1 { margin-top: .25rem !important } .mt-lg-2 { margin-top: .5rem !important } .mt-lg-3 { margin-top: 1rem !important } .mt-lg-4 { margin-top: 1.5rem !important } .mt-lg-5 { margin-top: 3rem !important } .mt-lg-auto { margin-top: auto !important } .me-lg-0 { margin-right: 0 !important } .me-lg-1 { margin-right: .25rem !important } .me-lg-2 { margin-right: .5rem !important } .me-lg-3 { margin-right: 1rem !important } .me-lg-4 { margin-right: 1.5rem !important } .me-lg-5 { margin-right: 3rem !important } .me-lg-auto { margin-right: auto !important } .mb-lg-0 { margin-bottom: 0 !important } .mb-lg-1 { margin-bottom: .25rem !important } .mb-lg-2 { margin-bottom: .5rem !important } .mb-lg-3 { margin-bottom: 1rem !important } .mb-lg-4 { margin-bottom: 1.5rem !important } .mb-lg-5 { margin-bottom: 3rem !important } .mb-lg-auto { margin-bottom: auto !important } .ms-lg-0 { margin-left: 0 !important } .ms-lg-1 { margin-left: .25rem !important } .ms-lg-2 { margin-left: .5rem !important } .ms-lg-3 { margin-left: 1rem !important } .ms-lg-4 { margin-left: 1.5rem !important } .ms-lg-5 { margin-left: 3rem !important } .ms-lg-auto { margin-left: auto !important } .p-lg-0 { padding: 0 !important } .p-lg-1 { padding: .25rem !important } .p-lg-2 { padding: .5rem !important } .p-lg-3 { padding: 1rem !important } .p-lg-4 { padding: 1.5rem !important } .p-lg-5 { padding: 3rem !important } .px-lg-0 { padding-left: 0 !important; padding-right: 0 !important } .px-lg-1 { padding-left: .25rem !important; padding-right: .25rem !important } .px-lg-2 { padding-left: .5rem !important; padding-right: .5rem !important } .px-lg-3 { padding-left: 1rem !important; padding-right: 1rem !important } .px-lg-4 { padding-left: 1.5rem !important; padding-right: 1.5rem !important } .px-lg-5 { padding-left: 3rem !important; padding-right: 3rem !important } .py-lg-0 { padding-bottom: 0 !important; padding-top: 0 !important } .py-lg-1 { padding-bottom: .25rem !important; padding-top: .25rem !important } .py-lg-2 { padding-bottom: .5rem !important; padding-top: .5rem !important } .py-lg-3 { padding-bottom: 1rem !important; padding-top: 1rem !important } .py-lg-4 { padding-bottom: 1.5rem !important; padding-top: 1.5rem !important } .py-lg-5 { padding-bottom: 3rem !important; padding-top: 3rem !important } .pt-lg-0 { padding-top: 0 !important } .pt-lg-1 { padding-top: .25rem !important } .pt-lg-2 { padding-top: .5rem !important } .pt-lg-3 { padding-top: 1rem !important } .pt-lg-4 { padding-top: 1.5rem !important } .pt-lg-5 { padding-top: 3rem !important } .pe-lg-0 { padding-right: 0 !important } .pe-lg-1 { padding-right: .25rem !important } .pe-lg-2 { padding-right: .5rem !important } .pe-lg-3 { padding-right: 1rem !important } .pe-lg-4 { padding-right: 1.5rem !important } .pe-lg-5 { padding-right: 3rem !important } .pb-lg-0 { padding-bottom: 0 !important } .pb-lg-1 { padding-bottom: .25rem !important } .pb-lg-2 { padding-bottom: .5rem !important } .pb-lg-3 { padding-bottom: 1rem !important } .pb-lg-4 { padding-bottom: 1.5rem !important } .pb-lg-5 { padding-bottom: 3rem !important } .ps-lg-0 { padding-left: 0 !important } .ps-lg-1 { padding-left: .25rem !important } .ps-lg-2 { padding-left: .5rem !important } .ps-lg-3 { padding-left: 1rem !important } .ps-lg-4 { padding-left: 1.5rem !important } .ps-lg-5 { padding-left: 3rem !important } .gap-lg-0 { gap: 0 !important } .gap-lg-1 { gap: .25rem !important } .gap-lg-2 { gap: .5rem !important } .gap-lg-3 { gap: 1rem !important } .gap-lg-4 { gap: 1.5rem !important } .gap-lg-5 { gap: 3rem !important } .row-gap-lg-0 { row-gap: 0 !important } .row-gap-lg-1 { row-gap: .25rem !important } .row-gap-lg-2 { row-gap: .5rem !important } .row-gap-lg-3 { row-gap: 1rem !important } .row-gap-lg-4 { row-gap: 1.5rem !important } .row-gap-lg-5 { row-gap: 3rem !important } .column-gap-lg-0 { -moz-column-gap: 0 !important; column-gap: 0 !important } .column-gap-lg-1 { -moz-column-gap: .25rem !important; column-gap: .25rem !important } .column-gap-lg-2 { -moz-column-gap: .5rem !important; column-gap: .5rem !important } .column-gap-lg-3 { -moz-column-gap: 1rem !important; column-gap: 1rem !important } .column-gap-lg-4 { -moz-column-gap: 1.5rem !important; column-gap: 1.5rem !important } .column-gap-lg-5 { -moz-column-gap: 3rem !important; column-gap: 3rem !important } .text-lg-start { text-align: left !important } .text-lg-end { text-align: right !important } .text-lg-center { text-align: center !important } } @media(min-width:1200px) { .float-xl-start { float: left !important } .float-xl-end { float: right !important } .float-xl-none { float: none !important } .object-fit-xl-contain { -o-object-fit: contain !important; object-fit: contain !important } .object-fit-xl-cover { -o-object-fit: cover !important; object-fit: cover !important } .object-fit-xl-fill { -o-object-fit: fill !important; object-fit: fill !important } .object-fit-xl-scale { -o-object-fit: scale-down !important; object-fit: scale-down !important } .object-fit-xl-none { -o-object-fit: none !important; object-fit: none !important } .d-xl-inline { display: inline !important } .d-xl-inline-block { display: inline-block !important } .d-xl-block { display: block !important } .d-xl-grid { display: grid !important } .d-xl-inline-grid { display: inline-grid !important } .d-xl-table { display: table !important } .d-xl-table-row { display: table-row !important } .d-xl-table-cell { display: table-cell !important } .d-xl-flex { display: flex !important } .d-xl-inline-flex { display: inline-flex !important } .d-xl-none { display: none !important } .flex-xl-fill { flex: 1 1 auto !important } .flex-xl-row { flex-direction: row !important } .flex-xl-column { flex-direction: column !important } .flex-xl-row-reverse { flex-direction: row-reverse !important } .flex-xl-column-reverse { flex-direction: column-reverse !important } .flex-xl-grow-0 { flex-grow: 0 !important } .flex-xl-grow-1 { flex-grow: 1 !important } .flex-xl-shrink-0 { flex-shrink: 0 !important } .flex-xl-shrink-1 { flex-shrink: 1 !important } .flex-xl-wrap { flex-wrap: wrap !important } .flex-xl-nowrap { flex-wrap: nowrap !important } .flex-xl-wrap-reverse { flex-wrap: wrap-reverse !important } .justify-content-xl-start { justify-content: flex-start !important } .justify-content-xl-end { justify-content: flex-end !important } .justify-content-xl-center { justify-content: center !important } .justify-content-xl-between { justify-content: space-between !important } .justify-content-xl-around { justify-content: space-around !important } .justify-content-xl-evenly { justify-content: space-evenly !important } .align-items-xl-start { align-items: flex-start !important } .align-items-xl-end { align-items: flex-end !important } .align-items-xl-center { align-items: center !important } .align-items-xl-baseline { align-items: baseline !important } .align-items-xl-stretch { align-items: stretch !important } .align-content-xl-start { align-content: flex-start !important } .align-content-xl-end { align-content: flex-end !important } .align-content-xl-center { align-content: center !important } .align-content-xl-between { align-content: space-between !important } .align-content-xl-around { align-content: space-around !important } .align-content-xl-stretch { align-content: stretch !important } .align-self-xl-auto { align-self: auto !important } .align-self-xl-start { align-self: flex-start !important } .align-self-xl-end { align-self: flex-end !important } .align-self-xl-center { align-self: center !important } .align-self-xl-baseline { align-self: baseline !important } .align-self-xl-stretch { align-self: stretch !important } .order-xl-first { order: -1 !important } .order-xl-0 { order: 0 !important } .order-xl-1 { order: 1 !important } .order-xl-2 { order: 2 !important } .order-xl-3 { order: 3 !important } .order-xl-4 { order: 4 !important } .order-xl-5 { order: 5 !important } .order-xl-last { order: 6 !important } .m-xl-0 { margin: 0 !important } .m-xl-1 { margin: .25rem !important } .m-xl-2 { margin: .5rem !important } .m-xl-3 { margin: 1rem !important } .m-xl-4 { margin: 1.5rem !important } .m-xl-5 { margin: 3rem !important } .m-xl-auto { margin: auto !important } .mx-xl-0 { margin-left: 0 !important; margin-right: 0 !important } .mx-xl-1 { margin-left: .25rem !important; margin-right: .25rem !important } .mx-xl-2 { margin-left: .5rem !important; margin-right: .5rem !important } .mx-xl-3 { margin-left: 1rem !important; margin-right: 1rem !important } .mx-xl-4 { margin-left: 1.5rem !important; margin-right: 1.5rem !important } .mx-xl-5 { margin-left: 3rem !important; margin-right: 3rem !important } .mx-xl-auto { margin-left: auto !important; margin-right: auto !important } .my-xl-0 { margin-bottom: 0 !important; margin-top: 0 !important } .my-xl-1 { margin-bottom: .25rem !important; margin-top: .25rem !important } .my-xl-2 { margin-bottom: .5rem !important; margin-top: .5rem !important } .my-xl-3 { margin-bottom: 1rem !important; margin-top: 1rem !important } .my-xl-4 { margin-bottom: 1.5rem !important; margin-top: 1.5rem !important } .my-xl-5 { margin-bottom: 3rem !important; margin-top: 3rem !important } .my-xl-auto { margin-bottom: auto !important; margin-top: auto !important } .mt-xl-0 { margin-top: 0 !important } .mt-xl-1 { margin-top: .25rem !important } .mt-xl-2 { margin-top: .5rem !important } .mt-xl-3 { margin-top: 1rem !important } .mt-xl-4 { margin-top: 1.5rem !important } .mt-xl-5 { margin-top: 3rem !important } .mt-xl-auto { margin-top: auto !important } .me-xl-0 { margin-right: 0 !important } .me-xl-1 { margin-right: .25rem !important } .me-xl-2 { margin-right: .5rem !important } .me-xl-3 { margin-right: 1rem !important } .me-xl-4 { margin-right: 1.5rem !important } .me-xl-5 { margin-right: 3rem !important } .me-xl-auto { margin-right: auto !important } .mb-xl-0 { margin-bottom: 0 !important } .mb-xl-1 { margin-bottom: .25rem !important } .mb-xl-2 { margin-bottom: .5rem !important } .mb-xl-3 { margin-bottom: 1rem !important } .mb-xl-4 { margin-bottom: 1.5rem !important } .mb-xl-5 { margin-bottom: 3rem !important } .mb-xl-auto { margin-bottom: auto !important } .ms-xl-0 { margin-left: 0 !important } .ms-xl-1 { margin-left: .25rem !important } .ms-xl-2 { margin-left: .5rem !important } .ms-xl-3 { margin-left: 1rem !important } .ms-xl-4 { margin-left: 1.5rem !important } .ms-xl-5 { margin-left: 3rem !important } .ms-xl-auto { margin-left: auto !important } .p-xl-0 { padding: 0 !important } .p-xl-1 { padding: .25rem !important } .p-xl-2 { padding: .5rem !important } .p-xl-3 { padding: 1rem !important } .p-xl-4 { padding: 1.5rem !important } .p-xl-5 { padding: 3rem !important } .px-xl-0 { padding-left: 0 !important; padding-right: 0 !important } .px-xl-1 { padding-left: .25rem !important; padding-right: .25rem !important } .px-xl-2 { padding-left: .5rem !important; padding-right: .5rem !important } .px-xl-3 { padding-left: 1rem !important; padding-right: 1rem !important } .px-xl-4 { padding-left: 1.5rem !important; padding-right: 1.5rem !important } .px-xl-5 { padding-left: 3rem !important; padding-right: 3rem !important } .py-xl-0 { padding-bottom: 0 !important; padding-top: 0 !important } .py-xl-1 { padding-bottom: .25rem !important; padding-top: .25rem !important } .py-xl-2 { padding-bottom: .5rem !important; padding-top: .5rem !important } .py-xl-3 { padding-bottom: 1rem !important; padding-top: 1rem !important } .py-xl-4 { padding-bottom: 1.5rem !important; padding-top: 1.5rem !important } .py-xl-5 { padding-bottom: 3rem !important; padding-top: 3rem !important } .pt-xl-0 { padding-top: 0 !important } .pt-xl-1 { padding-top: .25rem !important } .pt-xl-2 { padding-top: .5rem !important } .pt-xl-3 { padding-top: 1rem !important } .pt-xl-4 { padding-top: 1.5rem !important } .pt-xl-5 { padding-top: 3rem !important } .pe-xl-0 { padding-right: 0 !important } .pe-xl-1 { padding-right: .25rem !important } .pe-xl-2 { padding-right: .5rem !important } .pe-xl-3 { padding-right: 1rem !important } .pe-xl-4 { padding-right: 1.5rem !important } .pe-xl-5 { padding-right: 3rem !important } .pb-xl-0 { padding-bottom: 0 !important } .pb-xl-1 { padding-bottom: .25rem !important } .pb-xl-2 { padding-bottom: .5rem !important } .pb-xl-3 { padding-bottom: 1rem !important } .pb-xl-4 { padding-bottom: 1.5rem !important } .pb-xl-5 { padding-bottom: 3rem !important } .ps-xl-0 { padding-left: 0 !important } .ps-xl-1 { padding-left: .25rem !important } .ps-xl-2 { padding-left: .5rem !important } .ps-xl-3 { padding-left: 1rem !important } .ps-xl-4 { padding-left: 1.5rem !important } .ps-xl-5 { padding-left: 3rem !important } .gap-xl-0 { gap: 0 !important } .gap-xl-1 { gap: .25rem !important } .gap-xl-2 { gap: .5rem !important } .gap-xl-3 { gap: 1rem !important } .gap-xl-4 { gap: 1.5rem !important } .gap-xl-5 { gap: 3rem !important } .row-gap-xl-0 { row-gap: 0 !important } .row-gap-xl-1 { row-gap: .25rem !important } .row-gap-xl-2 { row-gap: .5rem !important } .row-gap-xl-3 { row-gap: 1rem !important } .row-gap-xl-4 { row-gap: 1.5rem !important } .row-gap-xl-5 { row-gap: 3rem !important } .column-gap-xl-0 { -moz-column-gap: 0 !important; column-gap: 0 !important } .column-gap-xl-1 { -moz-column-gap: .25rem !important; column-gap: .25rem !important } .column-gap-xl-2 { -moz-column-gap: .5rem !important; column-gap: .5rem !important } .column-gap-xl-3 { -moz-column-gap: 1rem !important; column-gap: 1rem !important } .column-gap-xl-4 { -moz-column-gap: 1.5rem !important; column-gap: 1.5rem !important } .column-gap-xl-5 { -moz-column-gap: 3rem !important; column-gap: 3rem !important } .text-xl-start { text-align: left !important } .text-xl-end { text-align: right !important } .text-xl-center { text-align: center !important } } @media(min-width:1400px) { .float-xxl-start { float: left !important } .float-xxl-end { float: right !important } .float-xxl-none { float: none !important } .object-fit-xxl-contain { -o-object-fit: contain !important; object-fit: contain !important } .object-fit-xxl-cover { -o-object-fit: cover !important; object-fit: cover !important } .object-fit-xxl-fill { -o-object-fit: fill !important; object-fit: fill !important } .object-fit-xxl-scale { -o-object-fit: scale-down !important; object-fit: scale-down !important } .object-fit-xxl-none { -o-object-fit: none !important; object-fit: none !important } .d-xxl-inline { display: inline !important } .d-xxl-inline-block { display: inline-block !important } .d-xxl-block { display: block !important } .d-xxl-grid { display: grid !important } .d-xxl-inline-grid { display: inline-grid !important } .d-xxl-table { display: table !important } .d-xxl-table-row { display: table-row !important } .d-xxl-table-cell { display: table-cell !important } .d-xxl-flex { display: flex !important } .d-xxl-inline-flex { display: inline-flex !important } .d-xxl-none { display: none !important } .flex-xxl-fill { flex: 1 1 auto !important } .flex-xxl-row { flex-direction: row !important } .flex-xxl-column { flex-direction: column !important } .flex-xxl-row-reverse { flex-direction: row-reverse !important } .flex-xxl-column-reverse { flex-direction: column-reverse !important } .flex-xxl-grow-0 { flex-grow: 0 !important } .flex-xxl-grow-1 { flex-grow: 1 !important } .flex-xxl-shrink-0 { flex-shrink: 0 !important } .flex-xxl-shrink-1 { flex-shrink: 1 !important } .flex-xxl-wrap { flex-wrap: wrap !important } .flex-xxl-nowrap { flex-wrap: nowrap !important } .flex-xxl-wrap-reverse { flex-wrap: wrap-reverse !important } .justify-content-xxl-start { justify-content: flex-start !important } .justify-content-xxl-end { justify-content: flex-end !important } .justify-content-xxl-center { justify-content: center !important } .justify-content-xxl-between { justify-content: space-between !important } .justify-content-xxl-around { justify-content: space-around !important } .justify-content-xxl-evenly { justify-content: space-evenly !important } .align-items-xxl-start { align-items: flex-start !important } .align-items-xxl-end { align-items: flex-end !important } .align-items-xxl-center { align-items: center !important } .align-items-xxl-baseline { align-items: baseline !important } .align-items-xxl-stretch { align-items: stretch !important } .align-content-xxl-start { align-content: flex-start !important } .align-content-xxl-end { align-content: flex-end !important } .align-content-xxl-center { align-content: center !important } .align-content-xxl-between { align-content: space-between !important } .align-content-xxl-around { align-content: space-around !important } .align-content-xxl-stretch { align-content: stretch !important } .align-self-xxl-auto { align-self: auto !important } .align-self-xxl-start { align-self: flex-start !important } .align-self-xxl-end { align-self: flex-end !important } .align-self-xxl-center { align-self: center !important } .align-self-xxl-baseline { align-self: baseline !important } .align-self-xxl-stretch { align-self: stretch !important } .order-xxl-first { order: -1 !important } .order-xxl-0 { order: 0 !important } .order-xxl-1 { order: 1 !important } .order-xxl-2 { order: 2 !important } .order-xxl-3 { order: 3 !important } .order-xxl-4 { order: 4 !important } .order-xxl-5 { order: 5 !important } .order-xxl-last { order: 6 !important } .m-xxl-0 { margin: 0 !important } .m-xxl-1 { margin: .25rem !important } .m-xxl-2 { margin: .5rem !important } .m-xxl-3 { margin: 1rem !important } .m-xxl-4 { margin: 1.5rem !important } .m-xxl-5 { margin: 3rem !important } .m-xxl-auto { margin: auto !important } .mx-xxl-0 { margin-left: 0 !important; margin-right: 0 !important } .mx-xxl-1 { margin-left: .25rem !important; margin-right: .25rem !important } .mx-xxl-2 { margin-left: .5rem !important; margin-right: .5rem !important } .mx-xxl-3 { margin-left: 1rem !important; margin-right: 1rem !important } .mx-xxl-4 { margin-left: 1.5rem !important; margin-right: 1.5rem !important } .mx-xxl-5 { margin-left: 3rem !important; margin-right: 3rem !important } .mx-xxl-auto { margin-left: auto !important; margin-right: auto !important } .my-xxl-0 { margin-bottom: 0 !important; margin-top: 0 !important } .my-xxl-1 { margin-bottom: .25rem !important; margin-top: .25rem !important } .my-xxl-2 { margin-bottom: .5rem !important; margin-top: .5rem !important } .my-xxl-3 { margin-bottom: 1rem !important; margin-top: 1rem !important } .my-xxl-4 { margin-bottom: 1.5rem !important; margin-top: 1.5rem !important } .my-xxl-5 { margin-bottom: 3rem !important; margin-top: 3rem !important } .my-xxl-auto { margin-bottom: auto !important; margin-top: auto !important } .mt-xxl-0 { margin-top: 0 !important } .mt-xxl-1 { margin-top: .25rem !important } .mt-xxl-2 { margin-top: .5rem !important } .mt-xxl-3 { margin-top: 1rem !important } .mt-xxl-4 { margin-top: 1.5rem !important } .mt-xxl-5 { margin-top: 3rem !important } .mt-xxl-auto { margin-top: auto !important } .me-xxl-0 { margin-right: 0 !important } .me-xxl-1 { margin-right: .25rem !important } .me-xxl-2 { margin-right: .5rem !important } .me-xxl-3 { margin-right: 1rem !important } .me-xxl-4 { margin-right: 1.5rem !important } .me-xxl-5 { margin-right: 3rem !important } .me-xxl-auto { margin-right: auto !important } .mb-xxl-0 { margin-bottom: 0 !important } .mb-xxl-1 { margin-bottom: .25rem !important } .mb-xxl-2 { margin-bottom: .5rem !important } .mb-xxl-3 { margin-bottom: 1rem !important } .mb-xxl-4 { margin-bottom: 1.5rem !important } .mb-xxl-5 { margin-bottom: 3rem !important } .mb-xxl-auto { margin-bottom: auto !important } .ms-xxl-0 { margin-left: 0 !important } .ms-xxl-1 { margin-left: .25rem !important } .ms-xxl-2 { margin-left: .5rem !important } .ms-xxl-3 { margin-left: 1rem !important } .ms-xxl-4 { margin-left: 1.5rem !important } .ms-xxl-5 { margin-left: 3rem !important } .ms-xxl-auto { margin-left: auto !important } .p-xxl-0 { padding: 0 !important } .p-xxl-1 { padding: .25rem !important } .p-xxl-2 { padding: .5rem !important } .p-xxl-3 { padding: 1rem !important } .p-xxl-4 { padding: 1.5rem !important } .p-xxl-5 { padding: 3rem !important } .px-xxl-0 { padding-left: 0 !important; padding-right: 0 !important } .px-xxl-1 { padding-left: .25rem !important; padding-right: .25rem !important } .px-xxl-2 { padding-left: .5rem !important; padding-right: .5rem !important } .px-xxl-3 { padding-left: 1rem !important; padding-right: 1rem !important } .px-xxl-4 { padding-left: 1.5rem !important; padding-right: 1.5rem !important } .px-xxl-5 { padding-left: 3rem !important; padding-right: 3rem !important } .py-xxl-0 { padding-bottom: 0 !important; padding-top: 0 !important } .py-xxl-1 { padding-bottom: .25rem !important; padding-top: .25rem !important } .py-xxl-2 { padding-bottom: .5rem !important; padding-top: .5rem !important } .py-xxl-3 { padding-bottom: 1rem !important; padding-top: 1rem !important } .py-xxl-4 { padding-bottom: 1.5rem !important; padding-top: 1.5rem !important } .py-xxl-5 { padding-bottom: 3rem !important; padding-top: 3rem !important } .pt-xxl-0 { padding-top: 0 !important } .pt-xxl-1 { padding-top: .25rem !important } .pt-xxl-2 { padding-top: .5rem !important } .pt-xxl-3 { padding-top: 1rem !important } .pt-xxl-4 { padding-top: 1.5rem !important } .pt-xxl-5 { padding-top: 3rem !important } .pe-xxl-0 { padding-right: 0 !important } .pe-xxl-1 { padding-right: .25rem !important } .pe-xxl-2 { padding-right: .5rem !important } .pe-xxl-3 { padding-right: 1rem !important } .pe-xxl-4 { padding-right: 1.5rem !important } .pe-xxl-5 { padding-right: 3rem !important } .pb-xxl-0 { padding-bottom: 0 !important } .pb-xxl-1 { padding-bottom: .25rem !important } .pb-xxl-2 { padding-bottom: .5rem !important } .pb-xxl-3 { padding-bottom: 1rem !important } .pb-xxl-4 { padding-bottom: 1.5rem !important } .pb-xxl-5 { padding-bottom: 3rem !important } .ps-xxl-0 { padding-left: 0 !important } .ps-xxl-1 { padding-left: .25rem !important } .ps-xxl-2 { padding-left: .5rem !important } .ps-xxl-3 { padding-left: 1rem !important } .ps-xxl-4 { padding-left: 1.5rem !important } .ps-xxl-5 { padding-left: 3rem !important } .gap-xxl-0 { gap: 0 !important } .gap-xxl-1 { gap: .25rem !important } .gap-xxl-2 { gap: .5rem !important } .gap-xxl-3 { gap: 1rem !important } .gap-xxl-4 { gap: 1.5rem !important } .gap-xxl-5 { gap: 3rem !important } .row-gap-xxl-0 { row-gap: 0 !important } .row-gap-xxl-1 { row-gap: .25rem !important } .row-gap-xxl-2 { row-gap: .5rem !important } .row-gap-xxl-3 { row-gap: 1rem !important } .row-gap-xxl-4 { row-gap: 1.5rem !important } .row-gap-xxl-5 { row-gap: 3rem !important } .column-gap-xxl-0 { -moz-column-gap: 0 !important; column-gap: 0 !important } .column-gap-xxl-1 { -moz-column-gap: .25rem !important; column-gap: .25rem !important } .column-gap-xxl-2 { -moz-column-gap: .5rem !important; column-gap: .5rem !important } .column-gap-xxl-3 { -moz-column-gap: 1rem !important; column-gap: 1rem !important } .column-gap-xxl-4 { -moz-column-gap: 1.5rem !important; column-gap: 1.5rem !important } .column-gap-xxl-5 { -moz-column-gap: 3rem !important; column-gap: 3rem !important } .text-xxl-start { text-align: left !important } .text-xxl-end { text-align: right !important } .text-xxl-center { text-align: center !important } } @media print { .d-print-inline { display: inline !important } .d-print-inline-block { display: inline-block !important } .d-print-block { display: block !important } .d-print-grid { display: grid !important } .d-print-inline-grid { display: inline-grid !important } .d-print-table { display: table !important } .d-print-table-row { display: table-row !important } .d-print-table-cell { display: table-cell !important } .d-print-flex { display: flex !important } .d-print-inline-flex { display: inline-flex !important } .d-print-none { display: none !important } } } @layer vendors { .material-icons, .ps-mainmenu:is(.ps-mainmenu--desktop) .submenu__left-item[data-ps-has-child=true]:after { display: inline-block; font-family: Material Icons, sans-serif; font-feature-settings: "liga"; font-size: 24px; font-style: normal; font-weight: 400; height: 1em; letter-spacing: normal; line-height: 1; text-transform: none; width: 1em; word-wrap: normal; direction: ltr; vertical-align: middle; white-space: nowrap; -webkit-font-smoothing: antialiased; text-rendering: optimizelegibility; -moz-osx-font-smoothing: grayscale } } @font-face { font-display: swap; font-family: Material Icons; font-style: normal; font-weight: 400; src: url(../fonts/MaterialIcons-Regular-2d8017489da689caedc1.woff2) format("woff2"), url(../fonts/MaterialIcons-Regular-08cefa1bc6566a650da7.woff) format("woff") } @layer ps-base { body, html { min-height: 100% } body { direction: ltr; /* -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale */ } ol, ul { list-style: none; padding-left: 0 } a { transition: var(--bs-transition-default) } } @layer utilities { @media(min-width:576px) { .container--limited-sm { max-width: 540px } .w-sm-auto { width: auto !important } .w-sm-100 { width: 100% !important } } @media(min-width:768px) { .container--limited-md { max-width: 720px } .w-md-auto { width: auto !important } .w-md-100 { width: 100% !important } } @media(min-width:992px) { .container--limited-lg { max-width: 960px } .w-lg-auto { width: auto !important } .w-lg-100 { width: 100% !important } } @media(min-width:1200px) { .container--limited-xl { max-width: 1140px } .w-xl-auto { width: auto !important } .w-xl-100 { width: 100% !important } } @media(min-width:1400px) { .container--limited-xxl { max-width: 1320px } .w-xxl-auto { width: auto !important } .w-xxl-100 { width: 100% !important } } .text-danger-on-dark { color: #ff4657 } } @layer ps-components { .buttons-wrapper { -moz-column-gap: 1rem; column-gap: 1rem; display: flex; flex-direction: column; flex-wrap: wrap; row-gap: .5rem } .buttons-wrapper .btn { width: 100% } .buttons-wrapper--invert-mobile { flex-direction: column-reverse } .buttons-wrapper--no-fw-mobile { flex-direction: row } .buttons-wrapper--no-fw-mobile.buttons-wrapper--split { justify-content: space-between } .buttons-wrapper--no-fw-mobile .btn { width: auto } @media(min-width:768px) { .buttons-wrapper { display: flex; flex-direction: row } .buttons-wrapper--end { justify-content: flex-end } .buttons-wrapper--split { justify-content: space-between } .buttons-wrapper--invert-mobile { flex-direction: inherit } .buttons-wrapper .btn { width: auto } } .currency-selector { align-items: center; display: flex } .currency-selector>span { margin-right: .5rem } @media(max-width:767.98px) { .currency-selector__wrapper { margin-bottom: 1rem } } #_mobile_currency_selector:empty { display: none } .left-block, .right-block { border-bottom: 1px solid var(--bs-border-color); margin-bottom: 2rem; padding-bottom: 1rem } .left-block__title-link, .right-block__title-link { color: var(--bs-body-color) } .left-block__title-link:hover, .right-block__title-link:hover { color: var(--bs-link-hover-color) } .left-block__content--list, .right-block__content--list { margin-bottom: 0 } .left-block__link, .right-block__link { color: var(--bs-body-color); display: block; font-weight: 600; padding: .25rem 0 } .left-block__link:hover, .right-block__link:hover { color: var(--bs-link-hover-color) } @media(max-width:767.98px) { .language-selector__wrapper { margin-bottom: 1rem } } .language-selector__wrapper select { cursor: pointer } .section-title { margin-block-end: 1.25rem } .category-tree__child { border: none; padding: 0 } .category-tree__list { display: flex; flex-direction: column; row-gap: .5rem } .category-tree__list[data-depth="0"]>.category-tree__item>.category-tree__item-header .category-tree__item-link { font-weight: 600 } .category-tree__list[data-depth="1"], .category-tree__list[data-depth="2"], .category-tree__list[data-depth="3"], .category-tree__list[data-depth="4"] { padding-left: .5rem } .category-tree__title-link { color: var(--bs-body-color) } .category-tree__item { transition: var(--bs-transition-default) } .category-tree__item.active>.category-tree__item-header.parent .category-tree__item-link { color: var(--bs-link-hover-color) } .category-tree__item-link { color: var(--bs-body-color) } .category-tree__item-link:hover { color: var(--bs-link-hover-color) } .category-tree__item-header { display: flex; padding: .25rem 0 } .category-tree__item-header.split .accordion-button { background-color: transparent; margin: -.25rem 0 -.25rem auto; padding-inline-end: 0 } .category-tree__item-header .category-tree__item-link { flex-grow: 1 } .accordion--category { margin-bottom: 0 } .accordion--category .accordion-item { border: none } .accordion--category .accordion-body { margin: 0; padding: .5rem 0 0 } .accordion--category .accordion-button { cursor: pointer; font-size: 1rem; font-weight: 700; padding: .25rem .5rem; width: auto } .copyright { font-size: .875rem; padding-block-start: 1rem; text-align: center } .copyright, .copyright a { color: var(--bs-gray-300) } .copyright a:hover { color: var(--bs-white) } @media(min-width:768px) { .copyright { font-size: 1rem; padding-block-start: 2rem } } .subcategory { margin-inline: calc(var(--bs-gutter-x)*-.5) } .subcategory__link { border: 1px solid var(--bs-border-color); border-radius: var(--bs-border-radius-pill); color: var(--bs-body-color); display: inline-block; flex-shrink: 0; line-height: 1.25; padding: .5rem .75rem; white-space: nowrap; word-break: break-word } .subcategory__link:hover { background-color: var(--bs-tertiary-bg); color: var(--bs-link-hover-color) } .subcategory__link--with-image { align-items: center; border-radius: var(--bs-border-radius); display: flex; font-size: .875rem; gap: .5rem; padding: .5rem; white-space: normal } .subcategory__thumbnail { border-radius: var(--bs-border-radius); display: block; height: 2.5rem; -o-object-fit: cover; object-fit: cover; width: 2.5rem } .subcategory__list { align-items: center; display: flex; gap: .5rem; margin-block-end: 1rem; overflow-x: auto; padding-block: .25rem .75rem; padding-inline: .75rem } .subcategory__list--with-images { align-items: stretch; display: grid; grid-template-columns: repeat(1, minmax(0, 1fr)); overflow-x: visible } @media(min-width:360px) { .subcategory__list--with-images { grid-template-columns: repeat(2, minmax(0, 1fr)) } } @media(min-width:576px) { .subcategory { margin-inline: 0 } .subcategory__link { flex-shrink: 1; white-space: normal } .subcategory__thumbnail { height: 3rem; width: 3rem } .subcategory__list { flex-wrap: wrap; gap: .5rem; margin-block: 0 1.5rem; margin-inline: 0; overflow-x: visible; padding-block: 0; padding-inline: 0 } } @media(min-width:992px) { .subcategory__link--with-image { font-size: 1rem; gap: 1rem; padding: .75rem } .subcategory__list--with-images { grid-template-columns: repeat(3, minmax(0, 1fr)) } } @media(min-width:1200px) { .subcategory__list--with-images { grid-template-columns: repeat(4, minmax(0, 1fr)) } } .pagination { margin-block-end: 0; width: 100% } .pagination__container { align-items: center; -moz-column-gap: 1.5rem; column-gap: 1.5rem; display: flex; flex-wrap: wrap; justify-content: center; row-gap: 1rem } .pagination__number { color: var(--bs-secondary-color) } .pagination__nav { align-items: center; display: flex; flex-wrap: wrap; gap: .5rem } @media(min-width:992px) { .pagination { width: auto } .pagination__container { justify-content: space-between } } .account-menu__back { display: flex; margin-block-end: 1rem } .account-menu__link { align-items: center; border-radius: var(--bs-border-radius); color: var(--bs-body-color); display: flex; transition: var(--bs-transition-default) } .account-menu__link:hover { color: var(--bs-link-hover-color) } .account-menu__link--signout, .account-menu__link--signout:hover { color: var(--bs-danger) } .account-menu--main { display: grid; gap: 1rem } .account-menu--main .account-menu__link { background-color: var(--bs-tertiary-bg); font-size: 1rem; font-weight: 600; gap: .75rem; padding: .5rem } .account-menu--main .account-menu__icon { font-size: 2rem } .account-menu--sidebar { display: none } .account-menu--sidebar .account-menu__link { gap: .5rem; padding: .75rem 1rem } .account-menu--sidebar .account-menu__link--active { background-color: var(--bs-tertiary-bg); color: var(--bs-link-hover-color) } @media(min-width:576px) { .account-menu--main { grid-template-columns: repeat(2, minmax(0, 1fr)) } .account-menu--main .account-menu__link { align-items: normal; flex-direction: column; gap: .75rem; padding: 1.25rem 1rem } } @media(min-width:992px) { .account-menu__back { display: none } .account-menu--main { grid-template-columns: repeat(3, minmax(0, 1fr)) } .account-menu--main .account-menu__link--signout { display: none } .account-menu--sidebar { display: flex; flex-direction: column } } .order-history__inner { display: grid; gap: 1rem; grid-template-columns: 1fr } .order-history__header { display: none } .order-history__row { border: 1px solid var(--bs-border-color); border-radius: var(--bs-border-radius); display: grid; gap: .875rem; grid-template-columns: 1fr; padding: 1rem } .order-history__cell { display: grid; gap: .5rem; grid-template-columns: 1fr 66.666666%; line-height: 1.5 } .order-history__cell:before { color: var(--bs-secondary-color); content: attr(data-ps-label); display: block } .order-history__cell--reference, .order-history__cell:before { font-size: .875rem; font-weight: 600 } .order-history__cell--date { color: var(--bs-secondary-color); font-size: .875rem } .order-history__cell--total { font-size: .875rem; font-weight: 600 } .order-history__cell--payment { color: var(--bs-secondary-color); font-size: .875rem } .order-history__cell--actions { display: grid; gap: .5rem; grid-template-columns: repeat(2, minmax(0, 1fr)) } .order-history__cell--actions:before { display: none } .order-history__status { white-space: normal } .order-history__status--bright { color: var(--bs-white) } .order-history__status--dark { color: var(--bs-dark) } @media(min-width:768px) { .order-history__inner { display: grid; gap: 0 1rem; grid-template-columns: repeat(7, minmax(0, auto)); overflow-x: auto } .order-history__header { border-block-end: 1px solid var(--bs-border-color); font-weight: 600 } .order-history__header, .order-history__row { display: grid; grid-column: span 7; grid-template-columns: subgrid; padding-block: .5rem } .order-history__row { border: none; border-block-end: 1px solid var(--bs-border-color); border-radius: 0; padding-inline: 0 } .order-history__row:last-child { border-block-end: none } .order-history__cell { align-items: center; display: grid; gap: 0; grid-template-columns: 1fr; justify-self: start } .order-history__cell:before { display: none } .order-history__cell--date, .order-history__cell--payment { font-size: .75rem } .order-history__cell--actions { display: grid; gap: .5rem } } .password-requirements { display: grid; gap: .5rem } .password-requirements__length, .password-requirements__score { align-items: center; color: var(--bs-secondary-color); display: flex; font-size: .875rem; gap: .25rem; margin: 0 } .password-requirements__icon { font-size: 1.25rem } .cart__item { border-block-end: 1px solid var(--bs-border-color); margin-block-end: 1rem; padding-block-end: 1rem } .cart__item:last-child { border-block-end: 0; padding-block-end: 0 } .cart__continue-shopping { width: 100% } @media(min-width:768px) { .cart__continue-shopping { width: auto } } .product-customization-modal__line { margin-block-end: 1rem } .product-customization-modal__label { font-weight: 600; margin-block-end: .5rem } .product-customization-modal__img { border: 1px solid var(--bs-border-color); border-radius: var(--bs-border-radius); padding: .5rem } .product-customization-modal__img-popup { border-radius: var(--bs-border-radius); display: block; margin-inline: auto } .product-line { align-items: flex-start; display: flex; gap: 1.5rem } .product-line__image { flex-shrink: 0 } .product-line__img { border-radius: var(--bs-border-radius); width: 6rem } .product-line__content { flex-grow: 1 } .product-line__content-left { display: flex; flex-direction: column; gap: .25rem; margin-block-end: .5rem } .product-line__content-right { display: flex; flex-direction: column; gap: .5rem; margin-block-end: 1rem } .product-line__title { color: var(--bs-body-color); font-weight: 600 } .product-line__title:hover { color: var(--bs-link-hover-color) } .product-line__item-availability-icon { flex-shrink: 0; font-size: .875rem } .product-line__item-availability-message { align-items: center; display: inline-flex; font-size: .75rem; gap: .25rem } .product-line__item-price { font-weight: 600; width: 100% } .product-line__item-unit-price { color: var(--bs-secondary-color); font-size: .875rem } .product-line__item-regular-price { color: var(--bs-tertiary-color); font-size: .875rem; text-decoration: line-through } .product-line__item-discount { font-size: .875rem } .product-line__item-price-block { width: 100% } .product-line__item--info { align-items: center; display: flex; flex-wrap: wrap; gap: .25rem } .product-line__item--small-info { color: var(--bs-tertiary-color); font-size: .75rem } .product-line__item--availability { display: flex; flex-direction: column; gap: .125rem } .product-line__item--prices { align-items: center; -moz-column-gap: .5rem; column-gap: .5rem; display: flex; flex-wrap: wrap; row-gap: .25rem } .product-line__quantity-button { max-width: 9rem } .page-product .product-line__quantity-button #product-comments-list.has-comments:empty:before, .product-line__quantity-button .page-product #product-comments-list.has-comments:empty:before, .product-line__quantity-button .spinner-border { margin: .25rem } .product-line__quantity-input { max-width: none } .product-line__price { font-weight: 600 } .product-line__gift { align-items: center; display: inline-flex; font-weight: 600; gap: .25rem } .product-line__gift-icon { font-size: 1.25rem } .product-line__actions { display: flex; grid-column: 1/-1 } @media(min-width:576px) { .product-line__content { display: grid; flex-grow: 1; gap: 1.5rem; grid-template-columns: minmax(0, 1fr) 9rem } .product-line__content-left, .product-line__content-right { margin-block-end: 0 } .product-line__quantity-button { max-width: 100% } } @media(min-width:768px) { .product-line__img { width: 7rem } } @media(min-width:992px) { .product-line__img { width: 8rem } } .cart-summary__subtotals, .cart-summary__total { margin-block-end: .5rem } .cart-summary__total { border-block: 1px solid var(--bs-border-color); padding-block: .5rem } .cart-summary__voucher { margin-block-end: .5rem } .cart-summary__line { align-items: center; display: flex; gap: .5rem; justify-content: space-between; padding: .5rem 0 } .cart-summary__line--bold { font-weight: 600 } .cart-summary__label--voucher { align-items: center; display: flex; gap: .25rem } .cart-summary__label--voucher i { font-size: 1rem } .cart-summary__value { align-items: center; display: inline-flex; font-weight: 600; gap: .25rem; white-space: nowrap } .cart-summary__actions { padding-block-start: .5rem } .cart-summary__products-list { display: flex; flex-direction: column; gap: 1rem } .cart-summary-product { align-items: flex-start; display: flex; flex-wrap: wrap; gap: 1rem } .cart-summary-product__image { flex-shrink: 0 } .cart-summary-product__img { border-radius: var(--bs-border-radius); height: 5rem; width: 5rem } .cart-summary-product__content { display: flex; flex-basis: 12rem; flex-grow: 1; gap: 1rem; justify-content: space-between } .cart-summary-product__content-left { flex-grow: 1 } .cart-summary-product__attributes { color: var(--bs-tertiary-color); font-size: .875rem } .cart-summary-product__price, .cart-summary-product__quantity { font-size: .875rem } .cart-summary-product__price .value { color: var(--bs-tertiary-color); text-decoration: line-through } .cart-summary-product__unit-price { color: var(--bs-tertiary-color); font-size: .875rem } .cart-summary-product__prices { text-align: right } .cart-summary-product__gift { align-items: center; display: inline-flex; font-size: .875rem; font-weight: 600; gap: .25rem } .cart-summary-product__gift-icon { font-size: 1rem } .cart-summary-product__total { font-weight: 600 } .cart-voucher__accordion { border-block-end: 1px solid var(--bs-border-color); margin-block-end: .5rem; padding-block-end: .5rem } .cart-voucher__accordion-item { border-block-end: 0 } .cart-voucher__form { align-items: center; display: flex; gap: .5rem } .cart-voucher__list { margin-block-end: .5rem; padding-block-end: .5rem } .cart-voucher__highlight, .cart-voucher__list { border-block-end: 1px solid var(--bs-border-color) } .cart-voucher__highlight { padding-block: .5rem } .cart-voucher__offers { display: flex; flex-direction: column; gap: .25rem; margin-block-end: 0 } .cart-voucher__code-value { background: none; border: none; color: var(--bs-link-color); padding: 0 } .cart-voucher__code-value:hover { color: var(--bs-link-hover-color); cursor: pointer } .cart-voucher__error { align-items: center; display: flex; gap: .5rem; margin-block-start: .5rem } .cart-voucher__error-icon { flex-shrink: 0 } .order-confirmation__details-list { margin-block-end: 0 } .order-confirmation__products { display: flex; flex-direction: column; gap: 1rem } .order-confirmation__carrier-info { align-items: flex-start; display: flex; gap: 1rem; justify-content: space-between; margin-block-start: 2rem } .order-confirmation__carrier-info:first-child { margin-block-start: 0 } .order-confirmation__carrier-info:last-child { margin-block-end: 2rem } .order-confirmation__carrier-info-delay { margin-block-end: 0 } .order-confirmation__virtual-info { align-items: flex-start; display: flex; gap: 1rem; justify-content: space-between; margin-block-start: 2rem } .order-confirmation__virtual-info-value { margin-block-end: 0 } .order-confirmation__product { align-items: flex-start; display: flex; gap: 1rem } .order-confirmation__product:has(.product-customization-modal__content) .product-customization-modal__content { margin-block: .5rem } .order-confirmation__product-image { flex-shrink: 0; position: relative } .order-confirmation__product-img { border-radius: var(--bs-border-radius); height: 5rem; width: 5rem } .order-confirmation__product-quantity { background-color: var(--bs-body-bg); border-radius: var(--bs-border-radius-pill); bottom: .5rem; font-size: .875rem; font-weight: 600; line-height: 1.25; margin: 0; padding: .125rem .375rem; position: absolute; right: .5rem } .order-confirmation__product-details { flex-grow: 1 } .order-confirmation__product-link, .order-confirmation__product-title { font-weight: 600; margin-block-end: 0 } .order-confirmation__product-attribute, .order-confirmation__product-reference { color: var(--bs-secondary-color); font-size: .875rem } .order-confirmation__product-reference { margin-block-end: 0 } .order-confirmation__product-prices { flex-shrink: 0 } .order-confirmation__product-price { display: none; font-size: 1rem; font-weight: 600 } .order-confirmation__product-price-unit { color: var(--bs-tertiary-color); font-size: .875rem; font-weight: 600 } .order-confirmation__product-gift { align-items: center; display: inline-flex; font-weight: 600; gap: .25rem } .order-confirmation__product-gift-icon { font-size: 1.25rem } .order-confirmation__product-total { font-size: 1rem; font-weight: 600 } .order-confirmation__line { align-items: center; display: flex; gap: .5rem; justify-content: space-between; padding: .25rem 0 } .order-confirmation__line-label { font-weight: 400 } .order-confirmation__line--bold .order-confirmation__line-label, .order-confirmation__line-value { font-weight: 600 } @media(min-width:768px) { .order-confirmation__product-img { height: 8rem; width: 8rem } .order-confirmation__product-content { align-items: flex-start; display: flex; flex-grow: 1; gap: 1rem } .order-confirmation__product-prices { text-align: right } .order-confirmation__product-price { display: block } } .brand { border: 1px solid var(--bs-border-color); border-radius: var(--bs-border-radius); padding: 1rem; position: relative; text-align: center; transition: var(--bs-transition-default) } .brand:hover { border-color: var(--bs-link-hover-color) } .brand__list { display: grid; gap: 1rem; grid-template-columns: minmax(0, 1fr) } .brand__image, .brand__title { margin-block-end: .5rem } .brand__title { display: block } .brand__description { color: var(--bs-secondary-color); font-size: .75rem; line-height: 1.2; margin-block-end: .5rem } .brand__description p, .brand__products { margin-block-end: 0 } .brand__products { color: var(--bs-secondary-color); font-size: .85rem } @media(min-width:576px) { .brand__list { grid-template-columns: repeat(2, minmax(0, 1fr)) } } @media(min-width:992px) { .brand__list { grid-template-columns: repeat(4, minmax(0, 1fr)) } } @media(min-width:1400px) { .brand__list { grid-template-columns: repeat(5, minmax(0, 1fr)) } } .supplier { border: 1px solid var(--bs-border-color); border-radius: var(--bs-border-radius); padding: 1rem; position: relative; text-align: center; transition: var(--bs-transition-default) } .supplier:hover { border-color: var(--bs-link-hover-color) } .supplier__list { display: grid; gap: 1rem; grid-template-columns: minmax(0, 1fr) } .supplier__image, .supplier__title { margin-block-end: .5rem } .supplier__title { display: block } .supplier__description { color: var(--bs-secondary-color); font-size: .75rem; line-height: 1.2; margin-block-end: .5rem } .supplier__description p { margin-block-end: 0 } .supplier__products { color: var(--bs-secondary-color); font-size: .85rem; margin-block-end: 0 } @media(min-width:576px) { .supplier__list { grid-template-columns: repeat(2, minmax(0, 1fr)) } } @media(min-width:992px) { .supplier__list { grid-template-columns: repeat(4, minmax(0, 1fr)) } } @media(min-width:1400px) { .supplier__list { grid-template-columns: repeat(5, minmax(0, 1fr)) } } .store { border: 1px solid var(--bs-border-color); border-radius: var(--bs-border-radius); display: flex; flex-direction: column; gap: 1rem; padding: 1.5rem } .store__list { display: grid; gap: 1rem } .store__img { border-radius: var(--bs-border-radius) } .store__name { font-weight: 600; margin-block-end: 0 } .store__address { margin: 0 } .store__opening-times { width: 100% } .store__note { color: var(--bs-tertiary-color); margin-block: .5rem } .store__contacts { margin-block-end: 0 } .store__contact { align-items: center; display: flex; gap: .5rem; line-height: 1.2; padding-block: .25rem } .store__contact i { font-size: 1.25rem } .store__contact--email { word-break: break-all } @media(min-width:768px) { .store__list { grid-template-columns: repeat(2, minmax(0, 1fr)) } } @media(min-width:1200px) { .store { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)) } } .sitemap__list--nested { border-left: .125rem solid var(--bs-primary-border-subtle); margin-bottom: .25rem; padding-left: 1rem } .sitemap__list--nested>.sitemap__item>.sitemap__link { position: relative } .sitemap__list--nested>.sitemap__item>.sitemap__link:before { background-color: var(--bs-primary-border-subtle); content: ""; display: block; height: .125rem; left: -1rem; position: absolute; top: 50%; transform: translateY(-50%); width: .5rem } .sitemap__link { color: var(--bs-body-color) } .sitemap__link:hover { color: var(--bs-link-hover-color) } .address-card { border: 1px solid var(--bs-border-color); border-radius: var(--bs-border-radius); transition: var(--bs-transition-default) } .address-card__container { display: flex; flex-direction: column; height: 100%; padding: 1rem } .address-card__header { align-items: center; display: flex; gap: 1rem; margin-block-end: 1rem } .address-card__alias { font-size: 1.25rem; font-weight: 600 } .address-card__content { color: var(--bs-body-color); margin-block-end: 1rem } .address-card__extra { margin-block-end: 1rem } .address-card__actions { display: flex; gap: 1.5rem; margin-block-start: auto } .address-card--radio.selected, .address-card--radio:hover { background-color: var(--bs-tertiary-bg) } .address-card--radio.selected { border-color: #B30931 } .address-card--radio .address-card__container { cursor: pointer } .address-card--add-address { align-items: center; display: flex; flex-direction: column; gap: 1rem; justify-content: center; padding: 1rem } .address-card--add-address:hover { background-color: var(--bs-tertiary-bg) } .grid-table { margin-block-end: 1rem } .grid-table__inner { display: grid; gap: 1rem; grid-template-columns: 1fr } .grid-table__header { display: none } .grid-table__row { border: 1px solid var(--bs-border-color); border-radius: var(--bs-border-radius); display: grid; gap: .5rem 1rem; grid-template-columns: 1fr; padding: 1rem } .grid-table__cell { display: grid; gap: 1rem; grid-template-columns: 1fr 60%; line-height: 1.5 } .grid-table__cell:before { color: var(--bs-secondary-color); content: attr(data-ps-label)/" "; display: block; font-size: .875rem; font-weight: 600 } .grid-table__cell-group { display: grid; gap: .5rem } .grid-table__cell-group--sm { gap: .25rem } .grid-table__cell-group--inline { align-items: center; display: flex; flex-wrap: wrap; gap: .5rem } .grid-table__cell--bold { font-weight: 600 } @media(max-width:767.98px) { .grid-table--collapse .grid-table__inner { gap: 0 } .grid-table--collapse .grid-table__inner .grid-table__row { border-radius: 0; margin-block-start: -.0625rem } .grid-table--collapse .grid-table__inner .grid-table__row:last-child { border-bottom-left-radius: var(--bs-border-radius); border-bottom-right-radius: var(--bs-border-radius) } .grid-table--collapse .grid-table__inner .grid-table__header+.grid-table__row { border-top-left-radius: var(--bs-border-radius); border-top-right-radius: var(--bs-border-radius) } } @media(min-width:768px) { .grid-table__inner { display: grid; gap: 0 1rem } .grid-table__inner--2 { grid-template-columns: repeat(2, minmax(0, auto)) } .grid-table__inner--3 { grid-template-columns: repeat(3, minmax(0, auto)) } .grid-table__inner--4 { grid-template-columns: repeat(4, minmax(0, auto)) } .grid-table__inner--5 { grid-template-columns: repeat(5, minmax(0, auto)) } .grid-table__inner--6 { grid-template-columns: repeat(6, minmax(0, auto)) } .grid-table__inner--7 { grid-template-columns: repeat(7, minmax(0, auto)) } .grid-table__inner--8 { grid-template-columns: repeat(8, minmax(0, auto)) } .grid-table__inner--9 { grid-template-columns: repeat(9, minmax(0, auto)) } .grid-table__header { border-block-end: 1px solid var(--bs-border-color); font-weight: 600; grid-auto-columns: minmax(0, auto); grid-column: 1/-1 } .grid-table__header, .grid-table__row { display: grid; grid-template-columns: subgrid; padding-block: .5rem } .grid-table__row { border: none; border-block-end: 1px solid var(--bs-border-color); border-radius: 0; grid-column: 1/-1; padding-inline: 0 } .grid-table__row:last-child { border-block-end: none } .grid-table__row:has(.grid-table__cell--label-value) { border-block: none; padding-block: .25rem } .grid-table__cell { align-items: center; display: grid; gap: 0; grid-template-columns: 1fr; justify-self: start } .grid-table__cell:before { display: none } .grid-table__cell--center { justify-self: center } .grid-table__cell--right { justify-self: end } .grid-table__cell--label-value { gap: .5rem; grid-column: 1/-1; grid-template-columns: 1fr 20%; justify-self: end; text-align: right; width: 100% } .grid-table__cell--label-value:before { color: var(--bs-body-color); content: attr(data-ps-label)/" "; display: block; font-size: 1rem; font-weight: 600 } } .search-filters-modules { border-bottom: var(--left-block-border-bottom); margin-bottom: 2rem; padding-bottom: 1rem } .search-filters-modules-title { color: var(--left-block-title-color); font-size: var(--left-block-title-size); font-weight: 600 } .search-filters-modules__list { margin-bottom: 0 } .search-filters-modules__item__link { color: var(--left-block-title-color); display: block; font-weight: 600; line-height: 2rem } .header-block__action-btn { align-items: center; border-radius: var(--bs-border-radius-sm); color: var(--bs-body-color); display: inline-flex; gap: .25rem; padding: .375rem; position: relative } .header-block__action-btn[href]:focus, .header-block__action-btn[href]:hover { color: var(--bs-link-hover-color) } .header-block__action-btn:not([href]) { cursor: default } @media(min-width:768px) { .header-block__action-btn { padding: .5rem .75rem } } .header-block__icon { font-size: 1.25rem } .header-block__badge { align-items: center; background: var(--bs-primary); border-radius: 50rem; color: var(--bs-light); display: flex; font-size: .625rem; font-weight: 600; height: 1rem; justify-content: center; line-height: 1; min-width: 1rem; padding: 0 .25rem; position: absolute; right: 0; text-align: center; top: 0 } @media(min-width:768px) { .header-block__badge { background: var(--bs-tertiary-bg); color: inherit; font-size: 1rem; height: 1.5rem; min-width: 1.5rem; position: static } .header-block--active .header-block, .header-block--active .header-block__icon { color: var(--bs-primary) } [data-bs-theme=dark] .header-block--active .header-block, [data-bs-theme=dark] .header-block--active .header-block__icon { color: var(--bs-link-hover-color) } } .module-products__buttons { display: flex; justify-content: center; margin-block-start: 2rem } body:not(#index) .module-products.checkout-steps__mobile, body:not(#index) .module-products.container { padding-inline: 0 } .page-title-section { font-size: clamp(1.5rem, var(--bs-body-font-size)*2*.6 + 1.2vw, 2rem); font-weight: 600; line-height: 1.2 } .attachment { border: 1px solid var(--bs-border-color); border-radius: var(--bs-border-radius); padding: 1rem; position: relative; transition: var(--bs-transition-default) } .attachment:hover { background-color: var(--bs-tertiary-bg) } .attachment__name { color: var(--bs-body-color); display: block; font-weight: 600; margin-block-end: .5rem } .attachment__name:hover { color: var(--bs-link-hover-color) } .attachment__description { color: var(--bs-tertiary-color); font-size: .875rem } .attachment__link { font-size: .875rem } .product-miniature__variants .color, .product-variant__colors .color, .search-filters__form-check--color .form-check-label .color { background-size: contain; border: 1px solid var(--bs-border-color); border-radius: var(--bs-border-radius-sm); cursor: pointer; display: inline-block; height: 1.5rem; outline: .125rem solid transparent; outline-offset: -.125rem; transition: var(--bs-transition-default); width: 1.5rem } .product-miniature__variants .color-sm, .product-variant__colors .color-sm, .search-filters__form-check--color .form-check-label .color-sm { height: 1rem; width: 1rem } .product-miniature__variants .color.active, .product-miniature__variants .color:focus-visible, .product-miniature__variants .color:hover, .product-variant__colors .color.active, .product-variant__colors .color:focus-visible, .product-variant__colors .color:hover, .search-filters__form-check--color .form-check-label .color.active, .search-filters__form-check--color .form-check-label .color:focus-visible, .search-filters__form-check--color .form-check-label .color:hover { outline: .125rem solid var(--bs-link-hover-color) } .input-color__input { position: absolute; clip: rect(0, 0, 0, 0); pointer-events: none } .input-color__input:focus-visible+.input-color__label .color { outline: .125rem solid var(--bs-link-hover-color) } .input-color__input:checked:focus-visible+.input-color__label { border-radius: var(--bs-border-radius-sm); box-shadow: var(--bs-focus-ring-x, 0) var(--bs-focus-ring-y, 0) var(--bs-focus-ring-blur, 0) var(--bs-focus-ring-width) var(--bs-focus-ring-color); outline: 0 } .product-customization { border: 1px solid var(--bs-border-color); border-radius: var(--bs-border-radius); padding: 1rem } .product-customization__label { font-size: .875rem } .product-customization__item { border-block-start: 1px solid var(--bs-border-color); margin-block-end: 1rem; margin-block-start: 1rem; padding-block-start: 1rem } .product-customization__item:first-child { border-block-start: none; margin-block-start: 0; padding-block-start: 0 } .product-customization__message { color: var(--bs-secondary-color); font-size: .875rem; margin-block-start: .25rem } .product-customization__image { height: 2rem; width: 2rem } .product-customization__image-wrapper { align-items: center; display: flex; gap: .5rem; margin-block-start: .5rem } .product-customization__image-remove { font-size: .875rem } .product-customization__field-footer { align-items: center; display: flex; flex-wrap: wrap; gap: .5rem; justify-content: space-between } .discounts-table { margin-block-end: 0 } .details__list { background-color: var(--bs-tertiary-bg) } .details__item { align-items: center; border-bottom: 1px solid var(--bs-border-color); display: flex; padding: 1rem } .details__item:last-child { border-bottom: none } .details__left { flex-grow: 0; flex-shrink: 0; width: 50% } .details__title { font-weight: 700 } .product-flags { align-items: flex-start; display: flex; flex-wrap: wrap; gap: .5rem; left: 0; margin: 0; padding: .5rem 4rem .5rem .5rem; position: absolute; top: 0; width: 100%; z-index: 1 } /* .product-flags .badge.discount, .product-flags .badge:not(.discount) { border: 1px solid var(--bs-primary) } */ .product-flags .badge.discount { background-color: var(--bs-white); color: var(--bs-primary) } .product-images-modal__body { padding: .5rem } .product-images-modal__carousel { border-radius: var(--bs-border-radius-sm); overflow: hidden } .product-miniature { container-name: product-miniature; container-type: inline-size } .product-miniature__inner { background-color: var(--bs-body-bg); display: flex; flex-direction: column; height: 100% } .product-miniature__inner, .product-miniature__top { border-radius: var(--bs-border-radius); transition: var(--bs-transition-default) } .product-miniature__top { overflow: hidden; position: relative } .product-miniature__image { height: auto; transition: var(--bs-transition-default); width: 100% } .product-miniature__image-container { position: relative } .product-miniature__image-link { display: block; outline-offset: -.125rem } .product-miniature__quickview-button { background-color: var(--bs-body-bg); border-radius: 0; box-shadow: none; display: flex; margin: auto; outline: revert; outline-offset: -.125rem; padding-block: 1rem; position: absolute; top: 100%; transition: var(--bs-transition-default); transition-delay: .1s; width: 100%; z-index: 1 } .product-miniature__quickview-button:focus { transform: translateY(-100%) } .product-miniature__quickview-touch { bottom: .5rem; display: none; position: absolute; right: .5rem; z-index: 10 } .product-miniature__bottom { display: flex; flex-direction: column; flex-grow: 1; gap: .5rem; padding: 1rem .5rem } .product-miniature__infos { display: grid; gap: .5rem } .product-miniature__actions { margin-top: auto } .product-miniature__prices, .product-miniature__variants { display: flex; flex-wrap: wrap; gap: .5rem } .product-miniature__prices { align-items: center } .product-miniature__price { font-weight: 600 } .product-miniature__regular-price { color: var(--bs-tertiary-color); text-decoration: line-through } .product-miniature__form { align-items: center; -moz-column-gap: 1rem; column-gap: 1rem; display: flex; row-gap: .5rem } .product-miniature__add-text { display: none; line-height: normal } .product-miniature .product-flags { pointer-events: none } @media(hover:hover) { .product-miniature__inner:hover { box-shadow: var(--bs-box-shadow-md) } .product-miniature__inner:hover .product-miniature__top { border-end-end-radius: 0; border-end-start-radius: 0 } .product-miniature__inner:hover .product-miniature__quickview-button { transform: translateY(-100%) } .product-miniature__inner:hover .product-miniature__image { transform: scale(1.1) } .product-miniature__inner:has(:focus-visible) { box-shadow: var(--bs-box-shadow-md) } .product-miniature__inner:has(:focus-visible) .product-miniature__top { border-end-end-radius: 0; border-end-start-radius: 0 } .product-miniature__inner:has(:focus-visible) .product-miniature__quickview-button { transform: translateY(-100%) } } @media(hover:none)and (pointer:coarse) { .product-miniature__quickview-button { display: none } .product-miniature__quickview-touch { display: inline-flex } } @container product-miniature (width < 13.5rem) { .product-miniature .product-flags .badge { font-size: .75rem; padding: .125rem .25rem } .product-miniature__add, .product-miniature__details { width: 100% } .product-miniature__add-text { display: block } .product-miniature__form { flex-direction: column } .product-miniature__form .quantity-button input { max-width: unset } } .product-pack__list { display: grid; gap: .5rem; grid-template-columns: minmax(0, 1fr) } .product-pack__link { align-items: center; border: 1px solid var(--bs-border-color); border-radius: var(--bs-border-radius); display: flex; gap: 1rem; padding: .5rem 2rem .5rem .5rem } .product-pack__link:hover { background-color: var(--bs-tertiary-bg) } .product-pack__image { border-radius: var(--bs-border-radius-sm) } .product-pack__image-wrapper { flex-basis: 4rem; flex-shrink: 0 } .product-pack__name { flex-grow: 1; line-height: 1.2; margin-block-end: 0 } .product-pack__price { font-weight: 600 } .product-pack__price, .product-pack__quantity { color: var(--bs-body-color); margin-block-end: 0 } .product-variant__label { margin-block-end: .5rem; font-size: 18px } .product-variant__legend, .product-variant__selected { display: inline-block; font-size: var(--bs-body-font-size); line-height: var(--bs-body-line-height); margin-block-end: 0; width: auto } .product-variant__radios { -moz-column-gap: .875rem; column-gap: .875rem; display: flex; flex-wrap: wrap; margin-bottom: 0; row-gap: .5rem } .product-variant__radio { margin: 0 } .product-variant__radio label { cursor: pointer } .product-variant__colors { display: flex; flex-wrap: wrap; gap: .5rem; margin-block-end: 0 } .product-variant__colors label { display: block; line-height: 0 } .rich-text { line-height: 1.5 } .rich-text ul { list-style: disc; padding-left: 1.2rem } .rich-text img { height: auto; max-width: 100% } .quantity-button input { max-width: 4rem; text-align: center } .quantity-button button { --bs-btn-focus-shadow-rgb: var(--bs-primary-rgb); border: 1px solid var(--bs-border-color) } .quantity-button button.increment .confirmation { color: var(--bs-success) } .quantity-button button.decrement .confirmation { color: var(--bs-danger) } .quantity-button button:hover { opacity: .6 } .quantity-button button:disabled { opacity: 1 } .ps-mainmenu:is(.ps-mainmenu--desktop) .quantity-button button .submenu__left-item[data-ps-has-child=true]:after, .quantity-button button .material-icons, .quantity-button button .ps-mainmenu:is(.ps-mainmenu--desktop) .submenu__left-item[data-ps-has-child=true]:after { font-size: 1.25rem; pointer-events: none } .page-product .quantity-button button #product-comments-list.has-comments:empty:before, .quantity-button button .page-product #product-comments-list.has-comments:empty:before, .quantity-button button .spinner-border { border-width: .125rem } .page-loader { align-items: center; background: rgba(var(--bs-body-bg-rgb), .75); display: flex; height: 100%; justify-content: center; left: 0; position: fixed; top: 0; width: 100%; z-index: 999 } .delivery-option__item { background-color: var(--bs-tertiary-bg); border-block-end: 1px solid var(--bs-border-color) } .delivery-option__label { align-items: center; cursor: pointer; display: flex; flex-wrap: wrap; gap: 1rem; padding: 1rem } .delivery-option__check { margin: 0 } .delivery-option__left { align-items: center; display: flex; flex-basis: 100%; flex-grow: 1; flex-shrink: 0; gap: .5rem } .delivery-option__carrier { align-items: center; display: flex; gap: 1rem } .delivery-option__carrier-logo { aspect-ratio: 1/1; border-radius: var(--bs-border-radius); height: 3rem; -o-object-fit: contain; object-fit: contain; width: 3rem } .delivery-option__carrier-name { font-weight: 600 } .delivery-option__content { color: var(--bs-secondary-color); flex-basis: 100%; flex-grow: 1 } .delivery-option__extra { height: 0; height: calc-size(0, size); overflow: hidden; transition: var(--bs-transition-default); transition-behavior: allow-discrete } .delivery-option__extra[data-active] { height: auto; height: calc-size(auto, size) } .delivery-option__extra[data-active] .delivery-option__extra-content { padding-block-end: 1rem } .delivery-option__extra-content { padding-inline: 1rem; transition: var(--bs-transition-default) } @media(min-width:768px) { .delivery-option__left { flex-grow: 0 } .delivery-option__content, .delivery-option__left { flex-basis: calc(40% - 1rem) } .delivery-option__price { flex-basis: calc(20% - 1rem); text-align: right } .delivery-option__carrier-logo { height: 4rem; width: 4rem } } .final-summary__header { align-items: center; color: var(--bs-secondary-color); display: flex; font-size: 1.25rem; font-weight: 600; gap: .5rem; justify-content: space-between; margin-block-start: 2rem } .payment-option__additional-information { padding-block-start: 1rem } .payment-option dl { background-color: var(--bs-tertiary-bg); border-radius: var(--bs-border-radius); display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); margin-block-end: 0 } .payment-option dl dt { border-block-end: 1px solid var(--bs-border-color); font-weight: 600; margin: 0; padding: 1rem } .payment-option dl dt:last-of-type { border-block-end: none } .payment-option dl dd { border-block-end: 1px solid var(--bs-border-color); margin: 0; padding: 1rem } .payment-option dl dd:last-of-type { border-block-end: none } .checkout-steps { background-color: var(--bs-tertiary-bg); border-block-end: 1px solid var(--bs-border-color); margin-block-end: 2.5rem; padding-block: .5rem } .checkout-steps__list { align-items: flex-start; display: flex; margin-block-end: 0 } .checkout-steps__step { flex-basis: 25%; flex-shrink: 0; position: relative; text-align: center } .checkout-steps__step:after, .checkout-steps__step:before { background: var(--bs-dark-bg-subtle); content: ""; height: .125rem; position: absolute; top: .6875rem; width: 50%; z-index: 0 } .checkout-steps__step:before { left: 0 } .checkout-steps__step:after { right: 0 } .checkout-steps__step:first-of-type:before, .checkout-steps__step:last-of-type:after { display: none } .checkout-steps__step--current .checkout-steps__number { background: var(--bs-dark) } .checkout-steps__step--current .checkout-steps__btn { color: var(--bs-body-color) } .checkout-steps__step--current:before, .checkout-steps__step--success .checkout-steps__number { background: #b30931 } .checkout-steps__step--success .checkout-steps__btn { color: #b30931 } .checkout-steps__step--success:after, .checkout-steps__step--success:before { background: #b30931 } .checkout-steps__step-mobile { display: flex; flex-direction: column; gap: .25rem; line-height: 1.25 } .checkout-steps__title { font-size: 1.25rem; font-weight: 600; margin-block-end: 0 } .checkout-steps__subtitle { color: var(--bs-secondary-color); font-size: .875rem; margin-block-end: 0 } .checkout-steps__number { background: var(--bs-dark-bg-subtle); border-radius: 100%; color: var(--bs-white); display: flex; flex-wrap: wrap; height: 1.5rem; margin-block-end: .5rem; margin-inline: auto; place-content: center; position: relative; width: 1.5rem; z-index: 1 } .checkout-steps__btn { color: var(--bs-body-color); padding: .25rem } .checkout-steps__btn.active { font-weight: 600 } .checkout-steps__desktop { display: none; margin-inline: auto; max-width: 45rem; width: 100% } .checkout-steps__mobile { align-items: center; display: flex; gap: .75rem } @media(min-width:576px) { .checkout-steps__title { font-size: 1.5rem } .checkout-steps__subtitle { font-size: 1rem } } @media(min-width:768px) { .checkout-steps { padding-block: 2rem } .checkout-steps__desktop { display: block } .checkout-steps__mobile { display: none } } .progress-ring__circle { transform: rotate(-90deg); transform-origin: 50% 50%; transition: stroke-dashoffset .35s } .progress-ring__background-circle { stroke: var(--bs-secondary-bg); transform: rotate(-90deg); transform-origin: 50% 50% } .progress-ring__text { fill: var(--bs-body-color) } .quickview__footer { justify-content: space-between } .quickview__details-link { align-items: center; display: inline-flex; gap: .25rem; margin-inline-start: auto } @media(min-width:768px)and (max-width:991.98px) { .quickview__dialog { max-width: 750px } } @media(min-width:576px)and (max-width:767.98px) { .quickview__dialog { max-width: calc(100% - var(--bs-modal-margin)*2) } } .layout-full-width .products { display: grid; gap: 1.5rem; grid-template-columns: repeat(1, minmax(0, 1fr)) } @media(min-width:360px) { .layout-full-width .products { grid-template-columns: repeat(2, minmax(0, 1fr)) } } @media(min-width:992px) { .layout-full-width .products { grid-template-columns: repeat(4, minmax(0, 1fr)) } } .layout-left-column .products, .layout-right-column .products { display: grid; gap: 1.5rem; grid-template-columns: repeat(1, minmax(0, 1fr)) } @media(min-width:360px) { .layout-left-column .products, .layout-right-column .products { grid-template-columns: repeat(2, minmax(0, 1fr)) } } @media(min-width:1200px) { .layout-left-column .products, .layout-right-column .products { grid-template-columns: repeat(3, minmax(0, 1fr)) } } .layout-both-columns .products { display: grid; gap: 1.5rem; grid-template-columns: repeat(1, minmax(0, 1fr)) } @media(min-width:360px) { .layout-both-columns .products { grid-template-columns: repeat(2, minmax(0, 1fr)) } } @media(min-width:768px) { .layout-both-columns .products { grid-template-columns: repeat(1, minmax(0, 1fr)) } } @media(min-width:992px) { .layout-both-columns .products { grid-template-columns: repeat(2, minmax(0, 1fr)) } } .products__selection { align-items: center; -moz-column-gap: 1.5rem; column-gap: 1.5rem; display: grid; grid-template-columns: minmax(0, 1fr); margin-block-end: 1.5rem; row-gap: 1rem } .products__count { color: var(--bs-secondary-color) } .products__sort { align-items: center; display: flex; flex-wrap: wrap; gap: .5rem; order: -1 } .products__sort-label { align-items: center; display: none; white-space: nowrap } .products__sort-dropdown { flex-grow: 1 } .products__sort-dropdown-button { justify-content: space-between; width: 100% } .products__filter-button { flex-basis: 0; flex-grow: 1 } .products__pagination { margin-block: 1.5rem } @media(min-width:768px) { .products__filter-button { display: none } .products__sort-label { display: flex } } @media(min-width:992px) { .products__selection { grid-template-columns: repeat(2, minmax(0, 1fr)) } .products__sort { order: 0 } } .noUi-target, .noUi-target * { box-sizing: border-box; touch-action: none; -webkit-user-select: none; -moz-user-select: none; user-select: none; -webkit-touch-callout: none; -webkit-tap-highlight-color: none } .noUi-base, .noUi-connects { height: 100%; position: relative; width: 100%; z-index: 1 } .noUi-connects { border-radius: .5rem; overflow: hidden; z-index: 0 } .noUi-connect, .noUi-origin { height: 100%; position: absolute; right: 0; top: 0; transform-origin: 0 0; transform-style: preserve-3d; transform-style: flat; width: 100%; will-change: transform; z-index: 1 } .noUi-connect { background: var(--bs-primary); height: 100%; width: 100% } .noUi-txt-dir-rtl.noUi-horizontal .noUi-origin { left: 0; right: auto } .noUi .noUi-vertical .noUi-origin { width: 0 } .noUi-horizontal .noUi-origin { height: 0 } .noUi-touch-area { height: 100%; width: 100% } .noUi-state-tap .noUi-connect, .noUi-state-tap .noUi-origin { transition: transform .3s } .noUi-state-drag * { cursor: inherit !important } .noUi-horizontal { height: 4px; margin: 12px } .noUi-horizontal .noUi-handle { height: 24px; right: -12px; top: -10px; /*!/* @noflip */ width: 24px } .noUi-vertical { margin: 12px 0; width: 4px } .noUi-vertical .noUi-handle { height: 24px; right: -10px; top: -12px; width: 24px } .noUi-target { background: var(--bs-gray-200); border: 0 solid var(--bs-gray-300); border-radius: .5rem; position: relative } .noUi-draggable { cursor: ew-resize } .noUi-vertical .noUi-draggable { cursor: ns-resize } .noUi-handle { backface-visibility: hidden; background: var(--bs-body-bg); border: 1px solid var(--bs-border-color); border-radius: 50%; cursor: pointer; outline: none; position: absolute; transition: var(--bs-transition-default) } .noUi-handle:hover { border-color: var(--bs-primary) } .noUi-active, .noUi-active:hover, .noUi-handle:hover { background: var(--bs-primary) } .noUi-active:hover { border-color: var(--bs-primary) } [disabled] .noUi-connect { background: var(--bs-gray-200) } [disabled] .noUi-handle, [disabled].noUi-handle, [disabled].noUi-target { cursor: not-allowed } .noui-pips, .noui-pips * { box-sizing: border-box } .noui-pips { color: #999; position: absolute } .noui-value { position: absolute; text-align: center; white-space: nowrap } .noui-value-sub { color: #ccc; font-size: 10px } .noui-marker { background: #ccc; position: absolute } .noui-marker-large, .noui-marker-sub { background: #aaa } .noui-pips-horizontal { height: 80px; left: 0; padding: 10px 0; top: 100%; width: 100% } .noui-value-horizontal { transform: translate(-50%, 50%) } .noui-value-horizontal-rtl .noui-value-horizontal { transform: translate(50%, 50%) } .noui-marker-horizontal.noui-marker { height: 5px; margin-left: -1px; width: 2px } .noui-marker-horizontal.noui-marker-sub { height: 10px } .noui-marker-horizontal.noui-marker-large { height: 15px } .noui-pips-vertical { height: 100%; left: 100%; padding: 0 10px; top: 0 } .noui-value-vertical { padding-left: 25px; transform: translateY(-50%) } .noui-value-vertical-rtl .noui-value-vertical { transform: translateY(50%) } .noui-marker-vertical.noui-marker { height: 2px; margin-top: -1px; width: 5px } .noui-marker-vertical.noui-marker-sub { width: 10px } .noui-marker-vertical.noui-marker-large { width: 15px } .noui-tooltip { background: #fff; border: 1px solid #dee2e6; border-radius: .5rem; color: #212529; display: block; font-size: 12px; font-weight: 600; padding: 1px 5px; position: absolute; text-align: center; white-space: nowrap } .noui-horizontal .noui-tooltip { bottom: 120%; left: 50%; transform: translate(-50%) } .noui-vertical .noui-tooltip { right: 120%; top: 50%; transform: translateY(-50%) } .noui-horizontal .noui-origin>.noui-tooltip { bottom: 10px; left: auto; transform: translate(50%) } .noui-vertical .noui-origin>.noui-tooltip { right: 28px; top: auto; transform: translateY(-18px) } .dl-list { background-color: var(--bs-tertiary-bg); border-radius: var(--bs-border-radius); display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); margin-block-end: 0 } .dl-list dt { border-block-end: 1px solid var(--bs-border-color); font-weight: 600; margin: 0; padding: 1rem } .dl-list dt:last-of-type { border-block-end: none } .dl-list dd { border-block-end: 1px solid var(--bs-border-color); margin: 0; padding: 1rem } .dl-list dd:last-of-type { border-block-end: none } .outline:focus-visible { outline: .125rem solid var(--bs-primary); outline-offset: -.125rem } .outline--rounded { border-radius: var(--bs-border-radius) } .outline.disabled:focus-visible, .outline:disabled:focus-visible { outline: none } .search-filters .noUi-handle:focus-visible { outline: .125rem solid var(--bs-primary) } .search-filters__form-check--color .color:focus-visible { box-shadow: 0 0 0 .25rem rgba(11, 105, 246, .25) } .skip-link:focus { left: .375rem; position: fixed; top: .375rem; z-index: 1090 } .back-to-top-link:focus { bottom: .375rem; position: fixed; right: .375rem; z-index: 1090 } } @layer ps-modules { .blockreassurance .reassurance { align-items: center; display: flex; gap: 1rem } .blockreassurance .reassurance__image { flex-shrink: 0; height: 3rem; width: 3rem } .blockreassurance .reassurance__content { flex-grow: 1 } .blockreassurance .reassurance__title { transition: var(--bs-transition-default) } .blockreassurance .reassurance__desc { color: var(--bs-secondary-color) } .blockreassurance .reassurance--link { color: var(--bs-body-color) } .blockreassurance .reassurance--link:hover { color: var(--bs-link-hover-color) } .blockreassurance--cart, .blockreassurance--checkout, .blockreassurance--product { display: grid; gap: 1rem; grid-template-columns: 1fr; margin-block-end: 2rem; padding: 0; text-align: initial } .blockreassurance--cart, .blockreassurance--checkout { margin-block: 2rem } .blockreassurance--horizontal { align-items: center; display: flex; flex-wrap: wrap; gap: 1.5rem; justify-content: center; padding-block: .5rem } .blockreassurance--horizontal .reassurance { flex-basis: 100%; flex-grow: 1; flex-shrink: 1; line-height: 1.2 } .blockreassurance--horizontal .reassurance__image { height: 2.5rem; width: 2.5rem } .blockreassurance--horizontal .reassurance__desc { display: block; margin-block-start: .25rem } .blockreassurance--light { background-color: var(--bs-tertiary-bg) } .blockreassurance--dark { background-color: var(--bs-dark); padding-block: 1rem } .blockreassurance--dark .reassurance { color: var(--bs-body-color) } .blockreassurance--dark .reassurance__title { color: var(--bs-white) } .blockreassurance--dark .reassurance__desc { color: var(--bs-gray-300) } .blockreassurance--dark .reassurance--link:hover .reassurance__title { color: var(--bs-primary) } @media(min-width:576px) { .blockreassurance--horizontal .reassurance { flex-basis: calc(50% - 1.5rem) } } @media(min-width:768px) { .blockreassurance .reassurance__image { height: 4rem; width: 4rem } } @media(min-width:992px) { .blockreassurance--horizontal .reassurance { flex-basis: calc(25% - 1.5rem) } .blockreassurance--horizontal .reassurance__image { height: 3rem; width: 3rem } } .wishlist-button:empty { display: none } .wishlist-button-add { border-radius: var(--bs-border-radius-sm) !important; box-shadow: none !important; color: var(--bs-body-color) !important; height: inherit !important; margin: 0 !important; min-width: inherit !important; padding: .375rem !important; right: .5rem !important; top: .5rem !important; width: inherit !important } .wishlist-button-add, .wishlist-button-add:hover { background-color: var(--bs-body-bg) !important; border: 1px solid var(--bs-body-bg) !important } .wishlist-button-add:hover { color: var(--bs-link-hover-color) !important; opacity: 1 !important } .wishlist-button-add i { color: inherit !important } .ps-categoryproducts { margin-block-end: 2rem } @media(min-width:1200px) { .ps-categoryproducts { margin-block-end: 3rem } } #header .ps-contactinfo a { color: var(--bs-body-color) } #header .ps-contactinfo a:hover { color: var(--bs-link-hover-color) } #footer .ps-contactinfo__infos { margin-bottom: 1rem } #footer .ps-contactinfo__email, #footer .ps-contactinfo__fax, #footer .ps-contactinfo__infos, #footer .ps-contactinfo__phone { align-items: center; display: flex } #footer .ps-contactinfo__email i, #footer .ps-contactinfo__fax i, #footer .ps-contactinfo__infos i, #footer .ps-contactinfo__phone i { font-size: 1.125rem; margin-right: .5rem } .ps-contactinfo hr { margin: 0 } .ps-contactinfo__item { display: flex; gap: 1rem; padding-bottom: 1rem } .ps-contactinfo__item:not(:first-of-type) { padding-top: 1rem } .ps-contactinfo__info--email { word-break: break-all } .ps-crossselling { margin-block-end: 2rem } @media(min-width:1200px) { .ps-crossselling { margin-block-end: 3rem } } @media(max-width:991.98px) { .ps-customersignin .dropdown-toggle:after { display: none } } #_mobile_ps_customersignin { align-items: center } #custom-text { padding: 2.5rem 1rem 0 } .ps-emailalerts__content { background-color: var(--bs-tertiary-bg); border-radius: var(--bs-border-radius); display: grid; gap: .5rem; grid-template-columns: minmax(0, 1fr); margin-block-end: 1rem; padding: 1rem } .ps-emailalerts__product-list { display: grid; gap: 1rem; grid-template-columns: repeat(1, minmax(0, 1fr)) } .ps-emailalerts__product { align-items: flex-start; border: 1px solid var(--bs-border-color); border-radius: var(--bs-border-radius); display: flex; gap: 1rem; padding: .5rem; transition: var(--bs-transition-default) } .ps-emailalerts__product:hover { background-color: var(--bs-tertiary-bg) } .ps-emailalerts__product-image-link { flex-shrink: 0 } .ps-emailalerts__product-image { border-radius: var(--bs-border-radius-sm); height: 5rem; width: 5rem } .ps-emailalerts__product-content { align-items: flex-start; display: flex; flex-direction: column; flex-grow: 1; gap: .25rem } .ps-emailalerts__product-delete { background-color: transparent; border: none; font-size: .875rem; margin: 0; padding: 0; text-decoration: underline } .ps-emailalerts__product-attributes { color: var(--bs-secondary-color); font-size: .875rem } @media(min-width:768px) { .ps-emailalerts__product-list { grid-template-columns: repeat(2, minmax(0, 1fr)) } } .ps-facetedsearch { border-bottom: 0 } .search-filters { display: flex; flex-direction: column; gap: 1rem } .search-filters__clear { margin-block-end: 0; margin-inline-start: auto; order: 1 } .search-filters__form-check { align-items: center; display: flex; gap: .5rem; padding-inline-start: 0 } .search-filters__form-check .color, .search-filters__form-check .form-check-input { flex-shrink: 0; margin: 0 } .search-filters__form-check--color .form-check-label { align-items: center; cursor: pointer; display: flex; gap: .5rem } .search-filters__link { color: var(--bs-body-color) } .search-filters__link:hover { color: var(--bs-link-hover-color) } .search-filters__color-label { color: var(--bs-body-color) } .search-filters__color-label:hover { color: var(--bs-link-hover-color) } .search-filters__magnitude { color: var(--bs-tertiary-color) } .search-filters__dropdown-toggle { justify-content: flex-start; text-align: left; white-space: normal; width: 100% } .search-filters__dropdown-toggle:after { margin-inline-start: auto } .search-filters__dropdown-menu { width: 100% } .search-filters__slider-container { margin-block-end: 1rem } .search-filters__slider-values { color: var(--bs-tertiary-color); font-size: .875rem } @media(min-width:768px) { .search-filters { display: block } .search-filters__clear { margin-block-end: .5rem; margin-inline-start: 0; order: 0 } } .active-filters__title { font-weight: 600 } .active-filters__list { align-items: center; display: flex; flex-wrap: wrap; gap: .5rem } .ps-imageslider__figure { margin-block-end: 0 } .ps-imageslider__figure img { height: auto } .ps-imageslider__figcaption { -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); background-color: rgba(var(--bs-dark-rgb), .5); border-radius: var(--bs-border-radius); color: var(--bs-light) } .ps-imageslider__figcaption p { margin-block-end: 0 } @media(max-width:991.98px) { .ps-imageslider__figure { height: 320px } .ps-imageslider__figure img { height: 100%; -o-object-fit: cover; object-fit: cover } } @media(max-width:767.98px) { .ps-imageslider__figure { height: 240px } } .ps-mainmenu { order: -1 } .ps-mainmenu:is(.ps-mainmenu--desktop) { display: flex } .ps-mainmenu:is(.ps-mainmenu--desktop) .ps-mainmenu__mobile-toggle { align-items: center; display: flex } .ps-mainmenu:is(.ps-mainmenu--desktop) .ps-mainmenu__mobile-toggle .menu-toggle { background-color: transparent; color: var(--bs-body-color); padding-inline: .375rem } .ps-mainmenu:is(.ps-mainmenu--desktop) .ps-mainmenu__mobile-toggle .menu-toggle:hover { color: var(--bs-link-hover-color) } .ps-mainmenu:is(.ps-mainmenu--desktop) .ps-mainmenu__mobile-toggle .menu-toggle .material-icons, .ps-mainmenu:is(.ps-mainmenu--desktop) .ps-mainmenu__mobile-toggle .menu-toggle .submenu__left-item[data-ps-has-child=true]:after { font-size: 1.5rem } @media(min-width:1200px) { .ps-mainmenu:is(.ps-mainmenu--desktop) .ps-mainmenu__mobile-toggle { display: none } } .ps-mainmenu:is(.ps-mainmenu--desktop) .ps-mainmenu__tree { align-items: stretch; display: flex; flex-wrap: wrap; gap: .5rem; margin: 0 } .ps-mainmenu:is(.ps-mainmenu--desktop) .ps-mainmenu__tree>li { align-items: center; display: flex } .ps-mainmenu:is(.ps-mainmenu--desktop) .ps-mainmenu__tree>li.current .ps-mainmenu__tree-link { color: var(--bs-link-color) } .ps-mainmenu:is(.ps-mainmenu--desktop) .ps-mainmenu__tree>li .ps-mainmenu__tree-item-wrapper { align-items: center; display: flex } .ps-mainmenu:is(.ps-mainmenu--desktop) .ps-mainmenu__tree>li .ps-mainmenu__tree-link { color: var(--bs-secondary-color); padding: 1.25rem .5rem; text-decoration: none } .ps-mainmenu:is(.ps-mainmenu--desktop) .ps-mainmenu__tree>li .ps-mainmenu__tree-link:hover { color: var(--bs-link-hover-color); cursor: pointer } .ps-mainmenu:is(.ps-mainmenu--desktop) .ps-mainmenu__tree>li .ps-mainmenu__tree-link:active { color: var(--bs-link-hover-color) } .ps-mainmenu:is(.ps-mainmenu--desktop) .ps-mainmenu__tree>li .ps-mainmenu__tree-link:focus { border-radius: var(--bs-border-radius); color: var(--bs-link-hover-color); outline: .125rem solid var(--bs-link-color); outline-offset: .125rem } .ps-mainmenu:is(.ps-mainmenu--desktop) .ps-mainmenu__tree>li .ps-mainmenu__tree-dropdown-toggle { align-items: center; align-self: stretch; background: none; border: none; color: var(--bs-secondary-color); cursor: pointer; display: flex; justify-content: center; padding: 1.25rem .125rem } .ps-mainmenu:is(.ps-mainmenu--desktop) .ps-mainmenu__tree>li .ps-mainmenu__tree-dropdown-toggle:after { transition: var(--bs-transition-default) } .ps-mainmenu:is(.ps-mainmenu--desktop) .ps-mainmenu__tree>li .ps-mainmenu__tree-dropdown-toggle:hover { color: var(--bs-link-hover-color) } .ps-mainmenu:is(.ps-mainmenu--desktop) .ps-mainmenu__tree>li .ps-mainmenu__tree-dropdown-toggle:focus { border-radius: var(--bs-border-radius); color: var(--bs-link-hover-color); outline: .125rem solid var(--bs-link-color); outline-offset: .125rem } .ps-mainmenu:is(.ps-mainmenu--desktop) .ps-mainmenu__tree>li .ps-mainmenu__tree-dropdown-toggle[aria-expanded=true]:after { transform: rotate(-.5turn) } .ps-mainmenu:is(.ps-mainmenu--desktop) .ps-mainmenu__tree>li .submenu { background-color: var(--bs-body-bg); border-top: .0625rem solid var(--bs-border-color); display: none; left: 0; position: absolute; right: 0; top: 100%; z-index: 1060 } .ps-mainmenu:is(.ps-mainmenu--desktop) .submenu { box-shadow: var(--bs-box-shadow-md) } .ps-mainmenu:is(.ps-mainmenu--desktop) .submenu__row { align-items: stretch } .ps-mainmenu:is(.ps-mainmenu--desktop) .submenu__left { border-right: .0625rem solid var(--bs-border-color); display: flex; flex-direction: column; gap: .25rem; padding-block: 1.5rem } .ps-mainmenu:is(.ps-mainmenu--desktop) .submenu__left-item { align-items: center; background-color: transparent; border-radius: var(--bs-border-radius); color: var(--bs-body-color); display: flex; padding: .75rem 1rem; text-decoration: none } .ps-mainmenu:is(.ps-mainmenu--desktop) .submenu__left-item:hover { background-color: var(--bs-tertiary-bg); color: var(--bs-link-hover-color) } .ps-mainmenu:is(.ps-mainmenu--desktop) .submenu__left-item:focus { background-color: var(--bs-tertiary-bg); color: var(--bs-link-hover-color); outline: .125rem solid var(--bs-link-color); outline-offset: .125rem } .ps-mainmenu:is(.ps-mainmenu--desktop) .submenu__left-item.active { background-color: var(--bs-tertiary-bg); color: var(--bs-link-color) } .ps-mainmenu:is(.ps-mainmenu--desktop) .submenu__left-item.active:active, .ps-mainmenu:is(.ps-mainmenu--desktop) .submenu__left-item.active:focus { background-color: var(--bs-tertiary-bg); color: var(--bs-link-hover-color) } .ps-mainmenu:is(.ps-mainmenu--desktop) .submenu__left-item[data-ps-has-child=true]:after { content: "\e315"/" "; margin: 0 0 0 auto } .ps-mainmenu:is(.ps-mainmenu--desktop) .submenu__right { padding-block: 1.5rem } .ps-mainmenu:is(.ps-mainmenu--desktop) .submenu__right-items { -moz-column-gap: 1.25rem; column-gap: 1.25rem; display: none; grid-template-columns: repeat(3, 1fr); row-gap: 2rem } .ps-mainmenu:is(.ps-mainmenu--desktop) .submenu__right-items:first-child { display: grid } .ps-mainmenu:is(.ps-mainmenu--desktop) .submenu__right-items.active { display: grid } .ps-mainmenu:is(.ps-mainmenu--desktop) .submenu__right-items.not-active { display: none } .ps-mainmenu:is(.ps-mainmenu--desktop) .submenu__right-items .menu-item { color: var(--bs-body-color); display: block } .ps-mainmenu:is(.ps-mainmenu--desktop) .submenu__right-items .menu-item:hover { color: var(--bs-link-hover-color) } .ps-mainmenu:is(.ps-mainmenu--desktop) .submenu__right-items .menu-item__group--child .menu-item__group-main-item, .ps-mainmenu:is(.ps-mainmenu--desktop) .submenu__right-items .menu-item__group--nochild .menu-item__group-main-item { font-size: 1.25rem; font-weight: 600; margin-bottom: .5rem } .ps-mainmenu:is(.ps-mainmenu--desktop) .submenu__right-items .menu-item__group--child { display: flex; flex-direction: column } .ps-mainmenu:is(.ps-mainmenu--desktop) .submenu__right-items .menu-item__group--child .menu-item { align-items: center; display: flex; gap: .25rem } @media(min-width:1400px) { .ps-mainmenu:is(.ps-mainmenu--desktop) .submenu__right-items { grid-template-columns: repeat(4, 1fr) } } .ps-mainmenu:is(.ps-mainmenu--mobile) { overflow: hidden; padding: 0 } .ps-mainmenu:is(.ps-mainmenu--mobile) .contact-link { display: block; margin-bottom: 1rem } .ps-mainmenu:is(.ps-mainmenu--mobile) .offcanvas-header { justify-content: space-between; padding-inline: 0 .75rem } .ps-mainmenu:is(.ps-mainmenu--mobile) .btn-close { margin: 0; padding: .75rem } .ps-mainmenu:is(.ps-mainmenu--mobile) .menu { display: none; left: 100%; max-width: 25rem; padding: 0 1rem; position: relative; transition: var(--bs-transition-default); width: 100% } .ps-mainmenu:is(.ps-mainmenu--mobile) .menu a { color: var(--bs-secondary-color); display: block; padding-block: .5rem } .ps-mainmenu:is(.ps-mainmenu--mobile) .menu a:hover { color: var(--bs-link-hover-color) } .ps-mainmenu:is(.ps-mainmenu--mobile) .menu__title { color: var(--bs-body-color); font-size: 1.25rem; font-weight: 600; margin-bottom: .75rem; padding: 0 } .ps-mainmenu:is(.ps-mainmenu--mobile) .menu__list { margin: 0 } .ps-mainmenu:is(.ps-mainmenu--mobile) .menu__link:active { color: var(--bs-link-color) } .ps-mainmenu:is(.ps-mainmenu--mobile) .menu__toggle-child { padding: .25rem } .ps-mainmenu:is(.ps-mainmenu--mobile) .menu__toggle-child>span { display: block; line-height: 0 } .ps-mainmenu:is(.ps-mainmenu--mobile) .menu--current { display: block; left: 0 } .ps-mainmenu:is(.ps-mainmenu--mobile) .menu--fromLeft { animation: from-left .25s } .ps-mainmenu:is(.ps-mainmenu--mobile) .menu--fromRight { animation: from-right .25s } .ps-mainmenu:is(.ps-mainmenu--mobile) .menu--parent { display: none; left: -100%; opacity: 0 } .ps-mainmenu:is(.ps-mainmenu--mobile) .menu--childrens { align-items: center; display: flex; justify-content: space-between } .ps-mainmenu:is(.ps-mainmenu--mobile) .ps-mainmenu__mobile { height: 100% } .ps-mainmenu:is(.ps-mainmenu--mobile) .ps-mainmenu__back-button .btn { line-height: 1; padding: .25rem .5rem } .ps-mainmenu:is(.ps-mainmenu--mobile) .ps-mainmenu__tree { align-items: center; display: flex; margin-bottom: 0 } .ps-mainmenu:is(.ps-mainmenu--mobile) .ps-mainmenu__additionnals { flex-shrink: 0 } @media(min-width:1200px) { .ps-mainmenu { order: 1 } } @keyframes from-left { 0% { transform: translateX(-100%) } to { transform: translateX(0) } } @keyframes from-right { 0% { transform: translateX(100%) } to { transform: translateX(0) } } .product-comment-list-item .material-icons[data-icon]:before { content: attr(data-icon) } .product-comment-modal .modal-header .material-icons.check, .product-comment-modal .modal-header .ps-mainmenu:is(.ps-mainmenu--desktop) .check.submenu__left-item[data-ps-has-child=true]:after, .ps-mainmenu:is(.ps-mainmenu--desktop) .product-comment-modal .modal-header .check.submenu__left-item[data-ps-has-child=true]:after { color: var(--bs-success) } .comments-note { align-items: center; display: flex; gap: .25rem } .average-grade { color: var(--bs-secondary-color); padding-block-start: .125rem } .product-miniature .product-list-review { align-items: center; display: none; justify-content: start; padding: 0 } .product-miniature .product-list-review .product-list-comments-number { color: var(--bs-secondary-color); font-size: .75rem; line-height: 1; padding-block-start: .125rem } #criterions_list .criterion-rating, #criterions_list .criterion-rating label { display: block } #criterions_list .criterion-rating .star-content { cursor: pointer } .stars-selector { align-items: center; display: inline-flex; flex-wrap: wrap; gap: .125rem; padding: 0 } .stars-selector:has(.stars-selector__input:focus-visible) { border-radius: var(--bs-border-radius-sm); box-shadow: 0 0 0 .25rem rgba(11, 105, 246, .25) } .stars-selector:not(:has(.stars-selector__input:checked)) .stars-selector__input-label { background-position: 0 0 } .stars-selector .stars-selector__input:focus-visible+.stars-selector__input-label { border-radius: var(--bs-border-radius-sm); outline: .125rem solid var(--bs-primary) } .stars-selector .stars-selector__input:checked+.stars-selector__input-label~.stars-selector__input-label { background-position: 0 0 } .stars-selector .stars-selector__input-label { background: url(../img-dist/ebbe53f758171816c2d4.png) no-repeat 100% 0 transparent; cursor: pointer; display: block; height: 1.25rem; width: 1.25rem } .page-product .product-comments-additional-info { display: flex; flex: 0 0 0; margin: 0 } .page-product .product-comments-additional-info .link-comment:hover { text-decoration: none } .page-product .product-comments-additional-info .comments-note { margin: 0 } .page-product #product-comments-list-header { align-items: center; display: flex; flex-wrap: wrap; gap: 1rem; margin-block-end: 1rem; padding: 0 } .page-product #product-comments-list-header .section-title { margin-block-end: 0 } .page-product #product-comments-list-btn-group { margin-block-end: 1rem } .page-product #empty-product-comment { text-align: left } .page-product .product-comment-list-item { background-color: transparent; margin: 0; padding: 0 } .page-product #product-comments-list-footer { min-height: auto } .page-product #product-comments-list-pagination .pagination { flex-wrap: wrap } .page-product #post-product-comment-modal .h3, .page-product #post-product-comment-modal .left-block__title, .page-product #post-product-comment-modal .right-block__title { font-size: inherit } .page-product #post-product-comment-modal .product-cover, .page-product #post-product-comment-modal .product-cover img { height: auto; width: auto } .page-product #product-comments-list { margin-block-end: 1rem } .page-product #product-comments-list.has-comments:empty:before { content: ""; display: block; margin: 1rem auto } .page-product #product-comments-list .comment { background-color: transparent; border-bottom: 1px solid var(--bs-border-color); margin: 0; padding: 1rem 0 } .page-product #product-comments-list .comment__top { align-items: center; display: flex; font-size: .875rem; gap: 1rem; justify-content: space-between; margin-bottom: .25rem } .page-product #product-comments-list .comment__author { color: var(--bs-body-color) } .page-product #product-comments-list .comment__date { color: var(--bs-secondary-color) } .page-product #product-comments-list .comment__title { color: var(--bs-body-color); font-size: 1rem; font-weight: 600; margin: 0 } .page-product #product-comments-list .comment__text { font-size: 1rem; letter-spacing: normal; line-height: 1.5; margin: 0 0 1rem } .page-product #product-comments-list .comment__infos { align-items: center; display: flex; flex-wrap: wrap; gap: .5rem; height: auto; margin-bottom: 1rem; min-height: inherit } .page-product #product-comments-list .comment__infos .grade-stars { margin: 0 0 0 -.25rem } .page-product #product-comments-list .comment__infos .grade-stars .star-content { margin: 0; top: 0 } .page-product #product-comments-list .comment__buttons { align-items: center; display: flex; gap: 1rem } .page-product #product-comments-list .comment__buttons .material-icons, .page-product #product-comments-list .comment__buttons .ps-mainmenu:is(.ps-mainmenu--desktop) .submenu__left-item[data-ps-has-child=true]:after, .ps-mainmenu:is(.ps-mainmenu--desktop) .page-product #product-comments-list .comment__buttons .submenu__left-item[data-ps-has-child=true]:after { font-size: 1.25rem } .page-product #product-comments-list .comment__buttons a { align-items: center; color: var(--bs-secondary-color); display: inline-flex; gap: .25rem; transition: var(--bs-transition-default) } .page-product #product-comments-list .comment__buttons a:hover { color: var(--bs-link-hover-color); cursor: pointer } .star-content { display: flex; flex-direction: row; flex-wrap: nowrap; margin: 0; position: absolute } .star-content .star, .star-content .star-hover, .star-content .star-on { background: url(../img-dist/ebbe53f758171816c2d4.png) no-repeat 0 0 transparent; display: block; flex: auto; height: 1.25rem; margin-left: .125rem; width: 1.25rem } .star-content .star-hover, .star-content .star-on { background-position: -1.5rem 0 } .small-stars .star, .small-stars .star-hover, .small-stars .star-on { background: url(../img-dist/f04f6b103c75e5e5920a.png) no-repeat 0 0 transparent; height: 1rem; margin-left: .125rem; width: 1rem } .small-stars .star-hover, .small-stars .star-on { background-position: -19px 0 } .grade-stars { display: inline-block; height: 1.25rem; min-width: 7.5rem; position: relative } .grade-stars.small-stars { height: 1rem; min-width: 6.25rem } .product-comments-wrapper { margin-block-end: 2rem } @media(min-width:1200px) { .product-comments-wrapper { margin-block-end: 3rem } } .ps-searchbar { margin-block: .5rem; min-width: 19rem; overflow: visible } .ps-searchbar, .ps-searchbar__form { position: relative } .ps-searchbar__input { padding-block: .5rem; padding-inline: 2.5rem } .ps-searchbar__magnifier { left: .75rem } .ps-searchbar__clear, .ps-searchbar__magnifier { color: var(--bs-body-color); cursor: pointer; padding: 0; position: absolute; top: 50%; transform: translateY(-50%) } .ps-searchbar__clear { border-radius: var(--bs-border-radius); right: .75rem; transition: var(--bs-transition-default) } .ps-searchbar__clear:focus-visible, .ps-searchbar__clear:hover { background-color: var(--bs-tertiary-bg); color: var(--bs-link-hover-color) } .ps-searchbar__offcanvas { border-bottom: 0; bottom: inherit; height: auto } .ps-searchbar__offcanvas .offcanvas-header { background-color: var(--bs-body-bg); display: flex; gap: .25rem; padding: .5rem 1rem } .ps-searchbar__container { flex-grow: 1 } .ps-searchbar__dropdown { background-color: var(--bs-body-bg); border: 1px solid var(--bs-border-color); border-radius: var(--bs-border-radius); box-shadow: 0 10px 20px 0 rgba(var(--bs-black-rgb), .1); max-width: 30rem; overflow: hidden; position: absolute; right: 0; top: calc(100% + .5rem); width: 100vw; z-index: 1070 } .ps-searchbar__results { display: grid; gap: 1rem; grid-template-columns: 1fr; margin: 0; max-height: 21rem; overflow-y: scroll; padding: 1rem } .ps-searchbar--mobile { align-items: center; display: flex } .ps-searchbar--mobile .ps-searchbar { margin-block: 0 } @media(max-width:767.98px) { .ps-searchbar { min-width: inherit; overflow: inherit; position: inherit } .ps-searchbar__dropdown { border-top-left-radius: 0; border-top-right-radius: 0; left: 0; max-width: inherit; right: 0; top: 100% } } .ps-searchbar__result-name { color: var(--bs-body-color); margin: 0; padding: .5rem 1rem; transition: var(--bs-transition-default) } .ps-searchbar__result-link { align-items: center; border-radius: var(--bs-border-radius); display: flex; outline: 2px solid transparent; transition: var(--bs-transition-default) } .ps-searchbar__result-link:hover { background-color: var(--bs-tertiary-bg) } .ps-searchbar__result-link:hover .ps-searchbar__result-name { color: var(--bs-body-color) } .ps-searchbar__result-link:focus { background-color: var(--bs-tertiary-bg) } .ps-searchbar__result-link:focus .ps-searchbar__result-name { color: var(--bs-body-color) } .ps-searchbar__result-link:focus-visible { outline: 2px solid var(--bs-primary) } .ps-searchbar__result-link:active { background-color: var(--bs-tertiary-bg) } .ps-searchbar__result-link:active .ps-searchbar__result-name { color: var(--bs-link-hover-color) } .ps-searchbar__result-image { border-radius: var(--bs-border-radius); flex-shrink: 0; width: 4rem } .ps-sharebuttons { align-items: center; display: flex; gap: .5rem } .ps-sharebuttons__list { align-items: center; display: flex; gap: .125rem; margin: 0 } .ps-sharebuttons__link { color: var(--bs-body-color); display: flex; flex-wrap: wrap; height: 1.875rem; place-content: center; width: 1.875rem } .ps-sharebuttons__link:hover { color: var(--bs-link-hover-color) } @media(min-width:576px) { .ps-sharebuttons { gap: .75rem } .ps-sharebuttons__list { gap: .25rem } .ps-sharebuttons__link { height: 2rem; width: 2rem } } .blockcart-modal__name { font-weight: 600 } .blockcart-modal__title { align-items: center; color: var(--bs-success); display: inline-flex; font-size: 1rem; gap: .5rem } .blockcart-modal__title-icon { color: var(--bs-success); font-size: 1.5rem; line-height: 1 } .blockcart-modal__name, .blockcart-modal__nb-products, .blockcart-modal__price, .blockcart-modal__property, .blockcart-modal__total { margin-bottom: .25rem } .blockcart-modal__name, .blockcart-modal__price { font-weight: 600 } .blockcart-modal__total { display: flex; justify-content: space-between } .blockcart-modal__total--bold { font-weight: 600 } .blockcart-modal__image { border-radius: var(--bs-border-radius); margin-block-end: 2rem } .blockcart-modal__cart-footer-extra { width: 100% } @media(min-width:360px) { .blockcart-modal__image { margin-block-end: 0 } } @media(min-width:576px) { .blockcart-modal__title { color: var(--bs-body-color); font-size: 1.5rem; gap: 1rem } .blockcart-modal__title-icon { font-size: 2rem } } @media(min-width:992px) { .blockcart-modal__price { font-weight: 400 } } #_mobile_ps_shoppingcart { align-items: center; display: flex } .ps-viewedproduct { margin-block-end: 2rem } @media(min-width:1200px) { .ps-viewedproduct { margin-block-end: 3rem } } } @layer ps-base { .header { background-color: var(--bs-body-bg); max-width: 100vw; position: sticky; top: 0; width: 100%; z-index: 1021 } .header-top { padding: .25rem 0 } .header-top__left, .header-top__right { align-items: center; display: flex; flex-wrap: wrap; gap: .25rem } .header-top__right { justify-content: flex-end } .header-top a:not(.dropdown-item) { color: var(--header-top-color) } .header-top a:not(.dropdown-item):hover { color: var(--header-top-color-hover) } .header-top .form-select { border: none; cursor: pointer } @media(min-width:768px) { .header-top { border-bottom: 1px solid var(--bs-border-color) } } .header-bottom { border-bottom: 1px solid var(--bs-border-color); padding: .25rem 0 } .header-bottom__h1 { font-size: unset } .header-bottom .navbar-brand { max-height: max(50px, 10vh); max-width: 250px; padding: 0 } .header-bottom .navbar-brand .logo { max-height: 3rem; max-width: 8rem; width: auto } @media(min-width:768px) { .header-bottom .navbar-brand .logo { max-width: 9rem } } .header-bottom .nav-link.active, .header-bottom .nav-link:active, .header-bottom .nav-link:active:hover { color: var(--bs-white) } @media(min-width:768px) { .layout-left-column .columns-container, .layout-left-column .columns-container>.row, .layout-right-column .columns-container, .layout-right-column .columns-container>.row { --bs-gutter-x: 2.5rem } } .footer__main { background: var(--bs-dark); color: var(--bs-gray-300); padding-block: 1.5rem } @media(min-width:768px) { .footer__main { padding-block: 2.5rem 1.25rem } } .footer-block, .footer-block__title { margin-block-end: .75rem } .footer-block__title { font-size: 1rem; font-weight: 600; position: relative } .footer-block__title, .footer-block__title a { color: var(--bs-white) } .footer-block__title--toggle { align-items: center; display: flex; justify-content: space-between } .footer-block__title--toggle .stretched-link { background-color: inherit; border: none; color: inherit; padding: 0 } .footer-block__title--toggle .stretched-link:not(.collapsed) i { transform: rotate(.5turn) } .footer-block__title--toggle i { transition: var(--bs-transition-default) } .footer-block__list { margin-block-end: 0 } .footer-block__list a { display: block; line-height: 1.5; padding-block: .25rem } .footer-block a { color: var(--bs-gray-300) } .footer-block a:hover { color: var(--bs-white) } @media(min-width:768px) { .footer-block { margin-block-end: 2.5rem } .footer-block__title { margin-block-end: 1.5rem } .footer-block__content.collapse { display: block } } } @layer ps-pages { .page-addresses .addresses__list { display: grid; gap: 1rem; grid-template-columns: minmax(0, 1fr) } @media(min-width:576px) { .page-addresses .addresses__list { grid-template-columns: repeat(2, minmax(0, 1fr)) } } @media(min-width:1200px) { .page-addresses .addresses__list { grid-template-columns: repeat(3, minmax(0, 1fr)) } } .cart-grid__content { margin-block-end: 3rem } .cart-grid__aside { margin-block-end: 1rem } @media(min-width:768px) { .cart-grid__content { margin-block-end: 4rem } .cart-grid__aside { margin-block-end: 2rem } } @media(min-width:992px) { .cart-grid__aside-wrapper { position: sticky; top: var(--scroll-padding-top); z-index: 1020 } } .page-category .category__description { margin-bottom: 1rem } .page-category .category__cover { margin-bottom: 1.5rem } .page-category .category__cover-image { border-radius: var(--bs-border-radius) } .page-category .category__additional-description { margin-bottom: 1.5rem } .checkout-grid__content { margin-block-end: 2rem } .checkout-grid__aside { margin-block-end: 1rem } @media(min-width:768px) { .checkout-grid__content { margin-block-end: 3rem } .checkout-grid__aside { margin-block-end: 2rem } } @media(min-width:992px) { .checkout-grid__aside-wrapper { position: sticky; top: var(--scroll-padding-top); z-index: 1020 } } .checkout__summary-accordion-item { border-block-end: 0 } .checkout__summary-accordion-header { display: flex } @media(min-width:992px) { .checkout__summary-accordion-header { display: none } .checkout__summary-accordion-wrapper>.accordion-collapse { display: block } } #checkout-personal-information-step em { color: var(--bs-secondary-color); display: inline-block; font-size: .875rem; font-style: normal; line-height: 1.4 } #checkout-personal-information-step #personal-information-tabs-content { margin-block-start: 1.5rem } .address__list { display: grid; gap: 1rem; margin-block-end: 1rem } @media(min-width:576px) { .address__list { grid-template-columns: repeat(2, minmax(0, 1fr)) } } .delivery-options__list { margin-block-end: 1.5rem } .delivery-options__list>.delivery-option__item:first-child { border-start-end-radius: .5rem; border-start-start-radius: .5rem } .delivery-options__list>.delivery-option__item:last-child { border-block-end: 0; border-end-end-radius: .5rem; border-end-start-radius: .5rem } .payment-options__list { display: grid; gap: .5rem } .login .forgot-password, .login-create { text-align: center } .login hr { margin: 1rem auto } .login .forgot-password { margin-bottom: 1.25rem } .page-guest-tracking .order-status__badge--bright, .page-order-detail .order-status__badge--bright { color: var(--bs-white) } .page-guest-tracking .order-status__badge--dark, .page-order-detail .order-status__badge--dark { color: var(--bs-dark) } .page-guest-tracking .order-addresses__list, .page-order-detail .order-addresses__list { display: grid; gap: 1rem } @media(min-width:768px) { .page-guest-tracking .order-addresses__list, .page-order-detail .order-addresses__list { grid-template-columns: repeat(2, minmax(0, 1fr)) } } .page-guest-tracking .order-product__img, .page-order-detail .order-product__img { border-radius: var(--bs-border-radius); height: auto; -o-object-fit: cover; object-fit: cover; width: 4rem } .page-guest-tracking .order-product__name, .page-order-detail .order-product__name { font-weight: 600 } .page-guest-tracking .order-product__infos, .page-order-detail .order-product__infos { display: flex; flex-direction: column; gap: .25rem .5rem } .page-guest-tracking .order-product__image, .page-order-detail .order-product__image { flex-shrink: 0 } .page-guest-tracking .order-product__content, .page-order-detail .order-product__content { display: flex; flex-direction: column; gap: .25rem } @media(min-width:768px) { .page-guest-tracking .order-product__infos, .page-order-detail .order-product__infos { flex-direction: row; gap: .5rem 1rem } } .page-guest-tracking .order-separator, .page-order-detail .order-separator { margin-block: 1.25rem } @media(min-width:768px) { .page-guest-tracking .order-separator, .page-order-detail .order-separator { margin-block: 2rem } } .page-guest-tracking .order-message, .page-order-detail .order-message { border: 1px solid var(--bs-border-color); border-radius: .5rem; display: grid; gap: 1rem; grid-template-columns: 1fr; padding: 1rem } .page-guest-tracking .order-message:nth-child(2n), .page-order-detail .order-message:nth-child(2n) { background-color: var(--bs-tertiary-bg) } .page-guest-tracking .order-message__list, .page-order-detail .order-message__list { display: flex; flex-direction: column; gap: 1rem } .page-guest-tracking .order-message__name, .page-order-detail .order-message__name { font-weight: 600; margin-block-end: 0 } .page-guest-tracking .order-message__date, .page-order-detail .order-message__date { color: var(--bs-secondary-color); font-size: .875rem; margin-block-end: 0 } @media(min-width:768px) { .page-guest-tracking .order-message, .page-order-detail .order-message { grid-template-columns: 12rem 1fr } } .order-returns { padding: .5rem } .order-returns .order-return__label { font-weight: 600 } .order-returns .order-return__label, .order-returns .order-return__value { margin-bottom: 0 } .order-returns .order-return>div { align-items: center; display: flex; justify-content: space-between; padding: 1rem 0 } .order-returns .order-return>div:not(:last-child) { border-bottom: 1px solid #e9ecef } #pagenotfound .wrapper { padding-top: 3rem } .page:not(body) { padding-bottom: 2rem } .page-header { margin-bottom: 2rem } .page-content--home { display: grid; gap: 2.5rem; grid-template-columns: minmax(0, 1fr) } .page-category .wrapper__left-column { padding-inline-end: 2rem } .page-product .product__thumbnails { margin-block-start: 1rem } .page-product .product__thumbnails-list { display: grid; gap: 1rem; grid-template-columns: repeat(4, minmax(0, 1fr)); margin: 0 } .page-product .product__thumbnail { background-color: transparent; border: none; border-radius: var(--bs-border-radius); padding: 0 } .page-product .product__thumbnail.active .product__thumbnail-image { outline: .125rem solid var(--bs-primary); outline-offset: -.125rem } .page-product .product__thumbnail-image { border-radius: var(--bs-border-radius); outline: .125rem solid transparent; outline-offset: -.125rem } .page-product .product__images { margin-block-end: 2rem } .page-product .product__carousel { border-radius: var(--bs-border-radius); overflow: hidden } .page-product .product__zoom { bottom: .5rem; box-shadow: var(--bs-box-shadow-sm); position: absolute; right: .5rem; z-index: 10 } .page-product .product__no-image { position: relative } .page-product .product__description-short { margin-block-end: 1rem } .page-product .product__tax-infos { color: var(--bs-tertiary-color); font-size: .875rem; line-height: 1.2 } .page-product .product__prices { font-size: 1.25rem; line-height: 1 } .page-product .product__prices-inline { align-items: center; display: flex; flex-wrap: wrap; gap: .75rem } .page-product .product__prices-inline--small-gap { gap: .5rem } .page-product .product__prices-block { display: flex; flex-direction: column; gap: .75rem } .page-product .product__price { font-size: 1.5rem; font-weight: 600 } .page-product .product__unit-price { color: var(--bs-secondary-color); font-size: .875rem } .page-product .product__discount-price { color: var(--bs-secondary-color); font-size: 1rem } .page-product .product__discount-amount, .page-product .product__discount-percentage { font-size: .875rem } .page-product .product__regular-price { text-decoration: line-through } .page-product .product__pack-price { font-size: 1rem } .page-product .product__variants { display: flex; flex-direction: column; gap: 1rem } .page-product .product__availability { display: flex; flex-direction: column; gap: .25rem } .page-product .product__availability-status { align-items: center; display: flex; gap: .5rem; line-height: 1.2 } .page-product .product__delivery-infos { color: var(--bs-tertiary-color); font-size: .875rem; line-height: 1.2 } .page-product .product__actions-qty-add { align-items: center; display: flex; flex-wrap: wrap; gap: 1rem } .page-product .product__quantity { display: flex; width: 100% } .page-product .product__add-to-cart { flex-grow: 1 } .page-product .product__add-to-cart-button { width: 100% } .page-product .product__minimal-quantity { align-items: center; color: var(--bs-tertiary-color); display: flex; font-size: .875rem; gap: .5rem; margin-block-start: .5rem } .page-product .product__additional-info { display: flex; flex-direction: column; gap: 1.25rem } .page-product .product__bottom-left, .page-product .product__bottom-right { margin-block-end: 2rem } .page-product .product__attachments { display: flex; flex-direction: column; gap: 1rem; margin-block-end: 1rem } .page-product .product__actions, .page-product .product__add-to-cart-container, .page-product .product__availability, .page-product .product__customization, .page-product .product__description-short, .page-product .product__discounts, .page-product .product__manufacturer, .page-product .product__minimal-quantity, .page-product .product__name, .page-product .product__pack, .page-product .product__prices, .page-product .product__variants { margin-block-end: 1.25rem } .page-product .product__accessories { margin-block-end: 2rem } @media(min-width:576px) { .page-product .product__quantity { width: auto } } @media(min-width:768px) { .page-product .product__thumbnails { margin-block-end: 0; margin-block-start: 1.5rem } .page-product .product__thumbnails-list { gap: 1.5rem; grid-template-columns: repeat(5, minmax(0, 1fr)) } } @media(min-width:992px) { .page-product .product__images { margin-block-end: 0 } .page-product .product__container { display: grid; gap: 1.5rem; grid-template-columns: 48% minmax(0, 1fr) } .page-product .product__bottom { display: grid; gap: 2rem; grid-template-columns: 55% minmax(0, 1fr); margin-block-start: 1.5rem } } @media(min-width:1200px) { .page-product .product__container { gap: 2rem; grid-template-columns: 55% minmax(0, 1fr) } .page-product .product__thumbnails-list { grid-template-columns: repeat(6, minmax(0, 1fr)) } .page-product .product__additional-info { gap: 2rem } .page-product .product__bottom-left, .page-product .product__bottom-right { margin-block-end: 3rem } .page-product .product__actions, .page-product .product__add-to-cart-container, .page-product .product__availability, .page-product .product__customization, .page-product .product__description-short, .page-product .product__discounts, .page-product .product__manufacturer, .page-product .product__minimal-quantity, .page-product .product__name, .page-product .product__pack, .page-product .product__prices, .page-product .product__variants { margin-block-end: 2rem } .page-product .product__accessories { margin-block-end: 3rem } } .page-product--quickview .product__thumbnails { margin-block-end: 2rem; margin-block-start: .875rem } .page-product--quickview .product__thumbnails-list { display: grid; gap: .875rem; grid-template-columns: repeat(4, minmax(0, 1fr)) } .page-product--quickview .product__zoom { display: none } .page-product--quickview .product__actions, .page-product--quickview .product__actions-qty-add, .page-product--quickview .product__availability, .page-product--quickview .product__customization, .page-product--quickview .product__description-short, .page-product--quickview .product__manufacturer, .page-product--quickview .product__minimal-quantity, .page-product--quickview .product__name, .page-product--quickview .product__prices, .page-product--quickview .product__variants { margin-block-end: 1.5rem } @media(min-width:576px) { .page-product--quickview .product__thumbnails { margin-block-start: .875rem } .page-product--quickview .product__thumbnails-list { gap: .875rem; grid-template-columns: repeat(6, minmax(0, 1fr)) } } @media(min-width:768px) { .page-product--quickview { display: grid; gap: 2rem; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) } .page-product--quickview .product__thumbnails { margin-block-end: 0 } .page-product--quickview .product__thumbnails-list { grid-template-columns: repeat(5, minmax(0, 1fr)) } } @media(min-width:1200px) { .page-product--quickview .product__thumbnails { margin-block-start: 1.5rem } .page-product--quickview .product__thumbnails-list { gap: 1.5rem } } } @keyframes link-arrow { 0% { transform: translateX(0); } 50% { transform: translateX(-0.5rem); } 100% { transform: translateX(0); } } @keyframes link-arrow-reverse { 0% { transform: translateX(0); } 50% { transform: translateX(0.5rem); } 100% { transform: translateX(0); } } @keyframes download-animation { 0% { transform: translateY(0); } 33% { transform: translateY(-0.5rem); } 66% { transform: translateY(0.2rem); } 100% { transform: translateY(0); } } /**********************************************/ /**********************************************/ /**********************************************/ /**********************************************/ /**********************************************/ /**********************************************/ /****************Alpinamed CSS/****************/ html { font-size: 20px; font-family: "Open Sans", sans-serif !important; font-weight: 400; font-style: normal; } @media (max-width: 1600px) { html { font-size: 16px; } } body { overflow-x: hidden; background-color: #fff; } h1 { color: #29363c o ; font-size: 2.8rem ; font-family: "Ador Regular", sans-serif ; font-style: normal; } h2 { color: #29363c; font-size: 2.4rem; font-family: "Ador Light", sans-serif; font-style: normal; } @media (max-width: 439px) { h2 { font-size: 2rem; } } h3 { font-size: 1.9rem ; font-family: "Open Sans", sans-serif ; } h4 { font-size: 1.5rem ; font-family: "Open Sans", sans-serif ; font-weight: 400 ; } h5 { font-size: 1.2rem; font-family: "Open Sans", sans-serif ; font-weight: 400; } h6 { font-size: 1rem ; font-family: "Open Sans", sans-serif ; font-weight: 500; } a { text-decoration: none !important ; color: #29363c ; } a:hover { text-decoration: none !important; color: currentColor ; } main { overflow: hidden; } section.decorated { z-index: -1; } .color-blue { background-color: #29363c; color: white; } .color-blue p { color: white; } .color-light-grey { background-color: #f8f8f8; } .color-dark-grey { background-color: #4a4949; } .color-dark-grey h2 { color: #b30931; } .color-orange { background-color: #b30931; color: white; } .color-orange p { color: white; } .color-primary { color: #29363c; } .color-secondary { color: #b30931; } .background-img { background-color: #f7f9fb; } .color-bg-nav { color: #b6b4b4; } @media (min-width: 960px) { .uk-container { padding-left: 100px; padding-right: 100px; } } @media (max-width: 639px) { .uk-container { padding-left: 45px; padding-right: 45px; } } @media (max-width: 428px) { .uk-container { padding-left: 30px; padding-right: 30px; } } .cta-container.cta-animated { right: -100px; } .cta-container.cta-animated ul li a { opacity: 0; } .cta-container { z-index: 99999; top: 35%; right: 25px; transition: 0.5s; } @media (max-width: 639px) { .cta-container { top: 80%; right: 8px; } } @media (max-width: 417px) { .cta-container { top: unset; bottom: 0px; } } .cta-container ul li a { transition: 0.5s; opacity: 1; } .cta-container ul li a > div { transition: 0.3s; padding: 18px; border-radius: 100%; border: 2px solid #b30931; background-color: #fff; color: #b30931; } @media (max-width: 1400px) { .cta-container ul li a > div { padding: 14px; } } @media (max-width: 439px) { .cta-container ul li a > div { padding: 10px; } } .cta-container ul li a > div svg { width: 55px; height: 55px; } @media (max-width: 639px) { .cta-container ul li a > div svg { height: 40px; width: 40px; } } @media (max-width: 439px) { .cta-container ul li a > div svg { height: 30px; width: 30px; } } .cta-container ul li a > div svg::hover { color: #fff; } .cta-container ul li a > div:hover { background-color: #b30931; color: #fff; border-color: #fff; } .cta-container ul li a:hover:before { display: none; } .cta-container ul li .uk-active div { background-color: #b30931; color: #fff; border-color: #fff; } .navigation { background-color: #fff; z-index: 99999; } .navigation .uk-search .uk-search-input { background-color: #f8f8f8; border: 0px; } .navigation .uk-search .uk-search-input:focus { background-color: #f8f8f8; } .navigation .uk-search .uk-search-icon { color: #b30931; } .navigation a.uk-navbar-toggle { color: #b30931; } .navigation .search-mobile { width: 400px; } @media (max-width: 769px) { .navigation .search-mobile { width: 240px; } } .navigation .nav-container { position: relative; width: 100%; height: fit-content; } @media (max-width: 1119px) { .navigation { padding-left: 0px; padding-right: 0px; } } .navigation .nav-wrapper { justify-content: flex-end; } @media (max-width: 959px) { .navigation .nav-wrapper { justify-content: center; } } .navigation .nav-desktop { transition: 0.1s; padding-left: 0px; padding-right: 0px; width: 100%; } @media (min-width: 960px) { .navigation .nav-desktop { padding-left: 100px; padding-right: 100px; } } @media (max-width: 1400px) { .navigation .nav-desktop .uk-nav .uk-search-default { width: 130px; } } @media (max-width: 1119px) { .navigation .nav-desktop .uk-nav .uk-search-default { width: 80px; } } .navigation .nav-desktop .uk-nav > li { position: relative; display: flex; margin-right: 20px; } .navigation .nav-desktop .uk-nav > li:last-child { margin-right: 0px; } .navigation .nav-desktop .uk-nav > li:last-child .navigation-anchors p { display: none; } @media (max-width: 1119px) { .navigation .nav-desktop .uk-nav > li { margin-right: 8px; } } .navigation .nav-desktop .uk-nav > li .navigation-anchors { width: fit-content; } .navigation .nav-desktop .uk-nav > li .navigation-anchors > a { transition: 0.3s; position: relative; margin-right: 0.5rem; } .navigation .nav-desktop .uk-nav > li .navigation-anchors > a:before { position: absolute; top: -10px; left: 0; content: ''; display: block; background-color: #b30931; height: 2px; width: 0px; transition: 0.3s; } .navigation .nav-desktop .uk-nav > li .navigation-anchors > a:hover { color: #b30931; } .navigation .nav-desktop .uk-nav > li .navigation-anchors > a:hover:before { width: 100%; } .navigation .nav-desktop .uk-nav > li .navigation-anchors > a:hover svg.uk-svg path { fill: #29363c; } .navigation .nav-desktop .uk-nav > li.uk-active > a { color: #29363c; } .navigation .nav-desktop .uk-nav > li.uk-active > a:before { width: 100%; } .navigation .nav-desktop .uk-nav > li.uk-active > .navigation-anchors > a { color: #b30931; } .navigation .nav-desktop .uk-nav > li.uk-active > .navigation-anchors > a:before { width: 100%; } .navigation .nav-desktop .uk-nav > li a { padding: 0 0.38rem; color: #29363c; font-size: 1.05rem; text-transform: uppercase; } .navigation .nav-desktop .uk-nav > li .arrow-icon { color: white; position: absolute; bottom: -1.6rem; left: 48.5%; } .navigation .nav-desktop .product-nav { width: max-content; } @media (max-width: 1400px) { .navigation .nav-desktop .product-nav { left: -200% !important; } } .navigation .nav-desktop .product-nav ul { width: fit-content; } .navigation .nav-desktop .product-nav ul .parent-category-container { width: auto; margin-right: 20px; } .navigation .nav-desktop .product-nav ul .parent-category-container:first-child { margin-right: 80px; } .navigation .nav-desktop .product-nav ul .parent-category-container li { padding: 4px 0px 4px 0px; } .navigation .nav-desktop .product-nav ul .parent-category-container li a { padding: 0px; } .navigation .nav-desktop .product-nav ul .parent-category-container:after { width: 270px; height: 1.5px; content: ''; background-color: #b30931; margin-bottom: 20px; margin-top: 15px; } .navigation .nav-desktop .product-nav ul .parent-category-container:nth-child(2n + 1):after { display: block; } .navigation .nav-desktop .product-nav ul li { display: block; padding: 0.5rem 0rem; transition: 0.3s; } .navigation .nav-desktop .product-nav ul li a { padding: 0.35rem 0rem; } .navigation .nav-desktop .product-nav ul li.uk-active a, .navigation .nav-desktop .product-nav ul li:hover a { color: #b30931; } .navigation .nav-desktop .product-nav ul li.uk-active a:before, .navigation .nav-desktop .product-nav ul li:hover a:before { display: none; } .navigation .nav-desktop .sub-nav { position: absolute; left: 0; top: 100%; } .navigation .nav-desktop .sub-nav ul { background: rgba(255, 255, 255, 0.98); } .navigation .nav-desktop .sub-nav ul h5 { font-size: 1.1rem; font-weight: 700; margin-bottom: 8px; } .navigation .nav-desktop .sub-nav ul > div { max-height: inherit; padding: 30px 45px; } .navigation .nav-desktop .sub-nav ul li { display: block; transition: 0.3s; } .navigation .nav-desktop .sub-nav ul li a { position: relative; transition: inherit; color: #29363c; padding: 5px 25px 5px 25px; width: 100%; height: 100%; display: block; box-sizing: border-box; text-transform: none; font-size: 1rem; font-weight: 400; white-space: pre; } .navigation .nav-desktop .sub-nav ul li.uk-active a, .navigation .nav-desktop .sub-nav ul li:hover a { color: #b30931; } .navigation .nav-desktop .sub-nav ul li.uk-active a:before, .navigation .nav-desktop .sub-nav ul li:hover a:before { display: none; } .navigation .nav-desktop .sub-nav:not(.product-nav) > ul { padding-top: 8px; padding-bottom: 8px; } .navigation .nav-mobile { padding-left: 30px; padding-right: 30px; } @media (max-width: 417px) { .navigation .nav-mobile { padding-left: 10px; padding-right: 10px; } .navigation .nav-mobile .uk-navbar-right { padding-left: 0px; } } .navigation .nav-mobile .uk-logo-mobile { width: 165px; } .navigation .uk-logo { margin-bottom: -50px; width: 165px; } .navigation .uk-logo img { transition: 0.1s; width: 165px; height: auto; object-fit: cover; } @media (max-width: 1119px) { .navigation .uk-logo img { width: 128px; } } .navigation .uk-navbar-container .uk-logo-mobile { margin-bottom: 0px; } .navigation .uk-navbar-left, .navigation .uk-navbar-right { align-items: center; } .navigation .uk-offcanvas-bar { background-color: #fff; padding-right: 30px; padding-left: 30px; display: flex; flex-direction: column; justify-content: space-between; min-height: 100vh; position: relative; overflow: visible; padding-bottom: 40px; max-width: 100% !important; width: 100%; } .navigation .uk-offcanvas-bar::after { content: ""; position: absolute; bottom: 0; left: 0; width: 100vw; height: 35px; background-color: #b30931; z-index: 1; } .navigation .uk-offcanvas-bar a, .navigation .uk-offcanvas-bar .uk-icon { color: #29363c; } .navigation .uk-offcanvas-bar a:hover:before, .navigation .uk-offcanvas-bar .uk-icon:hover:before { display: none; } .navigation .uk-offcanvas-bar .uk-logo img { width: 165px; } .offcanvas-address { margin-top: 3rem; } .offcanvas-address b { color: #b30931; font-family: "Open Sans"; font-size: 18px; font-style: normal; font-weight: 400; line-height: 28px; /* 155.556% */ } .offcanvas-address p { color: #b30931; font-family: "Open Sans"; font-size: 18px; font-style: normal; font-weight: 300; line-height: 28px; /* 155.556% */ margin: 0; } /* .offcanvas-redbar { width: 100%; height: 35px; background-color: #B30931; // Alpinamed-Rot flex-shrink: 0; // verhindert, dass sie mit dem Inhalt skaliert } */ .offcanvas-social-icon { border-radius: 50%; background-color: #b30931; color: #fff; padding: 0.5rem; margin-right: 1rem; } .offcanvas-social-icon svg { color: #fff; } .uk-button-ghost svg rect { fill: #b30931; } .uk-sticky-fixed.uk-active .uk-logo img, a.uk-logo.is-scrolled img { width: 135px; } @media (max-width: 1119px) { .uk-sticky-fixed.uk-active .uk-logo img, a.uk-logo.is-scrolled img { width: 120px; } } #offcanvas-nav { overflow: auto; } @media (max-width: 1199px) { #offcanvas-nav { overflow-y: scroll; height: 100vh; max-height: 100vh; -webkit-overflow-scrolling: touch; touch-action: auto; } } /* bar width */ .uk-offcanvas-bar { left: -100vw; width: 100vw; max-width: 100vw; } @media (max-width: 959px) { .uk-offcanvas-bar { left: -100vw; width: 100vw; } } .uk-offcanvas-flip .uk-offcanvas-bar { left: auto; right: -100vw; } @media (max-width: 959px) { .uk-offcanvas-flip .uk-offcanvas-bar { right: -100vw; } } /* Open */ .uk-open > .uk-offcanvas-bar { left: 0; } .uk-offcanvas-flip .uk-open > .uk-offcanvas-bar { left: auto; right: 0; } /* reveal */ .uk-offcanvas-reveal .uk-offcanvas-bar { left: 0; } .uk-offcanvas-flip .uk-offcanvas-reveal .uk-offcanvas-bar { left: auto; right: 0; } .uk-open > .uk-offcanvas-reveal { width: 100vw; } @media (max-width: 959px) { .uk-open > .uk-offcanvas-reveal { width: 100vw; } } .uk-offcanvas-flip .uk-offcanvas-reveal { right: 0; left: auto; } .uk-offcanvas-close { top: 2rem !important; right: 2rem !important; } /* * Activate slide-out animation */ :not(.uk-offcanvas-flip).uk-offcanvas-container-animation { left: 100vw; } .uk-offcanvas-flip.uk-offcanvas-container-animation { left: -100vw; } @media (max-width: 959px) { :not(.uk-offcanvas-flip).uk-offcanvas-container-animation { left: 100vw; } .uk-offcanvas-flip.uk-offcanvas-container-animation { left: -100vw; } } .uk-offcanvas-bar .uk-nav { padding-right: 100px; margin-top: 20px; } .uk-offcanvas-bar .uk-nav > li { font-size: 1.3rem; } .uk-offcanvas-bar ul .uk-logo { align-self: center; margin-bottom: 80px; } .uk-offcanvas-bar ul .uk-logo img { height: auto; width: auto; } .uk-offcanvas-bar ul li { position: relative; width: 250px; } .uk-offcanvas-bar ul li a { transition: 0.35s; padding: 20px 0px; text-transform: uppercase; } .uk-offcanvas-bar ul li a:hover { color: #b30931; } .uk-offcanvas-bar ul li a:after { display: block; content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 1px; background-color: #29363c; } .uk-offcanvas-bar ul li.uk-active > a { color: #29363c; } .uk-offcanvas-bar ul li.uk-active > a:before { width: 100%; } .uk-offcanvas-bar ul li.uk-active > .navigation-anchors > a { color: #b30931; } .uk-offcanvas-bar ul li.uk-active > .navigation-anchors > a:before { width: 100%; } .uk-offcanvas-bar ul .parent-category-container { margin-bottom: 20px; } .uk-offcanvas-bar ul .parent-category-container h5 { color: #29363c; font-size: 1.3rem; font-weight: 700; margin-bottom: 10px; } .uk-offcanvas-bar ul .parent-category-container li a { font-size: 1rem; text-transform: none; padding: 10px 0; } .uk-offcanvas-bar ul .parent-category-container li:last-child a:after { display: none; } .uk-offcanvas-bar ul .uk-parent { position: relative; } .uk-offcanvas-bar ul .uk-parent div:before, .uk-offcanvas-bar ul .uk-parent div:after { display: block; content: ""; position: absolute; left: 0; right: 0; background-color: #29363c; } .uk-offcanvas-bar ul .uk-parent div a:hover { text-decoration: none; } .uk-offcanvas-bar ul .uk-parent .jsFunction > li { font-size: 1rem; } .uk-offcanvas-bar ul .uk-parent .jsFunction > li a { padding: 5px 0px; text-transform: none; } .uk-offcanvas-bar ul .uk-parent .jsFunction > li a:before, .uk-offcanvas-bar ul .uk-parent .jsFunction > li a:after { display: none; } .uk-offcanvas-bar ul .uk-parent .jsFunction hr { margin-top: 5px; margin-bottom: 5px; height: 0.1px; background-color: #29363c; border-top: 0px; } .uk-offcanvas-bar ul .uk-parent .jsFunction hr:last-child { background-color: transparent; margin-top: 3px; margin-bottom: 3px; } .uk-offcanvas-bar ul .uk-parent .jsFunction > li:last-child a.navi-lev2 { padding-bottom: 3rem; } .js-truncate { overflow: hidden; } .js-truncate .truncated { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: none; } .lang-switcher { text-transform: uppercase; } .lang-switcher .uk-button { border: 0px; padding: 0px; font-size: 1.05rem; color: #b30931; } .lang-switcher .uk-button span { color: #29363c; } .lang-switcher .uk-drop { padding-top: 50px; width: fit-content; } .lang-switcher .uk-drop > li { list-style-type: none; } .lang-switcher .uk-drop > li a { margin-top: 0px; background-color: #fff; padding-right: 0.75rem; padding-left: 0.75rem; color: #29363c; width: 2rem; display: flex; justify-content: center; font-size: 21px; } .lang-switcher .uk-drop > li a:hover { color: #b30931; } .lang-switcher .uk-drop > li a:hover:before { display: none; } .news .uk-slidenav-container a svg { height: 50px; width: 65px; } @media (max-width: 959px) { .news .uk-slidenav-container a svg { height: 25px; width: 32.5px; } } .news .uk-slidenav-container a svg polyline { color: #b30931; } .news .slider { width: calc(100vw - ((100vw - 1580px) / 2)); } @media (max-width: 1699px) { .news .slider { width: calc(100vw - ((100vw - 1450px) / 2)); } } .news .slider .headline h2 { color: #29363c; } .news .news-item { width: 77%; } .news .news-item img { object-fit: cover; width: 100%; height: 100%; max-height: 650px; } .news .news-item a { color: unset; position: unset; margin-top: 0px; } .news .news-item a:hover:before { display: none; } .news .news-item .infobox { box-sizing: border-box; position: absolute; left: 600px; bottom: 60px; background: linear-gradient(231.38deg, rgba(187, 187, 187, 0.89) 10.92%, rgba(130, 130, 130, 0.89) 67.8%); border-radius: 20px; padding: 40px; color: #fff; max-width: 800px; } @media (max-width: 1119px) { .news .news-item .infobox { left: 0px; } } .news .news-item .infobox .uk-custom-button { border-color: #fff; } @media (max-width: 360px) { .news .news-item .infobox .uk-custom-button { padding-left: 10px; padding-right: 10px; } } .news .news-item .infobox .uk-custom-button > span { color: #fff; font-style: normal; } .news .news-item .infobox .uk-custom-button:hover { border-color: #fff; background-color: #fff; } .news .news-item .infobox .uk-custom-button:hover > span { color: #29363c; } .news .news-item .infobox > span { font-style: italic; } .news .news-item .infobox h3 { margin-top: 10px; font-size: 2rem; font-weight: 300; } @media (max-width: 639px) { .news .news-item .infobox { padding: 10px; } } .news .uk-active .infobox { left: 80px; } @media (max-width: 1119px) { .news .slider { width: 100%; } .news .news-item { width: 100%; } .news .news-item .infobox { left: 0px; bottom: 0px; border-radius: 0px; padding: 20px 45px; text-align: center; max-width: 100%; width: 100%; } .news .news-item .infobox span { display: block; font-style: italic; } .news .news-item .infobox span:first-of-type { font-weight: 600; } } @media (max-width: 959px) { .news .slider { width: 100%; } .news .slider .uk-slidenav-container > a:not(.uk-custom-button) { height: fit-content; padding: 0px; } .news .slider .uk-slidenav-container .uk-slidenav-previous { margin-right: 30px; } .news .slider .uk-slidenav-container .uk-slidenav-next { margin-left: 30px; } .news .news-item { width: 100%; } .news .news-item > div > a { display: block; } .news .news-item img { height: 400px; } .news .news-item .infobox { position: static; padding: 0px 10px; display: flex; flex-direction: column; justify-content: center; height: 120px; } .news .news-item .infobox span { font-size: 0.95rem; } .news .news-item .infobox h3 { font-size: 1.15rem; margin: 0px; } } @media (max-width: 639px) { .news .slider .uk-slidenav-container .uk-custom-button { padding: 8px 10px; } .news .news-item img { height: 200px; } } .news-container a .uk-svg { fill: none; } .news-container .uk-card:hover .uk-card-media-top img { transform: none; } .news-container .uk-card .uk-card-media-top { padding-top: 0px; padding-bottom: 0px; } .news-container .uk-card .uk-card-media-top img { height: 350px; width: 100%; object-fit: cover; } .news-container .uk-card .uk-card-body { min-height: auto; } @media (max-width: 959px) { .news-container .news-detail h2 { font-size: 1.7rem; } } .navigation .product-nav > ul > div.empfehlungen { background-color: rgba(247, 249, 251, 0.96); padding-right: 0px; padding-left: 0px; } .navigation .product-nav > ul > div.empfehlungen .product-img-container { height: 260px; } .navigation .product-nav > ul > div.empfehlungen .product-img-container img { margin: auto; height: 175px; width: auto; object-fit: cover; } .navigation .product-nav > ul > div.empfehlungen p { max-height: 80px; max-width: 300px; overflow: hidden; font-size: 0.91rem; } @media (max-width: 1600px) { .navigation .product-nav > ul > div.empfehlungen p { max-height: 70px; } } .navigation .product-nav > ul > div.empfehlungen > h5 { padding-left: 25px; margin-bottom: 25px; } .navigation .product-nav > ul > div.empfehlungen .uk-grid { padding-left: 58px; padding-right: 50px; position: relative; margin-top: 55px; margin-bottom: 20px; } .navigation .product-nav > ul > div.empfehlungen .uk-grid h5 { font-weight: 500; color: #b30931; font-family: "Ador Regular", sans-serif; font-style: normal; } .navigation .product-nav > ul > div.empfehlungen .uk-grid h5 span { font-family: "Ador Light", sans-serif; color: #29363c; } .navigation .product-nav > ul > div.empfehlungen .uk-grid .uk-custom-button { padding: 6px 12px; font-size: 0.85rem; } .navigation .product-nav > ul > div.empfehlungen .uk-grid:first-child { margin-bottom: 20px; margin-top: 20px; } .navigation .product-nav > ul > div.empfehlungen .uk-grid:after { content: ''; width: 600px; position: absolute; bottom: -40px; display: block; height: 0.5px; background-color: #b30931; } .navigation .product-nav > ul > div.empfehlungen .uk-grid:last-child:after { height: 0px; } .product-img-container { background: radial-gradient(white, #c9ced8); padding: 30px 45px 30px 45px; } .product-img-container > img { object-fit: cover; max-height: 300px; width: auto; display: block; margin: auto; } .uk-modal .uk-modal-dialog .uk-modal-title { margin-bottom: 10px; color: #b30931; font-size: 1.8rem; } .uk-modal .uk-modal-dialog > p { font-size: 0.965rem; font-weight: 300; } .uk-modal .uk-modal-dialog .uk-custom-button { display: inline-block; background-color: transparent; border-radius: 11px; } .uk-modal .uk-modal-dialog .uk-custom-button > span { font-family: "Open Sans"; font-size: 0.835rem; } .uk-modal .uk-modal-dialog .uk-custom-button:hover { background-color: #b30931; color: #fff; } .uk-card { transition: 0.5s; font-weight: 200; } .uk-card:hover { box-shadow: 0px 5px 15px 15px rgba(0, 0, 0, 0.08); } .uk-card:hover img { transform: scale(1.1); } .uk-card a:hover:before { display: none; } .uk-card .uk-card-media-top { background: radial-gradient(white, #c9ced8); padding-top: 40px; padding-bottom: 40px; } .uk-card .uk-card-media-top img { object-fit: cover; max-height: 365px; width: auto; display: block; margin: auto; transition: 0.5s; } .uk-card .uk-card-media-top > a:hover:before { display: none; } .uk-card .uk-card-body { color: #29363c; min-height: 300px; } .uk-card .uk-card-body p { margin-top: 0px; } .uk-card .uk-card-body p.color-secondary { font-weight: 400; } .uk-card .uk-card-body .uk-card-title { color: #b30931; font-family: "Ador Regular", sans-serif; } .uk-card .uk-card-body .uk-card-title > span { color: #29363c; font-family: "Ador Light", sans-serif; font-style: normal; font-weight: 200; } .uk-card .uk-card-body .uk-custom-button { display: inline-block; font-weight: 400; padding: 8px 12px; } .uk-card .uk-card-body .uk-custom-button:first-of-type { margin-right: 30px; } .uk-card .uk-card-body .uk-custom-button:hover { color: #fff; } @media (max-width: 1400px) { .uk-card .uk-card-body { min-height: auto; } .uk-card .uk-card-body .uk-custom-button:first-of-type { margin-right: 0px; } } @media (max-width: 820px) { .uk-card .uk-card-body { padding: 20px 22px; } .uk-card .uk-card-body .uk-custom-button { margin-right: 4px; } } @media (max-width: 639px) { .uk-card .uk-card-body { padding: 30px 20px; } .uk-card .uk-card-body .uk-custom-button { padding: 6px 10px; font-size: 0.88rem; } } .team-card .uk-card-body p { margin-bottom: 0px; margin-top: 0px; } .uk-accordion { background-color: #f7f9fb; } .uk-accordion > li { padding: 0px 35px; position: relative; } .uk-accordion > li:nth-child(n+2) { margin-top: 0px; } .uk-accordion > li:last-child:after { height: 0px; } .uk-accordion > li:after { content: ""; position: absolute; bottom: 0; left: 35px; width: calc(100% - 70px); height: 1px; background-color: #29363c; } .uk-accordion > li .uk-accordion-title { padding-top: 25px; padding-bottom: 25px; font-weight: 200; } .uk-accordion > li .uk-accordion-title:hover { color: #b30931; } .uk-accordion .uk-open .uk-accordion-title { color: #b30931; } .uk-accordion .uk-card:hover img { transform: none; } .uk-accordion .uk-card .uk-card-media-top { padding: 0px; } .uk-accordion .uk-card .uk-card-media-top > img { width: 100%; margin: 0px; max-height: 450px; } .uk-accordion .uk-card .uk-card-body { padding: 21px 23px; min-height: fit-content; } .uk-accordion .uk-card .uk-card-body .uk-card-title { margin-bottom: 4px; } .uk-accordion .uk-card .uk-card-body > p { margin-top: 5px; margin-bottom: 0px; } .uk-accordion .uk-card .uk-card-body .uk-custom-button { margin-top: 5px; margin-right: 0px; height: fit-content; } .social-feed .uk-card:hover img { transform: none; } .social-feed .uk-card .uk-card-header { padding: 20px 0px; } .social-feed .uk-card .uk-card-header .uk-card-title { font-size: 0.96rem; font-weight: 600; } @media (max-width: 1600px) { .social-feed .uk-card .uk-card-header .uk-card-title { font-size: 0.86rem; } } @media (max-width: 1199px) { .social-feed .uk-card .uk-card-header .uk-card-title { font-size: 0.96rem; } } @media (max-width: 1000px) { .social-feed .uk-card .uk-card-header .uk-card-title { font-size: 0.86rem; } } @media (max-width: 959px) { .social-feed .uk-card .uk-card-header .uk-card-title { font-size: 0.96rem; } } @media (max-width: 769px) { .social-feed .uk-card .uk-card-header .uk-card-title { font-size: 0.86rem; } } @media (max-width: 639px) { .social-feed .uk-card .uk-card-header .uk-card-title { font-size: 0.96rem; } } .social-feed .uk-card .uk-card-header .uk-text-meta { font-size: 0.775rem; text-transform: uppercase; } @media (max-width: 1600px) { .social-feed .uk-card .uk-card-header img { width: 60px; } } @media (max-width: 1199px) { .social-feed .uk-card .uk-card-header img { width: 100px; } } .social-feed .uk-card .uk-card-media-top { padding-top: 0px; padding-bottom: 0px; } .social-feed .uk-card .uk-card-media-top img { margin: 0px; width: 100%; max-height: 330px; object-fit: cover; } @media (max-width: 1500px) { .social-feed .uk-card .uk-card-media-top img { max-height: 220px; } } @media (max-width: 959px) { .social-feed .uk-card .uk-card-media-top img { max-height: 300px; } } @media (max-width: 1600px) { .social-feed .uk-card .uk-card-media-top { font-size: 0.86rem; } } .social-feed .uk-card .uk-card-body { padding: 25px; min-height: auto; } .social-feed .uk-card .uk-card-body p { max-height: 138px; font-size: 0.94rem; } #map { height: 500px; width: 100%; } @media (max-width: 959px) { #map { height: 200px; } } #footer { background: #b30931; border-top: 1px solid rgba(179, 9, 49, 0.10); color: #fff; font-size: 0.9rem; font-weight: 300; } footer h4 { height: fit-content; } footer figure { margin-bottom: 0; } footer figure table td { padding-bottom: 5px; padding-right: 10px; } footer figure table td br { display: none; } @media (max-width: 639px) { footer figure table td br { display: block; } } footer a { display: block; margin-bottom: 5px; position: relative; color: #fff !important; } footer a:not(.uk-accordion-title):before { position: absolute; top: -1.5px; left: 0; content: ""; display: block; background-color: #fff; height: 1px; width: 0; transition: 0.3s; } footer a:not(.uk-accordion-title):hover:before { width: 100%; } @media (max-width: 959px) { footer { text-align: center; } } @media (max-width: 639px) { footer { font-size: 1.1rem; } } footer .address-margin { margin-top: 70px; } @media (max-width: 959px) { footer .address-margin { margin-top: 40px; } } footer .address-block { margin-top: 9.5px; } footer .address-block a { width: fit-content; } footer .footer_navigation_links p { margin-right: 60px; display: inline-block; } footer .uk-accordion { background-color: transparent; width: 100%; color: white; } footer .uk-accordion table { margin: auto; } footer .uk-accordion table td { text-align: left; } footer .uk-accordion li.uk-open .uk-accordion-title { padding-bottom: 0px; color: #fff; font-family: "Open Sans"; font-weight: 500; text-transform: uppercase; } footer .uk-accordion li.uk-open .uk-accordion-title::before { transform: rotate(180deg); } footer .uk-accordion li.uk-open .uk-accordion-content { padding-bottom: 2rem; } footer .uk-accordion li .uk-accordion-title { color: white; font-family: "Open Sans"; font-weight: 500; text-transform: uppercase; max-width: 200px; margin: auto; } footer .uk-accordion li .uk-accordion-title::before { background-image: url("/assets/icons/chevron-accordion.svg"); } footer .uk-accordion li .uk-accordion-title:hover { color: white; font-family: "Open Sans"; font-weight: 500; text-transform: uppercase; } footer .uk-accordion li::after { background-color: white; max-width: 250px; left: 50%; transform: translate(-50%, 0); } footer .uk-accordion .uk-accordion-title::before { background-image: url("/assets/icons/chevron-accordion.svg"); } footer .uk-container-xlarge { padding-top: 52px; padding-bottom: 52px; } @media (max-width: 639px) { footer .uk-container-xlarge { padding-top: 40px; padding-bottom: 40px; } } footer .uk-container-xlarge .uk-custom-button { margin-top: 0px; background-color: #fff; padding: 5px 15px; } footer .uk-container-xlarge .uk-custom-button span { color: #b30931; } @media (max-width: 768px) { footer footer { border-top: 0px; } footer footer div > img { height: 25px; } } footer div p a { color: #fff; } footer div p a > img { width: 20px; margin-right: 15px; } footer .uk-checkbox { border-radius: 50%; } footer .uk-checkbox:checked, footer .uk-checkbox:focus { background-color: #fff; border-color: #fff; color: #b30931; } footer h4, footer h5 { color: #fff; font-weight: 400; } @media (max-width: 959px) { footer h4, footer h5 { font-size: 1.2rem; } } footer h5 { margin-bottom: 5px; text-transform: none; } footer p { margin: 0.25rem 0; } @media (max-width: 959px) { footer p { margin: auto; width: fit-content; } } footer .uk-input { background-color: transparent; border: 0px; border-bottom: 1px solid #fff; color: #fff; font-size: 0.875rem; text-align: right; } footer .uk-input:focus, footer .uk-input::placeholder { color: #fff; font-style: italic; } footer .uk-input:focus { border: 0px; border-bottom: 1px solid #fff; background-color: transparent; } footer .uk-logo { width: 200px; } @media (max-width: 959px) { footer .uk-logo { width: fit-content; } } footer .uk-logo img { margin-bottom: -10px; object-fit: cover; height: auto; width: auto; } @media (max-width: 959px) { footer .uk-logo img { margin: auto; } } footer .uk-svg { margin-left: 80px; } footer .uk-svg > rect { fill: revert-layer !important; } footer div > p:last-of-type { margin-bottom: 0; } footer .footer-icons > a { margin-right: 13px; height: 54px; width: 54px; border: 2px solid #fff; color: #fff; transition: 0.3s; margin-bottom: 0px; } footer .footer-icons > a:hover { background-color: #fff; } footer .footer-icons > a:hover > svg > path { fill: #b30931; } footer .footer-icons > a:hover:before { display: none; } footer .footer-icons > a:first-of-type > img, footer .footer-icons > a:first-of-type svg { height: 28px; width: 28px; margin-left: 0px; } footer .footer-icons > a > img, footer .footer-icons > a svg { width: 25px; height: 25px; margin-left: 0px; } @media (max-width: 1500px) { footer .footer-icons > a { margin-right: 8px; height: 40px; width: 40px; } footer .footer-icons > a:first-of-type > svg { width: 20px; height: 20px; } footer .footer-icons > a > svg { height: 20px; width: 20px; } } @media (max-width: 1119px) { footer .footer-icons > a { height: 30px; width: 30px; } footer .footer-icons > a:first-of-type > svg { width: 15px; height: 15px; } footer .footer-icons > a > svg { height: 15px; width: 15px; } } @media (max-width: 639px) { footer p:first-of-type { margin-top: 0; } } @media (min-width: 640px) { footer .footer-bottom-text { text-align: right; } } .below-footer { background-color: #f8f8f8; color: #29363c; } .below-footer > div div { padding: 10px 0px; font-weight: 200; } @media (max-width: 959px) { .below-footer > div div { padding: 5px 0px; } .below-footer > div div:first-of-type { padding-top: 15px; } .below-footer > div div:last-of-type { padding-bottom: 15px; } } .below-footer > div div a { color: #29363c; position: relative; } .below-footer > div div a:before { position: absolute; top: -1.5px; left: 0; content: ""; display: block; background-color: #29363c; height: 1px; width: 0; transition: 0.3s; } .below-footer > div div a:hover:before { width: 100%; } .slider .uk-dotnav > li:first-of-type { padding-left: 0px; } .slider .uk-dotnav > li:last-of-type > a { margin-right: 0px; } .slider .uk-dotnav > li > a { background-color: #b6b4b4; width: 30px; height: 30px; margin-right: 25px; margin-top: 0px; color: unset; position: unset; } @media (max-width: 639px) { .slider .uk-dotnav > li > a { width: 20px; height: 20px; margin-right: 10px; } } .slider .uk-dotnav > li:hover > a { background-color: #b30931; } .slider .uk-dotnav > .uk-active > a { background-color: #b30931; } .slider > div > div .uk-custom-button { padding: 8px 25px; border-radius: 15px; } @media (max-width: 1829px) { .slider .uk-container { padding-left: 40px; padding-right: 40px; } } @media (max-width: 1600px) { .slider .uk-container { padding-left: 100px; padding-right: 100px; } } @media (max-width: 959px) { .slider .uk-container { padding-left: 30px; padding-right: 30px; } } .slider .slider-infobox { min-width: 500px; /*padding: 25px 40px; position: absolute; top: 30%; left: 15.7%; */ position: relative; display: flex; align-items: center; } .slider .slider-infobox > div { width: 100%; } .slider .slider-infobox .uk-custom-button { border-color: #fff; } .slider .slider-infobox .uk-custom-button > span { color: #fff; font-weight: 200; } .slider .slider-infobox .uk-custom-button:hover { border-color: #fff; background-color: #fff; } .slider .slider-infobox .uk-custom-button:hover > span { color: #29363c; } .slider .slider-infobox > div { color: #fff; } .slider .slider-infobox > div h3, .slider .slider-infobox > div p { text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); } .slider .slider-infobox > div img { width: 400px; } .slider .slider-infobox > div h3 { font-size: 1rem; text-transform: uppercase; margin-bottom: 10px; } .slider .slider-infobox > div p { margin: 0px; font-size: 3rem; line-height: 1.2; font-family: "Ador ExtraBold"; } @media (max-width: 820px) { .slider .slider-infobox { top: 12.5%; } } @media (max-width: 639px) { .slider .slider-infobox { bottom: 0; left: 0; top: auto; position: absolute; padding: 15px 0px; height: fit-content; min-width: auto; justify-content: center; width: 100%; } .slider .slider-infobox > div { width: auto; } .slider .slider-infobox > div p { font-size: 1.8rem; } } a.backlink { color: #b6b4b4; transition: 0.3s; } a.backlink:hover { color: #29363c; } a.backlink:hover svg path { color: #29363c; } a.backlink svg { transition: 0.3s; } a.backlink svg path { color: #b6b4b4; fill: transparent; } @media (max-width: 959px) { a.backlink { float: none; } } .product-detail { font-weight: 200; } .product-detail h2, .product-detail h4 { font-weight: 200; } .product-detail h2 span { font-family: "Ador Regular", sans-serif; color: #b30931; } @media (max-width: 959px) { .product-detail h2 { margin-top: 20px; } } .product-detail h4 { color: #b30931; } @media (min-width: 960px) { .product-detail .uk-container { padding-left: 100px; padding-right: 100px; } } .product-detail .uk-accordion { background-color: transparent; } .product-detail .uk-accordion > li { padding: 0px; } .product-detail .uk-accordion > li:after { left: 0px; width: 100%; } .product-detail .uk-accordion span.product-attachment:hover { color: #b30931; } .product-detail .uk-accordion span.product-attachment:hover svg path, .product-detail .uk-accordion span.product-attachment:hover svg polygon { fill: inherit; } .product-detail .uk-accordion span.product-attachment svg { margin-top: -8px; width: 30px; height: 30px; } .product-detail .uk-accordion span.product-attachment svg path, .product-detail .uk-accordion span.product-attachment svg polygon { fill: inherit; } .product-detail .uk-accordion .uk-table caption { padding-left: 12px; color: #666; font-size: 1.25rem; } .product-detail .uk-accordion .uk-table thead tr th { padding-right: 0px; } .product-detail .uk-accordion .uk-table tbody tr td { padding-top: 10px; padding-bottom: 10px; padding-right: 0px; border: 1px solid #b30931; border-left: 0px; border-right: 0px; border-bottom: 0px; font-size: 0.95rem; } .product-detail .uk-accordion .uk-table tbody tr:hover { background-color: #b30931; color: #fff; } .product-detail .uk-accordion .uk-table tbody:last-of-type tr td { border: 1px solid #b30931; border-left: 0px; border-right: 0px; border-bottom: 0px; } @media (max-width: 959px) { .product-detail .uk-accordion .uk-table caption { padding-left: 0px; } .product-detail .uk-accordion .uk-table thead > tr > th { padding-left: 0px; } .product-detail .uk-accordion .uk-table tbody tr td { padding-left: 0px; } } .product-detail .uk-accordion .naehrwert tbody .level td { border: none; } .product-detail .uk-accordion .naehrwert tbody .level-one > td { font-size: 0.85rem; } .product-detail .uk-accordion .naehrwert tbody .level-two > td { font-size: 0.85rem; padding-left: 20px; } .product-detail .uk-accordion .naehrwert tbody .level-two > td:last-of-type { padding-left: 10px; } .product-detail .uk-accordion .naehrwert tbody .level-three > td { font-size: 0.8rem; padding-left: 30px; } .product-detail .uk-accordion .naehrwert tbody .level-three > td:last-of-type { padding-left: 10px; } .product-detail .uk-accordion .naehrwert tbody:last-of-type tr > td:has(sup), .product-detail .uk-accordion .naehrwert tbody:last-of-type tr > td:has(sub) { font-size: 0.85rem; } .product-detail .uk-accordion .fragen table tbody tr { display: block; margin-bottom: 20px; } .product-detail .uk-accordion .fragen table tbody tr:last-of-type { margin-bottom: 0px; } .product-detail .uk-accordion .fragen table tbody tr td { display: block; } .product-detail .uk-accordion .fragen table tbody tr td:first-of-type { font-weight: bolder; } .product-detail .uk-accordion .fragen table tbody tr td span:hover { color: currentColor; } .product-detail .uk-button { border: 0px; text-transform: none; color: #b30931; padding: 0px; font-size: 1rem; } .product-detail .uk-custom-button > span { font-size: 0.9rem; } .product-detail .uk-card-title { font-weight: 400; } .product-detail .product-slider-container > .uk-container > .uk-grid { min-height: 1000px; } @media (max-width: 1400px) { .product-detail .product-slider-container > .uk-container > .uk-grid { min-height: 700px; } } @media (max-width: 1400px) { .product-detail .product-slider-container > .uk-container > .uk-grid .uk-svg { height: 20px; width: 20px; } } @media (max-width: 959px) { .product-detail .product-slider .uk-position-relative .uk-slidenav.uk-position-center-left { left: 5%; } } @media (max-width: 769px) { .product-detail .product-slider .uk-position-relative .uk-slidenav.uk-position-center-left { left: 2.5%; } } @media (max-width: 959px) { .product-detail .product-slider .uk-position-relative .uk-slidenav.uk-position-center-right { right: 5%; } } @media (max-width: 769px) { .product-detail .product-slider .uk-position-relative .uk-slidenav.uk-position-center-right { right: 2.5%; } } @media (max-width: 1400px) { .product-detail .product-slider .uk-position-relative .product-slider-img { background-size: contain; } } .product-detail .product-slider .uk-position-relative .uk-slideshow-items { min-height: 700px; } @media (max-width: 1400px) { .product-detail .product-slider .uk-position-relative .uk-slideshow-items { min-height: 500px; } } @media (max-width: 820px) { .product-detail .product-slider .uk-position-relative .uk-slideshow-items { min-height: 350px; } } .product-detail .product-slider .uk-position-relative .uk-slidenav svg { width: 40px; } .product-detail .product-slider .uk-position-relative .uk-slidenav svg polyline { color: #000; stroke-width: 0.5px; } .product-detail .product-slider .uk-position-relative .uk-dotnav > li > a { height: 20px; width: 20px; margin-right: 10px; } .product-detail .product-slider .uk-position-relative .uk-dotnav > li > a:last-child { margin-right: 0px; } .product-detail .uk-grid-small { margin-left: 0px; } .product-category-infobox h2 { font-size: 1.8rem; } .uk-tab > li.uk-active > a { border-color: #b30931; } .uk-galerie img { transition: all 0.4s; } .uk-galerie img:hover { transform: scale(1.1); } .uk-border-pill { border-radius: 84px; } .headline h2 { letter-spacing: 1px; } .headline h2, .headline h3 { margin-top: 0px; margin-bottom: 0px; font-weight: 200; } .headline h2:first-of-type { font-weight: 300; } .headline h2:nth-child(2) { margin-top: -23px; align-self: flex-end; } .headline strong { color: #b30931; font-family: "Ador Regular"; } .headline h3 { line-height: 1.3; white-space: nowrap; } .headline h3:first-of-type { font-weight: 300; font-style: italic; } .headline h3:nth-child(2) { margin-top: -23px; font-weight: 700; } .headline-right { align-self: flex-end; } .description p:last-of-type { margin-bottom: 0; } .description blockquote:last-of-type { margin-bottom: 0; } .description blockquote { font-size: 1.5rem; font-style: normal; line-height: 1.2; } .description blockquote sub { font-size: 0.75rem; font-weight: 200; } .about-us-text { margin-top: 20px; max-width: 500px; font-size: 0.9rem; } .justify-items-center { justify-items: center; } .align-flex-end { align-self: flex-end; } .uk-custom-button { display: block; width: fit-content; transition: 0.5s; padding: 8px 18px; border-radius: 15px; border: 1px solid #b30931; } .uk-custom-button span { color: #b30931; text-transform: uppercase; letter-spacing: normal; } .uk-custom-button:hover { background-color: #b30931; } .uk-custom-button:hover span { color: #fff; } .button-container section > .uk-cover-container { height: 800px; } .hero-banner { height: 500px; } .hero-banner .uk-object-cover { height: 100%; } .hero-banner .uk-overlay { height: 100%; background-color: rgba(0, 42, 75, 0.5); color: #fff; } .hero-banner .uk-overlay div { padding-left: 30px; position: absolute; right: 15%; top: 50%; transform: translateY(-50%); } .hero-banner .uk-overlay div p { border-left: 4px #fff solid; font-size: 2.3rem; line-height: 1.3; padding-left: 30px; } .hero-banner .uk-overlay div .uk-custom-button { margin-left: 30px; border-color: #fff; } .hero-banner .uk-overlay div .uk-custom-button span { color: #fff; } .hero-banner .uk-overlay div .uk-custom-button:hover { background-color: #fff; } .hero-banner .uk-overlay div .uk-custom-button:hover span { color: #b30931; } .uk-button { padding: 0.5rem 1rem; } .uk-button.uk-button-primary { background-color: transparent; border: 3px solid #b30931; color: #b30931; font-size: 1rem; font-family: Barlow; font-weight: 500; transition: 0.2s; } .uk-button.uk-button-primary:hover { color: white; background-color: #b30931; } .uk-button.uk-button-secondary { padding: 0.2rem 0.5rem; background-color: white; color: #29363c; border: solid 2px #29363c; border-radius: 10px; cursor: pointer; font-size: 1rem; font-weight: 400; text-transform: none; line-height: 1.5; } .uk-button.uk-button-secondary:hover { text-decoration: none; border: solid 2px #29363c; background-color: white; color: #29363c; } .uk-button.uk-button-ghost { border: none; } .uk-button.uk-button-filter { list-style: none; padding: 0.5rem; background-color: #29363c; color: white; border: solid 2px white; cursor: pointer; } #setFilterForm { margin-top: -20px; } .filter-nav { background-color: #c9ced8; padding: 35px 0px; } .filter-nav .uk-icon { color: #29363c; } .filter-nav span { font-size: 1.1rem; text-transform: uppercase; color: #b30931; } .filter-nav span svg { height: 40px; width: 40px; } .filter-nav .uk-search.uk-search-default { width: 480px; } @media (max-width: 1225px) { .filter-nav .uk-search.uk-search-default { width: 219px; } } .filter-nav .uk-search.uk-search-default .uk-search-icon { color: #b30931; width: 20px; margin-left: 20px; } .filter-nav .uk-search.uk-search-default .uk-search-icon svg > * { stroke-width: 2px; } .filter-nav .uk-search.uk-search-default .uk-search-input { border-radius: 15px; background-color: #fff; border: 0px; height: 44px; padding-left: 50px; } .filter-nav .uk-search.uk-search-default .uk-search-input:focus { background-color: #fff; } .filter-nav input[type=submit].uk-custom-button { font-size: 0.875rem; text-transform: uppercase; color: #b30931; background-color: transparent; } .filter-nav input[type=submit].uk-custom-button:hover { color: #fff; background-color: #b30931; } .filter-nav .uk-custom-button > span { font-size: 0.875rem; } .filter-nav .uk-custom-button .uk-icon { margin-left: 10px; color: #b30931; } .filter-nav .uk-custom-button .uk-icon svg { margin-top: -5px; width: 25px; height: auto; } .filter-nav .uk-custom-button:hover .uk-icon { color: #fff; } .filter-nav button.uk-custom-button { padding: 5px 20px; } @media (max-width: 639px) { .filter-nav button.uk-custom-button { padding: 3px 15px; } } .filter-nav .filter-buttons { flex-direction: row; align-content: center; } .filter-nav .filter-buttons .uk-custom-button { padding: 5px 18px; } .filter-nav .filter-buttons .uk-custom-button svg { width: 0.875rem; height: 0.875rem; } .filter-nav .filter-buttons #setFilterButton { margin-right: 15px; height: 42px; } @media (max-width: 959px) { .filter-nav .filter-buttons { flex-direction: column; align-content: flex-start; } .filter-nav .filter-buttons #setFilterButton { height: 36px; margin-bottom: 15px; } } .filter-nav .uk-drop { background-color: #f7f9fb; width: fit-content; padding: 30px; } .filter-nav .uk-drop .uk-subnav { margin-left: 0px; } .filter-nav .uk-drop .uk-subnav > li { padding-left: 0px; width: fit-content; margin-right: 20px; margin-bottom: 20px; } .filter-nav .uk-drop .uk-subnav > li a { border-radius: 15px; border: 1px solid currentColor; color: #29363c; background-color: #fff; padding-top: 10px; padding-bottom: 10px; text-transform: none; } .filter-nav .uk-drop .uk-subnav > li a:hover { border: 1px solid #b30931; } .filter-nav .uk-drop .uk-subnav > li a:hover:before { display: none; } .filter-nav .uk-drop .uk-subnav .uk-active a { background-color: #b30931; color: #fff; } .filter-nav .uk-drop .uk-subnav .uk-active a:before { display: none; } @media (max-width: 639px) { .filter-nav .uk-drop { padding: 30px 15px; } .filter-nav .uk-drop .uk-subnav { margin-bottom: 15px; } .filter-nav .uk-drop .uk-subnav > li { margin-right: 10px; margin-bottom: 15px; } } .filter-nav > .uk-width-1-1 > .uk-inline { margin-right: 40px; } @media (max-width: 959px) { .filter-nav > .uk-width-1-1 > .uk-inline { margin-right: 0px; } .filter-nav > .uk-width-1-1 > .uk-icon { margin-left: 0px; } } .image-gallery .image-caption { display: block; background-color: #29363c; color: white; padding: 0.5rem 1rem; border: #29363c solid 2px; transition: 0.2s; } .image-gallery a > div { overflow: hidden; } .image-gallery a img { transition: 0.3s; } .image-gallery a:hover { text-decoration: none; } .image-gallery a:hover img { transform: scale(1.1); } .image-gallery a:hover .image-caption { background-color: white; color: #29363c; border: solid 2px; text-decoration: none; } .main-image { object-fit: cover; } .textblock { color: #29363c; } .textblock p { font-weight: 300; line-height: 30px; } .textblock .headline { margin-bottom: 60px; } @media (max-width: 769px) { .textblock .headline { margin-bottom: 35px; } } .textblock a:not(.uk-custom-button) { position: relative; margin-top: 5px; color: #b30931; } .textblock a:not(.uk-custom-button):before { position: absolute; top: -1.5px; left: 0; content: ""; display: block; background-color: currentColor; height: 1px; width: 0; transition: 0.3s; } .textblock a:not(.uk-custom-button):hover { text-decoration: none; } .textblock a:not(.uk-custom-button):hover:before { width: 100%; } .textblock .uk-custom-button { display: inline-block; margin-top: 70px; } @media (max-width: 959px) { .textblock .uk-custom-button { margin-top: 40px; } } .place-description { color: #29363c; background-color: #fff; border-radius: 15px; box-shadow: 0px 5px 15px 15px rgba(0, 0, 0, 0.08); border: 1px solid #b30931; padding: 15px; } .place-description h5 { font-size: 1rem; color: #b30931; } .place-description p { margin-top: 5px; margin-bottom: 5px; font-size: 0.7rem; } .uk-pagination > li { margin-right: 25px; } @media (max-width: 639px) { .uk-pagination > li { margin-right: 10px; } } .uk-pagination > li a.uk-flex { transition: 0.5s; border-radius: 100%; border: 1px solid #b30931; padding: 0px; width: 50px; height: 50px; text-align: center; color: #b30931; } .uk-pagination > li a.uk-flex:hover { color: #fff; background-color: #b30931; } .uk-pagination > li a.uk-active { color: #fff; background-color: #b30931; } .uk-pagination > li a:hover:before { display: none; } .uk-pagination > li .uk-icon > svg { width: 20px; height: 20px; } .uk-pagination > li .uk-icon > svg > polyline { stroke: #29363c !important; } @media (max-width: 639px) { .search_it_results h1 { font-size: 2rem; } } @media (max-width: 639px) { .search_it_results .uk-list li h3 { font-size: 1.6rem; } } .contact_us_form input, .contact_us_form textarea { background-color: transparent; border: 1px solid #7a7a7a; width: 100%; padding: 1rem 10px; font-size: 0.8rem; transition: 0.4s; } .contact_us_form input:focus, .contact_us_form textarea:focus, .contact_us_form input:hover, .contact_us_form textarea:hover, .contact_us_form input:active, .contact_us_form textarea:active { background-color: transparent; border-color: #b30931; } .contact_us_form textarea { padding: 0.2rem 10px; min-height: 150px; min-width: 100%; } .contact_us_form select { border: none; appearance: none; border-radius: 0; border-bottom: 1px solid #7a7a7a; width: 100%; color: #454545; font-size: 0.8rem; background-color: transparent; padding: 1rem; } .contact_us_form .uk-custom-button { padding: 4px 12px; color: #b30931; } .contact_us_form .uk-custom-button:hover { color: #fff; } .kontaktformular-container p { margin: 0.25rem 0; } .kontaktformular-container .textblock a:not(.uk-custom-button) { position: static; margin-top: 0px; color: unset; } .logoImage { background-color: #fff; border-radius: 100%; } .uk-modal-dialog { width: 1200px; } .uk-modal-dialog .uk-modal-close { right: 30px; top: 30px; } @font-face { font-family: "Ador ExtraBold"; src: url("/assets/fonts/Fontador - Ador ExtraBold.otf"); } @font-face { font-family: "Ador Regular"; src: url("/assets/fonts/Fontador - Ador Regular.otf"); } @font-face { font-family: "Ador Light"; src: url("/assets/fonts/Fontador - Ador Light.otf"); } /*******************************************/ /**************POP-up Modul*********************/ /*******************************************/ /* Fixe Größe für das Modal (etwas höher) */ #popup .uk-modal-dialog { width: 745px; max-width: 745px; background: #fff; /* height:400px; vorher 345px */ /* max-height:400px; vorher 345px */ overflow: hidden; box-shadow: 0 20px 50px rgba(0, 0, 0, .25); /* runde Ecken für beide Spalten */ } @media (max-width: 959px) { #popup .uk-modal-dialog { max-height: 100%; height: auto; } } /* Grid ohne seitliche UIkit-Abstände */ #popup [uk-grid] { margin-left: 0; } #popup [uk-grid] > * { padding-left: 0; } /* Spaltenhöhe an die Dialoghöhe koppeln (mit neuer Höhe) */ @media (max-width: 959px) { #popup .popup-pane { height: 400px; } } /* Bildspalte */ #popup .popup-image { background-color: #e8e7f4; background-repeat: no-repeat; background-position: center center; background-size: cover; } @media (max-width: 959px) { #popup .popup-image { background-size: contain; } } @media (max-width: 417px) { #popup .popup-image { height: 250px; } } /* Textspalte: kleiner, ohne Margins, und bei Bedarf scrollbar */ #popup .popup-content { padding: 24px 28px; -webkit-overflow-scrolling: touch; /* leicht kompakter */ } @media (max-width: 959px) { #popup .popup-content { height: 100%; } } /* Close-Button oben rechts */ #popup .uk-modal-close { top: 10px; right: 12px; width: 32px; height: 32px; display: grid; place-items: center; border: none; } /* Typo (kleiner) */ #popup .uk-modal-title { font-size: 22px; line-height: 1.2; /* vorher 28px */ font-weight: 700; margin: 0 0 8px; color: #29363c; /* weniger Abstand */ } /* Text kleiner & ohne Margins */ #popup .uk-modal-body p { margin: 0; color: #29363c; /* vorher 0 0 10px */ font-size: 14px; line-height: 1.45; /* kleinerer Fließtext */ } /* Optional: auch für Listen & Absätze ohne .uk-modal-body-Wrapper */ #popup .popup-content p, #popup .popup-content ul, #popup .popup-content ol { margin: 0; font-size: 14px; line-height: 1.45; } /*******************************************/ /**************Zertifikat Modul*********************/ /*******************************************/ /* UIkit-Standardlinien komplett aus */ .acc-custom.uk-accordion > li, .acc-custom .uk-accordion-content { border: 0 !important; } .acc-custom.uk-accordion > li::before, .acc-custom.uk-accordion > li::after { display: none !important; } /* Linie NUR unter dem Titel (nicht im Content) */ .acc-custom .uk-accordion-title { display: block; border-bottom: 1px solid #29363c; padding: 6px 0 10px; /* Platz über/unter der Linie */ color: #29363c; text-decoration: none; font-size: 1.2rem; line-height: 1.2; } /* beim Hover nur Farbe, keine extra Linie */ .acc-custom .uk-accordion-title:hover, .acc-custom .uk-accordion-title:focus { color: #b30931; } /* Content ohne Linien, nur etwas Abstand zum Titel */ .acc-custom .uk-accordion-content { padding: 10px 0 6px; } /* Zeile mit Icon + Dateiname im Content */ .pdf-row { display: flex; align-items: center; gap: 10px; margin: 6px 0; } .pdf-row img { width: 20px; height: auto; display: block; } .pdf-link { color: #29363c; text-decoration: none; font-size: 1.1rem; line-height: 1.2; } .pdf-link:hover, .pdf-link:focus { color: #b30931; text-decoration: underline; } @media (max-width: 439px) { .image-wrapper { height: 15rem; } } .menu-button { background: none; border: none; padding: 0; cursor: pointer; } .menu-button svg { transition: transform 0.2s ease; } .menu-button:hover svg { transform: scale(1.1); } .langswitcher { left: 0 !important; } /* ========================================================= SHOP ALLGEMEIN / GLOBAL Seite: Shop allgemein Zweck: Allgemeine Ausblendungen und kleine globale Anpassungen ========================================================= */ .subcategory { display: none; } [aria-label="breadcrumb"] .container { display: none; } a.left-block__title-link { color: #b30931; } .alert.alert-info.alert-dismissible { display: none; } li.badge.new { display: none; } /* ========================================================= KATEGORIEBAUM / LINKS SPALTE Seite: Kategorieseite / linke Sidebar Zweck: Grundstyling des Kategoriebaums ========================================================= */ .ps-categorytree.category-tree.left-block { background: #fff; border: 1px solid #d9d9d9; padding: 0; margin: 0; } /* Titel oben */ .ps-categorytree.category-tree.left-block .left-block__title { margin: 0; padding: 16px 18px 14px 18px; background: #f5f5f5; line-height: 1.2; } .ps-categorytree.category-tree.left-block .left-block__title-link { color: #b30931 !important; font-weight: 400 !important; text-decoration: none !important; line-height: 1.2; } /* Wrapper */ .ps-categorytree.category-tree.left-block .accordion--category, .ps-categorytree.category-tree.left-block nav, .ps-categorytree.category-tree.left-block .category-tree__child { padding: 0; margin: 0; } /* Listen reset */ .ps-categorytree.category-tree.left-block .category-tree__list { list-style: none; margin: 0; padding: 0; } /* Items */ .ps-categorytree.category-tree.left-block .category-tree__item { list-style: none; margin: 0; padding: 0; } /* Zeile pro Kategorie */ .ps-categorytree.category-tree.left-block .category-tree__item-header { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 10px 18px; min-height: 44px; border: 0; } /* Link */ .ps-categorytree.category-tree.left-block .category-tree__item-link { display: block; flex: 1 1 auto; color: #333 !important; font-size: 16px !important; font-weight: 400 !important; line-height: 1.35; text-decoration: none !important; margin: 0; padding: 0; } /* Hover */ .ps-categorytree.category-tree.left-block .category-tree__item-link:hover { color: #b30931 !important; text-decoration: none !important; } /* Accordion Button rechts */ .ps-categorytree.category-tree.left-block .accordion-button { width: 28px; min-width: 28px; height: 28px; padding: 0; margin: 0; border: 0; background: transparent !important; box-shadow: none !important; } /* Bootstrap Standardhintergrund entfernen */ .ps-categorytree.category-tree.left-block .accordion-button:not(.collapsed) { background: transparent !important; box-shadow: none !important; } /* Chevron */ .ps-categorytree.category-tree.left-block .accordion-button::after { width: 16px; height: 16px; background-size: 16px; filter: none; } /* Geöffneter Zustand */ .ps-categorytree.category-tree.left-block .accordion-button:not(.collapsed)::after { transform: rotate(-180deg); } /* Kein Button bei Einträgen ohne Unterkategorie */ .ps-categorytree.category-tree.left-block .category-tree__item:not(.accordion-item) .accordion-button { display: none !important; } /* Accordion Content */ .ps-categorytree.category-tree.left-block .accordion-collapse, .ps-categorytree.category-tree.left-block .accordion-body { margin: 0; padding: 0; border: 0; background: transparent; } /* Unterkategorien */ .ps-categorytree.category-tree.left-block .category-tree__list[data-depth="1"] { padding: 0 0 6px 0; } .ps-categorytree.category-tree.left-block .category-tree__list[data-depth="1"] .category-tree__item-header { padding: 6px 18px 6px 34px; min-height: 34px; } .ps-categorytree.category-tree.left-block .category-tree__list[data-depth="1"] .category-tree__item-link { font-size: 14px !important; color: #666 !important; } /* Aktive Kategorie rot */ .ps-categorytree.category-tree.left-block .category-tree__item-link[aria-current="page"], .ps-categorytree.category-tree.left-block .category-tree__item-link.active, .ps-categorytree.category-tree.left-block .category-tree__item-link.current { color: #b30931 !important; } /* Theme-interne Link-Dekos entfernen */ .ps-categorytree.category-tree.left-block .category-tree__item-link::before, .ps-categorytree.category-tree.left-block .category-tree__item-link::after, .ps-categorytree.category-tree.left-block .left-block__title-link::before, .ps-categorytree.category-tree.left-block .left-block__title-link::after { display: none !important; content: none !important; } /* ========================================================= KATEGORIEBAUM / KOMPAKTERE VARIANTE Seite: Kategorieseite / linke Sidebar Zweck: Feinjustierung Breite und kompaktere Abstände ========================================================= */ .ps-categorytree.category-tree.left-block { max-width: 100% !important; width: 100% !important; } /* Etwas kompakterer Titelbereich */ .ps-categorytree.category-tree.left-block .left-block__title { padding: 16px 18px 14px 18px; } /* Weniger Abstand zwischen den Haupteinträgen */ .ps-categorytree.category-tree.left-block .category-tree__item-header { padding: 6px 18px !important; min-height: 34px !important; } /* Text etwas kompakter */ .ps-categorytree.category-tree.left-block .category-tree__item-link { font-size: 15px !important; line-height: 1.25 !important; } @media (min-width: 992px) and (max-width:1250px) { .ps-categorytree.category-tree.left-block .category-tree__item-link { font-size: 12px !important; } } /* Unterkategorien noch kompakter */ .ps-categorytree.category-tree.left-block .category-tree__list[data-depth="1"] .category-tree__item-header { padding: 4px 18px 4px 34px !important; min-height: 28px !important; } .ps-categorytree.category-tree.left-block .category-tree__list[data-depth="1"] .category-tree__item-link { font-size: 13px !important; line-height: 1.2 !important; } /* Weniger Luft im Accordion-Content */ .ps-categorytree.category-tree.left-block .accordion-body { padding: 2px 0 4px 0 !important; } /* ========================================================= PRODUKTLISTE / FILTERLEISTE OBEN Seite: Kategorieseite / Produktlisting Zweck: Sortierung, Anzahl, Grid-Umschalter ========================================================= */ #js-product-list-top .products__selection { background: #f3f3f3; padding: 16px 22px; margin-bottom: 24px; display: flex; align-items: center; justify-content: space-between; gap: 20px; flex-wrap: wrap; } #js-product-list-top .products__selection-left, #js-product-list-top .products__selection-right { display: flex; align-items: center; gap: 18px; } #js-product-list-top .products__selection-right { margin-left: auto; } #js-product-list-top .products__view { display: flex; align-items: center; gap: 12px; } /* 2 Striche links, 3 Striche rechts */ #js-product-list-top .products__view-button[data-view="cols-2"] { order: 1; } #js-product-list-top .products__view-button[data-view="cols-3"] { order: 2; } #js-product-list-top .products__view-button { border: 0; background: transparent; padding: 0; cursor: pointer; color: #b8b8b8; line-height: 1; display: flex; align-items: center; justify-content: center; } #js-product-list-top .products__view-button.is-active { color: #666; } /* Icon jetzt horizontal, damit die Balken nebeneinander stehen */ #js-product-list-top .products__view-icon { display: flex; flex-direction: row; align-items: flex-end; gap: 4px; } /* Vertikale Balken */ #js-product-list-top .products__view-icon span { display: block; width: 4px; height: 18px; background: currentColor; } /* 2er-Icon */ #js-product-list-top .products__view-button[data-view="cols-2"] .products__view-icon span { height: 16px; } /* 3er-Icon */ #js-product-list-top .products__view-button[data-view="cols-3"] .products__view-icon span { height: 18px; } #js-product-list-top .products__count span { color: #666; line-height: 1.2; font-weight: 400; } #js-product-list-top .products__sort-dropdown { width: 340px; max-width: 100%; } #js-product-list-top .products__sort-dropdown-button { width: 100%; min-height: 48px; padding: 12px 16px; border: 1px solid #d9d9d9; background: #fff; color: #555; border-radius: 0; box-shadow: none; display: flex; align-items: center; justify-content: space-between; text-transform: none; } #js-product-list-top .products__sort-dropdown-button.dropdown-toggle::after { display: none !important; } #js-product-list-top .products__sort-dropdown-button i { line-height: 1; color: #333; margin-left: 10px; } #js-product-list-top .products__sort-dropdown .dropdown-menu { width: 100%; margin-top: 0; border: 1px solid #d9d9d9; border-top: 0; border-radius: 0; padding: 0; box-shadow: none; } #js-product-list-top .products__sort-dropdown .dropdown-item { padding: 10px 16px; color: #444; } #js-product-list-top .products__sort-dropdown .dropdown-item:hover, #js-product-list-top .products__sort-dropdown .dropdown-item.current { background: #f7f7f7; color: #b30931; } /* Produktliste als Grid */ #js-product-list .products { display: grid !important; gap: 24px !important; } /* 3 pro Reihe */ #js-product-list .products.products--cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; } /* 2 pro Reihe */ #js-product-list .products.products--cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } /* Produktkarten */ #js-product-list .products > article.product-miniature { width: 100% !important; max-width: 100% !important; margin: 0 !important; } #js-product-list .products > article.product-miniature, #js-product-list .products > article.product-miniature .product-miniature__inner { min-width: 0 !important; } /* Mobile */ @media (max-width: 768px) { #js-product-list-top .products__selection { padding: 14px 16px; } #js-product-list-top .products__selection-right { width: 100%; margin-left: 0; justify-content: space-between; flex-wrap: wrap; } #js-product-list-top .products__sort-dropdown { width: 100%; } #js-product-list .products.products--cols-3, #js-product-list .products.products--cols-2 { grid-template-columns: 1fr !important; } } /* ========================================================= PRODUKTLISTE / SORTIERUNG DROPDOWN FIX Seite: Kategorieseite / Produktlisting Zweck: Dropdown korrekt positionieren ========================================================= */ #js-product-list-top .products__sort { position: relative; } #js-product-list-top .products__sort-dropdown { position: relative; width: 340px; max-width: 100%; } #js-product-list-top .products__sort-dropdown .dropdown-menu { position: absolute !important; top: 100% !important; left: 0 !important; right: auto !important; width: 100% !important; min-width: 100% !important; max-width: 100% !important; transform: none !important; inset: auto auto auto auto !important; z-index: 9999; } /* ========================================================= SIDEBAR / BESTSELLER-SPACING Seite: Kategorieseite / linke Sidebar Zweck: Abstand oberhalb Bestseller-Box ========================================================= */ .sidebar-bestsellers { margin-top: 28px; } /* ========================================================= PRODUKTKARTEN IM LISTING Seite: Kategorieseite / Produktlisting Zweck: Kartenlayout, Bild, Inhalt, Preis, Button ========================================================= */ #js-product-list .products { gap: 38px !important; } #js-product-list .product-miniature { margin: 0 !important; } #js-product-list .product-miniature__inner { height: 100%; display: flex; flex-direction: column; background: #fff; border: 1px solid #e9e9e9; box-shadow: 0 4px 18px rgba(0, 0, 0, 0.08); } /* Bild oben */ #js-product-list .product-miniature__top { background: #f5f5f5 !important; padding: 0 !important; } #js-product-list .product-miniature__image-container, #js-product-list .thumbnail-container { margin: 0 !important; background: #f5f5f5 !important; width: 100%; } #js-product-list .product-miniature__image-link { display: flex; align-items: center; justify-content: center; width: 100%; min-height: 290px; background: #f5f5f5 !important; border: 0 !important; box-shadow: none !important; outline: 0 !important; } #js-product-list .product-miniature__image-link picture { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; } #js-product-list .product-miniature__image { width: 100%; object-fit: contain; display: block; margin: 0 auto; background: radial-gradient(white, #c9ced8); } /* Unten */ #js-product-list .product-miniature__bottom { flex: 1 1 auto; display: flex; flex-direction: column; padding: 18px 22px 20px; } #js-product-list .product-miniature__infos { flex: 1 1 auto; text-align: center; } /* Titel */ #js-product-list .product-miniature__title { display: block; margin: 0 0 10px; color: #b30931 !important; font-size: 18px; line-height: 1.35; font-weight: 400; text-decoration: none !important; } #js-product-list .product-miniature__title:hover { color: #b30931 !important; text-decoration: none !important; } /* Beschreibung */ #js-product-list .product-miniature__description { margin: 0 0 14px; color: #8a8a8a; font-size: 15px; line-height: 1.55; } #js-product-list .product-miniature__description p { margin: 0; } /* Preis */ #js-product-list .product-miniature__prices { display: flex; flex-wrap: wrap; justify-content: center; align-items: baseline; gap: 6px; margin: 0; } #js-product-list .product-miniature__price { margin: 0; color: #b30931; font-size: 18px; font-weight: 400; line-height: 1.2; } #js-product-list .product-miniature__price-note { margin: 0; color: #b30931; font-size: 18px; font-weight: 400; line-height: 1.2; } /* Button */ #js-product-list .product-miniature__actions { margin-top: 16px; display: flex; justify-content: center; align-items: center; } #js-product-list .product-miniature__form { margin: 0; display: flex; justify-content: center; width: 100%; } #js-product-list .product-miniature__add.btn, #js-product-list .product-miniature__add.btn.btn-primary, #js-product-list .product-miniature__add.btn-square-icon { display: inline-flex !important; align-items: center; justify-content: center; gap: 8px; width: auto !important; min-width: 0 !important; height: auto !important; min-height: 40px; padding: 8px 18px !important; background: #fff !important; border: 1px solid #b30931 !important; color: #b30931 !important; border-radius: 999px !important; box-shadow: none !important; text-transform: uppercase; font-size: 14px; line-height: 1.2; font-weight: 400; } #js-product-list .product-miniature__add i { font-size: 15px; line-height: 1; color: #b30931 !important; margin: 0 !important; } #js-product-list .product-miniature__add-text { display: inline-block !important; color: #b30931 !important; letter-spacing: 0.02em; line-height: 1; white-space: nowrap; } /* Alles ausblenden, was nicht rein soll */ #js-product-list .product-flags, #js-product-list .product-miniature__quickview-button, #js-product-list .product-miniature__quickview-touch, #js-product-list .product-miniature__variants, #js-product-list .product-list-review, #js-product-list .quantity-button, #js-product-list .product-miniature__discount-price, #js-product-list .product-miniature__regular-price { display: none !important; } #js-product-list .product-miniature__add.btn, #js-product-list .product-miniature__add.btn.btn-primary, #js-product-list .product-miniature__add.btn-square-icon, #js-product-list .product-miniature__add i, #js-product-list .product-miniature__add-text { transition: background-color 0.5s ease, border-color 0.5s ease, color 0.5s ease; } #js-product-list .product-miniature__add.btn:hover, #js-product-list .product-miniature__add.btn.btn-primary:hover, #js-product-list .product-miniature__add.btn-square-icon:hover, #js-product-list .product-miniature__add.btn:focus, #js-product-list .product-miniature__add.btn.btn-primary:focus, #js-product-list .product-miniature__add.btn-square-icon:focus, #js-product-list .product-miniature__add.btn:active, #js-product-list .product-miniature__add.btn.btn-primary:active, #js-product-list .product-miniature__add.btn-square-icon:active { background: #b30931 !important; border-color: #b30931 !important; color: #fff !important; text-decoration: none !important; } #js-product-list .product-miniature__add.btn:hover i, #js-product-list .product-miniature__add.btn.btn-primary:hover i, #js-product-list .product-miniature__add.btn-square-icon:hover i, #js-product-list .product-miniature__add.btn:focus i, #js-product-list .product-miniature__add.btn.btn-primary:focus i, #js-product-list .product-miniature__add.btn-square-icon:focus i, #js-product-list .product-miniature__add.btn:active i, #js-product-list .product-miniature__add.btn.btn-primary:active i, #js-product-list .product-miniature__add.btn-square-icon:active i, #js-product-list .product-miniature__add.btn:hover .product-miniature__add-text, #js-product-list .product-miniature__add.btn.btn-primary:hover .product-miniature__add-text, #js-product-list .product-miniature__add.btn-square-icon:hover .product-miniature__add-text, #js-product-list .product-miniature__add.btn:focus .product-miniature__add-text, #js-product-list .product-miniature__add.btn.btn-primary:focus .product-miniature__add-text, #js-product-list .product-miniature__add.btn-square-icon:focus .product-miniature__add-text, #js-product-list .product-miniature__add.btn:active .product-miniature__add-text, #js-product-list .product-miniature__add.btn.btn-primary:active .product-miniature__add-text, #js-product-list .product-miniature__add.btn-square-icon:active .product-miniature__add-text { color: #fff !important; } /* Responsive */ @media (max-width: 991px) { #js-product-list .products { gap: 24px !important; } #js-product-list .product-miniature__image-link { min-height: 240px; } #js-product-list .product-miniature__image { height: 190px; } #js-product-list .product-miniature__bottom { padding: 16px 18px 18px; } } @media (max-width: 767px) { #js-product-list .product-miniature__image-link { min-height: 210px; padding: 15px; } #js-product-list .product-miniature__image { height: 165px; } } /* ========================================================= PRODUKTKARTEN / ECKEN ECKIG und Hover Seite: Kategorieseite / Produktlisting Zweck: Radius entfernen ========================================================= */ #js-product-list .product-miniature, #js-product-list .product-miniature__inner, #js-product-list .product-miniature__top, #js-product-list .product-miniature__image-container, #js-product-list .thumbnail-container, #js-product-list .product-miniature__image-link { border-radius: 0 !important; } #js-product-list .product-miniature__inner { transition: 0.5s; } #js-product-list .product-miniature__inner:hover { box-shadow: 0 5px 15px 15px rgba(0, 0, 0, 0.08); } #js-product-list .product-miniature, #js-product-list .product-miniature__inner, #js-product-list .product-miniature__top, #js-product-list .product-miniature__image-container, #js-product-list .thumbnail-container, #js-product-list .product-miniature__image-link { border-radius: 0 !important; } #js-product-list .product-miniature__inner { transition: 0.5s; } #js-product-list .product-miniature__inner:hover { box-shadow: 0 5px 15px 15px rgba(0, 0, 0, 0.08); } /* ========================================================= PAGINATION UNTEN Seite: Kategorieseite / Produktlisting Zweck: Paginierung gestalten ========================================================= */ #js-product-list .products__pagination { margin-top: 32px; } #js-product-list .pagination__container { display: flex; justify-content: center; align-items: center; } #js-product-list .pagination__number { display: none !important; } #js-product-list .pagination__nav nav, #js-product-list .pagination__nav .pagination { display: flex; justify-content: center; align-items: center; } #js-product-list .pagination { gap: 23px; margin: 0; padding: 0; } #js-product-list .pagination .page-item { margin: 0; padding: 0; list-style: none; } /* Seitenzahlen */ #js-product-list .pagination .page-link { min-width: 34px; width: 50px; height: 50px; padding: 0; border: 1px solid #b30931; border-radius: 50%; background: #fff; color: #b30931 !important; font-size: 14px; font-weight: 400; line-height: 1; box-shadow: none !important; display: inline-flex; align-items: center; justify-content: center; text-decoration: none !important; transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease; } /* Aktive Seite */ #js-product-list .pagination .page-item.active .page-link, #js-product-list .pagination .page-link[aria-current="page"] { background: #b30931 !important; border-color: #b30931 !important; color: #fff !important; } /* Hover */ #js-product-list .pagination .page-link:hover { background: #b30931 !important; border-color: #b30931 !important; color: #fff !important; text-decoration: none !important; } /* Zurück / Weiter nur als Pfeile */ #js-product-list .pagination .page-link.previous, #js-product-list .pagination .page-link.next { width: auto !important; min-width: 0 !important; height: 34px !important; padding: 0 4px !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; color: #2f3a45 !important; box-shadow: none !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 0 !important; vertical-align: middle !important; } /* Text komplett weg */ #js-product-list .pagination .page-link.previous span, #js-product-list .pagination .page-link.next span, #js-product-list .pagination .page-link.previous .d-none, #js-product-list .pagination .page-link.next .d-none, #js-product-list .pagination .page-link.previous .d-xl-flex, #js-product-list .pagination .page-link.next .d-xl-flex { display: none !important; font-size: 0 !important; width: 0 !important; min-width: 0 !important; max-width: 0 !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; visibility: hidden !important; } /* Pfeile */ #js-product-list .pagination .page-link.previous i, #js-product-list .pagination .page-link.next i { font-size: 25px !important; line-height: 1 !important; color: #2f3a45 !important; margin: 0 !important; display: block !important; position: relative; top: 0 !important; } /* Linken Pfeil minimal anheben */ #js-product-list .pagination .page-link.previous i { top: -1px !important; } /* Hover ohne Kreis */ #js-product-list .pagination .page-link.previous:hover, #js-product-list .pagination .page-link.next:hover { background: transparent !important; border: 0 !important; color: #2f3a45 !important; } #js-product-list .pagination .page-link.previous:hover i, #js-product-list .pagination .page-link.next:hover i { color: #2f3a45 !important; } /* Disabled */ #js-product-list .pagination .page-link.previous.disabled, #js-product-list .pagination .page-link.next.disabled, #js-product-list .pagination .page-item .page-link[disabled] { opacity: 0.45; pointer-events: none; } /* ========================================================= HEADER / CART-FUNKTIONAL VERSTECKT Seite: Header Zweck: Funktionales Cart-Modul unsichtbar halten ========================================================= */ .alpinamed-cart-functional { position: absolute !important; left: -99999px !important; top: 0 !important; width: 1px !important; height: 1px !important; overflow: visible !important; opacity: 0 !important; pointer-events: none !important; } .alpinamed-cart-functional #_desktop_cart, .alpinamed-cart-functional .blockcart, .alpinamed-cart-functional .header { display: none !important; } a.header-block__action-btn.pe-md-0 { display: none; } /* ========================================================= HEADER / ALPINAMED SHOP ACTIONS Seite: Header Zweck: Account- und Cart-Icons oben rechts ========================================================= */ .alpinamed-shop-actions { display: flex; align-items: center; gap: 18px; } .alpinamed-shop-action { position: relative; display: inline-flex; align-items: center; justify-content: center; color: #b30931; text-decoration: none; line-height: 1; } .alpinamed-shop-action img { display: block; width: 35px; height: 35px; } .alpinamed-shop-action__count { position: absolute; top: -6px; right: -8px; min-width: 16px; height: 16px; padding: 0 4px; border-radius: 20px; background: #b30931; color: #fff; font-size: 10px; line-height: 16px; text-align: center; font-weight: 600; } .alpinamed-mobile-action { display: flex; align-items: center; margin-left: 10px; } .alpinamed-mobile-action .alpinamed-shop-action img { width: 20px; height: 20px; } /* ========================================================= SIDEBAR SPECIALS / BELIEBTE PRODUKTE Seite: Kategorieseite / linke Sidebar Zweck: Produktbox unterhalb Kategorien ========================================================= */ .sidebar-specials.left-block { background: #fff; border: 1px solid #d9d9d9; margin-top: 28px; } .sidebar-specials.left-block .left-block__title { margin: 0; padding: 16px 18px 14px 18px; background: #f5f5f5; line-height: 1.2; } .sidebar-specials.left-block .left-block__title-link { display: inline-block; color: #b30931; font-size: 18px; font-weight: 400; line-height: 1.2; } .sidebar-specials__list { padding: 14px 18px 18px; } .sidebar-specials__item { display: grid; grid-template-columns: 110px 1fr; gap: 16px; align-items: start; } .sidebar-specials__item + .sidebar-specials__item { margin-top: 18px; } .sidebar-specials__image { display: flex; align-items: center; justify-content: center; width: 110px; height: 110px; background: #f5f5f5; text-decoration: none; background: radial-gradient(white, #c9ced8); } .sidebar-specials__image img { max-width: 88px; max-height: 88px; width: auto; height: auto; object-fit: contain; display: block; } .sidebar-specials__content { display: flex; flex-direction: column; align-items: flex-start; padding-top: 4px; } .sidebar-specials__name { color: #b30931 !important; font-size: 16px; line-height: 1.35; font-weight: 400; text-decoration: none !important; margin-bottom: 6px; } .sidebar-specials__name:hover { color: #930726 !important; text-decoration: none !important; } .sidebar-specials__price { color: #555; font-size: 15px; line-height: 1.4; margin-bottom: 10px; } .sidebar-specials__form { margin: 0; } .sidebar-specials__button, .sidebar-specials__button--link { display: inline-flex; align-items: center; justify-content: center; gap: 6px; min-height: 34px; padding: 6px 12px; border: 1px solid #b30931; border-radius: 999px; background: #fff; color: #b30931 !important; font-size: 13px; line-height: 1.2; font-weight: 400; text-transform: uppercase; text-decoration: none !important; box-shadow: none; cursor: pointer; transition: 0.5s; } .sidebar-specials__button i, .sidebar-specials__button--link i { font-size: 14px; color: #b30931 !important; margin: 0; transition: 0.5s; } .sidebar-specials__button:hover, .sidebar-specials__button--link:hover, .sidebar-specials__button:focus, .sidebar-specials__button--link:focus, .sidebar-specials__button:active, .sidebar-specials__button--link:active { background-color: #B30931; border-color: #B30931; color: #fff !important; text-decoration: none !important; } .sidebar-specials__button:hover i, .sidebar-specials__button--link:hover i, .sidebar-specials__button:focus i, .sidebar-specials__button--link:focus i, .sidebar-specials__button:active i, .sidebar-specials__button--link:active i { color: #fff !important; } /* ========================================================= PRODUKTDETAILSEITE / GRUNDLAYOUT Seite: Produktdetailseite Zweck: Aufbau links Bild / rechts Inhalt ========================================================= */ .alpinamed-product-page { padding-top: 6px; } .alpinamed-product-page__back { margin-bottom: 18px; display: flex; justify-content: flex-end; } .alpinamed-product-page__back a { color: #b7b7b7; font-size: 13px; line-height: 1.2; text-decoration: none; } .alpinamed-product-page__back a:hover { color: #b30931; text-decoration: none; } .alpinamed-product-page__top { display: grid; grid-template-columns: minmax(0, 56%) minmax(360px, 44%); gap: 42px; align-items: start; } .alpinamed-product-page__left, .alpinamed-product-page__right { min-width: 0; } .alpinamed-product-page__title { margin: 0 0 14px !important; color: #b30931 !important; font-size: 40px; line-height: 1.08; font-weight: 400 !important; } .alpinamed-product-page__shortdescription { margin: 0 0 18px; color: #6a6a6a; font-size: 15px; line-height: 1.7; } .alpinamed-product-page__shortdescription p { margin: 0 0 10px; } .alpinamed-product-page__shortdescription p:last-child { margin-bottom: 0; } /* ========================================================= PRODUKTDETAILSEITE / PREISBLOCK Seite: Produktdetailseite Zweck: Preis, MWST, Rabatt, Preislabel ========================================================= */ .alpinamed-product-page__pricebox { margin-bottom: 18px; } .alpinamed-product-page__pricebox .product-prices, .alpinamed-product-page__pricebox .product__prices { margin: 0 !important; } .alpinamed-product-page__pricebox .current-price, .alpinamed-product-page__pricebox .current-price span, .alpinamed-product-page__pricebox .product-price { color: #b30931 !important; font-size: 24px !important; line-height: 1.15; font-weight: 400 !important; } .alpinamed-product-page__pricebox .regular-price, .alpinamed-product-page__pricebox .discount, .alpinamed-product-page__pricebox .discount-amount, .alpinamed-product-page__pricebox .product-discounts, .alpinamed-product-page__pricebox .tax-shipping-delivery-label, .alpinamed-product-page__pricebox .product-tax-shipping-delivery, .alpinamed-product-page__pricebox .product-unit-price, .alpinamed-product-page__pricebox .product-reference { display: none !important; } .alpinamed-product-page__pricetitle { margin-bottom: 4px; color: #000000; font-size: 16px; line-height: 1.3; font-weight: 600; } .alpinamed-product-page__priceline { display: flex; align-items: baseline; gap: 8px; flex-wrap: wrap; } .alpinamed-product-page__priceline .product-prices { margin: 0 !important; } .alpinamed-product-page__priceline .current-price, .alpinamed-product-page__priceline .current-price span, .alpinamed-product-page__priceline .price { margin: 0 !important; } .alpinamed-product-page__taxnote { color: #b30931; font-size: 20px; line-height: 1.3; } .product__price { color: #b30931; font-size: 20px; } span.product__tax-label { display: none; } .alpinamed-product-page__qty-label span:first-child { font-size: 15px; } /* ========================================================= PRODUKTDETAILSEITE / FORMULARE & CTA Seite: Produktdetailseite Zweck: Varianten, Menge, +/- Buttons, Warenkorbbutton ========================================================= */ .alpinamed-product-page__actions { margin-top: 10px; } .alpinamed-product-page__actions .product-variants, .alpinamed-product-page__actions .product-variants-item { margin-bottom: 16px !important; } .alpinamed-product-page__actions .product-variants-item label, .alpinamed-product-page__actions .product-variants label { display: block; margin-bottom: 8px; color: #4b4b4b; font-size: 14px; font-weight: 500; } .alpinamed-product-page__actions select, .alpinamed-product-page__actions .form-control { min-height: 44px; border: 1px solid #dfdfdf !important; border-radius: 0 !important; box-shadow: none !important; font-size: 15px; color: #555 !important; } .alpinamed-product-page__actions .product-add-to-cart, .alpinamed-product-page__actions .product-quantity { margin: 0 !important; } .alpinamed-product-page__actions .qty { max-width: 106px; } .alpinamed-product-page__actions #quantity_wanted, .alpinamed-product-page__actions .qty .form-control { border: 1px solid #dfdfdf !important; border-left: 0 !important; border-right: 0 !important; box-shadow: none !important; text-align: center; } .alpinamed-product-page__actions .btn-touchspin, .alpinamed-product-page__actions .bootstrap-touchspin-up, .alpinamed-product-page__actions .bootstrap-touchspin-down { width: 42px !important; min-width: 42px !important; height: 42px !important; border: 1px solid #dfdfdf !important; background: #fff !important; color: #b30931 !important; box-shadow: none !important; } .alpinamed-product-page__actions .add-to-cart, .alpinamed-product-page__actions .btn-primary { min-width: 190px; min-height: 42px; padding: 10px 22px !important; border: 1px solid #b30931 !important; border-radius: 999px !important; background: #b30931 !important; color: #fff !important; box-shadow: none !important; font-size: 14px !important; font-weight: 400 !important; text-transform: uppercase; } .alpinamed-product-page__actions .add-to-cart:hover, .alpinamed-product-page__actions .btn-primary:hover { background: #930726 !important; border-color: #930726 !important; color: #fff !important; } .quantity-button button { color: #b30931; } /* form-select Block wie aktuell übernommen */ .form-select { font-size { font-size: 16px; } } /* Anzahl-Label */ .alpinamed-product-page__qty-label { display: flex; align-items: center; gap: 6px; margin-bottom: 8px; } .alpinamed-product-page__qty-dot { width: 8px; height: 8px; border-radius: 50%; background: #39b54a; } .alpinamed-product-page__qty-dot.red { width: 8px; height: 8px; border-radius: 50%; background: rgba(var(--bs-danger-rgb)); } .product__availability-messages { font-size: 0.7rem; } .product__availability-status.text-success span { color: #6a6a6a !important; } /* CTA-Breite / Hover */ .product__actions-qty-add { align-items: center; } .product__add-to-cart.add { flex: 0 0 auto !important; } .product__add-to-cart.add .product__add-to-cart-button.btn.btn-primary { width: auto !important; min-width: 0 !important; flex: 0 0 auto !important; white-space: nowrap; padding: 10px 22px !important; } .product__add-to-cart.add .product__add-to-cart-button.btn.btn-primary { transition: 0.5s; } .product__add-to-cart.add .product__add-to-cart-button.btn.btn-primary:hover, .product__add-to-cart.add .product__add-to-cart-button.btn.btn-primary:focus, .product__add-to-cart.add .product__add-to-cart-button.btn.btn-primary:active { background-color: #B30931; border-color: #B30931; color: #fff; text-decoration: none; } .product__add-to-cart.add .product__add-to-cart-button.btn.btn-primary:hover i, .product__add-to-cart.add .product__add-to-cart-button.btn.btn-primary:focus i, .product__add-to-cart.add .product__add-to-cart-button.btn.btn-primary:active i { color: #fff; } /* ========================================================= PRODUKTDETAILSEITE / REASSURANCE-PLATZHALTER Seite: Produktdetailseite Zweck: Abstand für Kundenvorteile ========================================================= */ .alpinamed-product-page__reassurance-placeholder { min-height: 110px; margin-top: 22px; } /* ========================================================= PRODUKTDETAILSEITE / UNTERER TEXTBLOCK Seite: Produktdetailseite Zweck: Beschreibung / Trenner / Mehr lesen ========================================================= */ .alpinamed-product-page__divider { margin-top: 26px; border-top: 1px solid #e9e9e9; } .alpinamed-product-page__bottom { padding-top: 18px; } .alpinamed-product-page__description { max-width: 980px; color: #666; font-size: 15px; line-height: 1.75; } .alpinamed-product-page__description p { margin: 0 0 14px; } .alpinamed-product-page__readmore { display: inline-block; margin-top: 8px; color: #b30931; font-size: 14px; text-decoration: none; } .alpinamed-product-page__readmore:hover { color: #930726; text-decoration: none; } /* ========================================================= PRODUKTDETAILSEITE / BILDBEREICH Seite: Produktdetailseite Zweck: Hauptbild, Zoom-Button, Badges ========================================================= */ .product__left .images-container, .product__left .product-cover, .product__left .js-qv-mask, .product__left .mask { background: #f5f5f5 !important; border: 0 !important; box-shadow: none !important; border-radius: 0 !important; } .product__left .product-cover { margin-bottom: 0 !important; } .product__left .product-cover img { object-fit: contain; background: #f5f5f5; } .product__left .product-images, .product__left .thumb-container { display: none !important; } .product__left .product-cover .layer, .product__left .layer { right: 14px !important; bottom: 14px !important; width: 38px !important; height: 38px !important; border-radius: 8px !important; background: #fff !important; border: 1px solid #e3e3e3 !important; box-shadow: 0 4px 12px rgba(0,0,0,0.08); display: flex !important; align-items: center; justify-content: center; opacity: 1 !important; } .product__left .product-cover .layer i, .product__left .layer i { color: #666 !important; font-size: 18px !important; } .product__left .product-flags { top: 12px !important; left: 12px !important; } .product__left .product-flags .badge, .product__left .product-flags li { background: #b30931 !important; color: #fff !important; border-radius: 4px !important; font-size: 12px !important; font-weight: 400 !important; padding: 4px 9px !important; } /* ========================================================= PRODUKTDETAILSEITE / ZURÃœCK-LINK Seite: Produktdetailseite Zweck: Zurück zur Ãœbersicht ========================================================= */ .alpinamed-product-page__back { margin-bottom: 18px; } .alpinamed-product-page__back a { display: inline-flex; align-items: center; gap: 8px; padding: 0; border: 0; background: transparent; color: #b7b7b7; font-size: 20px; line-height: 1.2; font-weight: 200; letter-spacing: 0; text-transform: none; text-decoration: none; box-shadow: none; } .alpinamed-product-page__back a::before { content: "↩"; color: #b7b7b7; font-size: 18px; line-height: 1; } .alpinamed-product-page__back a:hover { color: #b30931; text-decoration: none; } .alpinamed-product-page__back a:hover::before { color: #b30931; } /* ========================================================= PRODUKTDETAILSEITE / KUNDENVORTEILE Seite: Produktdetailseite Zweck: Reassurance-Box unter CTA ========================================================= */ .blockreassurance--product { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px 28px; padding: 18px 22px; border: 1px solid #e8e8e8; border-radius: 6px; background: #fff; width: 100%; max-width: 580px; } .blockreassurance--product .reassurance { display: flex; align-items: flex-start; gap: 12px; margin: 0; } .blockreassurance--product .reassurance__image { flex: 0 0 26px; width: 26px; height: 26px; display: flex; align-items: flex-start; justify-content: center; margin-top: 1px; } .blockreassurance--product .reassurance__image img { display: block; width: 26px; height: 43px; object-fit: contain; } .blockreassurance--product .reassurance__content { display: flex; flex-direction: column; align-items: flex-start; } .blockreassurance--product .reassurance__title { display: block; color: #6f6f6f; } .blockreassurance--product .reassurance__desc { display: block; margin-top: 2px; color: #b3b3b3; font-size: 16px; } .blockreassurance--product br { display: none; } @media (max-width: 767px) { .blockreassurance--product { grid-template-columns: 1fr; gap: 14px; padding: 16px 18px; } } /* ========================================================= PRODUKTDETAILSEITE / RESPONSIVE Seite: Produktdetailseite Zweck: Layoutanpassung unter 1200px ========================================================= */ @media (max-width: 1199px) { .alpinamed-product-page__top { grid-template-columns: 1fr; gap: 28px; } .alpinamed-product-page__title { font-size: 32px; } } .product__thumbnails-list{ display: none; } p { font-family: "Open Sans", sans-serif !important; } .lang-switcher, .lang-switcher button, .lang-switcher a, .lang-switcher li, .langswitcher, .langswitcher a { font-family: "Open Sans", sans-serif !important; } .alpinamed-product-iframe-section { width: 100vw !important; max-width: 100vw !important; margin-left: calc(50% - 50vw) !important; margin-right: calc(50% - 50vw) !important; margin-top: 60px; margin-bottom: 40px; display: block; clear: both; overflow: hidden; } .alpinamed-product-iframe-container { width: 100vw !important; max-width: none !important; margin-left: 0 !important; margin-right: 0 !important; padding-right: 20px !important; box-sizing: border-box; } .alpinamed-product-iframe-wrap, .alpinamed-product-iframe { width: 100% !important; max-width: none !important; min-height: 650px; height: 650px; border: 0 !important; display: block; overflow: hidden !important; } .alpinamed-checkout-button { background-color: #B30931; border-color: #B30931; color: #fff; text-decoration: none; box-shadow: none; } .alpinamed-checkout-button:hover, .alpinamed-checkout-button:focus, .alpinamed-checkout-button:active { background-color: #fff; border-color: #B30931; color: #B30931; text-decoration: none; box-shadow: none; } a.cart__continue-shopping.btn.btn-outline-primary { color: #B30931; } a.cart__continue-shopping.btn.btn-outline-primary span, a.cart__continue-shopping.btn.btn-outline-primary i { color: #B30931; } a.cart__continue-shopping.btn.btn-outline-primary:hover, a.cart__continue-shopping.btn.btn-outline-primary:focus, a.cart__continue-shopping.btn.btn-outline-primary:active { color: #fff; } a.cart__continue-shopping.btn.btn-outline-primary:hover span, a.cart__continue-shopping.btn.btn-outline-primary:focus span, a.cart__continue-shopping.btn.btn-outline-primary:active span, a.cart__continue-shopping.btn.btn-outline-primary:hover i, a.cart__continue-shopping.btn.btn-outline-primary:focus i, a.cart__continue-shopping.btn.btn-outline-primary:active i { color: #fff; } a.btn.btn-primary.btn-lg { color: #fff; } a.btn.btn-primary.btn-lg span, a.btn.btn-primary.btn-lg i { color: #fff; } a.js-remove-from-cart { color: #B30931; text-decoration: none; } a.js-remove-from-cart:hover, a.js-remove-from-cart:focus, a.js-remove-from-cart:active { color: #7A041D; text-decoration: none; } .product-line__title, .product-line__title a { color: #B30931; text-decoration: none; } .product-line__title:hover, .product-line__title:focus, .product-line__title:active, .product-line__title a:hover, .product-line__title a:focus, .product-line__title a:active { color: #7A041D; text-decoration: none; } .blockreassurance--cart{ display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px 28px; padding: 18px 22px; border: 1px solid #e8e8e8; border-radius: 6px; background: #fff; width: 100%; max-width: 580px; } .blockreassurance--cart .reassurance { display: flex; align-items: flex-start; gap: 12px; margin: 0; } .blockreassurance--cart .reassurance__image { flex: 0 0 26px; width: 26px; height: 26px; display: flex; align-items: flex-start; justify-content: center; margin-top: 1px; } .blockreassurance--cart .reassurance__image img { display: block; width: 26px; height: 43px; object-fit: contain; } .blockreassurance--cart.reassurance__content { display: flex; flex-direction: column; align-items: flex-start; } .blockreassurance--cart .reassurance__title { display: block; color: #6f6f6f; } .blockreassurance--cart .reassurance__desc { display: block; margin-top: 2px; color: #b3b3b3; font-size: 16px; } .blockreassurance--cart br { display: none; } @media (max-width: 767px) { .blockreassurance--cart { grid-template-columns: 1fr; gap: 14px; padding: 16px 18px; } } .blockreassurance--checkout { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px 28px; padding: 18px 22px; border: 1px solid #e8e8e8; border-radius: 6px; background: #fff; width: 100%; max-width: 580px; } .blockreassurance--checkout .reassurance { display: flex; align-items: flex-start; gap: 12px; margin: 0; } .blockreassurance--checkout .reassurance__image { flex: 0 0 26px; width: 26px; height: 26px; display: flex; align-items: flex-start; justify-content: center; margin-top: 1px; } .blockreassurance--checkout .reassurance__image img { display: block; width: 26px; height: 43px; object-fit: contain; } .blockreassurance--checkout .reassurance__content { display: flex; flex-direction: column; align-items: flex-start; } .blockreassurance--checkout .reassurance__title { display: block; color: #6f6f6f; } .blockreassurance--checkout .reassurance__desc { display: block; margin-top: 2px; color: #b3b3b3; font-size: 16px; } .blockreassurance--checkout br { display: none; } @media (max-width: 767px) { .blockreassurance--checkout { grid-template-columns: 1fr; gap: 14px; padding: 16px 18px; } } .alert.alert-dismissible.fade.d-flex.align-items-center.alert-success.show{ display: none; } /* Footer H4 + H5 Titel */ footer.alpinamed-footer h4, footer.alpinamed-footer h5 { font-size: 20px; font-weight: 400; } footer.alpinamed-footer p, footer.alpinamed-footer span, footer.alpinamed-footer a, footer.alpinamed-footer li, footer.alpinamed-footer div, footer.alpinamed-footer b, footer.alpinamed-footer strong { font-size: 18px !important; } /*footer.alpinamed-footer p, footer.alpinamed-footer span, footer.alpinamed-footer a, footer.alpinamed-footer li, footer.alpinamed-footer div { font-weight: 400 !important; } */ footer.alpinamed-footer b, footer.alpinamed-footer strong { font-weight: 400 !important; } footer.alpinamed-footer .footer-opening-hours p { display: grid !important; grid-template-columns: 120px auto !important; margin: 0 0 6px 0 !important; } footer.alpinamed-footer .footer-opening-hours span { font-size: 18px; white-space: nowrap; } /* ========================================================= BELOW FOOTER FIX Seite: Footer / unterer Footerbereich Zweck: Styling für den Bereich unter dem Footer ========================================================= */ .below-footer { background-color: #F8F8F8; color: #29363c; padding: 0; font-size: 20px !important; } .below-footer .uk-grid-collapse { align-items: center; } .below-footer .uk-width-1-2\@m, .below-footer .uk-width-1-1 { margin-top: 0 !important; } .below-footer span, .below-footer a, .below-footer strong, .below-footer div { color: #29363c; font-size: 20px !important; } .below-footer span, .below-footer a, .below-footer div { font-weight: 400 !important; } .below-footer strong, .below-footer strong a { font-weight: 600 !important; } .below-footer a { display: inline !important; text-decoration: none; } .below-footer a:hover { color: #B30931; } .below-footer .uk-text-right\@m { text-align: right; } .below-footer .uk-text-left\@m { text-align: left; } .below-footer .uk-container { padding-top: 0; padding-bottom: 0; } .below-footer div { min-height: auto !important; } @media (max-width: 959px) { .below-footer { padding: 14px 0; text-align: center; font-size: 20px !important; } .below-footer span, .below-footer a, .below-footer strong, .below-footer div { font-size: 20px !important; } .below-footer .uk-text-right\@m, .below-footer .uk-text-left\@m { text-align: center !important; } .below-footer .uk-width-1-2\@m:first-child { margin-bottom: 8px; } } /* ========================================================= BELOW FOOTER FARBE + FONT-WEIGHT FIX ========================================================= */ .below-footer, .below-footer * { color: #29363c !important; opacity: 1 !important; text-shadow: none !important; } /* Normaler Text */ .below-footer, .below-footer span, .below-footer div, .below-footer a { font-size: 20px !important; font-weight: 200 !important; } /* Links: Datenschutz / Impressum / Zertifikate */ .below-footer a, .below-footer a:visited, .below-footer a:active { color: #29363c !important; font-weight: 200 !important; text-decoration: none !important; opacity: 1 !important; } /* Hover */ .below-footer a:hover { color: #B30931 !important; opacity: 1 !important; } /* Nur starke Texte fett: Alpinamed AG + ViDYO GmbH */ .below-footer strong, .below-footer strong a { color: #29363c !important; font-size: 20px !important; font-weight: 600 !important; opacity: 1 !important; } /* Trennzeichen | ebenfalls grau, nicht weiss */ .below-footer span { color: #29363c !important; } /* ========================================================= BELOW FOOTER ORIGINAL ALPINAMED ========================================================= */ .below-footer { background-color: #F8F8F8 !important; color: #29363c !important; font-family: "Open Sans", Arial, sans-serif !important; font-size: 20px !important; font-weight: 300 !important; letter-spacing: 0 !important; font-stretch: normal !important; font-variation-settings: normal !important; } .below-footer > div > div { padding: 10px 0 !important; font-family: "Open Sans", Arial, sans-serif !important; font-size: 20px !important; font-weight: 300 !important; letter-spacing: 0 !important; font-stretch: normal !important; font-variation-settings: normal !important; color: #29363c !important; } .below-footer span, .below-footer a { font-family: "Open Sans", Arial, sans-serif !important; font-size: 20px !important; font-weight: 300 !important; letter-spacing: 0 !important; font-stretch: normal !important; font-variation-settings: normal !important; color: #29363c !important; } .below-footer strong, .below-footer strong a { font-family: "Open Sans", Arial, sans-serif !important; font-size: 20px !important; font-weight: 400 !important; letter-spacing: 0 !important; font-stretch: normal !important; font-variation-settings: normal !important; color: #29363c !important; } .below-footer a { display: inline !important; position: relative !important; text-decoration: none !important; } .below-footer a:hover { color: #29363c !important; } .below-footer a:before { position: absolute; top: -1.5px; left: 0; content: ""; display: block; background-color: #29363c; height: 1px; width: 0; transition: 0.3s; } .below-footer a:hover:before { width: 100%; } /* ========================================================= PRODUKTDETAIL / WEITERE BELIEBTE PRODUKTE Modul: ps_categoryproducts Breite kommt vollständig vom bestehenden UIkit-Container ========================================================= */ .alpinamed-related { margin-top: 100px; margin-bottom: 100px; } .alpinamed-related__headline { margin: 0 0 56px; color: #29363c; font-size: 35px; line-height: 1.25; font-weight: 300; text-align: center; } .alpinamed-related__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 70px; } .alpinamed-related-card { margin: 0; } .alpinamed-related-card__inner { height: 100%; display: flex; flex-direction: column; background: #fff; border: 1px solid #eeeeee; box-shadow: 0 8px 28px rgba(0, 0, 0, 0.10); transition: box-shadow 0.35s ease; } .alpinamed-related-card__inner:hover { box-shadow: 0 10px 34px rgba(0, 0, 0, 0.15); } .alpinamed-related-card__image-wrap { display: flex; align-items: center; justify-content: center; height: 370px; padding: 38px; background: radial-gradient(white, #c9ced8); text-decoration: none; overflow: hidden; } .alpinamed-related-card__image { display: block; width: auto; max-width: 88%; max-height: 300px; object-fit: contain; transition: transform 0.5s ease; } .alpinamed-related-card__inner:hover .alpinamed-related-card__image { transform: scale(1.08); } .alpinamed-related-card__content { flex: 1 1 auto; display: flex; flex-direction: column; padding: 34px 38px 34px; background: #fff; } .alpinamed-related-card__brand { margin: 0 0 6px; color: #29363c; font-size: 30px; line-height: 1.2; font-weight: 300; } .alpinamed-related-card__title { display: block; margin: 0 0 28px; color: #b30931; font-size: 30px; line-height: 1.25; font-weight: 400; text-decoration: none; } .alpinamed-related-card__title:hover, .alpinamed-related-card__title:focus { color: #7a041d; text-decoration: none; } .alpinamed-related-card__description { margin: 0 0 42px; color: #8a8a8a; font-size: 15px; line-height: 1.5; } .alpinamed-related-card__footer { margin-top: auto; display: flex; align-items: center; justify-content: space-between; gap: 24px; } .alpinamed-related-card__price { color: #b30931; font-size: 16px; line-height: 1.25; font-weight: 400; white-space: nowrap; } .alpinamed-related-card__price span { color: #b30931; font-size: 16px; font-weight: 400; } .alpinamed-related-card__action { flex: 0 0 auto; } .alpinamed-related-card__form { margin: 0; } .alpinamed-related-card__button { display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-height: 52px; padding: 0 22px; border: 1px solid #b30931; border-radius: 12px; background: #b30931; color: #fff; box-shadow: none; text-transform: uppercase; text-decoration: none; font-size: 15px; line-height: 1; font-weight: 400; cursor: pointer; white-space: nowrap; transition: background-color 0.25s ease, border-color 0.25s ease, color 0.25s ease; } .alpinamed-related-card__button i { color: #fff; font-size: 18px; line-height: 1; margin: 0; } .alpinamed-related-card__button span { color: #fff; line-height: 1; white-space: nowrap; } .alpinamed-related-card__button:hover, .alpinamed-related-card__button:focus, .alpinamed-related-card__button:active { background: #fff;visibility: hidden; border-color: #b30931; color: #b30931; text-decoration: none; box-shadow: none; } .alpinamed-related-card__button:hover i, .alpinamed-related-card__button:focus i, .alpinamed-related-card__button:active i, .alpinamed-related-card__button:hover span, .alpinamed-related-card__button:focus span, .alpinamed-related-card__button:active span { color: #b30931; } /* ========================================================= ALPINAMED FONT FAMILY FIX Abgeglichen mit Datei 1 ========================================================= */ :root, [data-bs-theme=light], [data-bs-theme=dark] { --bs-font-sans-serif: "Open Sans", sans-serif; --bs-body-font-family: "Open Sans", sans-serif; --bs-btn-font-family: "Open Sans", sans-serif; } html, body { font-family: "Open Sans", sans-serif !important; } button, input, optgroup, select, textarea, label, legend, .form-control, .form-select, .dropdown-menu, .popover, .tooltip { font-family: "Open Sans", sans-serif !important; } h1, .h1, .alpinamed-product-page__title { font-family: "Ador Regular", sans-serif !important; } h2, .h2, .alpinamed-related__headline, .alpinamed-related-card__brand { font-family: "Ador Light", sans-serif !important; } h3, .h3, .left-block__title, .right-block__title, h4, .h4, h5, .h5, h6, .h6 { font-family: "Open Sans", sans-serif !important; } .uk-card .uk-card-body .uk-card-title, .alpinamed-related-card__title, #js-product-list .product-miniature__title, .ps-categorytree.category-tree.left-block .left-block__title-link, .sidebar-specials.left-block .left-block__title-link, .uk-modal .uk-modal-dialog .uk-modal-title { font-family: "Ador Regular", sans-serif !important; } .alpinamed-product-page__shortdescription, .alpinamed-product-page__description, .alpinamed-related-card__description, .alpinamed-related-card__price, .alpinamed-related-card__button { font-family: "Open Sans", sans-serif !important; } .buttons-wrapper .btn-outline-primary { color: #B30931; border-color: #B30931; background-color: transparent; } .buttons-wrapper .btn-outline-primary i { color: #B30931; } .buttons-wrapper .btn-outline-primary:hover { color: #ffffff; border-color: #B30931; background-color: #B30931; } .buttons-wrapper .btn-outline-primary:hover i { color: #ffffff; } .checkout-step footer.buttons-wrapper, .checkout-step__footer, .buttons-wrapper.buttons-wrapper--end { background: transparent; border-top: 0; color: inherit; font-size: inherit; font-weight: inherit; } /* Buttons im Checkout gleich hoch machen */ .checkout-step footer.buttons-wrapper .btn, .checkout-step__footer .btn, .buttons-wrapper.buttons-wrapper--end .btn { min-height: 38px; padding: 8px 18px; line-height: 1.2; display: inline-flex; align-items: center; justify-content: center; gap: 8px; width: auto; } img.cart-summary-product__img.img-fluid{ visibility: visible !important; } .cart-summary-product__link{ color: #B30931; } .cart-summary-product__link:hover { color: #8F0727; } ol:not(#specificityBoost), ul:not(#specificityBoost) { padding-left: 0px; } .buttons-wrapper--split .btn-basic { color: #B30931; } .buttons-wrapper--split .btn-basic:hover, .buttons-wrapper--split .btn-basic:focus { color: #8F0727; } .d-grid .btn-outline-primary[data-link-action="display-register-form"] { color: #B30931; } .d-grid .btn-outline-primary[data-link-action="display-register-form"]:hover, .d-grid .btn-outline-primary[data-link-action="display-register-form"]:focus { color: #ffffff; } /* Adressen / Indirizzi */ .account-menu__link, .account-menu__link:visited, .account-menu__link .account-menu__icon, .account-menu__link .material-icons, .account-menu__back, .account-menu__back .material-icons, .address-card__edit, .address-card__delete, .address-card--add-address, .address-card__add-text { color: #b30931 !important; } /* Hover / Focus / Active */ .account-menu__link:hover, .account-menu__link:focus, .account-menu__link:active, .account-menu__link:hover .account-menu__icon, .account-menu__link:focus .account-menu__icon, .account-menu__link:active .account-menu__icon, .account-menu__back:hover, .account-menu__back:focus, .account-menu__back:active, .account-menu__back:hover .material-icons, .account-menu__back:focus .material-icons, .account-menu__back:active .material-icons, .address-card__edit:hover, .address-card__edit:focus, .address-card__edit:active, .address-card__delete:hover, .address-card__delete:focus, .address-card__delete:active, .address-card--add-address:hover, .address-card--add-address:focus, .address-card--add-address:active, .address-card--add-address:hover .address-card__add-text, .address-card--add-address:focus .address-card__add-text, .address-card--add-address:active .address-card__add-text { color: #8f0827 !important; } /* Plus-Button bei "Neue Adresse hinzufügen" */ .address-card__add-icon { background-color: #b30931 !important; border-color: #b30931 !important; color: #ffffff !important; } /* Plus-Button Icon weiss */ .address-card__add-icon .material-icons { color: #ffffff !important; } /* Plus-Button Hover */ .address-card--add-address:hover .address-card__add-icon, .address-card--add-address:focus .address-card__add-icon, .address-card--add-address:active .address-card__add-icon { background-color: #8f0827 !important; border-color: #8f0827 !important; color: #ffffff !important; } /* Blaue Focus-Rahmen rot machen */ .account-menu__link:focus, .account-menu__back:focus, .address-card__edit:focus, .address-card__delete:focus, .address-card--add-address:focus, .address-card__add-icon:focus { border-color: #b30931 !important; outline-color: #b30931 !important; box-shadow: 0 0 0 0.2rem rgba(179, 9, 49, 0.25) !important; } .alert.alert-info{ background-color: #b30931; color: white; } /* ========================================================= ALPINAMED BASIS-STYLES FÜR PRESTASHOP ========================================================= */ html { font-size: 20px !important; font-family: "Open Sans", sans-serif !important; font-weight: 400; font-style: normal; } body { overflow-x: hidden; background-color: #ffffff; font-family: "Open Sans", sans-serif !important; font-size: 1rem; font-weight: 400; font-style: normal; } /* Headlines */ h1, .h1 { color: #29363c; font-size: 2.8rem; font-family: "Ador Regular", sans-serif !important; font-style: normal; font-weight: 400; margin-top: 0; margin-bottom: 1rem; } h2, .h2 { color: #29363c; font-size: 2.4rem; font-family: "Ador Light", sans-serif !important; font-style: normal; font-weight: 300; margin-top: 0; margin-bottom: 1rem; } h3, .h3 { color: #29363c; font-size: 1.9rem; font-family: "Open Sans", sans-serif !important; font-weight: 400; margin-top: 0; margin-bottom: 1rem; } h4, .h4 { color: #29363c; font-size: 1.5rem; font-family: "Open Sans", sans-serif !important; font-weight: 400; margin-top: 0; margin-bottom: 1rem; } h5, .h5 { color: #29363c; font-size: 1.2rem; font-family: "Open Sans", sans-serif !important; font-weight: 400; margin-top: 0; margin-bottom: 1rem; } h6, .h6 { color: #29363c; font-size: 1rem; font-family: "Open Sans", sans-serif !important; font-weight: 500; margin-top: 0; margin-bottom: 1rem; } /* Standard-Texte */ p { margin-top: 0; margin-bottom: 1rem; } /* Links */ a { text-decoration: none; color: #29363c; } a:hover, a:focus { text-decoration: none; color: currentColor; } /* Main */ main { overflow: hidden; } /* Container-Abstände wie in deiner Datei */ .uk-container { padding-left: 100px; padding-right: 100px; } /* Buttons grob übernehmen */ .uk-custom-button { display: block; width: fit-content; transition: 0.5s; padding: 8px 18px; border-radius: 15px; border: 1px solid #b30931; background-color: transparent; } .uk-custom-button span { color: #b30931; text-transform: uppercase; letter-spacing: normal; } .uk-custom-button:hover { background-color: #b30931; } .uk-custom-button:hover span { color: #ffffff; } /* Normale Buttons */ .uk-button { padding: 0.5rem 1rem; } /* Mobile Anpassungen */ @media (max-width: 1200px) { html { font-size: 16px !important; } } @media (max-width: 768px) { .uk-container { padding-left: 45px; padding-right: 45px; } h2, .h2 { font-size: 2rem; } } @media (max-width: 480px) { .uk-container { padding-left: 30px; padding-right: 30px; } } /* ========================================================= WEITERE BELIEBTE PRODUKTE – RESPONSIVE ========================================================= */ .alpinamed-related { width: 100%; min-width: 0; margin-top: 100px; margin-bottom: 100px; } .alpinamed-related__headline { margin: 0 0 56px; color: #29363c; font-family: "Ador Light", sans-serif !important; font-size: 35px; line-height: 1.25; font-weight: 300; text-align: center; } .alpinamed-related__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 70px; width: 100%; min-width: 0; } .alpinamed-related-card { width: 100% !important; max-width: 100% !important; min-width: 0 !important; margin: 0 !important; } .alpinamed-related-card__inner { width: 100%; height: 100%; min-width: 0; display: flex; flex-direction: column; background: #fff; border: 1px solid #eeeeee; box-shadow: 0 8px 28px rgba(0, 0, 0, 0.10); transition: box-shadow 0.35s ease; overflow: hidden; } .alpinamed-related-card__inner:hover { box-shadow: 0 10px 34px rgba(0, 0, 0, 0.15); } .alpinamed-related-card__image-wrap { display: flex; align-items: center; justify-content: center; width: 100%; height: 370px; padding: 38px; background: radial-gradient(white, #c9ced8); text-decoration: none; overflow: hidden; } .alpinamed-related-card__image { display: block; width: auto; height: auto; max-width: 88%; max-height: 300px; object-fit: contain; transition: transform 0.5s ease; } .alpinamed-related-card__inner:hover .alpinamed-related-card__image { transform: scale(1.08); } .alpinamed-related-card__content { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; padding: 34px 38px; background: #fff; } .alpinamed-related-card__brand { margin: 0 0 6px; color: #29363c; font-family: "Ador Light", sans-serif !important; font-size: 30px; line-height: 1.2; font-weight: 300; } .alpinamed-related-card__title { display: block; margin: 0 0 28px; color: #b30931; font-family: "Ador Regular", sans-serif !important; font-size: 30px; line-height: 1.25; font-weight: 400; text-decoration: none; overflow-wrap: anywhere; } .alpinamed-related-card__title:hover, .alpinamed-related-card__title:focus { color: #7a041d; text-decoration: none; } .alpinamed-related-card__description { margin: 0 0 42px; color: #8a8a8a; font-family: "Open Sans", sans-serif !important; font-size: 15px; line-height: 1.5; } .alpinamed-related-card__footer { margin-top: auto; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 20px; min-width: 0; } .alpinamed-related-card__price { color: #b30931; font-family: "Open Sans", sans-serif !important; font-size: 16px; line-height: 1.25; font-weight: 400; white-space: nowrap; } .alpinamed-related-card__price span { color: #b30931; font-size: inherit; font-weight: 400; } .alpinamed-related-card__action { flex: 0 0 auto; } .alpinamed-related-card__form { margin: 0; } .alpinamed-related-card__button { display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-height: 52px; padding: 0 22px; border: 1px solid #b30931; border-radius: 12px; background: #b30931; color: #fff; box-shadow: none; font-family: "Open Sans", sans-serif !important; font-size: 15px; line-height: 1; font-weight: 400; text-transform: uppercase; text-decoration: none; white-space: nowrap; cursor: pointer; transition: background-color 0.25s ease, border-color 0.25s ease, color 0.25s ease; } .alpinamed-related-card__button i { margin: 0; color: #fff; font-size: 18px; line-height: 1; } .alpinamed-related-card__button span { color: #fff; line-height: 1; white-space: nowrap; } .alpinamed-related-card__button:hover, .alpinamed-related-card__button:focus, .alpinamed-related-card__button:active { visibility: visible; background: #fff; border-color: #b30931; color: #b30931; text-decoration: none; box-shadow: none; } .alpinamed-related-card__button:hover i, .alpinamed-related-card__button:focus i, .alpinamed-related-card__button:active i, .alpinamed-related-card__button:hover span, .alpinamed-related-card__button:focus span, .alpinamed-related-card__button:active span { color: #b30931; } /* ========================================================= TABLET Zwei Produkte pro Reihe ========================================================= */ @media (max-width: 1100px) { .alpinamed-related { margin-top: 80px; margin-bottom: 80px; } .alpinamed-related__headline { margin-bottom: 42px; font-size: 32px; } .alpinamed-related__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 32px; } .alpinamed-related-card__image-wrap { height: 310px; padding: 30px; } .alpinamed-related-card__image { max-height: 250px; } .alpinamed-related-card__content { padding: 28px; } .alpinamed-related-card__brand { font-size: 27px; } .alpinamed-related-card__title { margin-bottom: 22px; font-size: 27px; } .alpinamed-related-card__description { margin-bottom: 32px; } } /* ========================================================= KLEINES TABLET Button unterhalb des Preises ========================================================= */ @media (max-width: 900px) { .alpinamed-related-card__footer { flex-direction: column; align-items: stretch; gap: 16px; } .alpinamed-related-card__action, .alpinamed-related-card__form, .alpinamed-related-card__button { width: 100%; } } /* ========================================================= MOBILE Ein Produkt pro Reihe ========================================================= */ @media (max-width: 767px) { .alpinamed-related, .alpinamed-related.uk-margin-large-top { margin-top: 55px !important; margin-bottom: 60px; } .alpinamed-related__headline { margin-bottom: 32px; padding: 0 10px; font-size: 28px; line-height: 1.25; } .alpinamed-related__grid { grid-template-columns: minmax(0, 1fr); gap: 28px; } .alpinamed-related-card { max-width: 520px !important; margin-right: auto !important; margin-left: auto !important; } .alpinamed-related-card__image-wrap { height: 260px; padding: 24px; } .alpinamed-related-card__image { max-width: 85%; max-height: 215px; } .alpinamed-related-card__content { padding: 24px; } .alpinamed-related-card__brand { margin-bottom: 5px; font-size: 25px; } .alpinamed-related-card__title { margin-bottom: 20px; font-size: 25px; line-height: 1.25; } .alpinamed-related-card__description { margin-bottom: 28px; font-size: 14px; } .alpinamed-related-card__price { font-size: 15px; white-space: normal; } .alpinamed-related-card__button { min-height: 50px; padding: 0 18px; font-size: 14px; } } /* ========================================================= KLEINE MOBILGERÄTE ========================================================= */ @media (max-width: 420px) { .alpinamed-related__headline { font-size: 26px; } .alpinamed-related-card__image-wrap { height: 225px; padding: 20px; } .alpinamed-related-card__image { max-height: 185px; } .alpinamed-related-card__content { padding: 20px; } .alpinamed-related-card__brand { font-size: 23px; } .alpinamed-related-card__title { font-size: 23px; } } /* Auf Touch-Geräten keinen künstlichen Hover-Zoom anzeigen */ @media (hover: none) and (pointer: coarse) { .alpinamed-related-card__inner:hover { box-shadow: 0 8px 28px rgba(0, 0, 0, 0.10); } .alpinamed-related-card__inner:hover .alpinamed-related-card__image { transform: none; } } .order-history__cell--actions .btn-outline-primary { color: #b30931 !important; } .order-history__cell--actions .btn-outline-primary:hover, .order-history__cell--actions .btn-outline-primary:focus, .order-history__cell--actions .btn-outline-primary:active { color: #fff !important; } /* Datenschutzseite – Button-Schrift rot */ .page-content--customer #exportDataToCsv, .page-content--customer #exportDataToPdf { color: #b30931 !important; } /* Button-Schrift beim Hover weiss */ .page-content--customer #exportDataToCsv:hover, .page-content--customer #exportDataToCsv:focus, .page-content--customer #exportDataToCsv:active, .page-content--customer #exportDataToPdf:hover, .page-content--customer #exportDataToPdf:focus, .page-content--customer #exportDataToPdf:active { color: #fff !important; } /* Links innerhalb des Textes rot */ .page-content--customer p a { color: #b30931 !important; } .page-content--customer p a:hover, .page-content--customer p a:focus { color: #7a041d !important; } a[data-link-action="different-invoice-address"] { color: #b30931 !important; } a[data-link-action="different-invoice-address"]:hover, a[data-link-action="different-invoice-address"]:focus { color: #870721 !important; } .js-terms a { color: #b30931 !important; } .js-terms a:hover, .js-terms a:focus { color: #870721 !important; } .uk-accordion-default.ps-categorytree > li { padding: 0; } .uk-accordion-default.ps-categorytree > li > a.uk-accordion-title { padding: 16px 18px 14px; background-color: #f5f5f5; display: flex; justify-content: space-between; } .uk-accordion-default.ps-categorytree .uk-accordion-content { margin-bottom: 20px; } /* ========================================================= KATEGORIESEITE – TABLET OHNE INHALTE AUSZUBLENDEN ========================================================= */ @media (max-width: 991.98px) { /* Sidebar und Produktbereich untereinander */ body.page-category .columns-container > .row { display: flex; flex-direction: column; } body.page-category #left-column, body.page-category #center-column { display: block !important; flex: 0 0 100% !important; width: 100% !important; max-width: 100% !important; } body.page-category #left-column { margin-bottom: 35px; } /* Kategoriebaum über volle Breite */ body.page-category .ps-categorytree.category-tree.left-block { width: 100% !important; max-width: 100% !important; } /* Beliebte Produkte nicht mehr schmal in der Seitenleiste */ body.page-category .sidebar-specials.left-block { width: 100%; margin-top: 24px; } body.page-category .sidebar-specials__list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; padding: 18px; } body.page-category .sidebar-specials__item { display: grid; grid-template-columns: 100px minmax(0, 1fr); gap: 15px; min-width: 0; margin: 0 !important; } body.page-category .sidebar-specials__image { width: 100px; height: 100px; } body.page-category .sidebar-specials__image img { max-width: 82px; max-height: 82px; } body.page-category .sidebar-specials__content { min-width: 0; } body.page-category .sidebar-specials__name { overflow-wrap: anywhere; } /* Produktliste auf dem Tablet zweispaltig */ #js-product-list .products.products--cols-3, #js-product-list .products.products--cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 24px !important; } } /* Smartphone */ @media (max-width: 767.98px) { body.page-category .sidebar-specials__list { grid-template-columns: minmax(0, 1fr); } #js-product-list .products.products--cols-3, #js-product-list .products.products--cols-2 { grid-template-columns: minmax(0, 1fr) !important; } } /* ========================================================= IPAD PRO / KLEINE LAPTOPS – 992 BIS 1199 PX Sidebar bleibt sichtbar, Produktliste wird zweispaltig ========================================================= */ @media (min-width: 992px) and (max-width: 1199.98px) { /* Hauptprodukte nur noch zweispaltig */ body.page-category #js-product-list .products.products--cols-3, body.page-category #js-product-list .products.products--cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 24px !important; } /* Produktbilder etwas kompakter */ body.page-category #js-product-list .product-miniature__image-link { min-height: 250px !important; padding: 20px !important; } body.page-category #js-product-list .product-miniature__image { width: auto !important; max-width: 100% !important; height: 205px !important; object-fit: contain; } body.page-category #js-product-list .product-miniature__bottom { padding: 18px 20px 20px !important; } /* Überschrift und Einleitung etwas kompakter */ body.page-category .page-title-section { font-size: 38px !important; line-height: 1.2 !important; } body.page-category .category__description { font-size: 16px !important; } /* Sortierbereich sauber verteilen */ body.page-category #js-product-list-top .products__selection { gap: 16px !important; padding: 16px 18px !important; } body.page-category #js-product-list-top .products__selection-right { flex: 1 1 280px; min-width: 0; } body.page-category #js-product-list-top .products__sort { width: 100%; } body.page-category #js-product-list-top .products__sort-dropdown { width: 100%; } /* ===================================================== BELIEBTE PRODUKTE IN DER SIDEBAR Nicht ausblenden, sondern übersichtlicher darstellen ===================================================== */ body.page-category .sidebar-specials__item { display: flex !important; flex-direction: column !important; align-items: stretch !important; gap: 12px !important; padding: 16px !important; } body.page-category .sidebar-specials__image { display: flex !important; align-items: center; justify-content: center; width: 100% !important; height: 125px !important; margin: 0 !important; } body.page-category .sidebar-specials__image img { display: block; width: auto !important; height: auto !important; max-width: 110px !important; max-height: 110px !important; object-fit: contain; } body.page-category .sidebar-specials__content { width: 100% !important; min-width: 0; text-align: center; } body.page-category .sidebar-specials__name { display: block; font-size: 16px !important; line-height: 1.3 !important; overflow-wrap: anywhere; } body.page-category .sidebar-specials__price { margin-top: 8px; font-size: 14px !important; line-height: 1.4; } body.page-category .sidebar-specials__form { width: 100%; margin-top: 12px; } body.page-category .sidebar-specials__button { width: 100% !important; min-height: 42px; padding: 8px 10px !important; font-size: 12px !important; white-space: nowrap; } } /* ========================================================= NEST HUB MAX / KLEINERE DESKTOPS Beliebte Produkte in der Sidebar optimieren ========================================================= */ @media (min-width: 1200px) and (max-width: 1399.98px) { body.page-category .sidebar-specials__list { padding: 14px; } body.page-category .sidebar-specials__item { display: grid !important; grid-template-columns: 86px minmax(0, 1fr) !important; grid-template-rows: auto auto auto; column-gap: 12px !important; row-gap: 6px !important; align-items: start !important; min-width: 0; } body.page-category .sidebar-specials__item + .sidebar-specials__item { margin-top: 22px !important; } /* Produktbild kompakter */ body.page-category .sidebar-specials__image { grid-column: 1; grid-row: 1 / span 2; width: 86px !important; height: 86px !important; margin: 0 !important; } body.page-category .sidebar-specials__image img { width: auto !important; height: auto !important; max-width: 70px !important; max-height: 70px !important; object-fit: contain; } /* * Name und Preis bleiben rechts vom Bild. * Der Kaufen-Button kann darunter die ganze Breite nutzen. */ body.page-category .sidebar-specials__content { display: contents !important; } body.page-category .sidebar-specials__name { grid-column: 2; grid-row: 1; min-width: 0; font-size: 15px !important; line-height: 1.3 !important; overflow-wrap: normal !important; word-break: normal !important; hyphens: auto; } body.page-category .sidebar-specials__price { grid-column: 2; grid-row: 2; margin: 0 !important; font-size: 13px !important; line-height: 1.35 !important; } body.page-category .sidebar-specials__form { grid-column: 1 / -1; grid-row: 3; width: 100%; margin-top: 7px !important; } body.page-category .sidebar-specials__button, body.page-category .sidebar-specials__button--link { width: 100% !important; min-height: 38px !important; padding: 7px 10px !important; font-size: 12px !important; white-space: nowrap !important; } body.page-category .sidebar-specials__button i, body.page-category .sidebar-specials__button--link i { font-size: 14px !important; } } @media (max-width: 1200px) { .products__view { display: none !important; } } .alert.alert-success { background-color: #B30931 !important; border-color: #B30931 !important; color: #ffffff !important; } .alert.alert-success .page-title-section, .alert.alert-success p, .alert.alert-success a, .alert.alert-success .alert-link { color: #ffffff !important; } .alert.alert-success hr.border-success { --bs-border-opacity: 0 !important; border-color: rgba(255, 255, 255, 0.5) !important; } sup { top: -.5em; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } /* Alpinamed – nur Datenschutz- und AGB-Links im Checkout */ .checkout-grid label.form-check-label a{ color: #c5003e; text-decoration: underline; transition: color 0.2s ease; } /* Hover */ .checkout-grid label.form-check-label a:hover { color: #9d0031; } @media (max-width: 959px) { div#js-product-list-top{ display: none; } } #password-form__check + .form-check-label em { color: #555555; } .alpinamed-product-attributes { display: flex !important; flex-direction: row !important; align-items: center !important; gap: 18px !important; margin-top: 38px !important; } .alpinamed-product-attributes__icon { display: flex !important; align-items: center !important; justify-content: center !important; flex: 0 0 auto !important; margin: 0 !important; } .alpinamed-product-attributes__icon .material-icons { display: block !important; font-size: 36px !important; line-height: 1 !important; margin: 0 !important; } .alpinamed-product-attributes__text { display: block !important; margin: 0 !important; padding: 0 !important; line-height: 1.4 !important; } .alpinamed-product-attributes__text p { margin: 0 !important; padding: 0 !important; } .alpinamed-product-attributes__icon { width: 33px !important; height: 25px !important; flex: 0 0 33px !important; display: inline-block !important; background-color: #29363c !important; -webkit-mask: url('/media/plant.svg') center / contain no-repeat; mask: url('/media/plant.svg') center / contain no-repeat; } /* das bisherige IMG ausblenden */ .alpinamed-product-attributes__icon img { display: none !important; } button.product__zoom.btn.btn-tertiary.outline.outline--rounded.btn-square-icon{ display: none; } .page-product .product__container { position: relative; z-index: 0; background: transparent !important; } .page-product .product__container::before { content: ""; position: absolute; top: 0; bottom: -70px; left: 50%; width: 100vw; transform: translateX(-50%); background: #F7F9FB; z-index: -1; pointer-events: none; } .alpinamed-related-card__image { display: block !important; width: auto !important; height: auto !important; max-width: 100% !important; max-height: 300px !important; object-fit: contain !important; margin: 0 auto !important; } footer.page-footer hr { display: none; } .product__left .product-flags .badge.out-of-stock { background: rgba(var(--bs-danger-rgb)) !important; border: none !important; } body#password footer .buttons-wrapper { display: flex; justify-content: center; margin-top: 100px; } body#password footer .buttons-wrapper a { background-color: #b30931; padding: 7.5px 15px; } .pbp-product-price-saving{ background-color: #b30931 !important; } .bundle_saving_price_formatted_tax_included.total[data-id="saving_price_formatted_tax_included"] > span.badge { border: 2px solid #b30931 !important; color: #b30931 !important; } section#content.page-content.page-content--not-found > p { display: none; } section#content.page-content.page-content--not-found > a.btn.btn-primary { background-color: #B30931; border-color: #B30931; color: #fff !important; } .order-confirmation__details .order-confirmation__table .order-confirmation__products .order-confirmation__product .order-confirmation__product-image > p.order-confirmation__product-quantity { background-color: #b30931; color: white; } #customer-form label[for="field-customer_privacy"] a, #customer-form label[for="field-psgdpr"] a { color: #c5003e !important; transition: color 0.2s ease !important; } #customer-form label[for="field-customer_privacy"] a:hover, #customer-form label[for="field-psgdpr"] a:hover { color: #9d0031 !important; } .alpinamed-product-page__back a::before { content: none !important; display: none !important; } .alpinamed-product-page__back a { display: inline-flex; align-items: center; } .product__carousel .alpinamed-product-dots { position: static; display: flex; justify-content: center; align-items: center; gap: 12px; margin: 20px 0 0; padding: 0; width: 100%; } .product__carousel .alpinamed-product-dot { flex: 0 0 20px; width: 20px; height: 20px; margin: 0; padding: 0; border: 0; border-radius: 50%; background: #b5b4b4; opacity: 1; cursor: pointer; } .product__carousel .alpinamed-product-dot.active { background: #b30931; } /* Bulletpoints ba */ .alpinamed-product-page__shortdescription ul { padding-left: 18px !important; } /* Produkt-Slider Pfeile */ .product__carousel .carousel-control-prev, .product__carousel .carousel-control-next { background: transparent !important; border: 0 !important; box-shadow: none !important; outline: none !important; opacity: 1 !important; width: 60px; } /* Bootstrap Hintergrund-Icon entfernen */ .product__carousel .carousel-control-prev-icon, .product__carousel .carousel-control-next-icon { background-image: none !important; background: none !important; width: 45px; height: 45px; } /* Bisherige Material Icons komplett überschreiben */ .product__carousel .carousel-control-prev-icon::before, .product__carousel .carousel-control-next-icon::before { content: "" !important; display: block !important; width: 42px !important; height: 42px !important; font-family: initial !important; font-size: 0 !important; border-top: 1px solid #111 !important; border-right: 1px solid #111 !important; color: transparent !important; } /* Pfeil links */ .product__carousel .carousel-control-prev-icon::before { transform: rotate(-135deg); } /* Pfeil rechts */ .product__carousel .carousel-control-next-icon::before { transform: rotate(45deg); }