/* purgecss start ignore */ *, ::before, ::after{ --tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-pan-x: ; --tw-pan-y: ; --tw-pinch-zoom: ; --tw-scroll-snap-strictness: proximity; --tw-gradient-from-position: ; --tw-gradient-via-position: ; --tw-gradient-to-position: ; --tw-ordinal: ; --tw-slashed-zero: ; --tw-numeric-figure: ; --tw-numeric-spacing: ; --tw-numeric-fraction: ; --tw-ring-inset: ; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgb(139 1 1 / 0.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; --tw-blur: ; --tw-brightness: ; --tw-contrast: ; --tw-grayscale: ; --tw-hue-rotate: ; --tw-invert: ; --tw-saturate: ; --tw-sepia: ; --tw-drop-shadow: ; --tw-backdrop-blur: ; --tw-backdrop-brightness: ; --tw-backdrop-contrast: ; --tw-backdrop-grayscale: ; --tw-backdrop-hue-rotate: ; --tw-backdrop-invert: ; --tw-backdrop-opacity: ; --tw-backdrop-saturate: ; --tw-backdrop-sepia: ; --tw-contain-size: ; --tw-contain-layout: ; --tw-contain-paint: ; --tw-contain-style: ; } ::backdrop{ --tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-pan-x: ; --tw-pan-y: ; --tw-pinch-zoom: ; --tw-scroll-snap-strictness: proximity; --tw-gradient-from-position: ; --tw-gradient-via-position: ; --tw-gradient-to-position: ; --tw-ordinal: ; --tw-slashed-zero: ; --tw-numeric-figure: ; --tw-numeric-spacing: ; --tw-numeric-fraction: ; --tw-ring-inset: ; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgb(139 1 1 / 0.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; --tw-blur: ; --tw-brightness: ; --tw-contrast: ; --tw-grayscale: ; --tw-hue-rotate: ; --tw-invert: ; --tw-saturate: ; --tw-sepia: ; --tw-drop-shadow: ; --tw-backdrop-blur: ; --tw-backdrop-brightness: ; --tw-backdrop-contrast: ; --tw-backdrop-grayscale: ; --tw-backdrop-hue-rotate: ; --tw-backdrop-invert: ; --tw-backdrop-opacity: ; --tw-backdrop-saturate: ; --tw-backdrop-sepia: ; --tw-contain-size: ; --tw-contain-layout: ; --tw-contain-paint: ; --tw-contain-style: ; } /* ! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com */ /* 1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4) 2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116) */ *, ::before, ::after { box-sizing: border-box; /* 1 */ border-width: 0; /* 2 */ border-style: solid; /* 2 */ border-color: #e5e7eb; /* 2 */ } ::before, ::after { --tw-content: ''; } /* 1. Use a consistent sensible line-height in all browsers. 2. Prevent adjustments of font size after orientation changes in iOS. 3. Use a more readable tab size. 4. Use the user's configured `sans` font-family by default. 5. Use the user's configured `sans` font-feature-settings by default. 6. Use the user's configured `sans` font-variation-settings by default. 7. Disable tap highlights on iOS */ html, :host { line-height: 1.5; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ -moz-tab-size: 4; /* 3 */ tab-size: 4; /* 3 */ font-family: GeneralSans, Helvetica Neue, Arial, sans-serif; /* 4 */ font-feature-settings: normal; /* 5 */ font-variation-settings: normal; /* 6 */ -webkit-tap-highlight-color: transparent; /* 7 */ } /* 1. Remove the margin in all browsers. 2. Inherit line-height from `html` so users can set them as a class directly on the `html` element. */ body { margin: 0; /* 1 */ line-height: inherit; /* 2 */ } /* 1. Add the correct height in Firefox. 2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655) 3. Ensure horizontal rules are visible by default. */ hr { height: 0; /* 1 */ color: inherit; /* 2 */ border-top-width: 1px; /* 3 */ } /* Add the correct text decoration in Chrome, Edge, and Safari. */ abbr:where([title]) { text-decoration: underline; -webkit-text-decoration: underline dotted; text-decoration: underline dotted; } /* Remove the default font size and weight for headings. */ h1, h2, h3, h4, h5, h6 { font-size: inherit; font-weight: inherit; } /* Reset links to optimize for opt-in styling instead of opt-out. */ a { color: inherit; text-decoration: inherit; } /* Add the correct font weight in Edge and Safari. */ b, strong { font-weight: bolder; } /* 1. Use the user's configured `mono` font-family by default. 2. Use the user's configured `mono` font-feature-settings by default. 3. Use the user's configured `mono` font-variation-settings by default. 4. Correct the odd `em` font sizing in all browsers. */ code, kbd, samp, pre { font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */ font-feature-settings: normal; /* 2 */ font-variation-settings: normal; /* 3 */ font-size: 1em; /* 4 */ } /* Add the correct font size in all browsers. */ small { font-size: 80%; } /* Prevent `sub` and `sup` elements from affecting the line height in all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } /* 1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297) 2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016) 3. Remove gaps between table borders by default. */ table { text-indent: 0; /* 1 */ border-color: inherit; /* 2 */ border-collapse: collapse; /* 3 */ } /* 1. Change the font styles in all browsers. 2. Remove the margin in Firefox and Safari. 3. Remove default padding in all browsers. */ button, input, optgroup, select, textarea { font-family: inherit; /* 1 */ font-feature-settings: inherit; /* 1 */ font-variation-settings: inherit; /* 1 */ font-size: 100%; /* 1 */ font-weight: inherit; /* 1 */ line-height: inherit; /* 1 */ letter-spacing: inherit; /* 1 */ color: inherit; /* 1 */ margin: 0; /* 2 */ padding: 0; /* 3 */ } /* Remove the inheritance of text transform in Edge and Firefox. */ button, select { text-transform: none; } /* 1. Correct the inability to style clickable types in iOS and Safari. 2. Remove default button styles. */ button, input:where([type='button']), input:where([type='reset']), input:where([type='submit']) { -webkit-appearance: button; /* 1 */ background-color: transparent; /* 2 */ background-image: none; /* 2 */ } /* Use the modern Firefox focus style for all focusable elements. */ :-moz-focusring { outline: auto; } /* Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737) */ :-moz-ui-invalid { box-shadow: none; } /* Add the correct vertical alignment in Chrome and Firefox. */ progress { vertical-align: baseline; } /* Correct the cursor style of increment and decrement buttons in Safari. */ ::-webkit-inner-spin-button, ::-webkit-outer-spin-button { height: auto; } /* 1. Correct the odd appearance in Chrome and Safari. 2. Correct the outline style in Safari. */ [type='search'] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ } /* Remove the inner padding in Chrome and Safari on macOS. */ ::-webkit-search-decoration { -webkit-appearance: none; } /* 1. Correct the inability to style clickable types in iOS and Safari. 2. Change font properties to `inherit` in Safari. */ ::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ } /* Add the correct display in Chrome and Safari. */ summary { display: list-item; } /* Removes the default spacing and border for appropriate elements. */ blockquote, dl, dd, h1, h2, h3, h4, h5, h6, hr, figure, p, pre { margin: 0; } fieldset { margin: 0; padding: 0; } legend { padding: 0; } ol, ul, menu { list-style: none; margin: 0; padding: 0; } /* Reset default styling for dialogs. */ dialog { padding: 0; } /* Prevent resizing textareas horizontally by default. */ textarea { resize: vertical; } /* 1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300) 2. Set the default placeholder color to the user's configured gray 400 color. */ input::placeholder, textarea::placeholder { opacity: 1; /* 1 */ color: #9ca3af; /* 2 */ } /* Set the default cursor for buttons. */ button, [role="button"] { cursor: pointer; } /* Make sure disabled buttons don't get the pointer cursor. */ :disabled { cursor: default; } /* 1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14) 2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210) This can trigger a poorly considered lint error in some tools but is included by design. */ img, svg, video, canvas, audio, iframe, embed, object { display: block; /* 1 */ vertical-align: middle; /* 2 */ } /* Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14) */ img, video { max-width: 100%; height: auto; } /* Make elements with the HTML hidden attribute stay hidden by default */ [hidden]:where(:not([hidden="until-found"])) { display: none; } [type="text"]:focus, input:where(:not([type])):focus, [type="email"]:focus, [type="url"]:focus, [type="password"]:focus, [type="number"]:focus, [type="date"]:focus, [type="datetime-local"]:focus, [type="month"]:focus, [type="search"]:focus, [type="tel"]:focus, [type="time"]:focus, [type="week"]:focus, [multiple]:focus, textarea:focus, select:focus { border-color: #000; --tw-ring-color: #000; } [type="radio"]:checked{ --tw-bg-opacity: 1; background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1)); } .container{ width: 100%; margin-right: auto; margin-left: auto; padding-right: 1rem; padding-left: 1rem; } @media (min-width: 375px){ .container{ max-width: 375px; } } @media (min-width: 480px){ .container{ max-width: 480px; } } @media (min-width: 640px){ .container{ max-width: 640px; padding-right: 1rem; padding-left: 1rem; } } @media (min-width: 768px){ .container{ max-width: 768px; padding-right: 1.5rem; padding-left: 1.5rem; } } @media (min-width: 1024px){ .container{ max-width: 1024px; padding-right: 2rem; padding-left: 2rem; } } @media (min-width: 1280px){ .container{ max-width: 1280px; padding-right: 3rem; padding-left: 3rem; } } @media (min-width: 1400px){ .container{ max-width: 1400px; } } @media (min-width: 1540px){ .container{ max-width: 1540px; } } .xt-body:not(.xt-optout-initial) .initial, .xt-body:not(.xt-optout-initial) .initial *{ transition-duration: initial !important; transition-delay: initial !important; animation-duration: initial !important; animation-delay: initial !important; animation-iteration-count: 1 !important; } .xt-drop.out{ pointer-events: none; } .xt-drop > .xt-arrow{ position: absolute; pointer-events: none; } .xt-check{ -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer; position: relative; flex-shrink: 0; background-repeat: no-repeat; } .xt-radio{ -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer; position: relative; flex-shrink: 0; background-repeat: no-repeat; top: .25em; width: 1.2375em; height: 1.2375em; background-image: url('data:image/svg+xml;utf8,'); background-size: 0; background-position: center center; } .xt-radio:checked{ background-size: 100%; } .xt-switch{ -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer; position: relative; flex-shrink: 0; background-repeat: no-repeat; top: .25em; width: 2.25em; height: 1.2375em; background-image: url('data:image/svg+xml;utf8,'); background-size: contain; background-position: left center; } .xt-switch:checked{ background-position: right center; } html{ touch-action: manipulation; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .container{ max-width: 1600px !important; } ::selection{ background-color: #000; color: #fff; } [readonly], [disabled], .xt-disabled{ pointer-events: none; } [readonly]:not(.on), [disabled]:not(.on), .xt-disabled:not(.on){ opacity: .5; } [data-popper-inset]{ padding: 0 !important; } [data-popper-inset] > .xt-arrow{ display: none !important; } [data-popper-placement^="top"]{ padding-top: 0 !important; padding-left: 0 !important; padding-right: 0 !important; } [data-popper-placement^="top"] > .xt-arrow{ top: auto !important; margin-left: 0 !important; margin-right: 0 !important; } [data-popper-placement^="bottom"]{ padding-bottom: 0 !important; padding-left: 0 !important; padding-right: 0 !important; } [data-popper-placement^="bottom"] > .xt-arrow{ bottom: auto !important; margin-left: 0 !important; margin-right: 0 !important; } [data-popper-placement^="left"]{ padding-left: 0 !important; padding-top: 0 !important; padding-bottom: 0 !important; } [data-popper-placement^="left"] > .xt-arrow{ left: auto !important; margin-top: 0 !important; margin-bottom: 0 !important; } [data-popper-placement^="right"]{ padding-right: 0 !important; padding-top: 0 !important; padding-bottom: 0 !important; } [data-popper-placement^="right"] > .xt-arrow{ right: auto !important; margin-top: 0 !important; margin-bottom: 0 !important; } [data-xt-groupnumber] input[type="number"], [data-xt-groupnumber-init] input[type="number"]{ -moz-appearance: textfield; } [data-xt-groupnumber] input[type="number"]::-webkit-inner-spin-button, [data-xt-groupnumber] input[type="number"]::-webkit-outer-spin-button, [data-xt-groupnumber-init] input[type="number"]::-webkit-inner-spin-button, [data-xt-groupnumber-init] input[type="number"]::-webkit-outer-spin-button{ -webkit-appearance: none; appearance: none; } .xt-list{ display: flex; flex-wrap: wrap; flex-direction: row; } .xt-list:empty{ display: none; } .xt-media-container{ display: block; position: relative; width: 100%; } .xt-media{ position: absolute; width: 100%; height: 100%; border-radius: inherit; } .xt-overlay.out{ pointer-events: none; } .xt-scrollbar-overlay .fixed{ margin-right: var(--scrollbar-width); } .xt-row{ display: flex; flex-wrap: wrap; flex-direction: row; } .xt-row > *{ flex: 0 0 auto; } .xt-row:empty{ display: none; } .xt-tooltip.out{ pointer-events: none; } .xt-tooltip > .xt-arrow{ position: absolute; pointer-events: none; } h1:not([class]){ margin-top: 1rem; margin-bottom: 1rem; font-family: GeneralSans, Helvetica Neue, Arial, sans-serif; font-weight: 600; font-size: clamp(1.25rem, 0.4166667rem + 1.7361111111111112vw, 2.5rem); line-height: 1.25; letter-spacing: 0em; text-transform: none; } h1:not([class]):first-child{ margin-top: 0; } h1:not([class]):last-child{ margin-bottom: 0; } h2:not([class]){ margin-top: 1rem; margin-bottom: 1rem; font-family: GeneralSans, Helvetica Neue, Arial, sans-serif; font-weight: 600; font-size: clamp(1.25rem, 0.8333333rem + 0.8680555555555556vw, 1.875rem); line-height: 1.375; letter-spacing: 0em; text-transform: none; } h2:not([class]):first-child{ margin-top: 0; } h2:not([class]):last-child{ margin-bottom: 0; } h3:not([class]){ margin-top: 1rem; margin-bottom: 1rem; font-family: GeneralSans, Helvetica Neue, Arial, sans-serif; font-weight: 600; font-size: 20px; line-height: 1.375; letter-spacing: 0em; text-transform: none; } h3:not([class]):first-child{ margin-top: 0; } h3:not([class]):last-child{ margin-bottom: 0; } h4:not([class]){ margin-top: 1rem; margin-bottom: 1rem; font-family: GeneralSans, Helvetica Neue, Arial, sans-serif; font-weight: 500; font-size: 20px; line-height: 1.375; letter-spacing: 0em; text-transform: none; } h4:not([class]):first-child{ margin-top: 0; } h4:not([class]):last-child{ margin-bottom: 0; } h5:not([class]){ margin-top: 1rem; margin-bottom: 1rem; font-family: GeneralSans, Helvetica Neue, Arial, sans-serif; font-weight: 500; font-size: 20px; line-height: 1.375; letter-spacing: 0em; text-transform: none; } h5:not([class]):first-child{ margin-top: 0; } h5:not([class]):last-child{ margin-bottom: 0; } h6:not([class]){ margin-top: 1rem; margin-bottom: 1rem; font-family: GeneralSans, Helvetica Neue, Arial, sans-serif; font-weight: 500; font-size: 20px; line-height: 1.375; letter-spacing: 0em; text-transform: none; } h6:not([class]):first-child{ margin-top: 0; } h6:not([class]):last-child{ margin-bottom: 0; } p:not([class]){ font-family: inherit; font-style: inherit; font-weight: inherit; font-size: inherit; line-height: inherit; letter-spacing: inherit; text-transform: inherit; margin-top: 0px; margin-bottom: 1rem; } p:not([class]):last-child{ margin-bottom: 0; } ul:not([class]){ margin-bottom: 1rem; padding-left: 0.5rem; } ul:not([class]):last-child{ margin-bottom: 0; } ul:not([class]) > li{ position: relative; margin-bottom: 0.5rem; padding-left: 1.25rem; } ul:not([class]) > li:last-child{ margin-bottom: 0; } ul:not([class]) > li:before{ position: absolute; display: inline-block; left: 0; content: "\2022"; } ul:not([class]) > li > ul,ul:not([class]) > li > ol{ margin-top: 1rem; } ol:not([class]){ list-style-type: decimal; } ol:not([class])[type="a"]{ list-style-type: lower-alpha; } ol:not([class])[type="i"]{ list-style-type: lower-roman; } ol:not([class]){ margin-bottom: 1rem; padding-left: 1.25rem; } ol:not([class]):last-child{ margin-bottom: 0; } ol:not([class]) > li{ position: relative; margin-bottom: 1rem; padding-left: 0.5rem; } ol:not([class]) > li:last-child{ margin-bottom: 0; } ol:not([class]) > li:before{ display: none; } ol:not([class]) > li > ul,ol:not([class]) > li > ol{ margin-top: 1rem; } dl:not([class]){ margin-bottom: 1rem; } dl:not([class]):last-child{ margin-bottom: 0; } blockquote:not([class]){ margin-top: 1rem; margin-bottom: 1rem; } blockquote:not([class]):first-child{ margin-top: 0; } blockquote:not([class]):last-child{ margin-bottom: 0; } blockquote:not([class]){ padding-left: 1.75rem; border-left: 4px solid #e5e7eb; } hr:not([class]){ margin-top: 1rem; margin-bottom: 1rem; } hr:not([class]):first-child{ margin-top: 0; } hr:not([class]):last-child{ margin-bottom: 0; } figure:not([class]){ margin-top: 2rem; margin-bottom: 2rem; } figure:not([class]):first-child{ margin-top: 0; } figure:not([class]):last-child{ margin-bottom: 0; } figcaption:not([class]){ margin-top: 1rem; font-size: 0.875rem; line-height: 1.375; } .xt-container-y{ padding-top: 1rem; padding-bottom: 1rem; } @media (min-width: 640px){ .xt-container-y{ padding-top: 1rem; padding-bottom: 1rem; } } @media (min-width: 768px){ .xt-container-y{ padding-top: 1.5rem; padding-bottom: 1.5rem; } } @media (min-width: 1024px){ .xt-container-y{ padding-top: 2rem; padding-bottom: 2rem; } } @media (min-width: 1280px){ .xt-container-y{ padding-top: 3rem; padding-bottom: 3rem; } } .xt-icon{ display: inline-block; width: auto; height: 1em; } .xt-links-inverse a:not([class]), .xt-links-inverse a[class=""], .xt-links-inverse .xt-link, .xt-links-default .xt-links-inverse a:not([class]), .xt-links-default .xt-links-inverse a[class=""], .xt-links-default .xt-links-inverse .xt-link{ word-wrap: break-word; overflow-wrap: break-word; color: #fff; -webkit-text-decoration: underline; text-decoration: underline; text-underline-offset: 2px; transition-property: all; transition-duration: 500ms; transition-timing-function: cubic-bezier(.23,1,.32,1); } .xt-links-default a:not([class]), .xt-links-default a[class=""], .xt-links-default .xt-link, .xt-links-inverse .xt-links-default a:not([class]), .xt-links-inverse .xt-links-default a[class=""], .xt-links-inverse .xt-links-default .xt-link{ word-wrap: break-word; overflow-wrap: break-word; color: #0067DD; -webkit-text-decoration: underline; text-decoration: underline; text-underline-offset: 2px; transition-property: all; transition-duration: 500ms; transition-timing-function: cubic-bezier(.23,1,.32,1); } .xt-list-2{ margin-top: -0.5rem; margin-left: -0.5rem; } .xt-list-2 > *{ margin-top: 0.5rem; margin-left: 0.5rem; } .xt-list-1\.5{ margin-top: -0.375rem; margin-left: -0.375rem; } .xt-list-1\.5 > *{ margin-top: 0.375rem; margin-left: 0.375rem; } .xt-row-4{ margin-top: -1rem; margin-left: -1rem; } .xt-row-4 > *{ padding-top: 1rem; padding-left: 1rem; } .xt-row-x-4{ margin-left: -1rem; } .xt-row-x-4 > *{ padding-left: 1rem; } .xt-row-6{ margin-top: -1.5rem; margin-left: -1.5rem; } .xt-row-6 > *{ padding-top: 1.5rem; padding-left: 1.5rem; } .xt-row-8{ margin-top: -2rem; margin-left: -2rem; } .xt-row-8 > *{ padding-top: 2rem; padding-left: 2rem; } .xt-row-x-8{ margin-left: -2rem; } .xt-row-x-8 > *{ padding-left: 2rem; } .xt-row-12{ margin-top: -3rem; margin-left: -3rem; } .xt-row-12 > *{ padding-top: 3rem; padding-left: 3rem; } .xt-my-auto:first-child{ margin-top: 0; } .xt-my-auto:last-child{ margin-bottom: 0; } .prose{ color: var(--tw-prose-body); max-width: 65ch; } .prose :where(p):not(:where([class~="not-prose"],[class~="not-prose"] *)){ margin-top: 1.25em; margin-bottom: 1.25em; } .prose :where([class~="lead"]):not(:where([class~="not-prose"],[class~="not-prose"] *)){ color: var(--tw-prose-lead); font-size: 1.25em; line-height: 1.6; margin-top: 1.2em; margin-bottom: 1.2em; } .prose :where(a):not(:where([class~="not-prose"],[class~="not-prose"] *)){ color: var(--tw-prose-links); -webkit-text-decoration: underline; text-decoration: underline; font-weight: 500; } .prose :where(strong):not(:where([class~="not-prose"],[class~="not-prose"] *)){ color: var(--tw-prose-bold); font-weight: 600; } .prose :where(a strong):not(:where([class~="not-prose"],[class~="not-prose"] *)){ color: inherit; } .prose :where(blockquote strong):not(:where([class~="not-prose"],[class~="not-prose"] *)){ color: inherit; } .prose :where(thead th strong):not(:where([class~="not-prose"],[class~="not-prose"] *)){ color: inherit; } .prose :where(ol):not(:where([class~="not-prose"],[class~="not-prose"] *)){ list-style-type: decimal; margin-top: 1.25em; margin-bottom: 1.25em; padding-left: 1.625em; } .prose :where(ol[type="A"]):not(:where([class~="not-prose"],[class~="not-prose"] *)){ list-style-type: upper-alpha; } .prose :where(ol[type="a"]):not(:where([class~="not-prose"],[class~="not-prose"] *)){ list-style-type: lower-alpha; } .prose :where(ol[type="A" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)){ list-style-type: upper-alpha; } .prose :where(ol[type="a" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)){ list-style-type: lower-alpha; } .prose :where(ol[type="I"]):not(:where([class~="not-prose"],[class~="not-prose"] *)){ list-style-type: upper-roman; } .prose :where(ol[type="i"]):not(:where([class~="not-prose"],[class~="not-prose"] *)){ list-style-type: lower-roman; } .prose :where(ol[type="I" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)){ list-style-type: upper-roman; } .prose :where(ol[type="i" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)){ list-style-type: lower-roman; } .prose :where(ol[type="1"]):not(:where([class~="not-prose"],[class~="not-prose"] *)){ list-style-type: decimal; } .prose :where(ul):not(:where([class~="not-prose"],[class~="not-prose"] *)){ list-style-type: disc; margin-top: 1.25em; margin-bottom: 1.25em; padding-left: 1.625em; } .prose :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *))::marker{ font-weight: 400; color: var(--tw-prose-counters); } .prose :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *))::marker{ color: var(--tw-prose-bullets); } .prose :where(dt):not(:where([class~="not-prose"],[class~="not-prose"] *)){ color: var(--tw-prose-headings); font-weight: 600; margin-top: 1.25em; } .prose :where(hr):not(:where([class~="not-prose"],[class~="not-prose"] *)){ border-color: var(--tw-prose-hr); border-top-width: 1px; margin-top: 3em; margin-bottom: 3em; } .prose :where(blockquote):not(:where([class~="not-prose"],[class~="not-prose"] *)){ font-weight: 500; font-style: italic; color: var(--tw-prose-quotes); border-left-width: 0.25rem; border-left-color: var(--tw-prose-quote-borders); quotes: "\201C""\201D""\2018""\2019"; margin-top: 1.6em; margin-bottom: 1.6em; padding-left: 1em; } .prose :where(blockquote p:first-of-type):not(:where([class~="not-prose"],[class~="not-prose"] *))::before{ content: open-quote; } .prose :where(blockquote p:last-of-type):not(:where([class~="not-prose"],[class~="not-prose"] *))::after{ content: close-quote; } .prose :where(h1):not(:where([class~="not-prose"],[class~="not-prose"] *)){ color: var(--tw-prose-headings); font-weight: 800; font-size: 2.25em; margin-top: 0; margin-bottom: 0.8888889em; line-height: 1.1111111; } .prose :where(h1 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)){ font-weight: 900; color: inherit; } .prose :where(h2):not(:where([class~="not-prose"],[class~="not-prose"] *)){ color: var(--tw-prose-headings); font-weight: 700; font-size: 1.5em; margin-top: 2em; margin-bottom: 1em; line-height: 1.3333333; } .prose :where(h2 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)){ font-weight: 800; color: inherit; } .prose :where(h3):not(:where([class~="not-prose"],[class~="not-prose"] *)){ color: var(--tw-prose-headings); font-weight: 600; font-size: 1.25em; margin-top: 1.6em; margin-bottom: 0.6em; line-height: 1.6; } .prose :where(h3 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)){ font-weight: 700; color: inherit; } .prose :where(h4):not(:where([class~="not-prose"],[class~="not-prose"] *)){ color: var(--tw-prose-headings); font-weight: 600; margin-top: 1.5em; margin-bottom: 0.5em; line-height: 1.5; } .prose :where(h4 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)){ font-weight: 700; color: inherit; } .prose :where(img):not(:where([class~="not-prose"],[class~="not-prose"] *)){ margin-top: 2em; margin-bottom: 2em; } .prose :where(picture):not(:where([class~="not-prose"],[class~="not-prose"] *)){ display: block; margin-top: 2em; margin-bottom: 2em; } .prose :where(video):not(:where([class~="not-prose"],[class~="not-prose"] *)){ margin-top: 2em; margin-bottom: 2em; } .prose :where(kbd):not(:where([class~="not-prose"],[class~="not-prose"] *)){ font-weight: 500; font-family: inherit; color: var(--tw-prose-kbd); box-shadow: 0 0 0 1px rgb(var(--tw-prose-kbd-shadows) / 10%), 0 3px 0 rgb(var(--tw-prose-kbd-shadows) / 10%); font-size: 0.875em; border-radius: 0.3125rem; padding-top: 0.1875em; padding-right: 0.375em; padding-bottom: 0.1875em; padding-left: 0.375em; } .prose :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *)){ color: var(--tw-prose-code); font-weight: 600; font-size: 0.875em; } .prose :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))::before{ content: "`"; } .prose :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))::after{ content: "`"; } .prose :where(a code):not(:where([class~="not-prose"],[class~="not-prose"] *)){ color: inherit; } .prose :where(h1 code):not(:where([class~="not-prose"],[class~="not-prose"] *)){ color: inherit; } .prose :where(h2 code):not(:where([class~="not-prose"],[class~="not-prose"] *)){ color: inherit; font-size: 0.875em; } .prose :where(h3 code):not(:where([class~="not-prose"],[class~="not-prose"] *)){ color: inherit; font-size: 0.9em; } .prose :where(h4 code):not(:where([class~="not-prose"],[class~="not-prose"] *)){ color: inherit; } .prose :where(blockquote code):not(:where([class~="not-prose"],[class~="not-prose"] *)){ color: inherit; } .prose :where(thead th code):not(:where([class~="not-prose"],[class~="not-prose"] *)){ color: inherit; } .prose :where(pre):not(:where([class~="not-prose"],[class~="not-prose"] *)){ color: var(--tw-prose-pre-code); background-color: var(--tw-prose-pre-bg); overflow-x: auto; font-weight: 400; font-size: 0.875em; line-height: 1.7142857; margin-top: 1.7142857em; margin-bottom: 1.7142857em; border-radius: 0.375rem; padding-top: 0.8571429em; padding-right: 1.1428571em; padding-bottom: 0.8571429em; padding-left: 1.1428571em; } .prose :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *)){ background-color: transparent; border-width: 0; border-radius: 0; padding: 0; font-weight: inherit; color: inherit; font-size: inherit; font-family: inherit; line-height: inherit; } .prose :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *))::before{ content: none; } .prose :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *))::after{ content: none; } .prose :where(table):not(:where([class~="not-prose"],[class~="not-prose"] *)){ width: 100%; table-layout: auto; margin-top: 2em; margin-bottom: 2em; font-size: 0.875em; line-height: 1.7142857; } .prose :where(thead):not(:where([class~="not-prose"],[class~="not-prose"] *)){ border-bottom-width: 1px; border-bottom-color: var(--tw-prose-th-borders); } .prose :where(thead th):not(:where([class~="not-prose"],[class~="not-prose"] *)){ color: var(--tw-prose-headings); font-weight: 600; vertical-align: bottom; padding-right: 0.5714286em; padding-bottom: 0.5714286em; padding-left: 0.5714286em; } .prose :where(tbody tr):not(:where([class~="not-prose"],[class~="not-prose"] *)){ border-bottom-width: 1px; border-bottom-color: var(--tw-prose-td-borders); } .prose :where(tbody tr:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){ border-bottom-width: 0; } .prose :where(tbody td):not(:where([class~="not-prose"],[class~="not-prose"] *)){ vertical-align: baseline; } .prose :where(tfoot):not(:where([class~="not-prose"],[class~="not-prose"] *)){ border-top-width: 1px; border-top-color: var(--tw-prose-th-borders); } .prose :where(tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)){ vertical-align: top; } .prose :where(th, td):not(:where([class~="not-prose"],[class~="not-prose"] *)){ text-align: left; } .prose :where(figure > *):not(:where([class~="not-prose"],[class~="not-prose"] *)){ margin-top: 0; margin-bottom: 0; } .prose :where(figcaption):not(:where([class~="not-prose"],[class~="not-prose"] *)){ color: var(--tw-prose-captions); font-size: 0.875em; line-height: 1.4285714; margin-top: 0.8571429em; } .prose{ --tw-prose-body: #374151; --tw-prose-headings: #111827; --tw-prose-lead: #4b5563; --tw-prose-links: #111827; --tw-prose-bold: #111827; --tw-prose-counters: #6b7280; --tw-prose-bullets: #d1d5db; --tw-prose-hr: #e5e7eb; --tw-prose-quotes: #111827; --tw-prose-quote-borders: #e5e7eb; --tw-prose-captions: #6b7280; --tw-prose-kbd: #111827; --tw-prose-kbd-shadows: 17 24 39; --tw-prose-code: #111827; --tw-prose-pre-code: #e5e7eb; --tw-prose-pre-bg: #1f2937; --tw-prose-th-borders: #d1d5db; --tw-prose-td-borders: #e5e7eb; --tw-prose-invert-body: #d1d5db; --tw-prose-invert-headings: #fff; --tw-prose-invert-lead: #9ca3af; --tw-prose-invert-links: #fff; --tw-prose-invert-bold: #fff; --tw-prose-invert-counters: #9ca3af; --tw-prose-invert-bullets: #4b5563; --tw-prose-invert-hr: #374151; --tw-prose-invert-quotes: #f3f4f6; --tw-prose-invert-quote-borders: #374151; --tw-prose-invert-captions: #9ca3af; --tw-prose-invert-kbd: #fff; --tw-prose-invert-kbd-shadows: 255 255 255; --tw-prose-invert-code: #fff; --tw-prose-invert-pre-code: #d1d5db; --tw-prose-invert-pre-bg: rgb(0 0 0 / 50%); --tw-prose-invert-th-borders: #4b5563; --tw-prose-invert-td-borders: #374151; font-size: 1rem; line-height: 1.75; } .prose :where(picture > img):not(:where([class~="not-prose"],[class~="not-prose"] *)){ margin-top: 0; margin-bottom: 0; } .prose :where(li):not(:where([class~="not-prose"],[class~="not-prose"] *)){ margin-top: 0.5em; margin-bottom: 0.5em; } .prose :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *)){ padding-left: 0.375em; } .prose :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *)){ padding-left: 0.375em; } .prose :where(.prose > ul > li p):not(:where([class~="not-prose"],[class~="not-prose"] *)){ margin-top: 0.75em; margin-bottom: 0.75em; } .prose :where(.prose > ul > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){ margin-top: 1.25em; } .prose :where(.prose > ul > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){ margin-bottom: 1.25em; } .prose :where(.prose > ol > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){ margin-top: 1.25em; } .prose :where(.prose > ol > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){ margin-bottom: 1.25em; } .prose :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"],[class~="not-prose"] *)){ margin-top: 0.75em; margin-bottom: 0.75em; } .prose :where(dl):not(:where([class~="not-prose"],[class~="not-prose"] *)){ margin-top: 1.25em; margin-bottom: 1.25em; } .prose :where(dd):not(:where([class~="not-prose"],[class~="not-prose"] *)){ margin-top: 0.5em; padding-left: 1.625em; } .prose :where(hr + *):not(:where([class~="not-prose"],[class~="not-prose"] *)){ margin-top: 0; } .prose :where(h2 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)){ margin-top: 0; } .prose :where(h3 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)){ margin-top: 0; } .prose :where(h4 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)){ margin-top: 0; } .prose :where(thead th:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){ padding-left: 0; } .prose :where(thead th:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){ padding-right: 0; } .prose :where(tbody td, tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)){ padding-top: 0.5714286em; padding-right: 0.5714286em; padding-bottom: 0.5714286em; padding-left: 0.5714286em; } .prose :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){ padding-left: 0; } .prose :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){ padding-right: 0; } .prose :where(figure):not(:where([class~="not-prose"],[class~="not-prose"] *)){ margin-top: 2em; margin-bottom: 2em; } .prose :where(.prose > :first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){ margin-top: 0; } .prose :where(.prose > :last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){ margin-bottom: 0; } .btn{ position: relative; display: inline-flex; align-items: center; justify-content: center; --tw-bg-opacity: 1; background-color: rgb(107 114 128 / var(--tw-bg-opacity, 1)); padding-left: 1rem; padding-right: 1rem; padding-top: 0.75rem; padding-bottom: 0.75rem; text-align: center; font-size: 13px; font-weight: 600; letter-spacing: 0.08em; --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter; transition-timing-function: cubic-bezier(.23,1,.32,1); transition-duration: 500ms; } .btn svg{ display: inline-flex; } .btn span { vertical-align: middle; } .btn:hover{ --tw-bg-opacity: 1; background-color: rgb(75 85 99 / var(--tw-bg-opacity, 1)); } .btn-primary{ --tw-bg-opacity: 1; background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1)); font-weight: 600; text-transform: uppercase; letter-spacing: 0.05em; --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); } .btn-primary:hover{ --tw-bg-opacity: 1; background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); opacity: 0.9; } .btn-secondary, .btn-tertiary{ border-width: 1px; --tw-border-opacity: 1; border-color: rgb(224 209 209 / var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); font-weight: 600; text-transform: uppercase; letter-spacing: 0.05em; --tw-text-opacity: 1; color: rgb(0 0 0 / var(--tw-text-opacity, 1)); } .btn-secondary:hover, .btn-tertiary:hover{ --tw-border-opacity: 1; border-color: rgb(0 0 0 / var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); } .btn-border-black{ border-width: 1px; --tw-border-opacity: 1; border-color: rgb(0 0 0 / var(--tw-border-opacity, 1)); background-color: transparent; letter-spacing: 0.05em; --tw-text-opacity: 1; color: rgb(0 0 0 / var(--tw-text-opacity, 1)); } .btn-border-black:hover{ --tw-border-opacity: 1; border-color: rgb(0 0 0 / var(--tw-border-opacity, 1)); background-color: transparent; } .btn-text{ transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter; transition-timing-function: cubic-bezier(.23,1,.32,1); transition-duration: 500ms; } .btn-text:hover{ --tw-text-opacity: 1; color: rgb(139 1 1 / var(--tw-text-opacity, 1)); } .btn-opacity{ transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter; transition-timing-function: cubic-bezier(.23,1,.32,1); transition-duration: 500ms; } .btn-opacity:hover{ opacity: 0.75; } .btn-underline{ transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter; transition-timing-function: cubic-bezier(.23,1,.32,1); transition-duration: 500ms; } .btn-underline:hover{ text-decoration-line: underline; } .btn-size-xl{ width: 24rem; padding-left: 2.5rem; padding-right: 2.5rem; padding-top: 1rem; padding-bottom: 1rem; font-size: 15px; } .btn-size-lg{ padding-left: 2rem; padding-right: 2rem; padding-top: 1rem; padding-bottom: 1rem; font-size: 14px; } .btn-size-sm{ padding-left: 0.75rem; padding-right: 0.75rem; padding-top: 0.5rem; padding-bottom: 0.5rem; font-size: 11px; } .payment-method-note{ margin-bottom: 1rem; display: inline-block; width: 100%; border-radius: 0.375rem; --tw-bg-opacity: 1; background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1)); padding-left: 1rem; padding-right: 1rem; padding-top: 0.5rem; padding-bottom: 0.5rem; font-weight: 400; } @media (min-width: 768px){ .payment-method-note{ width: 91.666667%; } } .pp-card-cvv input{ box-sizing: content-box; width: 10ch; font-size: 0.875rem; line-height: 1.25rem; } .block.block-order-details-view .block-content .pp-card-cvv input{ overflow-wrap: break-word; padding-bottom: 1.25rem; } .block.block-order-details-view .block-content .pp-card-cvv input a{ --tw-text-opacity: 1; color: rgb(37 99 235 / var(--tw-text-opacity, 1)); } .block.block-order-details-view .block-content .pp-card-cvv input a:hover{ text-decoration-line: underline; } .pp-card-number input{ box-sizing: content-box; width: 100%; font-size: 0.875rem; line-height: 1.25rem; } .block.block-order-details-view .block-content .pp-card-number input{ overflow-wrap: break-word; padding-bottom: 1.25rem; } .block.block-order-details-view .block-content .pp-card-number input a{ --tw-text-opacity: 1; color: rgb(37 99 235 / var(--tw-text-opacity, 1)); } .block.block-order-details-view .block-content .pp-card-number input a:hover{ text-decoration-line: underline; } @media (min-width: 640px){ .pp-card-number input{ width: 16ch; } } .pp-number-input::-webkit-outer-spin-button, .pp-number-input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } #category-view-container{ display: flex; flex-direction: column; align-items: center; padding-left: 0px; padding-right: 0px; padding-top: 1rem; padding-bottom: 1rem; } .category-description{ margin-left: auto; margin-right: auto; margin-top: 2rem; padding-left: 1rem; padding-right: 1rem; text-align: center; font-size: 0.875rem; line-height: 1.25rem; } @media (min-width: 1024px){ .category-description{ max-width: 65rem; } } /* Use the following selector to extend the toolbar modes switcher with your own icon, also replace `custom` with your own mode name. .modes-mode.mode-custom {} */ @media (min-width: 1024px){ .products-grid .card button[data-addto="cart"], .products-grid .card a.gotoproduct, .product-slider .card button[data-addto="cart"], .product-slider .card a.gotoproduct, .widget-product-carousel .card button[data-addto="cart"], .widget-product-carousel .card a.gotoproduct{ display: none; } .products-grid .card button[data-addto="wishlist"], .product-slider .card button[data-addto="wishlist"], .widget-product-carousel .card button[data-addto="wishlist"]{ display: none; } .products-grid .card:hover button[data-addto="cart"], .products-grid .card:hover a.gotoproduct, .product-slider .card:hover button[data-addto="cart"], .product-slider .card:hover a.gotoproduct, .widget-product-carousel .card:hover button[data-addto="cart"], .widget-product-carousel .card:hover a.gotoproduct{ display: block; border-top-width: 1px; } .products-grid .card:hover button[data-addto="wishlist"], .product-slider .card:hover button[data-addto="wishlist"], .widget-product-carousel .card:hover button[data-addto="wishlist"]{ display: block; } } @media (max-width: 1023px){ .catalog-category-view .columns .main{ margin-left: -1rem; margin-right: -1rem; } @media (min-width: 640px){ .catalog-category-view .columns .main{ margin-left: -1rem; margin-right: -1rem; } } @media (min-width: 768px){ .catalog-category-view .columns .main{ margin-left: -1.5rem; margin-right: -1.5rem; } } @media (min-width: 1024px){ .catalog-category-view .columns .main{ margin-left: -2rem; margin-right: -2rem; } } @media (min-width: 1280px){ .catalog-category-view .columns .main{ margin-left: -3rem; margin-right: -3rem; } } } .price-including-tax + .price-excluding-tax{ font-size: 0.875rem; line-height: 1.25rem; } .price-including-tax + .price-excluding-tax:before { content: attr(data-label) ': '; } .price-excluding-tax, .price-including-tax{ white-space: nowrap; } .price-excluding-tax .price, .price-including-tax .price{ font-weight: 600; line-height: 1.625; } .price-excluding-tax{ display: block; } [data-content-type$='block'] .price-excluding-tax p:last-child{ margin-bottom: 1rem; margin-top: 0px; } .price-excluding-tax.block-order-details-view{ margin-bottom: 0.625rem; } .price-excluding-tax.block-order-details-view .block-title{ margin-bottom: 1.5rem; } .price-excluding-tax.block-order-details-view .block-content{ display: flex; flex-direction: column; flex-wrap: wrap; justify-content: flex-start; } @media (min-width: 768px){ .price-excluding-tax.block-order-details-view .block-content{ flex-direction: row; } } .price-excluding-tax.block-order-details-view .block-content .box{ width: 100%; flex: 1 1 auto; padding-right: 0.375rem; } @media (min-width: 768px){ .price-excluding-tax.block-order-details-view .block-content .box{ max-width: 50%; } } @media (min-width: 1024px){ .price-excluding-tax.block-order-details-view .block-content .box{ max-width: 25%; flex-shrink: 0; flex-grow: 1; } } .price-excluding-tax.block-order-details-view .block-content .box-title{ margin-bottom: 0.625rem; font-weight: 600; } .price-excluding-tax.block-order-details-view .block-content .box-content{ overflow-wrap: break-word; padding-bottom: 1.25rem; } .price-excluding-tax.block-order-details-view .block-content .box-content a{ --tw-text-opacity: 1; color: rgb(37 99 235 / var(--tw-text-opacity, 1)); } .price-excluding-tax.block-order-details-view .block-content .box-content a:hover{ text-decoration-line: underline; } .price-container.price-tier_price{ display: flex; gap: 0.25rem; } .price-container.price-tier_price > .price-including-tax + .price-excluding-tax:before { content: '(' attr(data-label) ': '; } .price-container.price-tier_price > .price-including-tax + .price-excluding-tax:after { content: ')'; } /* Keep file for backwards compatibility */ #customer-login-container{ margin-left: auto; margin-right: auto; display: grid; max-width: 1160px; grid-template-columns: repeat(1, minmax(0, 1fr)); column-gap: 1rem; row-gap: 1.5rem; padding-top: 1rem; padding-bottom: 1rem; } @media (min-width: 768px){ #customer-login-container{ column-gap: 3rem; padding-top: 5rem; padding-bottom: 5rem; } } @media (min-width: 1024px){ #customer-login-container{ column-gap: 5rem; } } @media (min-width: 1280px){ #customer-login-container{ column-gap: 8rem; } } @media (min-width: 768px) { #customer-login-container{ grid-template-columns: repeat(2, minmax(0, 1fr)); } } .customer-account-create .registration-container{ margin-left: auto; margin-right: auto; max-width: 1160px; } .block-title{ margin-bottom: 1rem; font-size: 0.875rem; line-height: 1.25rem; font-weight: 600; text-transform: uppercase; line-height: 1.25; } .xt-links-inverse .block-action, .xt-links-default .xt-links-inverse .block-action{ word-wrap: break-word; overflow-wrap: break-word; color: #fff; -webkit-text-decoration: underline; text-decoration: underline; text-underline-offset: 2px; transition-property: all; transition-duration: 500ms; transition-timing-function: cubic-bezier(.23,1,.32,1); } .xt-links-default .block-action, .xt-links-inverse .xt-links-default .block-action{ word-wrap: break-word; overflow-wrap: break-word; color: #0067DD; -webkit-text-decoration: underline; text-decoration: underline; text-underline-offset: 2px; transition-property: all; transition-duration: 500ms; transition-timing-function: cubic-bezier(.23,1,.32,1); } .block-action{ margin-bottom: 1rem; font-size: 0.75rem; line-height: 1rem; font-weight: 500; word-wrap: break-word; overflow-wrap: break-word; -webkit-text-decoration: underline; text-decoration: underline; text-underline-offset: 2px; } .box-container{ margin-bottom: 1.5rem; display: grid; gap: 1rem; } @media (min-width: 768px){ .box-container{ grid-template-columns: repeat(2, minmax(0, 1fr)); } } .box{ width: 100%; border-radius: 0.125rem; border-width: 1px; --tw-border-opacity: 1; border-color: rgb(238 227 227 / var(--tw-border-opacity, 1)); background-color: transparent; padding: 2rem; } .box-title{ margin-bottom: 0.75rem; font-size: 0.875rem; line-height: 1.25rem; font-weight: 600; } .box-content{ font-size: 0.875rem; line-height: 1.25rem; } address{ font-style: normal; } /* .table */ .table-overflow{ -webkit-overflow-scrolling: touch; scrollbar-width: thin; scrollbar-color: #d1d5db transparent; } .table-overflow:first-child{ margin-top: 0; } .table-overflow:last-child{ margin-bottom: 0; } .table-overflow{ margin-top: 1.25rem; margin-bottom: 1.25rem; width: 100%; overflow-y: hidden; overflow-x: scroll; } .table-th{ border-bottom-width: 1px; --tw-border-opacity: 1; border-color: rgb(224 209 209 / var(--tw-border-opacity, 1)); padding-top: 0.5rem; padding-bottom: 0.5rem; padding-left: 0.75rem; padding-right: 0.75rem; text-align: left; vertical-align: middle; font-size: 0.688rem; font-weight: 500; text-transform: uppercase; line-height: 1.375; letter-spacing: 0.05em; } .table{ width: 100%; border-width: 1px; --tw-border-opacity: 1; border-color: rgb(224 209 209 / var(--tw-border-opacity, 1)); } .table th{ border-bottom-width: 1px; --tw-border-opacity: 1; border-color: rgb(224 209 209 / var(--tw-border-opacity, 1)); padding-top: 0.5rem; padding-bottom: 0.5rem; padding-left: 0.75rem; padding-right: 0.75rem; text-align: left; vertical-align: middle; font-size: 0.688rem; font-weight: 500; text-transform: uppercase; line-height: 1.375; letter-spacing: 0.05em; } .table td{ border-bottom-width: 1px; --tw-border-opacity: 1; border-color: rgb(224 209 209 / var(--tw-border-opacity, 1)); padding-top: 0.5rem; padding-bottom: 0.5rem; padding-left: 0.75rem; padding-right: 0.75rem; text-align: left; vertical-align: middle; font-size: 0.688rem; line-height: 1.375; } .table .actions-toolbar{ justify-content: flex-start; white-space: nowrap; } .page.messages{ position: sticky; top: 0px; z-index: 20; } .page.messages .messages section#messages{ width: 100%; margin-right: auto; margin-left: auto; padding-right: 1rem; padding-left: 1rem; } @media (min-width: 375px){ .page.messages .messages section#messages{ max-width: 375px; } } @media (min-width: 480px){ .page.messages .messages section#messages{ max-width: 480px; } } @media (min-width: 640px){ .page.messages .messages section#messages{ max-width: 640px; padding-right: 1rem; padding-left: 1rem; } } @media (min-width: 768px){ .page.messages .messages section#messages{ max-width: 768px; padding-right: 1.5rem; padding-left: 1.5rem; } } @media (min-width: 1024px){ .page.messages .messages section#messages{ max-width: 1024px; padding-right: 2rem; padding-left: 2rem; } } @media (min-width: 1280px){ .page.messages .messages section#messages{ max-width: 1280px; padding-right: 3rem; padding-left: 3rem; } } @media (min-width: 1400px){ .page.messages .messages section#messages{ max-width: 1400px; } } @media (min-width: 1540px){ .page.messages .messages section#messages{ max-width: 1540px; } } .page.messages .messages section#messages{ max-width: 1600px; margin-left: auto; margin-right: auto; padding-top: 0.75rem; padding-bottom: 0.75rem; } @media (max-width: 1023px){ #header.page.messages .messages section#messages{ padding-left: 0px; padding-right: 0px; } } #preheader .page.messages .messages section#messages{ height: 100%; } #preheader .page.messages .messages section#messages > div[data-appearance=full-bleed]{ justify-content: center; } .message{ display: flex; width: 100%; align-items: center; justify-content: space-between; border-width: 0px; --tw-bg-opacity: 1; background-color: rgb(238 227 227 / var(--tw-bg-opacity, 1)); padding: 1rem; padding-left: 1.25rem; font-size: 0.75rem; line-height: 1rem; --tw-text-opacity: 1; color: rgb(0 0 0 / var(--tw-text-opacity, 1)); } .message.error{ --tw-bg-opacity: 1; background-color: rgb(249 199 199 / var(--tw-bg-opacity, 1)); } .message.success{ --tw-bg-opacity: 1; background-color: rgb(193 229 186 / var(--tw-bg-opacity, 1)); } .message.info, .message.notice{ --tw-bg-opacity: 1; background-color: rgb(238 227 227 / var(--tw-bg-opacity, 1)); } .message.warning{ --tw-bg-opacity: 1; background-color: rgb(245 223 165 / var(--tw-bg-opacity, 1)); } .message a{ font-weight: 600; text-decoration-line: underline; } .message.cart{ margin-top: 0.25rem; margin-bottom: 0.25rem; padding-top: 0.5rem; padding-bottom: 0.5rem; } .product-item .price-container{ display: block; } [data-content-type$='block'] .product-item .price-container p:last-child{ margin-bottom: 1rem; margin-top: 0px; } .product-item .price-container.block-order-details-view{ margin-bottom: 0.625rem; } .product-item .price-container.block-order-details-view .block-title{ margin-bottom: 1.5rem; } .product-item .price-container.block-order-details-view .block-content{ display: flex; flex-direction: column; flex-wrap: wrap; justify-content: flex-start; } @media (min-width: 768px){ .product-item .price-container.block-order-details-view .block-content{ flex-direction: row; } } .product-item .price-container.block-order-details-view .block-content .box{ width: 100%; flex: 1 1 auto; padding-right: 0.375rem; } @media (min-width: 768px){ .product-item .price-container.block-order-details-view .block-content .box{ max-width: 50%; } } @media (min-width: 1024px){ .product-item .price-container.block-order-details-view .block-content .box{ max-width: 25%; flex-shrink: 0; flex-grow: 1; } } .product-item .price-container.block-order-details-view .block-content .box-title{ margin-bottom: 0.625rem; font-weight: 600; } .product-item .price-container.block-order-details-view .block-content .box-content{ overflow-wrap: break-word; padding-bottom: 1.25rem; } .product-item .price-container.block-order-details-view .block-content .box-content a{ --tw-text-opacity: 1; color: rgb(37 99 235 / var(--tw-text-opacity, 1)); } .product-item .price-container.block-order-details-view .block-content .box-content a:hover{ text-decoration-line: underline; } .product-item .price-container .price{ font-size: 0.875rem; line-height: 1.25rem; font-weight: 600; } @media (min-width: 1024px){ .product-item .price-container .price{ font-size: 1rem; line-height: 1.5rem; } } .product-item .price-container .price-label{ font-size: 0.875rem; line-height: 1.25rem; } .product-item .special-price .price-container .price-label{ position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border-width: 0; } .product-item .old-price .price-container{ font-size: 0.688rem; font-weight: 400; --tw-text-opacity: 1; color: rgb(0 0 0 / var(--tw-text-opacity, 1)); } .product-item .old-price .price-container .price-label{ font-size: 0.688rem; } .product-item .old-price .price-container .price{ font-size: 0.688rem; font-weight: 400; } .product-item-photo{ width: 100%; } /* infinitescroll */ .infinitescroll:not([data-xt-infinitescroll-init]) [data-infinitescroll-hide-first] { display: none; } .infinitescroll.xt-infinitescroll-first [data-infinitescroll-hide-first] { display: none; } .infinitescroll.xt-infinitescroll-last [data-infinitescroll-hide-last] { display: none; } .infinitescroll .xt-loader{ opacity: 0; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter; transition-timing-function: cubic-bezier(.23,1,.32,1); transition-duration: 500ms; } .infinitescroll .xt-loader .xt-spinner{ --tw-scale-x: .75; --tw-scale-y: .75; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); opacity: 0; transition-property: all; transition-timing-function: cubic-bezier(.23,1,.32,1); transition-duration: 500ms; } [data-xt-infinitescroll-up] > .content, [data-xt-infinitescroll-down] > .content{ transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter; transition-timing-function: cubic-bezier(.23,1,.32,1); transition-duration: 500ms; } .xt-infinitescroll-loading .xt-loader{ opacity: 1; } .xt-infinitescroll-loading .xt-loader .xt-spinner{ --tw-scale-x: 1; --tw-scale-y: 1; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); opacity: 1; } .xt-infinitescroll-loading [data-xt-infinitescroll-up], .xt-infinitescroll-loading [data-xt-infinitescroll-down] { pointer-events: none; } .xt-infinitescroll-loading [data-xt-infinitescroll-up] > .content, .xt-infinitescroll-loading [data-xt-infinitescroll-down] > .content{ opacity: 0; } .page-product-bundle .price-final_price .price-from .price-container, .page-product-bundle .price-final_price .price-to .price-container{ margin-bottom: 1rem; display: block; } [data-content-type$='block'] .page-product-bundle .price-final_price .price-from .price-container p:last-child,[data-content-type$='block'] .page-product-bundle .price-final_price .price-to .price-container p:last-child{ margin-bottom: 1rem; margin-top: 0px; } .page-product-bundle .price-final_price .price-from .price-container.block-order-details-view, .page-product-bundle .price-final_price .price-to .price-container.block-order-details-view{ margin-bottom: 0.625rem; } .page-product-bundle .price-final_price .price-from .price-container.block-order-details-view .block-title, .page-product-bundle .price-final_price .price-to .price-container.block-order-details-view .block-title{ margin-bottom: 1.5rem; } .page-product-bundle .price-final_price .price-from .price-container.block-order-details-view .block-content, .page-product-bundle .price-final_price .price-to .price-container.block-order-details-view .block-content{ display: flex; flex-direction: column; flex-wrap: wrap; justify-content: flex-start; } @media (min-width: 768px){ .page-product-bundle .price-final_price .price-from .price-container.block-order-details-view .block-content, .page-product-bundle .price-final_price .price-to .price-container.block-order-details-view .block-content{ flex-direction: row; } } .page-product-bundle .price-final_price .price-from .price-container.block-order-details-view .block-content .box, .page-product-bundle .price-final_price .price-to .price-container.block-order-details-view .block-content .box{ width: 100%; flex: 1 1 auto; padding-right: 0.375rem; } @media (min-width: 768px){ .page-product-bundle .price-final_price .price-from .price-container.block-order-details-view .block-content .box, .page-product-bundle .price-final_price .price-to .price-container.block-order-details-view .block-content .box{ max-width: 50%; } } @media (min-width: 1024px){ .page-product-bundle .price-final_price .price-from .price-container.block-order-details-view .block-content .box, .page-product-bundle .price-final_price .price-to .price-container.block-order-details-view .block-content .box{ max-width: 25%; flex-shrink: 0; flex-grow: 1; } } .page-product-bundle .price-final_price .price-from .price-container.block-order-details-view .block-content .box-title, .page-product-bundle .price-final_price .price-to .price-container.block-order-details-view .block-content .box-title{ margin-bottom: 0.625rem; font-weight: 600; } .page-product-bundle .price-final_price .price-from .price-container.block-order-details-view .block-content .box-content, .page-product-bundle .price-final_price .price-to .price-container.block-order-details-view .block-content .box-content{ overflow-wrap: break-word; padding-bottom: 1.25rem; } .page-product-bundle .price-final_price .price-from .price-container.block-order-details-view .block-content .box-content a, .page-product-bundle .price-final_price .price-to .price-container.block-order-details-view .block-content .box-content a{ --tw-text-opacity: 1; color: rgb(37 99 235 / var(--tw-text-opacity, 1)); } .page-product-bundle .price-final_price .price-from .price-container.block-order-details-view .block-content .box-content a:hover, .page-product-bundle .price-final_price .price-to .price-container.block-order-details-view .block-content .box-content a:hover{ text-decoration-line: underline; } .page-product-bundle .price-final_price .price-from .price-container .price-label, .page-product-bundle .price-final_price .price-to .price-container .price-label{ display: block; font-size: 1.125rem; line-height: 1.75rem; font-weight: 500; } [data-content-type$='block'] .page-product-bundle .price-final_price .price-from .price-container .price-label p:last-child,[data-content-type$='block'] .page-product-bundle .price-final_price .price-to .price-container .price-label p:last-child{ margin-bottom: 1rem; margin-top: 0px; } .page-product-bundle .price-final_price .price-from .price-container .price-label.block-order-details-view, .page-product-bundle .price-final_price .price-to .price-container .price-label.block-order-details-view{ margin-bottom: 0.625rem; } .page-product-bundle .price-final_price .price-from .price-container .price-label.block-order-details-view .block-title, .page-product-bundle .price-final_price .price-to .price-container .price-label.block-order-details-view .block-title{ margin-bottom: 1.5rem; } .page-product-bundle .price-final_price .price-from .price-container .price-label.block-order-details-view .block-content, .page-product-bundle .price-final_price .price-to .price-container .price-label.block-order-details-view .block-content{ display: flex; flex-direction: column; flex-wrap: wrap; justify-content: flex-start; } @media (min-width: 768px){ .page-product-bundle .price-final_price .price-from .price-container .price-label.block-order-details-view .block-content, .page-product-bundle .price-final_price .price-to .price-container .price-label.block-order-details-view .block-content{ flex-direction: row; } } .page-product-bundle .price-final_price .price-from .price-container .price-label.block-order-details-view .block-content .box, .page-product-bundle .price-final_price .price-to .price-container .price-label.block-order-details-view .block-content .box{ width: 100%; flex: 1 1 auto; padding-right: 0.375rem; } @media (min-width: 768px){ .page-product-bundle .price-final_price .price-from .price-container .price-label.block-order-details-view .block-content .box, .page-product-bundle .price-final_price .price-to .price-container .price-label.block-order-details-view .block-content .box{ max-width: 50%; } } @media (min-width: 1024px){ .page-product-bundle .price-final_price .price-from .price-container .price-label.block-order-details-view .block-content .box, .page-product-bundle .price-final_price .price-to .price-container .price-label.block-order-details-view .block-content .box{ max-width: 25%; flex-shrink: 0; flex-grow: 1; } } .page-product-bundle .price-final_price .price-from .price-container .price-label.block-order-details-view .block-content .box-title, .page-product-bundle .price-final_price .price-to .price-container .price-label.block-order-details-view .block-content .box-title{ margin-bottom: 0.625rem; font-weight: 600; } .page-product-bundle .price-final_price .price-from .price-container .price-label.block-order-details-view .block-content .box-content, .page-product-bundle .price-final_price .price-to .price-container .price-label.block-order-details-view .block-content .box-content{ overflow-wrap: break-word; padding-bottom: 1.25rem; } .page-product-bundle .price-final_price .price-from .price-container .price-label.block-order-details-view .block-content .box-content a, .page-product-bundle .price-final_price .price-to .price-container .price-label.block-order-details-view .block-content .box-content a{ --tw-text-opacity: 1; color: rgb(37 99 235 / var(--tw-text-opacity, 1)); } .page-product-bundle .price-final_price .price-from .price-container .price-label.block-order-details-view .block-content .box-content a:hover, .page-product-bundle .price-final_price .price-to .price-container .price-label.block-order-details-view .block-content .box-content a:hover{ text-decoration-line: underline; } .page-product-bundle .price-final_price .price-from .price-container .price, .page-product-bundle .price-final_price .price-to .price-container .price{ font-size: 1.5rem; line-height: 2rem; font-weight: 600; line-height: 1.25; --tw-text-opacity: 1; color: rgb(31 41 55 / var(--tw-text-opacity, 1)); } .page-product-bundle .price-final_price .price-from .price-including-tax + .price-excluding-tax, .page-product-bundle .price-final_price .price-to .price-including-tax + .price-excluding-tax{ margin-top: 0.25rem; } .page-product-bundle .price-final_price .price-from .price-including-tax + .price-excluding-tax .price, .page-product-bundle .price-final_price .price-to .price-including-tax + .price-excluding-tax .price{ font-size: 1rem; line-height: 1.5rem; } .page-product-bundle .price-final_price .price-from .old-price .price-container .price, .page-product-bundle .price-final_price .price-from .old-price .price-container .price-label, .page-product-bundle .price-final_price .price-to .old-price .price-container .price, .page-product-bundle .price-final_price .price-to .old-price .price-container .price-label{ display: inline; font-size: 1rem; line-height: 1.5rem; font-weight: 400; --tw-text-opacity: 1; color: rgb(107 114 128 / var(--tw-text-opacity, 1)); } .nav-tabs{ position: relative; } .nav-tabs:after { content: ""; position: absolute; bottom: 1.5rem; left: 0px; margin-top: -1.5rem; display: block; width: 100%; border-bottom-width: 1px; --tw-border-opacity: 1; border-color: rgb(229 231 235 / var(--tw-border-opacity, 1)); } [data-content-type$='block'] .nav-tabs p:last-child:after{ margin-bottom: 1rem; margin-top: 0px; } .nav-tabs.block-order-details-view:after{ margin-bottom: 0.625rem; } .nav-tabs.block-order-details-view .block-title:after{ margin-bottom: 1.5rem; } .nav-tabs.block-order-details-view .block-content:after{ display: flex; flex-direction: column; flex-wrap: wrap; justify-content: flex-start; } @media (min-width: 768px){ .nav-tabs.block-order-details-view .block-content:after{ flex-direction: row; } } .nav-tabs.block-order-details-view .block-content .box:after{ width: 100%; flex: 1 1 auto; padding-right: 0.375rem; } @media (min-width: 768px){ .nav-tabs.block-order-details-view .block-content .box:after{ max-width: 50%; } } @media (min-width: 1024px){ .nav-tabs.block-order-details-view .block-content .box:after{ max-width: 25%; flex-shrink: 0; flex-grow: 1; } } .nav-tabs.block-order-details-view .block-content .box-title:after{ margin-bottom: 0.625rem; font-weight: 600; } .nav-tabs.block-order-details-view .block-content .box-content:after{ overflow-wrap: break-word; padding-bottom: 1.25rem; } .nav-tabs.block-order-details-view .block-content .box-content a:after{ --tw-text-opacity: 1; color: rgb(37 99 235 / var(--tw-text-opacity, 1)); } .nav-tabs.block-order-details-view .block-content .box-content a:hover:after{ text-decoration-line: underline; } .prose{ font-size: 0.875rem; line-height: 1.25rem; } .catalog-product-view .page-main{ margin-bottom: 0px; } .wishlist-widget .price-box .price-label, .wishlist-widget .price-box .old-price{ position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border-width: 0; } /* .modal {} */ .xt-scrollbar-overlay .backdrop{ margin-right: var(--scrollbar-width); } .backdrop{ position: fixed; top: 0px; right: 0px; bottom: 0px; left: 0px; display: flex; background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1)); --tw-bg-opacity: 0.25; } /* clerk */ @media (min-width: 375px){ #clerk_powerstep .js_slide{ width: 50%; } } @media (min-width: 768px){ #clerk_powerstep .js_slide{ width: 33.333333%; } } .snap { scroll-snap-type: x mandatory; scroll-behavior: smooth; scrollbar-width: none; } .snap::-webkit-scrollbar { display: none; } .snap > div { scroll-snap-align: start; } .pagebuilder-slider[data-content-type=slider]{ margin: 0px; min-height: 0px !important; padding: 0px; } .pagebuilder-slider[data-content-type=slider] .glider-slide{ right: 0px; left: 0px; margin: 0px; } #maincontent .pagebuilder-slider:not(.custom-slider-hp) .pagebuilder-overlay{ min-height: 0px !important; padding-bottom: 94.2% !important; } @media (min-width: 768px){ #maincontent .pagebuilder-slider:not(.custom-slider-hp) .pagebuilder-overlay{ padding-bottom: 29.4% !important; } } #maincontent .pagebuilder-slider:not(.custom-slider-hp) .pagebuilder-slide-wrapper{ position: relative; min-height: 0px !important; } #maincontent .pagebuilder-slider:not(.custom-slider-hp) .pagebuilder-slide-wrapper [data-element='content']{ min-height: 0px !important; } #maincontent .pagebuilder-slider:not(.custom-slider-hp) .pagebuilder-poster-content{ width: 100%; margin-right: auto; margin-left: auto; padding-right: 1rem; padding-left: 1rem; } @media (min-width: 375px){ #maincontent .pagebuilder-slider:not(.custom-slider-hp) .pagebuilder-poster-content{ max-width: 375px; } } @media (min-width: 480px){ #maincontent .pagebuilder-slider:not(.custom-slider-hp) .pagebuilder-poster-content{ max-width: 480px; } } @media (min-width: 640px){ #maincontent .pagebuilder-slider:not(.custom-slider-hp) .pagebuilder-poster-content{ max-width: 640px; padding-right: 1rem; padding-left: 1rem; } } @media (min-width: 768px){ #maincontent .pagebuilder-slider:not(.custom-slider-hp) .pagebuilder-poster-content{ max-width: 768px; padding-right: 1.5rem; padding-left: 1.5rem; } } @media (min-width: 1024px){ #maincontent .pagebuilder-slider:not(.custom-slider-hp) .pagebuilder-poster-content{ max-width: 1024px; padding-right: 2rem; padding-left: 2rem; } } @media (min-width: 1280px){ #maincontent .pagebuilder-slider:not(.custom-slider-hp) .pagebuilder-poster-content{ max-width: 1280px; padding-right: 3rem; padding-left: 3rem; } } @media (min-width: 1400px){ #maincontent .pagebuilder-slider:not(.custom-slider-hp) .pagebuilder-poster-content{ max-width: 1400px; } } @media (min-width: 1540px){ #maincontent .pagebuilder-slider:not(.custom-slider-hp) .pagebuilder-poster-content{ max-width: 1540px; } } #maincontent .pagebuilder-slider:not(.custom-slider-hp) .pagebuilder-poster-content{ max-width: 1600px; position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; display: flex; align-items: flex-end; justify-content: center; padding-top: 3rem; padding-bottom: 3rem; text-align: center; font-size: 1.125rem; line-height: 1.75rem; font-weight: 600; text-transform: uppercase; line-height: 1.25; --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); } @media (max-width: 1023px){ #header#maincontent .pagebuilder-slider:not(.custom-slider-hp) .pagebuilder-poster-content{ padding-left: 0px; padding-right: 0px; } } #preheader #maincontent .pagebuilder-slider:not(.custom-slider-hp) .pagebuilder-poster-content{ height: 100%; } #preheader #maincontent .pagebuilder-slider:not(.custom-slider-hp) .pagebuilder-poster-content > div[data-appearance=full-bleed]{ justify-content: center; } .clearfix::after { content: ""; display: block; clear: both; } html { scroll-behavior: smooth; } body { overflow-x: hidden; overflow-y: scroll; } body.no-scroll{ overflow: hidden !important; padding-right: var(--scrollbar-width) !important; } .page-main{ margin-top: 0px; margin-bottom: 2rem; } body.contact-index-index .columns, body.cms-page-view .columns, body.account .columns{ padding-top: 1.5rem; padding-bottom: 1.5rem; } @media (min-width: 1024px){ body.contact-index-index .columns, body.cms-page-view .columns, body.account .columns{ padding-top: 3rem; padding-bottom: 3rem; } } .page-main-full-width .columns{ padding-top: 0px !important; padding-bottom: 0px !important; } body.page-print .columns{ padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } .columns{ width: 100%; margin-right: auto; margin-left: auto; padding-right: 1rem; padding-left: 1rem; } @media (min-width: 375px){ .columns{ max-width: 375px; } } @media (min-width: 480px){ .columns{ max-width: 480px; } } @media (min-width: 640px){ .columns{ max-width: 640px; padding-right: 1rem; padding-left: 1rem; } } @media (min-width: 768px){ .columns{ max-width: 768px; padding-right: 1.5rem; padding-left: 1.5rem; } } @media (min-width: 1024px){ .columns{ max-width: 1024px; padding-right: 2rem; padding-left: 2rem; } } @media (min-width: 1280px){ .columns{ max-width: 1280px; padding-right: 3rem; padding-left: 3rem; } } @media (min-width: 1400px){ .columns{ max-width: 1400px; } } @media (min-width: 1540px){ .columns{ max-width: 1540px; } } .columns{ max-width: 1600px; display: grid; grid-template-columns: repeat(1, minmax(0, 1fr)); gap: 3rem; } @media (max-width: 1023px){ #header.columns{ padding-left: 0px; padding-right: 0px; } } #preheader .columns{ height: 100%; } #preheader .columns > div[data-appearance=full-bleed]{ justify-content: center; } .columns { grid-template-rows: auto minmax(0, 1fr); } .columns .main{ order: 2; } .columns .sidebar{ order: 3; } .product-main-full-width .columns{ max-width: none; } .page-main-full-width .columns{ max-width: none; padding-left: 0px; padding-right: 0px; } body.contact-index-index .columns .sidebar, body.cms-page-view .columns .sidebar, .account .columns .sidebar, .page-with-filter .columns .sidebar{ order: 1; } @media (min-width: 640px) { .page-layout-2columns-left .columns, .page-layout-2columns-right .columns, .page-layout-3columns .columns{ grid-template-columns: repeat(2, minmax(0, 1fr)); } .page-layout-2columns-left .columns .main, .page-layout-2columns-right .columns .main, .page-layout-3columns .columns .main{ grid-column: span 2 / span 2; } .account .columns .sidebar-main, .page-with-filter .columns .sidebar-main{ grid-column: 1 / -1; } .account .columns .sidebar-additional{ grid-column: span 2 / span 2; } } @media (min-width: 1024px) { .page-layout-2columns-left .columns, .page-layout-2columns-right .columns, .page-layout-3columns .columns{ grid-template-columns: repeat(3, minmax(0, 1fr)); } .page-layout-2columns-left .columns .main, .page-layout-2columns-right .columns .main, .page-layout-3columns .columns .main{ grid-row: span 2 / span 2; } .page-layout-2columns-left .columns .sidebar, .page-layout-2columns-right .columns .sidebar, .page-layout-3columns .columns .sidebar{ grid-column: span 1 / span 1; } .page-layout-2columns-left .columns .main, .page-layout-3columns .columns .main{ grid-column-start: 2 !important; } .page-layout-2columns-left .columns .sidebar, .page-layout-3columns .columns .sidebar{ order: 1; } .page-layout-2columns-left .columns .sidebar ~ .sidebar-additional, .page-layout-3columns .columns .sidebar ~ .sidebar-additional{ order: 3; } .page-layout-2columns-right .sidebar-main, .page-layout-2columns-right.page-with-filter .sidebar-main{ order: 3; } .page-layout-2columns-left .columns, .page-layout-2columns-right .columns, .page-layout-3columns .columns{ grid-template-columns: repeat(4, minmax(0, 1fr)); } .page-layout-2columns-left .columns .main, .page-layout-2columns-right .columns .main{ grid-column: span 3 / span 3; } .page-layout-3columns .columns .sidebar-additional{ grid-column-start: 4; } } .product-image-container { width: 100% !important; } .product-image-container img { width: 100%; } body{ --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); } #cart-drawer{ --tw-text-opacity: 1; color: rgb(0 0 0 / var(--tw-text-opacity, 1)); } [x-cloak] { display: none !important; } .input{ margin-right: 0.5rem; width: auto; border-radius: 0.25rem; border-width: 1px; padding-top: 0.5rem; padding-bottom: 0.5rem; padding-left: 1rem; padding-right: 1rem; font-size: 1rem; line-height: 1.5rem; } @media (min-width: 768px) { .input{ margin-right: 1rem; } } @media (min-width: 1024px) { .input{ margin-right: 0px; } } @media (min-width: 1280px) { .input{ margin-right: 1rem; } } .input-light{ --tw-border-opacity: 1; border-color: rgb(156 163 175 / var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); } .input-light:focus{ --tw-border-opacity: 1; border-color: rgb(139 1 1 / var(--tw-border-opacity, 1)); outline: 2px solid transparent; outline-offset: 2px; } .card{ --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); padding: 1.25rem; } .card-interactive:hover{ --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); } @font-face { font-family: 'GeneralSans'; src: url('../fonts/GeneralSans-Regular.woff2') format('woff2'), url('../fonts/GeneralSans-Regular.woff') format('woff'), url('../fonts/GeneralSans-Regular.ttf') format('truetype'); font-weight: 400; font-display: swap; font-style: normal; } @font-face { font-family: 'GeneralSans'; src: url('../fonts/GeneralSans-Medium.woff2') format('woff2'), url('../fonts/GeneralSans-Medium.woff') format('woff'), url('../fonts/GeneralSans-Medium.ttf') format('truetype'); font-weight: 500; font-display: swap; font-style: normal; } @font-face { font-family: 'GeneralSans'; src: url('../fonts/GeneralSans-Semibold.woff2') format('woff2'), url('../fonts/GeneralSans-Semibold.woff') format('woff'), url('../fonts/GeneralSans-Semibold.ttf') format('truetype'); font-weight: 600; font-display: swap; font-style: normal; } @font-face { font-family: 'GeneralSans'; src: url('../fonts/GeneralSans-Bold.woff2') format('woff2'), url('../fonts/GeneralSans-Bold.woff') format('woff'), url('../fonts/GeneralSans-Bold.ttf') format('truetype'); font-weight: 700; font-display: swap; font-style: normal; } /* .space-small */ .space-small p:not([class]){ margin-bottom: 0.125rem; } .space-small ul:not([class]){ margin-bottom: 0.125rem; } /* .ul-small */ .ul-small ul:not([class]){ padding-left: 0px; } .ul-small ul:not([class]) > li{ margin-bottom: 0.125rem; } /* .ul-check */ .ul-check ul:not([class]) { padding-left: 0; } .ul-check ul:not([class]) > li { /* for colors use %23 instead of # */ } .ul-check ul:not([class]) > li:before { display: none; } .ul-check ul:not([class]) > li{ padding-left: 1.5em; background-image: url('data:image/svg+xml;utf8,'); background-repeat: no-repeat; background-size: 1em auto; background-position: left .15em; } /** * Hyvä Themes - https://hyva.io * Copyright © Hyvä Themes 2020-present. All rights reserved. * This product is licensed per Magento install * See https://hyva.io/license */ /** * Layout */ /* Rows */ [data-content-type='row']{ box-sizing: border-box; } [data-content-type='row'][data-appearance='contained']{ width: 100%; margin-right: auto; margin-left: auto; padding-right: 1rem; padding-left: 1rem; } @media (min-width: 375px){ [data-content-type='row'][data-appearance='contained']{ max-width: 375px; } } @media (min-width: 480px){ [data-content-type='row'][data-appearance='contained']{ max-width: 480px; } } @media (min-width: 640px){ [data-content-type='row'][data-appearance='contained']{ max-width: 640px; padding-right: 1rem; padding-left: 1rem; } } @media (min-width: 768px){ [data-content-type='row'][data-appearance='contained']{ max-width: 768px; padding-right: 1.5rem; padding-left: 1.5rem; } } @media (min-width: 1024px){ [data-content-type='row'][data-appearance='contained']{ max-width: 1024px; padding-right: 2rem; padding-left: 2rem; } } @media (min-width: 1280px){ [data-content-type='row'][data-appearance='contained']{ max-width: 1280px; padding-right: 3rem; padding-left: 3rem; } } @media (min-width: 1400px){ [data-content-type='row'][data-appearance='contained']{ max-width: 1400px; } } @media (min-width: 1540px){ [data-content-type='row'][data-appearance='contained']{ max-width: 1540px; } } [data-content-type='row'][data-appearance='contained']{ max-width: 1600px; } @media (max-width: 1023px){ #header[data-content-type='row'][data-appearance='contained']{ padding-left: 0px; padding-right: 0px; } } #preheader [data-content-type='row'][data-appearance='contained']{ height: 100%; } #preheader [data-content-type='row'][data-appearance='contained'] > div[data-appearance=full-bleed]{ justify-content: center; } [data-content-type='row'][data-appearance='contained']{ margin-left: auto; margin-right: auto; box-sizing: border-box; } [data-content-type='row'][data-appearance='contained'] [data-element='inner']{ box-sizing: border-box; background-attachment: scroll !important; } [data-content-type='row'][data-appearance='full-bleed'] { background-attachment: scroll !important; } [data-content-type='row'][data-appearance='full-width'] { background-attachment: scroll !important; } [data-content-type='row'][data-appearance='full-width'] > .row-full-width-inner{ width: 100%; margin-right: auto; margin-left: auto; padding-right: 1rem; padding-left: 1rem; } @media (min-width: 375px){ [data-content-type='row'][data-appearance='full-width'] > .row-full-width-inner{ max-width: 375px; } } @media (min-width: 480px){ [data-content-type='row'][data-appearance='full-width'] > .row-full-width-inner{ max-width: 480px; } } @media (min-width: 640px){ [data-content-type='row'][data-appearance='full-width'] > .row-full-width-inner{ max-width: 640px; padding-right: 1rem; padding-left: 1rem; } } @media (min-width: 768px){ [data-content-type='row'][data-appearance='full-width'] > .row-full-width-inner{ max-width: 768px; padding-right: 1.5rem; padding-left: 1.5rem; } } @media (min-width: 1024px){ [data-content-type='row'][data-appearance='full-width'] > .row-full-width-inner{ max-width: 1024px; padding-right: 2rem; padding-left: 2rem; } } @media (min-width: 1280px){ [data-content-type='row'][data-appearance='full-width'] > .row-full-width-inner{ max-width: 1280px; padding-right: 3rem; padding-left: 3rem; } } @media (min-width: 1400px){ [data-content-type='row'][data-appearance='full-width'] > .row-full-width-inner{ max-width: 1400px; } } @media (min-width: 1540px){ [data-content-type='row'][data-appearance='full-width'] > .row-full-width-inner{ max-width: 1540px; } } [data-content-type='row'][data-appearance='full-width'] > .row-full-width-inner{ max-width: 1600px; } @media (max-width: 1023px){ #header[data-content-type='row'][data-appearance='full-width'] > .row-full-width-inner{ padding-left: 0px; padding-right: 0px; } } #preheader [data-content-type='row'][data-appearance='full-width'] > .row-full-width-inner{ height: 100%; } #preheader [data-content-type='row'][data-appearance='full-width'] > .row-full-width-inner > div[data-appearance=full-bleed]{ justify-content: center; } /* Column Groups (both needed for pagebuider backwards compatibiliy) */ [data-content-type='column-group'], [data-content-type='column-line']{ flex-wrap: wrap; } @media (min-width: 768px){ [data-content-type='column-group'], [data-content-type='column-line']{ flex-wrap: nowrap; } } /* Columns */ [data-content-type='column']{ box-sizing: border-box; width: 100%; max-width: 100%; background-attachment: scroll !important; flex-basis: 100%; } @media (min-width: 768px) { [data-content-type='column'] { flex-basis: auto } } /* Tabs/Tab Item */ [data-content-type='tabs'] .tabs-navigation{ margin-bottom: -1px; display: block; padding: 0px; --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } [data-content-type$='block'] [data-content-type='tabs'] .tabs-navigation p:last-child{ margin-bottom: 1rem; margin-top: 0px; } [data-content-type='tabs'] .tabs-navigation.block-order-details-view{ margin-bottom: 0.625rem; } [data-content-type='tabs'] .tabs-navigation.block-order-details-view .block-title{ margin-bottom: 1.5rem; } [data-content-type='tabs'] .tabs-navigation.block-order-details-view .block-content{ display: flex; flex-direction: column; flex-wrap: wrap; justify-content: flex-start; } @media (min-width: 768px){ [data-content-type='tabs'] .tabs-navigation.block-order-details-view .block-content{ flex-direction: row; } } [data-content-type='tabs'] .tabs-navigation.block-order-details-view .block-content .box{ width: 100%; flex: 1 1 auto; padding-right: 0.375rem; } @media (min-width: 768px){ [data-content-type='tabs'] .tabs-navigation.block-order-details-view .block-content .box{ max-width: 50%; } } @media (min-width: 1024px){ [data-content-type='tabs'] .tabs-navigation.block-order-details-view .block-content .box{ max-width: 25%; flex-shrink: 0; flex-grow: 1; } } [data-content-type='tabs'] .tabs-navigation.block-order-details-view .block-content .box-title{ margin-bottom: 0.625rem; font-weight: 600; } [data-content-type='tabs'] .tabs-navigation.block-order-details-view .block-content .box-content{ overflow-wrap: break-word; padding-bottom: 1.25rem; } [data-content-type='tabs'] .tabs-navigation.block-order-details-view .block-content .box-content a{ --tw-text-opacity: 1; color: rgb(37 99 235 / var(--tw-text-opacity, 1)); } [data-content-type='tabs'] .tabs-navigation.block-order-details-view .block-content .box-content a:hover{ text-decoration-line: underline; } [data-content-type='tabs'] .tabs-navigation li.tab-header{ position: relative; margin-top: 0px; margin-bottom: 0px; margin-right: 0px; margin-left: -1px; display: inline-block; max-width: 100%; overflow-wrap: break-word; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; border-width: 1px; border-bottom-width: 0px; border-style: solid; --tw-border-opacity: 1; border-color: rgb(209 213 219 / var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1)); } [data-content-type='tabs'] .tabs-navigation li.tab-header:first-child{ margin-left: 0px; } [data-content-type='tabs'] .tabs-navigation li.tab-header.active{ z-index: 20; --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); border-bottom: 1px solid white; } [data-content-type='tabs'] .tabs-navigation li.tab-header a.tab-title{ position: relative; display: block; cursor: pointer; white-space: normal; padding-top: 0.75rem; padding-bottom: 0.75rem; padding-left: 1.25rem; padding-right: 1.25rem; vertical-align: middle; font-size: 0.875rem; line-height: 1.25rem; font-weight: 600; } [data-content-type$='block'] [data-content-type='tabs'] .tabs-navigation li.tab-header a.tab-title p:last-child{ margin-bottom: 1rem; margin-top: 0px; } [data-content-type='tabs'] .tabs-navigation li.tab-header a.tab-title.block-order-details-view{ margin-bottom: 0.625rem; } [data-content-type='tabs'] .tabs-navigation li.tab-header a.tab-title.block-order-details-view .block-title{ margin-bottom: 1.5rem; } [data-content-type='tabs'] .tabs-navigation li.tab-header a.tab-title.block-order-details-view .block-content{ display: flex; flex-direction: column; flex-wrap: wrap; justify-content: flex-start; } @media (min-width: 768px){ [data-content-type='tabs'] .tabs-navigation li.tab-header a.tab-title.block-order-details-view .block-content{ flex-direction: row; } } [data-content-type='tabs'] .tabs-navigation li.tab-header a.tab-title.block-order-details-view .block-content .box{ width: 100%; flex: 1 1 auto; padding-right: 0.375rem; } @media (min-width: 768px){ [data-content-type='tabs'] .tabs-navigation li.tab-header a.tab-title.block-order-details-view .block-content .box{ max-width: 50%; } } @media (min-width: 1024px){ [data-content-type='tabs'] .tabs-navigation li.tab-header a.tab-title.block-order-details-view .block-content .box{ max-width: 25%; flex-shrink: 0; flex-grow: 1; } } [data-content-type='tabs'] .tabs-navigation li.tab-header a.tab-title.block-order-details-view .block-content .box-title{ margin-bottom: 0.625rem; font-weight: 600; } [data-content-type='tabs'] .tabs-navigation li.tab-header a.tab-title.block-order-details-view .block-content .box-content{ overflow-wrap: break-word; padding-bottom: 1.25rem; } [data-content-type='tabs'] .tabs-navigation li.tab-header a.tab-title.block-order-details-view .block-content .box-content a{ --tw-text-opacity: 1; color: rgb(37 99 235 / var(--tw-text-opacity, 1)); } [data-content-type='tabs'] .tabs-navigation li.tab-header a.tab-title.block-order-details-view .block-content .box-content a:hover{ text-decoration-line: underline; } [data-content-type='tabs'] .tabs-navigation li.tab-header a.tab-title span{ font-weight: 600; line-height: 1.25rem; --tw-text-opacity: 1; color: rgb(0 0 0 / var(--tw-text-opacity, 1)); } [data-content-type='tabs'] .tabs-content{ position: relative; z-index: 10; box-sizing: border-box; overflow: hidden; border-width: 1px; border-style: solid; --tw-border-opacity: 1; border-color: rgb(209 213 219 / var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } [data-content-type='tabs'] .tabs-content [data-content-type='tab-item']{ box-sizing: border-box; padding: 2rem; min-height: inherit; background-attachment: scroll !important; } [data-content-type='tabs'].tab-align-left .tabs-content { border-top-left-radius: 0 !important; } [data-content-type='tabs'].tab-align-right .tabs-content { border-top-right-radius: 0 !important; } /** * Elements */ /* Text */ [data-content-type='text']{ overflow-wrap: break-word; } /* Heading */ [data-content-type='heading']{ overflow-wrap: break-word; } /* Buttons/Button Item */ [data-content-type='buttons']{ max-width: 100%; } [data-content-type='buttons'] [data-content-type='button-item']{ margin-right: 0.5rem; margin-bottom: 0.5rem; max-width: 100%; } [data-content-type='buttons'] [data-content-type='button-item'] [data-element='link'], [data-content-type='buttons'] [data-content-type='button-item'] [data-element='empty_link']{ max-width: 100%; overflow-wrap: break-word; } [data-content-type='buttons'] [data-content-type='button-item'] [data-element='empty_link']{ cursor: default; } [data-content-type='buttons'] [data-content-type='button-item'] a, [data-content-type='buttons'] [data-content-type='button-item'] button, [data-content-type='buttons'] [data-content-type='button-item'] div{ display: inline-block; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } [data-content-type='buttons'] [data-content-type='button-item'] a.pagebuilder-button-link, [data-content-type='buttons'] [data-content-type='button-item'] button.pagebuilder-button-link, [data-content-type='buttons'] [data-content-type='button-item'] div.pagebuilder-button-link{ box-sizing: border-box; } a.pagebuilder-button-primary, button.pagebuilder-button-primary, div.pagebuilder-button-primary{ position: relative; display: inline-flex; align-items: center; justify-content: center; --tw-bg-opacity: 1; background-color: rgb(107 114 128 / var(--tw-bg-opacity, 1)); padding-left: 1rem; padding-right: 1rem; padding-top: 0.75rem; padding-bottom: 0.75rem; text-align: center; font-size: 13px; font-weight: 600; letter-spacing: 0.08em; --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter; transition-timing-function: cubic-bezier(.23,1,.32,1); transition-duration: 500ms; } a.pagebuilder-button-primary svg, button.pagebuilder-button-primary svg, div.pagebuilder-button-primary svg{ display: inline-flex; } a.pagebuilder-button-primary span, button.pagebuilder-button-primary span, div.pagebuilder-button-primary span { vertical-align: middle; } a.pagebuilder-button-primary:hover, button.pagebuilder-button-primary:hover, div.pagebuilder-button-primary:hover{ --tw-bg-opacity: 1; background-color: rgb(75 85 99 / var(--tw-bg-opacity, 1)); } a.pagebuilder-button-primary, button.pagebuilder-button-primary, div.pagebuilder-button-primary{ --tw-bg-opacity: 1; background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1)); font-weight: 600; text-transform: uppercase; letter-spacing: 0.05em; --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); } a.pagebuilder-button-primary:hover, button.pagebuilder-button-primary:hover, div.pagebuilder-button-primary:hover{ --tw-bg-opacity: 1; background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); opacity: 0.9; } a.xt-loadable.pagebuilder-button-primary > .xt-loader, button.xt-loadable.pagebuilder-button-primary > .xt-loader, div.xt-loadable.pagebuilder-button-primary > .xt-loader{ background-color: rgb(0 0 0 / 0.2); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); } a.pagebuilder-button-secondary, button.pagebuilder-button-secondary, div.pagebuilder-button-secondary{ position: relative; display: inline-flex; align-items: center; justify-content: center; --tw-bg-opacity: 1; background-color: rgb(107 114 128 / var(--tw-bg-opacity, 1)); padding-left: 1rem; padding-right: 1rem; padding-top: 0.75rem; padding-bottom: 0.75rem; text-align: center; font-size: 13px; font-weight: 600; letter-spacing: 0.08em; --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter; transition-timing-function: cubic-bezier(.23,1,.32,1); transition-duration: 500ms; } a.pagebuilder-button-secondary svg, button.pagebuilder-button-secondary svg, div.pagebuilder-button-secondary svg{ display: inline-flex; } a.pagebuilder-button-secondary span, button.pagebuilder-button-secondary span, div.pagebuilder-button-secondary span { vertical-align: middle; } a.pagebuilder-button-secondary:hover, button.pagebuilder-button-secondary:hover, div.pagebuilder-button-secondary:hover{ --tw-bg-opacity: 1; background-color: rgb(75 85 99 / var(--tw-bg-opacity, 1)); } a.pagebuilder-button-secondary, button.pagebuilder-button-secondary, div.pagebuilder-button-secondary{ border-width: 1px; --tw-border-opacity: 1; border-color: rgb(224 209 209 / var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); font-weight: 600; text-transform: uppercase; letter-spacing: 0.05em; --tw-text-opacity: 1; color: rgb(0 0 0 / var(--tw-text-opacity, 1)); } a.pagebuilder-button-secondary:hover, button.pagebuilder-button-secondary:hover, div.pagebuilder-button-secondary:hover{ --tw-border-opacity: 1; border-color: rgb(0 0 0 / var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); } /* HTML Code */ [data-content-type='html']{ overflow-wrap: break-word; } /** * Media */ /* Image */ [data-content-type='image']{ box-sizing: border-box; } [data-content-type='image'] > [data-element='link'], [data-content-type='image'] > [data-element='link'] img { border-radius: inherit; } [data-content-type='image'] .pagebuilder-mobile-hidden{ display: none; } @media (min-width: 768px){ [data-content-type='image'] .pagebuilder-mobile-hidden{ display: block; } [data-content-type='image'] .pagebuilder-mobile-only{ display: none; } } [data-content-type='image'] figcaption{ overflow-wrap: break-word; } /* Video */ [data-content-type='video'] { font-size: 0; } [data-content-type='video'] .pagebuilder-video-inner{ box-sizing: border-box; display: inline-block; width: 100%; } [data-content-type='video'] .pagebuilder-video-container{ position: relative; overflow: hidden; border-radius: inherit; padding-top: 56.25%; } [data-content-type='video'] iframe, [data-content-type='video'] video{ position: absolute; left: 0px; top: 0px; height: 100%; width: 100%; } /* Banner */ [data-content-type='banner'] > [data-element='link'], [data-content-type='banner'] > [data-element='empty_link'] { color: inherit; text-decoration: inherit; } [data-content-type='banner'] > [data-element='link']:hover, [data-content-type='banner'] > [data-element='empty_link']:hover { color: inherit; text-decoration: inherit; } [data-content-type='banner'] .pagebuilder-banner-wrapper{ box-sizing: border-box; overflow-wrap: break-word; background-clip: padding-box; border-radius: inherit; background-attachment: scroll !important; } [data-content-type='banner'] .pagebuilder-banner-wrapper .pagebuilder-overlay{ position: relative; box-sizing: border-box; padding: 2rem; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter; transition-timing-function: cubic-bezier(.23,1,.32,1); transition-duration: 500ms; transition-timing-function: cubic-bezier(.86,0,.07,1); } [data-content-type='banner'] .pagebuilder-banner-wrapper .pagebuilder-overlay.pagebuilder-poster-overlay{ display: flex; align-items: center; justify-content: center; } [data-content-type='banner'] .pagebuilder-banner-wrapper .pagebuilder-overlay:not(.pagebuilder-poster-overlay){ max-width: none; } @media (min-width: 768px){ [data-content-type='banner'] .pagebuilder-banner-wrapper .pagebuilder-overlay:not(.pagebuilder-poster-overlay){ max-width: 36rem; } } [data-content-type='banner'] .pagebuilder-banner-wrapper.jarallax .video-overlay{ z-index: 0; } [data-content-type='banner'] .pagebuilder-banner-wrapper [data-element='content']{ overflow: auto; min-height: 50px; } [data-content-type='banner'] .pagebuilder-banner-wrapper .pagebuilder-banner-button{ margin: 0px; margin-top: 1.25rem; display: inline-block; max-width: 100%; overflow-wrap: break-word; transition-property: opacity; transition-timing-function: cubic-bezier(.23,1,.32,1); transition-duration: 500ms; transition-timing-function: cubic-bezier(.86,0,.07,1); text-align: inherit; } [data-content-type='banner'] .pagebuilder-banner-wrapper .pagebuilder-poster-content{ width: 100%; } [data-content-type='banner'][data-appearance='collage-centered'] .pagebuilder-banner-wrapper .pagebuilder-overlay{ margin-left: auto; margin-right: auto; } [data-content-type='banner'][data-appearance='collage-left'] .pagebuilder-banner-wrapper .pagebuilder-overlay{ margin-right: auto; } [data-content-type='banner'][data-appearance='collage-right'] .pagebuilder-banner-wrapper .pagebuilder-overlay{ margin-left: auto; } /* Slider */ [data-content-type='slider']{ visibility: hidden; position: relative; } [data-content-type='slider'].glider-initialized{ visibility: visible; } [data-content-type='slider'] [data-role='glider-content']{ overflow-y: hidden; } [data-content-type='slider'] a.button { color: initial; padding: 10px; -webkit-text-decoration: none; text-decoration: none; } [data-content-type='slider'] .carousel-nav{ position: absolute; bottom: 0px; margin-bottom: 0.5rem; background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1)); --tw-bg-opacity: 0.75; left: 50%; transform: translateX(-50%); } [data-appearance="full-bleed"] [data-content-type="slider"] .glider-slide{ margin-left: 0px; margin-right: 0px; } /* Slide */ [data-content-type='slide']{ box-sizing: border-box; overflow: hidden; line-height: 1.25rem; min-height: inherit; } [data-content-type='slide'] > [data-element='link'], [data-content-type='slide'] > [data-element='empty_link'] { color: inherit; min-height: inherit; text-decoration: inherit; } [data-content-type='slide'] > [data-element='link']:hover, [data-content-type='slide'] > [data-element='empty_link']:hover { color: inherit; text-decoration: inherit; } [data-content-type='slide'] + [data-content-type='slide']{ height: 0px; min-height: 0px; } [data-content-type='slide'] .pagebuilder-slide-wrapper{ box-sizing: border-box; overflow-wrap: break-word; border-radius: inherit; min-height: inherit; } [data-content-type='slide'] .pagebuilder-slide-wrapper .jarallax-viewport-element{ position: absolute; top: 0px; z-index: 50; height: 100%; width: 0.125rem; left: -15000vw; } [data-content-type='slide'] .pagebuilder-slide-wrapper.jarallax .video-overlay{ -webkit-transform: unset; z-index: 1; } [data-content-type='slide'] .pagebuilder-slide-wrapper.jarallax .pagebuilder-overlay{ position: relative; z-index: 20; } [data-content-type='slide'] .pagebuilder-slide-wrapper.jarallax [id*='jarallax-container'] > div, [data-content-type='slide'] .pagebuilder-slide-wrapper.jarallax [id*='jarallax-container'] > img, [data-content-type='slide'] .pagebuilder-slide-wrapper.jarallax [id*='jarallax-container'] > video, [data-content-type='slide'] .pagebuilder-slide-wrapper.jarallax [id*='jarallax-container'] > iframe { margin: auto !important; transform: none !important; } [data-content-type='slide'] .pagebuilder-slide-wrapper .pagebuilder-overlay{ box-sizing: border-box; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(.23,1,.32,1); transition-duration: 500ms; border-radius: inherit; } [data-content-type='slide'] .pagebuilder-slide-wrapper .pagebuilder-overlay.pagebuilder-poster-overlay{ display: flex; align-items: center; justify-content: center; min-height: inherit; } [data-content-type='slide'] .pagebuilder-slide-wrapper .pagebuilder-overlay:not(.pagebuilder-poster-overlay){ max-width: none; } @media (min-width: 768px){ [data-content-type='slide'] .pagebuilder-slide-wrapper .pagebuilder-overlay:not(.pagebuilder-poster-overlay){ max-width: 32rem; } } [data-content-type='slide'] .pagebuilder-slide-wrapper [data-element='content'] { min-height: 50px; } [data-content-type='slide'] .pagebuilder-slide-wrapper .pagebuilder-slide-button{ margin: 0px; margin-top: 1.25rem; max-width: 100%; overflow-wrap: break-word; transition-property: opacity; transition-timing-function: cubic-bezier(.23,1,.32,1); transition-duration: 500ms; text-align: inherit; } [data-content-type='slide'] .pagebuilder-slide-wrapper .pagebuilder-poster-content{ width: 100%; } [data-content-type='slide'][data-appearance='collage-centered'] .pagebuilder-slide-wrapper .pagebuilder-overlay{ margin-left: auto; margin-right: auto; } [data-content-type='slide'][data-appearance='collage-left'] .pagebuilder-slide-wrapper .pagebuilder-overlay{ margin-right: auto; } [data-content-type='slide'][data-appearance='collage-right'] .pagebuilder-slide-wrapper .pagebuilder-overlay{ margin-left: auto; } /* Map */ [data-content-type='map']{ box-sizing: border-box; height: 18rem; } /** * Add Content */ /* Block */ [data-content-type$='block'] .block p:last-child{ margin-bottom: 1rem; margin-top: 0px; } /* Dynamic Block */ [data-content-type='dynamic_block'] [data-content-type='image'] img{ display: inline; } [data-content-type='dynamic_block'] .block-banners .banner-item-content, [data-content-type='dynamic_block'] .block-banners-inline .banner-item-content{ margin-bottom: auto; } /* Products */ [data-content-type='products'][data-appearance='carousel'] [data-role='glider-content']{ border-top-width: 1px; --tw-border-opacity: 1; border-color: rgb(238 227 227 / var(--tw-border-opacity, 1)); padding-top: 0px; padding-bottom: 0px; grid-template-columns: repeat(100, calc(100% - 1rem)); } @media (min-width: 375px) { [data-content-type='products'][data-appearance='carousel'] [data-role='glider-content'] { grid-template-columns: repeat(100, calc(50% - 1rem)) } } @media (min-width: 768px) { [data-content-type='products'][data-appearance='carousel'] [data-role='glider-content'] { grid-template-columns: repeat(100, calc(33% - 1rem)) } } @media (min-width: 1024px) { [data-content-type='products'][data-appearance='carousel'] [data-role='glider-content'] { grid-template-columns: repeat(100, calc(25% - 1rem)) } } @media (min-width: 1280px) { [data-content-type='products'][data-appearance='carousel'] [data-role='glider-content'] { grid-template-columns: repeat(100, calc(20% - 1rem)) } } [data-content-type='products'][data-appearance='carousel'] [data-role='glider-content'] .glider-slide{ margin-left: 0px; margin-right: 0px; } /** * Glider */ .glider-contain{ position: relative; margin-top: 0px; margin-bottom: 0px; margin-left: auto; margin-right: auto; width: 100%; } .glider{ overflow-y: hidden; } .glider.draggable{ -webkit-user-select: none; user-select: none; cursor: grab; } .glider.draggable .glider-slide\ img{ pointer-events: none; -webkit-user-select: none; user-select: none; } .glider.drag { cursor: grabbing; } .glider::-webkit-scrollbar{ height: 0px; opacity: 0; } .glider .glider-track{ z-index: 10; margin: 0px; display: flex; width: 100%; padding: 0px; } .glider-slide{ margin: 0.5rem; width: 100%; -webkit-user-select: none; user-select: none; align-content: center; justify-content: center; min-width: 150px; } .glider-slide img{ max-width: 100%; } .glider-hide{ opacity: 0; } .glider-prev.disabled, .glider-next.disabled{ cursor: default; --tw-text-opacity: 1; color: rgb(107 114 128 / var(--tw-text-opacity, 1)); opacity: 0.25; } .glider-dot{ margin-top: 0.5rem; display: block; cursor: pointer; padding: 0.5rem; opacity: 0.25; } [data-content-type$='block'] .glider-dot p:last-child{ margin-bottom: 1rem; margin-top: 0px; } .glider-dot.block-order-details-view{ margin-bottom: 0.625rem; } .glider-dot.block-order-details-view .block-title{ margin-bottom: 1.5rem; } .glider-dot.block-order-details-view .block-content{ display: flex; flex-direction: column; flex-wrap: wrap; justify-content: flex-start; } @media (min-width: 768px){ .glider-dot.block-order-details-view .block-content{ flex-direction: row; } } .glider-dot.block-order-details-view .block-content .box{ width: 100%; flex: 1 1 auto; padding-right: 0.375rem; } @media (min-width: 768px){ .glider-dot.block-order-details-view .block-content .box{ max-width: 50%; } } @media (min-width: 1024px){ .glider-dot.block-order-details-view .block-content .box{ max-width: 25%; flex-shrink: 0; flex-grow: 1; } } .glider-dot.block-order-details-view .block-content .box-title{ margin-bottom: 0.625rem; font-weight: 600; } .glider-dot.block-order-details-view .block-content .box-content{ overflow-wrap: break-word; padding-bottom: 1.25rem; } .glider-dot.block-order-details-view .block-content .box-content a{ --tw-text-opacity: 1; color: rgb(37 99 235 / var(--tw-text-opacity, 1)); } .glider-dot.block-order-details-view .block-content .box-content a:hover{ text-decoration-line: underline; } .glider-dot:after { content: ''; display: block; height: 0.5rem; width: 0.5rem; border-radius: 9999px; --tw-bg-opacity: 1; background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1)); } [data-content-type$='block'] .glider-dot p:last-child:after{ margin-bottom: 1rem; margin-top: 0px; } .glider-dot.block-order-details-view:after{ margin-bottom: 0.625rem; } .glider-dot.block-order-details-view .block-title:after{ margin-bottom: 1.5rem; } .glider-dot.block-order-details-view .block-content:after{ display: flex; flex-direction: column; flex-wrap: wrap; justify-content: flex-start; } @media (min-width: 768px){ .glider-dot.block-order-details-view .block-content:after{ flex-direction: row; } } .glider-dot.block-order-details-view .block-content .box:after{ width: 100%; flex: 1 1 auto; padding-right: 0.375rem; } @media (min-width: 768px){ .glider-dot.block-order-details-view .block-content .box:after{ max-width: 50%; } } @media (min-width: 1024px){ .glider-dot.block-order-details-view .block-content .box:after{ max-width: 25%; flex-shrink: 0; flex-grow: 1; } } .glider-dot.block-order-details-view .block-content .box-title:after{ margin-bottom: 0.625rem; font-weight: 600; } .glider-dot.block-order-details-view .block-content .box-content:after{ overflow-wrap: break-word; padding-bottom: 1.25rem; } .glider-dot.block-order-details-view .block-content .box-content a:after{ --tw-text-opacity: 1; color: rgb(37 99 235 / var(--tw-text-opacity, 1)); } .glider-dot.block-order-details-view .block-content .box-content a:hover:after{ text-decoration-line: underline; } .glider-dot.active{ opacity: 1; } @media (max-width: 36em) { .glider::-webkit-scrollbar{ height: 0.25rem; width: 0.5rem; -webkit-appearance: none; appearance: none; opacity: 1; } .glider::-webkit-scrollbar-thumb{ opacity: 1; border-radius: 99px; background-color: rgba(156, 156, 156, .25); box-shadow: 0 0 1px rgba(255, 255, 255, .25); } } [data-show-arrows='false'] .glider-prev, [data-show-arrows='false'] .glider-next{ display: none; } [data-show-dots='false'] .glider-dots{ display: none; } .pre-header .glider.draggable { scrollbar-width: none; } .flexy-cms-container{ margin: 0px !important; display: grid; grid-template-columns: repeat(1, minmax(0, 1fr)); column-gap: 2rem; row-gap: 1rem; } .child-image-full img{ height: auto; width: 100%; } /* purgecss end ignore */ .sr-only{ position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border-width: 0; } .pointer-events-none{ pointer-events: none; } .visible{ visibility: visible; } .invisible{ visibility: hidden; } .collapse{ visibility: collapse; } .static{ position: static; } .fixed{ position: fixed; } .absolute{ position: absolute; } .relative{ position: relative; } .sticky{ position: sticky; } .inset-0{ top: 0px; right: 0px; bottom: 0px; left: 0px; } .inset-x-0{ left: 0px; right: 0px; } .inset-x-4{ left: 1rem; right: 1rem; } .inset-y-0{ top: 0px; bottom: 0px; } .-bottom-4{ bottom: -1rem; } .-left-2{ left: -0.5rem; } .-left-6{ left: -1.5rem; } .-right-1\.5{ right: -0.375rem; } .-right-2{ right: -0.5rem; } .-top-1\.5{ top: -0.375rem; } .-top-10{ top: -2.5rem; } .-top-11{ top: -2.75rem; } .-top-2{ top: -0.5rem; } .-top-3{ top: -0.75rem; } .-top-5{ top: -1.25rem; } .-top-\[1px\]{ top: -1px; } .bottom-0{ bottom: 0px; } .bottom-1{ bottom: 0.25rem; } .bottom-2{ bottom: 0.5rem; } .bottom-4{ bottom: 1rem; } .bottom-\[6px\]{ bottom: 6px; } .left-0{ left: 0px; } .left-1{ left: 0.25rem; } .left-1\/2{ left: 50%; } .left-2\.5{ left: 0.625rem; } .left-28{ left: 7rem; } .left-4{ left: 1rem; } .left-5{ left: 1.25rem; } .left-6{ left: 1.5rem; } .left-\[-2px\]{ left: -2px; } .left-\[2px\]{ left: 2px; } .left-\[50\%\]{ left: 50%; } .right-0{ right: 0px; } .right-2{ right: 0.5rem; } .right-2\.5{ right: 0.625rem; } .right-3{ right: 0.75rem; } .right-4{ right: 1rem; } .right-5{ right: 1.25rem; } .right-6{ right: 1.5rem; } .right-\[var\(--scrollbar-width\)\]{ right: var(--scrollbar-width); } .top-0{ top: 0px; } .top-1{ top: 0.25rem; } .top-1\/2{ top: 50%; } .top-16{ top: 4rem; } .top-2{ top: 0.5rem; } .top-3{ top: 0.75rem; } .top-4{ top: 1rem; } .top-6{ top: 1.5rem; } .top-\[100\%\]{ top: 100%; } .top-\[2px\]{ top: 2px; } .top-\[62px\]{ top: 62px; } .top-full{ top: 100%; } .isolate{ isolation: isolate; } .z-0{ z-index: 0; } .z-10{ z-index: 10; } .z-100{ z-index: 100; } .z-2{ z-index: 2; } .z-20{ z-index: 20; } .z-30{ z-index: 30; } .z-40{ z-index: 40; } .z-50{ z-index: 50; } .z-\[-1\]{ z-index: -1; } .z-\[51\]{ z-index: 51; } .z-\[999999\]{ z-index: 999999; } .z-below{ z-index: -1; } .z-tooltip{ z-index: 700; } .order-1{ order: 1; } .order-2{ order: 2; } .order-3{ order: 3; } .order-first{ order: -9999; } .order-last{ order: 9999; } .order-none{ order: 0; } .col-span-1{ grid-column: span 1 / span 1; } .col-span-12{ grid-column: span 12 / span 12; } .col-span-2{ grid-column: span 2 / span 2; } .col-span-3{ grid-column: span 3 / span 3; } .col-span-4{ grid-column: span 4 / span 4; } .col-span-6{ grid-column: span 6 / span 6; } .col-span-8{ grid-column: span 8 / span 8; } .col-span-full{ grid-column: 1 / -1; } .col-start-1{ grid-column-start: 1; } .col-start-2{ grid-column-start: 2; } .col-start-4{ grid-column-start: 4; } .float-right{ float: right; } .float-left{ float: left; } .clear-left{ clear: left; } .clear-both{ clear: both; } .\!m-0{ margin: 0px !important; } .-m-2{ margin: -0.5rem; } .-m-4{ margin: -1rem; } .-m-px{ margin: -1px; } .m-0{ margin: 0px; } .m-1{ margin: 0.25rem; } .m-2{ margin: 0.5rem; } .m-4{ margin: 1rem; } .m-auto{ margin: auto; } .-mx-1{ margin-left: -0.25rem; margin-right: -0.25rem; } .-mx-2{ margin-left: -0.5rem; margin-right: -0.5rem; } .-mx-3{ margin-left: -0.75rem; margin-right: -0.75rem; } .-mx-4{ margin-left: -1rem; margin-right: -1rem; } .-mx-6{ margin-left: -1.5rem; margin-right: -1.5rem; } .-my-\[10px\]{ margin-top: -10px; margin-bottom: -10px; } .mx-0{ margin-left: 0px; margin-right: 0px; } .mx-1{ margin-left: 0.25rem; margin-right: 0.25rem; } .mx-2{ margin-left: 0.5rem; margin-right: 0.5rem; } .mx-4{ margin-left: 1rem; margin-right: 1rem; } .mx-6{ margin-left: 1.5rem; margin-right: 1.5rem; } .mx-auto{ margin-left: auto; margin-right: auto; } .my-0{ margin-top: 0px; margin-bottom: 0px; } .my-1{ margin-top: 0.25rem; margin-bottom: 0.25rem; } .my-12{ margin-top: 3rem; margin-bottom: 3rem; } .my-2{ margin-top: 0.5rem; margin-bottom: 0.5rem; } .my-2\.5{ margin-top: 0.625rem; margin-bottom: 0.625rem; } .my-3{ margin-top: 0.75rem; margin-bottom: 0.75rem; } .my-4{ margin-top: 1rem; margin-bottom: 1rem; } .my-5{ margin-top: 1.25rem; margin-bottom: 1.25rem; } .my-6{ margin-top: 1.5rem; margin-bottom: 1.5rem; } .my-8{ margin-top: 2rem; margin-bottom: 2rem; } .my-\[2px\]{ margin-top: 2px; margin-bottom: 2px; } .\!mb-0{ margin-bottom: 0px !important; } .\!mt-4{ margin-top: 1rem !important; } .-mb-2{ margin-bottom: -0.5rem; } .-mb-6{ margin-bottom: -1.5rem; } .-mb-\[2px\]{ margin-bottom: -2px; } .-mb-px{ margin-bottom: -1px; } .-ml-2{ margin-left: -0.5rem; } .-ml-6{ margin-left: -1.5rem; } .-ml-px{ margin-left: -1px; } .-mr-1{ margin-right: -0.25rem; } .-mr-2{ margin-right: -0.5rem; } .-mr-3{ margin-right: -0.75rem; } .-mr-4{ margin-right: -1rem; } .-mt-1{ margin-top: -0.25rem; } .-mt-2{ margin-top: -0.5rem; } .-mt-3{ margin-top: -0.75rem; } .-mt-4{ margin-top: -1rem; } .-mt-6{ margin-top: -1.5rem; } .-mt-8{ margin-top: -2rem; } .-mt-px{ margin-top: -1px; } .mb-0{ margin-bottom: 0px; } .mb-0\.5{ margin-bottom: 0.125rem; } .mb-1{ margin-bottom: 0.25rem; } .mb-1\.5{ margin-bottom: 0.375rem; } .mb-10{ margin-bottom: 2.5rem; } .mb-12{ margin-bottom: 3rem; } .mb-14{ margin-bottom: 3.5rem; } .mb-2{ margin-bottom: 0.5rem; } .mb-2\.5{ margin-bottom: 0.625rem; } .mb-3{ margin-bottom: 0.75rem; } .mb-4{ margin-bottom: 1rem; } .mb-5{ margin-bottom: 1.25rem; } .mb-6{ margin-bottom: 1.5rem; } .mb-8{ margin-bottom: 2rem; } .ml-1{ margin-left: 0.25rem; } .ml-10{ margin-left: 2.5rem; } .ml-2{ margin-left: 0.5rem; } .ml-3{ margin-left: 0.75rem; } .ml-4{ margin-left: 1rem; } .ml-5{ margin-left: 1.25rem; } .ml-6{ margin-left: 1.5rem; } .ml-auto{ margin-left: auto; } .mr-0{ margin-right: 0px; } .mr-1{ margin-right: 0.25rem; } .mr-10{ margin-right: 2.5rem; } .mr-2{ margin-right: 0.5rem; } .mr-2\.5{ margin-right: 0.625rem; } .mr-3{ margin-right: 0.75rem; } .mr-4{ margin-right: 1rem; } .mr-5{ margin-right: 1.25rem; } .mr-8{ margin-right: 2rem; } .mr-auto{ margin-right: auto; } .mt-0{ margin-top: 0px; } .mt-0\.5{ margin-top: 0.125rem; } .mt-1{ margin-top: 0.25rem; } .mt-1\.5{ margin-top: 0.375rem; } .mt-10{ margin-top: 2.5rem; } .mt-12{ margin-top: 3rem; } .mt-16{ margin-top: 4rem; } .mt-2{ margin-top: 0.5rem; } .mt-2\.5{ margin-top: 0.625rem; } .mt-3{ margin-top: 0.75rem; } .mt-4{ margin-top: 1rem; } .mt-5{ margin-top: 1.25rem; } .mt-6{ margin-top: 1.5rem; } .mt-8{ margin-top: 2rem; } .mt-\[3px\]{ margin-top: 3px; } .mt-\[calc\(1ex-1cap\)\]{ margin-top: calc(1ex - 1cap); } .mt-auto{ margin-top: auto; } .box-border{ box-sizing: border-box; } .box-content{ box-sizing: content-box; } .line-clamp-2{ overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .line-clamp-3{ overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; } .block{ display: block; } .inline-block{ display: inline-block; } .inline{ display: inline; } .flex{ display: flex; } .inline-flex{ display: inline-flex; } .table{ display: table; } .table-caption{ display: table-caption; } .table-cell{ display: table-cell; } .table-row{ display: table-row; } .grid{ display: grid; } .contents{ display: contents; } .\!hidden{ display: none !important; } .hidden{ display: none; } .aspect-square{ aspect-ratio: 1 / 1; } .aspect-video{ aspect-ratio: 16 / 9; } .h-0{ height: 0px; } .h-1{ height: 0.25rem; } .h-1\.5{ height: 0.375rem; } .h-10{ height: 2.5rem; } .h-11{ height: 2.75rem; } .h-12{ height: 3rem; } .h-14{ height: 3.5rem; } .h-16{ height: 4rem; } .h-2{ height: 0.5rem; } .h-20{ height: 5rem; } .h-3{ height: 0.75rem; } .h-3\.5{ height: 0.875rem; } .h-4{ height: 1rem; } .h-40{ height: 10rem; } .h-48{ height: 12rem; } .h-5{ height: 1.25rem; } .h-56{ height: 14rem; } .h-6{ height: 1.5rem; } .h-7{ height: 1.75rem; } .h-8{ height: 2rem; } .h-9{ height: 2.25rem; } .h-\[150px\]{ height: 150px; } .h-\[15px\]{ height: 15px; } .h-\[170px\]{ height: 170px; } .h-\[300px\]{ height: 300px; } .h-\[40px\]{ height: 40px; } .h-\[440px\]{ height: 440px; } .h-\[60vh\]{ height: 60vh; } .h-\[6px\]{ height: 6px; } .h-\[89px\]{ height: 89px; } .h-auto{ height: auto; } .h-full{ height: 100%; } .h-payment-card{ height: 22px; } .h-px{ height: 1px; } .h-screen{ height: 100vh; } .\!max-h-none{ max-height: none !important; } .max-h-0{ max-height: 0; } .max-h-20{ max-height: 5rem; } .max-h-48{ max-height: 12rem; } .max-h-\[1000px\]{ max-height: 1000px; } .max-h-\[48px\]{ max-height: 48px; } .max-h-\[500px\]{ max-height: 500px; } .max-h-\[50px\]{ max-height: 50px; } .max-h-\[60px\]{ max-height: 60px; } .max-h-fit{ max-height: -moz-fit-content; max-height: fit-content; } .max-h-full{ max-height: 100%; } .max-h-screen{ max-height: 100vh; } .max-h-screen-75{ max-height: 75vh; } .min-h-12{ min-height: 3rem; } .min-h-14{ min-height: 3.5rem; } .min-h-40px{ min-height: 40px; } .min-h-5{ min-height: 1.25rem; } .min-h-8{ min-height: 2rem; } .min-h-\[20px\]{ min-height: 20px; } .min-h-\[30vh\]{ min-height: 30vh; } .min-h-\[56px\]{ min-height: 56px; } .min-h-\[65vh\]{ min-height: 65vh; } .min-h-a11y{ min-height: 44px; } .min-h-screen{ min-height: 100vh; } .w-0{ width: 0px; } .w-1{ width: 0.25rem; } .w-1\.5{ width: 0.375rem; } .w-1\/2{ width: 50%; } .w-1\/4{ width: 25%; } .w-10{ width: 2.5rem; } .w-11{ width: 2.75rem; } .w-12{ width: 3rem; } .w-14{ width: 3.5rem; } .w-16{ width: 4rem; } .w-2{ width: 0.5rem; } .w-2\/5{ width: 40%; } .w-2\/6{ width: 33.333333%; } .w-20{ width: 5rem; } .w-24{ width: 6rem; } .w-3{ width: 0.75rem; } .w-3\.5{ width: 0.875rem; } .w-3\/4{ width: 75%; } .w-3\/5{ width: 60%; } .w-32{ width: 8rem; } .w-4{ width: 1rem; } .w-4\/12{ width: 33.333333%; } .w-40{ width: 10rem; } .w-44{ width: 11rem; } .w-5{ width: 1.25rem; } .w-5\/12{ width: 41.666667%; } .w-56{ width: 14rem; } .w-6{ width: 1.5rem; } .w-60{ width: 15rem; } .w-64{ width: 16rem; } .w-7\/12{ width: 58.333333%; } .w-8{ width: 2rem; } .w-8\/12{ width: 66.666667%; } .w-80{ width: 20rem; } .w-9{ width: 2.25rem; } .w-\[100px\]{ width: 100px; } .w-\[1024\]{ width: 1024; } .w-\[106px\]{ width: 106px; } .w-\[110px\]{ width: 110px; } .w-\[115px\]{ width: 115px; } .w-\[120px\]{ width: 120px; } .w-\[140px\]{ width: 140px; } .w-\[150px\]{ width: 150px; } .w-\[15px\]{ width: 15px; } .w-\[250px\]{ width: 250px; } .w-\[300px\]{ width: 300px; } .w-\[49\%\]{ width: 49%; } .w-\[70\%\]{ width: 70%; } .w-\[700px\]{ width: 700px; } .w-\[89px\]{ width: 89px; } .w-\[calc\(100\%\+0\.25rem\)\]{ width: calc(100% + 0.25rem); } .w-\[calc\(100\%\+1rem\)\]{ width: calc(100% + 1rem); } .w-auto{ width: auto; } .w-fit{ width: -moz-fit-content; width: fit-content; } .w-full{ width: 100%; } .w-payment-card{ width: 33px; } .w-screen{ width: 100vw; } .min-w-20{ min-width: 5rem; } .min-w-3\.5{ min-width: 0.875rem; } .min-w-40{ min-width: 10rem; } .min-w-48{ min-width: 12rem; } .min-w-\[150px\]{ min-width: 150px; } .\!max-w-full{ max-width: 100% !important; } .max-w-100{ max-width: 100px; } .max-w-2xl{ max-width: 42rem; } .max-w-4xl{ max-width: 56rem; } .max-w-7xl{ max-width: 80rem; } .max-w-\[1000px\]{ max-width: 1000px; } .max-w-\[115px\]{ max-width: 115px; } .max-w-\[1200px\]{ max-width: 1200px; } .max-w-\[360px\]{ max-width: 360px; } .max-w-\[400px\]{ max-width: 400px; } .max-w-\[50\%\]{ max-width: 50%; } .max-w-\[520px\]{ max-width: 520px; } .max-w-\[570px\]{ max-width: 570px; } .max-w-\[600px\]{ max-width: 600px; } .max-w-\[65px\]{ max-width: 65px; } .max-w-\[669px\]{ max-width: 669px; } .max-w-\[70\%\]{ max-width: 70%; } .max-w-\[700px\]{ max-width: 700px; } .max-w-\[78px\]{ max-width: 78px; } .max-w-\[900px\]{ max-width: 900px; } .max-w-fit{ max-width: -moz-fit-content; max-width: fit-content; } .max-w-full{ max-width: 100%; } .max-w-max{ max-width: max-content; } .max-w-md{ max-width: 28rem; } .max-w-none{ max-width: none; } .max-w-prose{ max-width: 65ch; } .max-w-screen-2xl{ max-width: 1400px; } .max-w-screen-lg{ max-width: 1024px; } .max-w-sm{ max-width: 24rem; } .max-w-xl{ max-width: 36rem; } .flex-1{ flex: 1 1 0%; } .flex-none{ flex: none; } .flex-shrink-0{ flex-shrink: 0; } .shrink{ flex-shrink: 1; } .shrink-0{ flex-shrink: 0; } .flex-grow{ flex-grow: 1; } .flex-grow-0{ flex-grow: 0; } .grow{ flex-grow: 1; } .grow-0{ flex-grow: 0; } .basis-2\/3{ flex-basis: 66.666667%; } .basis-4\/12{ flex-basis: 33.333333%; } .table-auto{ table-layout: auto; } .origin-bottom-left{ transform-origin: bottom left; } .origin-center{ transform-origin: center; } .origin-top-left{ transform-origin: top left; } .origin-top-right{ transform-origin: top right; } .-translate-x-0{ --tw-translate-x: -0px; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .-translate-x-1{ --tw-translate-x: -0.25rem; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .-translate-x-1\/2{ --tw-translate-x: -50%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .-translate-x-5{ --tw-translate-x: -1.25rem; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .-translate-x-full{ --tw-translate-x: -100%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .-translate-y-1\/2{ --tw-translate-y: -50%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .-translate-y-2{ --tw-translate-y: -0.5rem; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .-translate-y-2\/4{ --tw-translate-y: -50%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .-translate-y-8{ --tw-translate-y: -2rem; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .-translate-y-full{ --tw-translate-y: -100%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .translate-x-0{ --tw-translate-x: 0px; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .translate-x-full{ --tw-translate-x: 100%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .translate-y-0{ --tw-translate-y: 0px; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .translate-y-1{ --tw-translate-y: 0.25rem; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .translate-y-12{ --tw-translate-y: 3rem; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .translate-y-full{ --tw-translate-y: 100%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .-rotate-90{ --tw-rotate: -90deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .rotate-0{ --tw-rotate: 0deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .rotate-180{ --tw-rotate: 180deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .rotate-45{ --tw-rotate: 45deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .rotate-90{ --tw-rotate: 90deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .scale-0{ --tw-scale-x: 0; --tw-scale-y: 0; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .scale-100{ --tw-scale-x: 1; --tw-scale-y: 1; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .transform{ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } @keyframes bounce{ 0%, 100%{ transform: translateY(-25%); animation-timing-function: cubic-bezier(0.8,0,1,1); } 50%{ transform: none; animation-timing-function: cubic-bezier(0,0,0.2,1); } } .animate-bounce{ animation: bounce 1s infinite; } @keyframes ping{ 75%, 100%{ transform: scale(2); opacity: 0; } } .animate-ping{ animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite; } @keyframes spin{ to{ transform: rotate(360deg); } } .animate-spin{ animation: spin 1s linear infinite; } .cursor-default{ cursor: default; } .cursor-not-allowed{ cursor: not-allowed; } .cursor-pointer{ cursor: pointer; } .select-none{ -webkit-user-select: none; user-select: none; } .resize-y{ resize: vertical; } .resize{ resize: both; } .scroll-mt-8{ scroll-margin-top: 2rem; } .list-decimal{ list-style-type: decimal; } .list-disc{ list-style-type: disc; } .appearance-none{ -webkit-appearance: none; -moz-appearance: none; appearance: none; } .columns-\[200px\]{ columns: 200px; } .break-inside-avoid{ page-break-inside: avoid; break-inside: avoid; } .grid-flow-row{ grid-auto-flow: row; } .grid-cols-1{ grid-template-columns: repeat(1, minmax(0, 1fr)); } .grid-cols-12{ grid-template-columns: repeat(12, minmax(0, 1fr)); } .grid-cols-2{ grid-template-columns: repeat(2, minmax(0, 1fr)); } .grid-cols-3{ grid-template-columns: repeat(3, minmax(0, 1fr)); } .grid-cols-4{ grid-template-columns: repeat(4, minmax(0, 1fr)); } .grid-cols-5{ grid-template-columns: repeat(5, minmax(0, 1fr)); } .grid-cols-6{ grid-template-columns: repeat(6, minmax(0, 1fr)); } .grid-cols-7{ grid-template-columns: repeat(7, minmax(0, 1fr)); } .grid-cols-8{ grid-template-columns: repeat(8, minmax(0, 1fr)); } .grid-rows-2{ grid-template-rows: repeat(2, minmax(0, 1fr)); } .flex-row{ flex-direction: row; } .flex-row-reverse{ flex-direction: row-reverse; } .flex-col{ flex-direction: column; } .flex-col-reverse{ flex-direction: column-reverse; } .flex-wrap{ flex-wrap: wrap; } .flex-nowrap{ flex-wrap: nowrap; } .place-items-end{ place-items: end; } .place-items-center{ place-items: center; } .content-center{ align-content: center; } .content-start{ align-content: flex-start; } .items-start{ align-items: flex-start; } .items-end{ align-items: flex-end; } .items-center{ align-items: center; } .items-baseline{ align-items: baseline; } .justify-start{ justify-content: flex-start; } .justify-end{ justify-content: flex-end; } .justify-center{ justify-content: center; } .justify-between{ justify-content: space-between; } .justify-around{ justify-content: space-around; } .justify-evenly{ justify-content: space-evenly; } .gap-0{ gap: 0px; } .gap-1{ gap: 0.25rem; } .gap-1\.5{ gap: 0.375rem; } .gap-2{ gap: 0.5rem; } .gap-2\.5{ gap: 0.625rem; } .gap-3{ gap: 0.75rem; } .gap-4{ gap: 1rem; } .gap-5{ gap: 1.25rem; } .gap-6{ gap: 1.5rem; } .gap-8{ gap: 2rem; } .gap-\[1px\]{ gap: 1px; } .gap-x-1{ column-gap: 0.25rem; } .gap-x-2{ column-gap: 0.5rem; } .gap-x-3{ column-gap: 0.75rem; } .gap-x-4{ column-gap: 1rem; } .gap-x-7{ column-gap: 1.75rem; } .gap-x-8{ column-gap: 2rem; } .gap-y-0{ row-gap: 0px; } .gap-y-1{ row-gap: 0.25rem; } .gap-y-12{ row-gap: 3rem; } .gap-y-16{ row-gap: 4rem; } .gap-y-2{ row-gap: 0.5rem; } .gap-y-3{ row-gap: 0.75rem; } .gap-y-4{ row-gap: 1rem; } .gap-y-6{ row-gap: 1.5rem; } .space-x-0\.5 > :not([hidden]) ~ :not([hidden]){ --tw-space-x-reverse: 0; margin-right: calc(0.125rem * var(--tw-space-x-reverse)); margin-left: calc(0.125rem * calc(1 - var(--tw-space-x-reverse))); } .space-x-4 > :not([hidden]) ~ :not([hidden]){ --tw-space-x-reverse: 0; margin-right: calc(1rem * var(--tw-space-x-reverse)); margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse))); } .space-y-0\.5 > :not([hidden]) ~ :not([hidden]){ --tw-space-y-reverse: 0; margin-top: calc(0.125rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(0.125rem * var(--tw-space-y-reverse)); } .space-y-1 > :not([hidden]) ~ :not([hidden]){ --tw-space-y-reverse: 0; margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(0.25rem * var(--tw-space-y-reverse)); } .space-y-2 > :not([hidden]) ~ :not([hidden]){ --tw-space-y-reverse: 0; margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(0.5rem * var(--tw-space-y-reverse)); } .space-y-3 > :not([hidden]) ~ :not([hidden]){ --tw-space-y-reverse: 0; margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(0.75rem * var(--tw-space-y-reverse)); } .space-y-4 > :not([hidden]) ~ :not([hidden]){ --tw-space-y-reverse: 0; margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(1rem * var(--tw-space-y-reverse)); } .space-y-5 > :not([hidden]) ~ :not([hidden]){ --tw-space-y-reverse: 0; margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(1.25rem * var(--tw-space-y-reverse)); } .space-y-6 > :not([hidden]) ~ :not([hidden]){ --tw-space-y-reverse: 0; margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(1.5rem * var(--tw-space-y-reverse)); } .divide-y > :not([hidden]) ~ :not([hidden]){ --tw-divide-y-reverse: 0; border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse))); border-bottom-width: calc(1px * var(--tw-divide-y-reverse)); } .self-start{ align-self: flex-start; } .self-end{ align-self: flex-end; } .self-center{ align-self: center; } .self-stretch{ align-self: stretch; } .justify-self-center{ justify-self: center; } .overflow-auto{ overflow: auto; } .overflow-hidden{ overflow: hidden; } .overflow-visible{ overflow: visible; } .overflow-scroll{ overflow: scroll; } .overflow-x-auto{ overflow-x: auto; } .overflow-y-auto{ overflow-y: auto; } .overflow-x-hidden{ overflow-x: hidden; } .overflow-y-hidden{ overflow-y: hidden; } .overflow-x-scroll{ overflow-x: scroll; } .overflow-y-scroll{ overflow-y: scroll; } .overscroll-y-contain{ overscroll-behavior-y: contain; } .overscroll-x-contain{ overscroll-behavior-x: contain; } .truncate{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .hyphens-auto{ -webkit-hyphens: auto; hyphens: auto; } .whitespace-nowrap{ white-space: nowrap; } .whitespace-pre-line{ white-space: pre-line; } .text-wrap{ text-wrap: wrap; } .break-words{ overflow-wrap: break-word; } .break-all{ word-break: break-all; } .\!rounded-none{ border-radius: 0px !important; } .rounded{ border-radius: 0.25rem; } .rounded-full{ border-radius: 9999px; } .rounded-inherit{ border-radius: inherit; } .rounded-lg{ border-radius: 0.5rem; } .rounded-md{ border-radius: 0.375rem; } .rounded-none{ border-radius: 0px; } .rounded-sm{ border-radius: 0.1875rem; } .rounded-b-lg{ border-bottom-right-radius: 0.5rem; border-bottom-left-radius: 0.5rem; } .rounded-l{ border-top-left-radius: 0.25rem; border-bottom-left-radius: 0.25rem; } .rounded-l-md{ border-top-left-radius: 0.375rem; border-bottom-left-radius: 0.375rem; } .rounded-l-none{ border-top-left-radius: 0px; border-bottom-left-radius: 0px; } .rounded-r{ border-top-right-radius: 0.25rem; border-bottom-right-radius: 0.25rem; } .rounded-r-md{ border-top-right-radius: 0.375rem; border-bottom-right-radius: 0.375rem; } .border{ border-width: 1px; } .border-0{ border-width: 0px; } .border-2{ border-width: 2px; } .border-\[3px\]{ border-width: 3px; } .border-y{ border-top-width: 1px; border-bottom-width: 1px; } .border-b{ border-bottom-width: 1px; } .border-b-2{ border-bottom-width: 2px; } .border-l{ border-left-width: 1px; } .border-l-0{ border-left-width: 0px; } .border-l-2{ border-left-width: 2px; } .border-l-4{ border-left-width: 4px; } .border-r{ border-right-width: 1px; } .border-r-0{ border-right-width: 0px; } .border-t{ border-top-width: 1px; } .border-t-0{ border-top-width: 0px; } .border-t-2{ border-top-width: 2px; } .border-solid{ border-style: solid; } .border-dashed{ border-style: dashed; } .\!border-none{ border-style: none !important; } .border-none{ border-style: none; } .border-am_blue{ --tw-border-opacity: 1; border-color: rgb(30 121 194 / var(--tw-border-opacity, 1)); } .border-am_dark_gray{ --tw-border-opacity: 1; border-color: rgb(218 218 218 / var(--tw-border-opacity, 1)); } .border-black{ --tw-border-opacity: 1; border-color: rgb(0 0 0 / var(--tw-border-opacity, 1)); } .border-blue-500{ --tw-border-opacity: 1; border-color: rgb(59 130 246 / var(--tw-border-opacity, 1)); } .border-blue-600{ --tw-border-opacity: 1; border-color: rgb(37 99 235 / var(--tw-border-opacity, 1)); } .border-container{ --tw-border-opacity: 1; border-color: rgb(231 231 231 / var(--tw-border-opacity, 1)); } .border-container-darker{ --tw-border-opacity: 1; border-color: rgb(182 182 182 / var(--tw-border-opacity, 1)); } .border-container-lighter{ --tw-border-opacity: 1; border-color: rgb(245 245 245 / var(--tw-border-opacity, 1)); } .border-current{ border-color: currentColor; } .border-gray-200{ --tw-border-opacity: 1; border-color: rgb(229 231 235 / var(--tw-border-opacity, 1)); } .border-gray-300{ --tw-border-opacity: 1; border-color: rgb(209 213 219 / var(--tw-border-opacity, 1)); } .border-gray-400{ --tw-border-opacity: 1; border-color: rgb(156 163 175 / var(--tw-border-opacity, 1)); } .border-gray-600{ --tw-border-opacity: 1; border-color: rgb(75 85 99 / var(--tw-border-opacity, 1)); } .border-green-400{ --tw-border-opacity: 1; border-color: rgb(52 211 153 / var(--tw-border-opacity, 1)); } .border-lightgray{ --tw-border-opacity: 1; border-color: rgb(238 227 227 / var(--tw-border-opacity, 1)); } .border-lightgray-darker{ --tw-border-opacity: 1; border-color: rgb(220 200 148 / var(--tw-border-opacity, 1)); } .border-oney{ --tw-border-opacity: 1; border-color: rgb(129 188 0 / var(--tw-border-opacity, 1)); } .border-primary{ --tw-border-opacity: 1; border-color: rgb(139 1 1 / var(--tw-border-opacity, 1)); } .border-primary-darker{ --tw-border-opacity: 1; border-color: rgb(0 0 0 / var(--tw-border-opacity, 1)); } .border-red-500{ --tw-border-opacity: 1; border-color: rgb(239 68 68 / var(--tw-border-opacity, 1)); } .border-red-600{ --tw-border-opacity: 1; border-color: rgb(220 38 38 / var(--tw-border-opacity, 1)); } .border-red-700{ --tw-border-opacity: 1; border-color: rgb(185 28 28 / var(--tw-border-opacity, 1)); } .border-secondary{ --tw-border-opacity: 1; border-color: rgb(224 209 209 / var(--tw-border-opacity, 1)); } .border-secondary-lighten{ --tw-border-opacity: 1; border-color: rgb(238 227 227 / var(--tw-border-opacity, 1)); } .border-secondary-lighter{ --tw-border-opacity: 1; border-color: rgb(255 255 255 / var(--tw-border-opacity, 1)); } .border-slate-100{ --tw-border-opacity: 1; border-color: rgb(241 245 249 / var(--tw-border-opacity, 1)); } .border-transparent{ border-color: transparent; } .border-white{ --tw-border-opacity: 1; border-color: rgb(255 255 255 / var(--tw-border-opacity, 1)); } .border-yellow-400{ --tw-border-opacity: 1; border-color: rgb(251 191 36 / var(--tw-border-opacity, 1)); } .border-b-primary-darker{ --tw-border-opacity: 1; border-bottom-color: rgb(0 0 0 / var(--tw-border-opacity, 1)); } .border-t-oney{ --tw-border-opacity: 1; border-top-color: rgb(129 188 0 / var(--tw-border-opacity, 1)); } .bg-\[\#1d4ed8\]{ --tw-bg-opacity: 1; background-color: rgb(29 78 216 / var(--tw-bg-opacity, 1)); } .bg-\[\#4db2ec\]{ --tw-bg-opacity: 1; background-color: rgb(77 178 236 / var(--tw-bg-opacity, 1)); } .bg-\[\#ebdfdf\]{ --tw-bg-opacity: 1; background-color: rgb(235 223 223 / var(--tw-bg-opacity, 1)); } .bg-am_blue{ --tw-bg-opacity: 1; background-color: rgb(30 121 194 / var(--tw-bg-opacity, 1)); } .bg-am_blue_light{ --tw-bg-opacity: 1; background-color: rgb(232 246 255 / var(--tw-bg-opacity, 1)); } .bg-am_gray{ --tw-bg-opacity: 1; background-color: rgb(240 240 240 / var(--tw-bg-opacity, 1)); } .bg-amslate-200{ --tw-bg-opacity: 1; background-color: rgb(226 232 240 / var(--tw-bg-opacity, 1)); } .bg-black{ --tw-bg-opacity: 1; background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1)); } .bg-black\/40{ background-color: rgb(0 0 0 / 0.4); } .bg-blue-100{ --tw-bg-opacity: 1; background-color: rgb(219 234 254 / var(--tw-bg-opacity, 1)); } .bg-blue-50{ --tw-bg-opacity: 1; background-color: rgb(239 246 255 / var(--tw-bg-opacity, 1)); } .bg-blue-500{ --tw-bg-opacity: 1; background-color: rgb(59 130 246 / var(--tw-bg-opacity, 1)); } .bg-blue-600{ --tw-bg-opacity: 1; background-color: rgb(37 99 235 / var(--tw-bg-opacity, 1)); } .bg-blue-700{ --tw-bg-opacity: 1; background-color: rgb(29 78 216 / var(--tw-bg-opacity, 1)); } .bg-container{ --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); } .bg-container-checkout{ --tw-bg-opacity: 1; background-color: rgb(247 243 243 / var(--tw-bg-opacity, 1)); } .bg-container-darker{ --tw-bg-opacity: 1; background-color: rgb(245 245 245 / var(--tw-bg-opacity, 1)); } .bg-container-lighter{ --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); } .bg-container-lighter\/95{ background-color: rgb(255 255 255 / 0.95); } .bg-discount{ --tw-bg-opacity: 1; background-color: rgb(141 41 41 / var(--tw-bg-opacity, 1)); } .bg-gray-100{ --tw-bg-opacity: 1; background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1)); } .bg-gray-200{ --tw-bg-opacity: 1; background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1)); } .bg-gray-300{ --tw-bg-opacity: 1; background-color: rgb(209 213 219 / var(--tw-bg-opacity, 1)); } .bg-gray-50{ --tw-bg-opacity: 1; background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1)); } .bg-gray-500{ --tw-bg-opacity: 1; background-color: rgb(107 114 128 / var(--tw-bg-opacity, 1)); } .bg-gray-600{ --tw-bg-opacity: 1; background-color: rgb(75 85 99 / var(--tw-bg-opacity, 1)); } .bg-gray-900{ --tw-bg-opacity: 1; background-color: rgb(17 24 39 / var(--tw-bg-opacity, 1)); } .bg-green-100{ --tw-bg-opacity: 1; background-color: rgb(209 250 229 / var(--tw-bg-opacity, 1)); } .bg-green-500{ --tw-bg-opacity: 1; background-color: rgb(16 185 129 / var(--tw-bg-opacity, 1)); } .bg-green-600{ --tw-bg-opacity: 1; background-color: rgb(5 150 105 / var(--tw-bg-opacity, 1)); } .bg-green-700{ --tw-bg-opacity: 1; background-color: rgb(4 120 87 / var(--tw-bg-opacity, 1)); } .bg-inherit{ background-color: inherit; } .bg-oney-lighter{ --tw-bg-opacity: 1; background-color: rgb(236 245 217 / var(--tw-bg-opacity, 1)); } .bg-preheader{ --tw-bg-opacity: 1; background-color: rgb(245 223 165 / var(--tw-bg-opacity, 1)); } .bg-primary{ --tw-bg-opacity: 1; background-color: rgb(139 1 1 / var(--tw-bg-opacity, 1)); } .bg-primary-lighter{ --tw-bg-opacity: 1; background-color: rgb(37 99 235 / var(--tw-bg-opacity, 1)); } .bg-red-100{ --tw-bg-opacity: 1; background-color: rgb(254 226 226 / var(--tw-bg-opacity, 1)); } .bg-red-50{ --tw-bg-opacity: 1; background-color: rgb(254 242 242 / var(--tw-bg-opacity, 1)); } .bg-red-500{ --tw-bg-opacity: 1; background-color: rgb(239 68 68 / var(--tw-bg-opacity, 1)); } .bg-secondary{ --tw-bg-opacity: 1; background-color: rgb(245 223 165 / var(--tw-bg-opacity, 1)); } .bg-secondary-dark{ --tw-bg-opacity: 1; background-color: rgb(220 200 148 / var(--tw-bg-opacity, 1)); } .bg-secondary-darker{ --tw-bg-opacity: 1; background-color: rgb(224 209 209 / var(--tw-bg-opacity, 1)); } .bg-secondary-lighter{ --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); } .bg-transparent{ background-color: transparent; } .bg-white{ --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); } .bg-white\/25{ background-color: rgb(255 255 255 / 0.25); } .bg-white\/60{ background-color: rgb(255 255 255 / 0.6); } .bg-yellow-100{ --tw-bg-opacity: 1; background-color: rgb(254 243 199 / var(--tw-bg-opacity, 1)); } .bg-yellow-500{ --tw-bg-opacity: 1; background-color: rgb(245 158 11 / var(--tw-bg-opacity, 1)); } .bg-opacity-10{ --tw-bg-opacity: 0.1; } .bg-opacity-100{ --tw-bg-opacity: 1; } .bg-opacity-20{ --tw-bg-opacity: 0.2; } .bg-opacity-25{ --tw-bg-opacity: 0.25; } .bg-opacity-50{ --tw-bg-opacity: 0.5; } .bg-opacity-75{ --tw-bg-opacity: 0.75; } .bg-opacity-90{ --tw-bg-opacity: 0.9; } .bg-gradient-to-l{ background-image: linear-gradient(to left, var(--tw-gradient-stops)); } .bg-gradient-to-r{ background-image: linear-gradient(to right, var(--tw-gradient-stops)); } .bg-gradient-to-t{ background-image: linear-gradient(to top, var(--tw-gradient-stops)); } .from-black\/10{ --tw-gradient-from: rgb(0 0 0 / 0.1) var(--tw-gradient-from-position); --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-white{ --tw-gradient-from: #fff var(--tw-gradient-from-position); --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .\!bg-contain{ background-size: contain !important; } .bg-cover{ background-size: cover; } .bg-center{ background-position: center; } .bg-no-repeat{ background-repeat: no-repeat; } .fill-black\/20{ fill: rgb(0 0 0 / 0.2); } .fill-current{ fill: currentColor; } .stroke-current{ stroke: currentColor; } .stroke-white{ stroke: #fff; } .stroke-white\/75{ stroke: rgb(255 255 255 / 0.75); } .stroke-1{ stroke-width: 1; } .stroke-2{ stroke-width: 2; } .object-contain{ object-fit: contain; } .object-cover{ object-fit: cover; } .object-center{ object-position: center; } .\!p-0{ padding: 0px !important; } .p-0{ padding: 0px; } .p-1{ padding: 0.25rem; } .p-1\.5{ padding: 0.375rem; } .p-10{ padding: 2.5rem; } .p-2{ padding: 0.5rem; } .p-2\.5{ padding: 0.625rem; } .p-3{ padding: 0.75rem; } .p-4{ padding: 1rem; } .p-5{ padding: 1.25rem; } .p-6{ padding: 1.5rem; } .p-8{ padding: 2rem; } .\!px-0{ padding-left: 0px !important; padding-right: 0px !important; } .\!py-6{ padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } .px-0{ padding-left: 0px; padding-right: 0px; } .px-0\.5{ padding-left: 0.125rem; padding-right: 0.125rem; } .px-1{ padding-left: 0.25rem; padding-right: 0.25rem; } .px-1\.5{ padding-left: 0.375rem; padding-right: 0.375rem; } .px-10{ padding-left: 2.5rem; padding-right: 2.5rem; } .px-12{ padding-left: 3rem; padding-right: 3rem; } .px-2{ padding-left: 0.5rem; padding-right: 0.5rem; } .px-2\.5{ padding-left: 0.625rem; padding-right: 0.625rem; } .px-3{ padding-left: 0.75rem; padding-right: 0.75rem; } .px-3\.5{ padding-left: 0.875rem; padding-right: 0.875rem; } .px-4{ padding-left: 1rem; padding-right: 1rem; } .px-5{ padding-left: 1.25rem; padding-right: 1.25rem; } .px-6{ padding-left: 1.5rem; padding-right: 1.5rem; } .px-7{ padding-left: 1.75rem; padding-right: 1.75rem; } .px-8{ padding-left: 2rem; padding-right: 2rem; } .py-0{ padding-top: 0px; padding-bottom: 0px; } .py-0\.5{ padding-top: 0.125rem; padding-bottom: 0.125rem; } .py-1{ padding-top: 0.25rem; padding-bottom: 0.25rem; } .py-1\.5{ padding-top: 0.375rem; padding-bottom: 0.375rem; } .py-10{ padding-top: 2.5rem; padding-bottom: 2.5rem; } .py-16{ padding-top: 4rem; padding-bottom: 4rem; } .py-2{ padding-top: 0.5rem; padding-bottom: 0.5rem; } .py-2\.5{ padding-top: 0.625rem; padding-bottom: 0.625rem; } .py-3{ padding-top: 0.75rem; padding-bottom: 0.75rem; } .py-4{ padding-top: 1rem; padding-bottom: 1rem; } .py-4\.4{ padding-top: 1.1rem; padding-bottom: 1.1rem; } .py-5{ padding-top: 1.25rem; padding-bottom: 1.25rem; } .py-6{ padding-top: 1.5rem; padding-bottom: 1.5rem; } .py-8{ padding-top: 2rem; padding-bottom: 2rem; } .py-\[1px\]{ padding-top: 1px; padding-bottom: 1px; } .py-\[2px\]{ padding-top: 2px; padding-bottom: 2px; } .\!pr-12{ padding-right: 3rem !important; } .pb-1{ padding-bottom: 0.25rem; } .pb-12{ padding-bottom: 3rem; } .pb-16{ padding-bottom: 4rem; } .pb-2{ padding-bottom: 0.5rem; } .pb-2\.5{ padding-bottom: 0.625rem; } .pb-20{ padding-bottom: 5rem; } .pb-3{ padding-bottom: 0.75rem; } .pb-4{ padding-bottom: 1rem; } .pb-5{ padding-bottom: 1.25rem; } .pb-6{ padding-bottom: 1.5rem; } .pb-7{ padding-bottom: 1.75rem; } .pb-8{ padding-bottom: 2rem; } .pb-\[100\%\]{ padding-bottom: 100%; } .pb-\[140\%\]{ padding-bottom: 140%; } .pb-\[calc\(theme\(padding\.4\)_-_3px\)\]{ padding-bottom: calc(1rem - 3px); } .pb-px{ padding-bottom: 1px; } .pl-1{ padding-left: 0.25rem; } .pl-10{ padding-left: 2.5rem; } .pl-12{ padding-left: 3rem; } .pl-2{ padding-left: 0.5rem; } .pl-2\.5{ padding-left: 0.625rem; } .pl-3{ padding-left: 0.75rem; } .pl-3\.5{ padding-left: 0.875rem; } .pl-4{ padding-left: 1rem; } .pl-5{ padding-left: 1.25rem; } .pl-6{ padding-left: 1.5rem; } .pl-7{ padding-left: 1.75rem; } .pl-8{ padding-left: 2rem; } .pr-0{ padding-right: 0px; } .pr-1{ padding-right: 0.25rem; } .pr-10{ padding-right: 2.5rem; } .pr-2{ padding-right: 0.5rem; } .pr-2\.5{ padding-right: 0.625rem; } .pr-24{ padding-right: 6rem; } .pr-3{ padding-right: 0.75rem; } .pr-4{ padding-right: 1rem; } .pr-6{ padding-right: 1.5rem; } .pr-7{ padding-right: 1.75rem; } .pr-8{ padding-right: 2rem; } .pr-\[100px\]{ padding-right: 100px; } .pr-\[130px\]{ padding-right: 130px; } .pr-\[150px\]{ padding-right: 150px; } .pt-0{ padding-top: 0px; } .pt-1{ padding-top: 0.25rem; } .pt-10{ padding-top: 2.5rem; } .pt-16{ padding-top: 4rem; } .pt-2{ padding-top: 0.5rem; } .pt-2\.5{ padding-top: 0.625rem; } .pt-3{ padding-top: 0.75rem; } .pt-4{ padding-top: 1rem; } .pt-5{ padding-top: 1.25rem; } .pt-6{ padding-top: 1.5rem; } .pt-7{ padding-top: 1.75rem; } .pt-8{ padding-top: 2rem; } .text-left{ text-align: left; } .text-center{ text-align: center; } .text-right{ text-align: right; } .text-start{ text-align: left; } .align-top{ vertical-align: top; } .align-middle{ vertical-align: middle; } .font-sans{ font-family: GeneralSans, Helvetica Neue, Arial, sans-serif; } .\!text-\[14px\]{ font-size: 14px !important; } .\!text-xs{ font-size: 0.75rem !important; line-height: 1rem !important; } .text-1\.5xl{ font-size: 1.375rem; } .text-2base{ font-size: 0.938rem; } .text-2sm{ font-size: 0.813rem; } .text-2xl{ font-size: 1.5rem; line-height: 2rem; } .text-2xs{ font-size: 0.688rem; } .text-3xl{ font-size: 1.875rem; line-height: 2.25rem; } .text-3xs{ font-size: 0.625rem; } .text-4xl{ font-size: 2.25rem; line-height: 2.5rem; } .text-5xl{ font-size: 3rem; line-height: 1; } .text-\[10px\]{ font-size: 10px; } .text-\[12px\]{ font-size: 12px; } .text-\[13px\]{ font-size: 13px; } .text-\[14px\]{ font-size: 14px; } .text-\[15px\]{ font-size: 15px; } .text-\[16px\]{ font-size: 16px; } .text-\[22px\]{ font-size: 22px; } .text-\[48px\]{ font-size: 48px; } .text-base{ font-size: 1rem; line-height: 1.5rem; } .text-lg{ font-size: 1.125rem; line-height: 1.75rem; } .text-sm{ font-size: 0.875rem; line-height: 1.25rem; } .text-xl{ font-size: 1.25rem; line-height: 1.75rem; } .text-xs{ font-size: 0.75rem; line-height: 1rem; } .\!font-bold{ font-weight: 700 !important; } .\!font-medium{ font-weight: 500 !important; } .font-bold{ font-weight: 700; } .font-medium{ font-weight: 500; } .font-normal{ font-weight: 400; } .font-semibold{ font-weight: 600; } .uppercase{ text-transform: uppercase; } .lowercase{ text-transform: lowercase; } .capitalize{ text-transform: capitalize; } .normal-case{ text-transform: none; } .italic{ font-style: italic; } .not-italic{ font-style: normal; } .tabular-nums{ --tw-numeric-spacing: tabular-nums; font-feature-settings: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction); font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction); } .\!leading-none{ line-height: 1 !important; } .\!leading-tight{ line-height: 1.25 !important; } .leading-120p{ line-height: 120%; } .leading-3{ line-height: .75rem; } .leading-4{ line-height: 1rem; } .leading-5{ line-height: 1.25rem; } .leading-6{ line-height: 1.5rem; } .leading-7{ line-height: 1.75rem; } .leading-8{ line-height: 2rem; } .leading-loose{ line-height: 2; } .leading-none{ line-height: 1; } .leading-normal{ line-height: 1.5; } .leading-relaxed{ line-height: 1.625; } .leading-tight{ line-height: 1.25; } .tracking-wide{ letter-spacing: 0.025em; } .tracking-wider{ letter-spacing: 0.05em; } .tracking-widest{ letter-spacing: 0.1em; } .\!text-red-500{ --tw-text-opacity: 1 !important; color: rgb(239 68 68 / var(--tw-text-opacity, 1)) !important; } .\!text-red-discount{ --tw-text-opacity: 1 !important; color: rgb(141 41 41 / var(--tw-text-opacity, 1)) !important; } .text-\[\#222\]{ --tw-text-opacity: 1; color: rgb(34 34 34 / var(--tw-text-opacity, 1)); } .text-\[\#7d7d7d\]{ --tw-text-opacity: 1; color: rgb(125 125 125 / var(--tw-text-opacity, 1)); } .text-\[\#bbb\]{ --tw-text-opacity: 1; color: rgb(187 187 187 / var(--tw-text-opacity, 1)); } .text-am_blue{ --tw-text-opacity: 1; color: rgb(30 121 194 / var(--tw-text-opacity, 1)); } .text-amslate-600{ --tw-text-opacity: 1; color: rgb(71 85 105 / var(--tw-text-opacity, 1)); } .text-amslate-800{ --tw-text-opacity: 1; color: rgb(30 41 59 / var(--tw-text-opacity, 1)); } .text-black{ --tw-text-opacity: 1; color: rgb(0 0 0 / var(--tw-text-opacity, 1)); } .text-blue-400{ --tw-text-opacity: 1; color: rgb(96 165 250 / var(--tw-text-opacity, 1)); } .text-blue-600{ --tw-text-opacity: 1; color: rgb(37 99 235 / var(--tw-text-opacity, 1)); } .text-blue-700{ --tw-text-opacity: 1; color: rgb(29 78 216 / var(--tw-text-opacity, 1)); } .text-blue-900{ --tw-text-opacity: 1; color: rgb(30 58 138 / var(--tw-text-opacity, 1)); } .text-gray-200{ --tw-text-opacity: 1; color: rgb(229 231 235 / var(--tw-text-opacity, 1)); } .text-gray-300{ --tw-text-opacity: 1; color: rgb(209 213 219 / var(--tw-text-opacity, 1)); } .text-gray-400{ --tw-text-opacity: 1; color: rgb(156 163 175 / var(--tw-text-opacity, 1)); } .text-gray-500{ --tw-text-opacity: 1; color: rgb(107 114 128 / var(--tw-text-opacity, 1)); } .text-gray-600{ --tw-text-opacity: 1; color: rgb(75 85 99 / var(--tw-text-opacity, 1)); } .text-gray-700{ --tw-text-opacity: 1; color: rgb(55 65 81 / var(--tw-text-opacity, 1)); } .text-gray-800{ --tw-text-opacity: 1; color: rgb(31 41 55 / var(--tw-text-opacity, 1)); } .text-gray-900{ --tw-text-opacity: 1; color: rgb(17 24 39 / var(--tw-text-opacity, 1)); } .text-green-500{ --tw-text-opacity: 1; color: rgb(16 185 129 / var(--tw-text-opacity, 1)); } .text-green-600{ --tw-text-opacity: 1; color: rgb(5 150 105 / var(--tw-text-opacity, 1)); } .text-green-700{ --tw-text-opacity: 1; color: rgb(4 120 87 / var(--tw-text-opacity, 1)); } .text-oney{ --tw-text-opacity: 1; color: rgb(129 188 0 / var(--tw-text-opacity, 1)); } .text-orange-400{ --tw-text-opacity: 1; color: rgb(251 146 60 / var(--tw-text-opacity, 1)); } .text-primary{ --tw-text-opacity: 1; color: rgb(139 1 1 / var(--tw-text-opacity, 1)); } .text-primary-lighter{ --tw-text-opacity: 1; color: rgb(55 65 81 / var(--tw-text-opacity, 1)); } .text-purple-700{ --tw-text-opacity: 1; color: rgb(109 40 217 / var(--tw-text-opacity, 1)); } .text-red{ --tw-text-opacity: 1; color: rgb(239 68 68 / var(--tw-text-opacity, 1)); } .text-red-500{ --tw-text-opacity: 1; color: rgb(239 68 68 / var(--tw-text-opacity, 1)); } .text-red-600{ --tw-text-opacity: 1; color: rgb(220 38 38 / var(--tw-text-opacity, 1)); } .text-red-700{ --tw-text-opacity: 1; color: rgb(185 28 28 / var(--tw-text-opacity, 1)); } .text-red-800{ --tw-text-opacity: 1; color: rgb(153 27 27 / var(--tw-text-opacity, 1)); } .text-red-discount{ --tw-text-opacity: 1; color: rgb(141 41 41 / var(--tw-text-opacity, 1)); } .text-secondary{ --tw-text-opacity: 1; color: rgb(75 85 99 / var(--tw-text-opacity, 1)); } .text-secondary-darker{ --tw-text-opacity: 1; color: rgb(0 0 0 / var(--tw-text-opacity, 1)); } .text-white{ --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); } .text-yellow-400{ --tw-text-opacity: 1; color: rgb(251 191 36 / var(--tw-text-opacity, 1)); } .text-yellow-600{ --tw-text-opacity: 1; color: rgb(217 119 6 / var(--tw-text-opacity, 1)); } .underline{ text-decoration-line: underline; } .line-through{ text-decoration-line: line-through; } .no-underline{ text-decoration-line: none; } .antialiased{ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .\!opacity-0{ opacity: 0 !important; } .opacity-0{ opacity: 0; } .opacity-100{ opacity: 1; } .opacity-25{ opacity: 0.25; } .opacity-50{ opacity: 0.5; } .opacity-75{ opacity: 0.75; } .shadow{ --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .shadow-2xl{ --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25); --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .shadow-lg{ --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .shadow-md{ --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .shadow-none{ --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .shadow-rossi{ --tw-shadow: rgba(0, 0, 0, 0.2) 0px 0px 50px; --tw-shadow-colored: 0px 0px 50px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .shadow-sm{ --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05); --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .shadow-xl{ --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .outline-none{ outline: 2px solid transparent; outline-offset: 2px; } .outline-offset-2{ outline-offset: 2px; } .ring{ --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); } .ring-2{ --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); } .ring-4{ --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); } .ring-\[1px\]{ --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); } .ring-black{ --tw-ring-opacity: 1; --tw-ring-color: rgb(0 0 0 / var(--tw-ring-opacity, 1)); } .ring-blue-500\/50{ --tw-ring-color: rgb(59 130 246 / 0.5); } .ring-primary{ --tw-ring-opacity: 1; --tw-ring-color: rgb(139 1 1 / var(--tw-ring-opacity, 1)); } .ring-primary\/50{ --tw-ring-color: rgb(139 1 1 / 0.5); } .ring-primary\/75{ --tw-ring-color: rgb(139 1 1 / 0.75); } .ring-red-500{ --tw-ring-opacity: 1; --tw-ring-color: rgb(239 68 68 / var(--tw-ring-opacity, 1)); } .ring-white{ --tw-ring-opacity: 1; --tw-ring-color: rgb(255 255 255 / var(--tw-ring-opacity, 1)); } .ring-opacity-50{ --tw-ring-opacity: 0.5; } .ring-offset-2{ --tw-ring-offset-width: 2px; } .blur{ --tw-blur: blur(8px); filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); } .brightness-0{ --tw-brightness: brightness(0); filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); } .grayscale{ --tw-grayscale: grayscale(100%); filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); } .invert{ --tw-invert: invert(100%); filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); } .filter{ filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); } .backdrop-blur-sm{ --tw-backdrop-blur: blur(4px); -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); } .\!transition-none{ transition-property: none !important; } .transition{ transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter; transition-timing-function: cubic-bezier(.23,1,.32,1); transition-duration: 500ms; } .transition-all{ transition-property: all; transition-timing-function: cubic-bezier(.23,1,.32,1); transition-duration: 500ms; } .transition-colors{ transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(.23,1,.32,1); transition-duration: 500ms; } .transition-none{ transition-property: none; } .transition-transform{ transition-property: transform; transition-timing-function: cubic-bezier(.23,1,.32,1); transition-duration: 500ms; } .duration-150{ transition-duration: 150ms; } .duration-200{ transition-duration: 200ms; } .duration-300{ transition-duration: 300ms; } .duration-500{ transition-duration: 500ms; } .ease-in{ transition-timing-function: cubic-bezier(.755,.05,.855,.06); } .ease-in-out{ transition-timing-function: cubic-bezier(.86,0,.07,1); } .ease-out{ transition-timing-function: cubic-bezier(.23,1,.32,1); } .amlocator-info-popup .amlocator-name{ margin-top: 0.5rem; margin-bottom: 0.5rem; font-size: 1.875rem; line-height: 2.25rem; --tw-text-opacity: 1; color: rgb(139 1 1 / var(--tw-text-opacity, 1)); } .amlocator-info-popup .amlocator-name .amlocator-map-pin{ display: none; } .amlocator-info-popup .amlocator-image img{ margin-bottom: 0.5rem; max-width: 150px; } .amlocator-stores-wrapper .amlocator-store-desc.active a{ --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); } .amlocator-stores-wrapper .amlocator-store-information{ font-size: 0.875rem; line-height: 1.25rem; } .amlocator-stores-wrapper .amlocator-title{ font-size: 1rem; line-height: 1.5rem; font-weight: 700; } .amlocator-stores-wrapper .amlocator-map-pin{ display: none; } .amlocator-directions-container table.adp-placemark{ --tw-bg-opacity: 1; background-color: rgb(139 1 1 / var(--tw-bg-opacity, 1)); vertical-align: middle; font-weight: 600; --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); } .amlocator-review-popup-content a{ --tw-text-opacity: 1; color: rgb(37 99 235 / var(--tw-text-opacity, 1)); } .amlocator-review-popup-content a:hover{ text-decoration-line: underline; } .\[scrollbar-width\:none\]{ scrollbar-width: none; } .\[wire\:model\]{ wire: model; } .\[wire\:select\]{ wire: select; } /* .page-footer {} */ .footer-cols { display: grid; grid-template-columns: repeat(2, 1fr); grid-column-gap: 0px; grid-row-gap: 0px; } .footer-cols > div{ margin-bottom: 2rem; line-height: 2; } .footer-cols > div h4{ margin-bottom: 1rem; } .footer-cols .cols-5 { grid-column: span 2 / span 2; grid-row-start: 3; } @media screen and (min-width: 1024px) { .footer-cols { display: grid; grid-template-columns: repeat(4, 1fr); grid-template-rows: repeat(3, 1fr); grid-column-gap: 0px; grid-row-gap: 0px; } .footer-cols .cols-1 { grid-area: 1 / 1 / 4 / 2; } .footer-cols .cols-2 { grid-area: 1 / 2 / 5 / 3; } .footer-cols .cols-3 { grid-area: 1 / 3 / 5 / 4; } .footer-cols .cols-4 { grid-area: 1 / 4 / 2 / 5; } .footer-cols .cols-5 { grid-area: 2 / 4 / 3 / 5; grid-row-start: 2 } } .page-header body:not(.checkout-onepage){ position: sticky; top: 0px; left: 0px; z-index: 50; --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } @media (min-width: 1024px){ .page-header body:not(.checkout-onepage){ position: relative; border-bottom-width: 1px; --tw-border-opacity: 1; border-color: rgb(238 227 227 / var(--tw-border-opacity, 1)); --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } } @media (max-width: 1023px){ #header.container{ padding-left: 0px; padding-right: 0px; } } @media (min-width: 1024px){ #preheader{ position: relative; z-index: 30; } } #preheader .container{ height: 100%; } #preheader .container > div[data-appearance=full-bleed]{ justify-content: center; } #preheader [data-content-type='row'][data-appearance='contained']{ align-content: center; } #preheader [data-content-type=row]>div { margin: 0; padding: 0; } #preheader [data-content-type=slider] .carousel-nav { padding: 0; } #preheader [data-content-type=slide] .pagebuilder-slide-wrapper [data-element=content] { min-height: auto; } #preheader .pagebuilder-poster-content{ padding-top: 0.75rem; padding-bottom: 0.75rem; text-align: center; font-size: 12px; line-height: 1.25; } #preheader .pagebuilder-slider{ height: auto !important; } #preheader .glider-slide{ margin: 0px; } #preheader .pagebuilder-slider, #preheader .pagebuilder-slide-wrapper, #preheader .pagebuilder-overlay{ min-height: 0px !important; } .table-row-items > div.table-row-item{ --tw-bg-opacity: 1; background-color: rgb(245 245 245 / var(--tw-bg-opacity, 1)); } .table-row-items > div.table-row-item:nth-child(2n + 1){ --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); } .checkout-cart-index .copyright{ min-height: 7rem; justify-content: center; } @media (min-width: 1024px) { .checkout-cart-index .copyright{ min-height: 3.5rem; } } /* .category-view .sidebar .block.filter {} */ .category-cms{ width: 100%; } .subcategories-scrolling:before, .subcategories-scrolling:after{ position: absolute; top: 0px; height: 100%; width: 2rem; } @media (min-width: 1024px){ .subcategories-scrolling:before, .subcategories-scrolling:after{ display: none; } } .subcategories-scrolling:before, .subcategories-scrolling:after { content: close-quote; } .subcategories-scrolling::before { /* @apply left-0; background: linear-gradient(90deg, #fff, transparent); */ } .subcategories-scrolling::after{ right: 0px; background: linear-gradient(270deg, #fff, transparent); } .subcategories-scrolling .categories::-webkit-scrollbar{ height: 0px; opacity: 0; } body > div > div.grecaptcha-badge{ display: none; height: 0px !important; width: 0px !important; } .order-items > div{ border-bottom-width: 1px; --tw-border-opacity: 1; border-color: rgb(224 209 209 / var(--tw-border-opacity, 1)); } .order-items > div:last-child{ border-width: 0px; } .order-links{ display: block; align-items: center; --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); } [data-content-type$='block'] .order-links p:last-child{ margin-bottom: 1rem; margin-top: 0px; } .order-links.block-order-details-view{ margin-bottom: 0.625rem; } .order-links.block-order-details-view .block-title{ margin-bottom: 1.5rem; } .order-links.block-order-details-view .block-content{ display: flex; flex-direction: column; flex-wrap: wrap; justify-content: flex-start; } @media (min-width: 768px){ .order-links.block-order-details-view .block-content{ flex-direction: row; } } .order-links.block-order-details-view .block-content .box{ width: 100%; flex: 1 1 auto; padding-right: 0.375rem; } @media (min-width: 768px){ .order-links.block-order-details-view .block-content .box{ max-width: 50%; } } @media (min-width: 1024px){ .order-links.block-order-details-view .block-content .box{ max-width: 25%; flex-shrink: 0; flex-grow: 1; } } .order-links.block-order-details-view .block-content .box-title{ margin-bottom: 0.625rem; font-weight: 600; } .order-links.block-order-details-view .block-content .box-content{ overflow-wrap: break-word; padding-bottom: 1.25rem; } .order-links.block-order-details-view .block-content .box-content a{ --tw-text-opacity: 1; color: rgb(37 99 235 / var(--tw-text-opacity, 1)); } .order-links.block-order-details-view .block-content .box-content a:hover{ text-decoration-line: underline; } .order-links li{ display: inline-block; cursor: pointer; white-space: nowrap; padding-top: 0.5rem; padding-bottom: 0.5rem; padding-left: 1rem; padding-right: 1rem; } .order-links li.current{ flex-grow: 1; --tw-text-opacity: 1; color: rgb(139 1 1 / var(--tw-text-opacity, 1)); } .order-links li a{ text-decoration-line: underline; } .order-date{ font-size: 0.875rem; line-height: 1.25rem; } .field{ margin-bottom: 1rem; } .field.field-reserved ul{ font-size: 0.688rem; } label{ margin-bottom: 0.375rem; display: block; font-size: 0.813rem; font-weight: 500; text-transform: none; --tw-text-opacity: 1; color: rgb(0 0 0 / var(--tw-text-opacity, 1)); } [data-content-type$='block'] label p:last-child{ margin-bottom: 1rem; margin-top: 0px; } label.block-order-details-view{ margin-bottom: 0.625rem; } label.block-order-details-view .block-title{ margin-bottom: 1.5rem; } label.block-order-details-view .block-content{ display: flex; flex-direction: column; flex-wrap: wrap; justify-content: flex-start; } @media (min-width: 768px){ label.block-order-details-view .block-content{ flex-direction: row; } } label.block-order-details-view .block-content .box{ width: 100%; flex: 1 1 auto; padding-right: 0.375rem; } @media (min-width: 768px){ label.block-order-details-view .block-content .box{ max-width: 50%; } } @media (min-width: 1024px){ label.block-order-details-view .block-content .box{ max-width: 25%; flex-shrink: 0; flex-grow: 1; } } label.block-order-details-view .block-content .box-title{ margin-bottom: 0.625rem; font-weight: 600; } label.block-order-details-view .block-content .box-content{ overflow-wrap: break-word; padding-bottom: 1.25rem; } label.block-order-details-view .block-content .box-content a{ --tw-text-opacity: 1; color: rgb(37 99 235 / var(--tw-text-opacity, 1)); } label.block-order-details-view .block-content .box-content a:hover{ text-decoration-line: underline; } @media (min-width: 768px){ label{ font-size: 0.875rem; line-height: 1.25rem; } } label:has(:focus-visible) { outline: 5px auto Highlight; } .form-input, .form-email, .form-select, .form-multiselect, .form-textarea{ min-height: 44px; width: 100%; border-radius: 0px; border-width: 1px; --tw-border-opacity: 1; border-color: rgb(224 209 209 / var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); padding-top: 0.5rem; padding-bottom: 0.5rem; padding-left: 0.75rem; padding-right: 0.75rem; font-size: 16px; font-weight: 400; } .form-input::placeholder, .form-email::placeholder, .form-select::placeholder, .form-multiselect::placeholder, .form-textarea::placeholder{ --tw-placeholder-opacity: 1; color: rgb(0 0 0 / var(--tw-placeholder-opacity, 1)); } .form-input, .form-email, .form-select, .form-multiselect, .form-textarea{ transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter; transition-timing-function: cubic-bezier(.23,1,.32,1); transition-duration: 500ms; } .form-input:focus, .form-email:focus, .form-select:focus, .form-multiselect:focus, .form-textarea:focus{ --tw-border-opacity: 1; border-color: rgb(0 0 0 / var(--tw-border-opacity, 1)); outline: 2px solid transparent; outline-offset: 2px; } @media (min-width: 1024px){ .form-input, .form-email, .form-select, .form-multiselect, .form-textarea{ font-size: 0.875rem; line-height: 1.25rem; } } select{ -webkit-appearance: none; -moz-appearance: none; appearance: none; background-repeat: no-repeat; padding-right: 3em; background-image: url('data:image/svg+xml;utf8,'); background-size: 1em; background-position: right 1rem center; } select[multiple]{ background-image: none; } select{ padding-right: 2.5rem !important; } .field .control{ width: 100%; } .fields.two{ display: flex; flex-wrap: wrap; flex-direction: row; } .fields.two > *{ flex: 0 0 auto; } .fields.two:empty{ display: none; } .fields.two{ margin-left: -1rem; } .fields.two > *{ padding-left: 1rem; } .fields.two > .field{ width: 100%; } @media (min-width: 768px){ .fields.two > .field{ width: 50%; } } .fields.two--always > .field{ width: 50%; } /* .label-check */ .label-check{ display: inline-flex; cursor: pointer; align-items: baseline; } .xt-radio{ border-radius: 9999px; border-width: 1px; --tw-border-opacity: 1; border-color: rgb(207 184 184 / var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); font-size: 14px; transition-property: all; transition-timing-function: cubic-bezier(.23,1,.32,1); transition-duration: 500ms; } .xt-radio:checked{ --tw-border-opacity: 1; border-color: rgb(0 0 0 / var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1)); } .xt-switch{ top: 0.375rem; border-radius: 9999px; border-width: 1px; --tw-border-opacity: 1; border-color: rgb(207 184 184 / var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1)); font-size: 18px; transition-property: all; transition-timing-function: cubic-bezier(.23,1,.32,1); transition-duration: 500ms; } .xt-switch:checked{ --tw-border-opacity: 1; border-color: rgb(0 0 0 / var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1)); } .text-check{ flex: 1 1 0%; padding-left: 0.75rem; font-size: 0.813rem; font-weight: 500; } .text-check:hover{ cursor: pointer; } .required > label{ position: relative; } .required > label:after { content: '*'; } .password-strength-meter, .note{ margin-top: 0.375rem; text-align: left; font-size: 0.813rem; font-weight: 400; --tw-text-opacity: 1; color: rgb(0 0 0 / var(--tw-text-opacity, 1)); } .field.field-error .messages{ margin-top: 0.5rem; --tw-text-opacity: 1; color: rgb(220 38 38 / var(--tw-text-opacity, 1)); max-width: -moz-fit-content; max-width: fit-content; } .field.choice.field.field-error .messages{ margin-top: 0px; } legend{ margin-bottom: 1rem; font-size: 0.875rem; line-height: 1.25rem; font-weight: 600; text-transform: uppercase; line-height: 1.25; } .block.block-order-details-view legend{ margin-bottom: 1.5rem; } legend + br{ display: none; } fieldset ~ fieldset{ margin-top: 2rem; } .field.required > label::after{ position: relative; top: -0.25rem; font-size: 0.688rem; --tw-text-opacity: 1; color: rgb(0 0 0 / var(--tw-text-opacity, 1)); content: var(--tw-content); --tw-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M12 6v12M17.196 9 6.804 15M6.804 9l10.392 6'/%3E%3C/svg%3E"); --tw-icon-size: 1em; display: inline-block; width: var(--tw-icon-size); height: var(--tw-icon-size); background-color: currentcolor; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-image: var(--tw-icon); mask-image: var(--tw-icon); } .field.required > label.label-check:after{ display: none; } .field.required > label.label-check .text-check::after{ position: relative; top: -0.25rem; font-size: 0.688rem; --tw-text-opacity: 1; color: rgb(0 0 0 / var(--tw-text-opacity, 1)); content: var(--tw-content); --tw-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M12 6v12M17.196 9 6.804 15M6.804 9l10.392 6'/%3E%3C/svg%3E"); --tw-icon-size: 1em; display: inline-block; width: var(--tw-icon-size); height: var(--tw-icon-size); background-color: currentcolor; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-image: var(--tw-icon); mask-image: var(--tw-icon); } .label-ask_invoice{ display: none; } .field-save{ margin-bottom: 0px; } [wire\:id] .address-form{ margin-bottom: 0.75rem; } /* For backwards compatibility */ .flex-columns-wrapper{ display: flex; flex-direction: column; } @media (min-width: 768px) { .flex-columns-wrapper{ flex-direction: row; } } .subcategories-container button.whiteshadow { box-shadow: -10px 0 20px #fff; } .subcategories-container button.whiteshadow.whiteshadow-l { box-shadow: 10px 0 20px #fff; } .blog-page .post-holder{ grid-column: span 1 / span 1; } .blog-page .post-holder .post-header .post-title{ font-size: 0.875rem; line-height: 1.25rem; } @media (min-width: 768px){ .blog-page .post-holder .post-header .post-title{ margin-top: 0.75rem; margin-bottom: 1.375rem; font-size: 1.125rem; line-height: 1.75rem; } } @media (min-width: 1024px){ .blog-page .post-holder .post-header .post-title{ font-size: 1.25rem; line-height: 1.75rem; line-height: 21.6px; } } .blog-page .post-holder .post-header .post-header-cta{ display: none; } .blog-page .post-holder.first-post{ grid-column: span 2 / span 2; list-style-type: none; } @media (min-width: 768px){ .blog-page .post-holder.first-post{ grid-column: span 4 / span 4; display: flex; flex-direction: row; justify-content: center; } .blog-page .post-holder.first-post .post-content{ width: 50%; } } @media (min-width: 1024px){ .blog-page .post-holder.first-post .post-content{ width: 41.666667%; } } @media (min-width: 768px){ .blog-page .post-holder.first-post .post-header{ margin-left: 1.875rem; width: 50%; justify-content: center; } } @media (min-width: 1024px){ .blog-page .post-holder.first-post .post-header{ width: 58.333333%; } } @media (min-width: 768px){ .blog-page .post-holder.first-post .post-header .post-info{ flex-direction: row; } } .blog-page .post-holder.first-post .post-header .post-title{ max-width: 600px; } @media (min-width: 768px){ .blog-page .post-holder.first-post .post-header .post-title{ font-size: 1.5rem; line-height: 2rem; } } @media (min-width: 1024px){ .blog-page .post-holder.first-post .post-header .post-title{ font-size: 2.5rem; line-height: 2.5rem; } } .blog-page .post-holder.first-post .post-header .post-item-link{ padding-top: 0.5rem; padding-bottom: 0.5rem; } .blog-page .post-holder.first-post .post-header .post-header-cta{ display: block; } [data-content-type$='block'] .blog-page .post-holder.first-post .post-header .post-header-cta p:last-child{ margin-bottom: 1rem; margin-top: 0px; } .blog-page .post-holder.first-post .post-header .post-header-cta.block-order-details-view{ margin-bottom: 0.625rem; } .blog-page .post-holder.first-post .post-header .post-header-cta.block-order-details-view .block-title{ margin-bottom: 1.5rem; } .blog-page .post-holder.first-post .post-header .post-header-cta.block-order-details-view .block-content{ display: flex; flex-direction: column; flex-wrap: wrap; justify-content: flex-start; } @media (min-width: 768px){ .blog-page .post-holder.first-post .post-header .post-header-cta.block-order-details-view .block-content{ flex-direction: row; } } .blog-page .post-holder.first-post .post-header .post-header-cta.block-order-details-view .block-content .box{ width: 100%; flex: 1 1 auto; padding-right: 0.375rem; } @media (min-width: 768px){ .blog-page .post-holder.first-post .post-header .post-header-cta.block-order-details-view .block-content .box{ max-width: 50%; } } @media (min-width: 1024px){ .blog-page .post-holder.first-post .post-header .post-header-cta.block-order-details-view .block-content .box{ max-width: 25%; flex-shrink: 0; flex-grow: 1; } } .blog-page .post-holder.first-post .post-header .post-header-cta.block-order-details-view .block-content .box-title{ margin-bottom: 0.625rem; font-weight: 600; } .blog-page .post-holder.first-post .post-header .post-header-cta.block-order-details-view .block-content .box-content{ overflow-wrap: break-word; padding-bottom: 1.25rem; } .blog-page .post-holder.first-post .post-header .post-header-cta.block-order-details-view .block-content .box-content a{ --tw-text-opacity: 1; color: rgb(37 99 235 / var(--tw-text-opacity, 1)); } .blog-page .post-holder.first-post .post-header .post-header-cta.block-order-details-view .block-content .box-content a:hover{ text-decoration-line: underline; } @media (max-width: 767px){ .blog-page .post-holder.first-post .post-header .post-header-cta{ display: none; } } @media (min-width: 768px) { .blog-page .post-holder.first-post .post-header .read-more{ border-width: 1px; --tw-border-opacity: 1; border-color: rgb(224 209 209 / var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); font-weight: 600; text-transform: uppercase; letter-spacing: 0.05em; --tw-text-opacity: 1; color: rgb(0 0 0 / var(--tw-text-opacity, 1)); } .blog-page .post-holder.first-post .post-header .read-more:hover{ --tw-border-opacity: 1; border-color: rgb(0 0 0 / var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); } .blog-page .post-holder.first-post .post-header .read-more{ display: block; width: -moz-fit-content; width: fit-content; border-width: 1px; --tw-border-opacity: 1; border-color: rgb(238 227 227 / var(--tw-border-opacity, 1)); padding-left: 1.375rem; padding-right: 1.375rem; padding-top: 1rem; padding-bottom: 1rem; font-size: 0.75rem; line-height: 1rem; font-weight: 600; text-transform: uppercase; } [data-content-type$='block'] .blog-page .post-holder.first-post .post-header .read-more p:last-child{ margin-bottom: 1rem; margin-top: 0px; } .blog-page .post-holder.first-post .post-header .read-more.block-order-details-view{ margin-bottom: 0.625rem; } .blog-page .post-holder.first-post .post-header .read-more.block-order-details-view .block-title{ margin-bottom: 1.5rem; } .blog-page .post-holder.first-post .post-header .read-more.block-order-details-view .block-content{ display: flex; flex-direction: column; flex-wrap: wrap; justify-content: flex-start; } @media (min-width: 768px){ .blog-page .post-holder.first-post .post-header .read-more.block-order-details-view .block-content{ flex-direction: row; } } .blog-page .post-holder.first-post .post-header .read-more.block-order-details-view .block-content .box{ width: 100%; flex: 1 1 auto; padding-right: 0.375rem; } @media (min-width: 768px){ .blog-page .post-holder.first-post .post-header .read-more.block-order-details-view .block-content .box{ max-width: 50%; } } @media (min-width: 1024px){ .blog-page .post-holder.first-post .post-header .read-more.block-order-details-view .block-content .box{ max-width: 25%; flex-shrink: 0; flex-grow: 1; } } .blog-page .post-holder.first-post .post-header .read-more.block-order-details-view .block-content .box-title{ margin-bottom: 0.625rem; font-weight: 600; } .blog-page .post-holder.first-post .post-header .read-more.block-order-details-view .block-content .box-content{ overflow-wrap: break-word; padding-bottom: 1.25rem; } .blog-page .post-holder.first-post .post-header .read-more.block-order-details-view .block-content .box-content a{ --tw-text-opacity: 1; color: rgb(37 99 235 / var(--tw-text-opacity, 1)); } .blog-page .post-holder.first-post .post-header .read-more.block-order-details-view .block-content .box-content a:hover{ text-decoration-line: underline; } .blog-page.blog-post-view .post-view .post-ftimg-hld{ width: 41.666667%; } } @media (min-width: 1024px){ .blog-page.blog-post-view .post-view .post-ftimg-hld{ width: 50%; } } @media (min-width: 768px){ .blog-page.blog-post-view .post-view .post-title-container{ width: 58.333333%; } } @media (min-width: 1024px){ .blog-page.blog-post-view .post-view .post-title-container{ width: 50%; } } .blog-page.blog-post-view .post-view .post-title-container-no-image{ margin-left: auto; margin-right: auto; } @media (min-width: 768px) { .blog-page.blog-post-view .read-more{ border-width: 1px; --tw-border-opacity: 1; border-color: rgb(224 209 209 / var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); font-weight: 600; text-transform: uppercase; letter-spacing: 0.05em; --tw-text-opacity: 1; color: rgb(0 0 0 / var(--tw-text-opacity, 1)); } .blog-page.blog-post-view .read-more:hover{ --tw-border-opacity: 1; border-color: rgb(0 0 0 / var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); } .blog-page.blog-post-view .read-more{ display: block; width: -moz-fit-content; width: fit-content; border-width: 1px; --tw-border-opacity: 1; border-color: rgb(238 227 227 / var(--tw-border-opacity, 1)); padding-left: 1.375rem; padding-right: 1.375rem; padding-top: 1rem; padding-bottom: 1rem; font-size: 0.75rem; line-height: 1rem; font-weight: 600; text-transform: uppercase; } [data-content-type$='block'] .blog-page.blog-post-view .read-more p:last-child{ margin-bottom: 1rem; margin-top: 0px; } .blog-page.blog-post-view .read-more.block-order-details-view{ margin-bottom: 0.625rem; } .blog-page.blog-post-view .read-more.block-order-details-view .block-title{ margin-bottom: 1.5rem; } .blog-page.blog-post-view .read-more.block-order-details-view .block-content{ display: flex; flex-direction: column; flex-wrap: wrap; justify-content: flex-start; } @media (min-width: 768px){ .blog-page.blog-post-view .read-more.block-order-details-view .block-content{ flex-direction: row; } } .blog-page.blog-post-view .read-more.block-order-details-view .block-content .box{ width: 100%; flex: 1 1 auto; padding-right: 0.375rem; } @media (min-width: 768px){ .blog-page.blog-post-view .read-more.block-order-details-view .block-content .box{ max-width: 50%; } } @media (min-width: 1024px){ .blog-page.blog-post-view .read-more.block-order-details-view .block-content .box{ max-width: 25%; flex-shrink: 0; flex-grow: 1; } } .blog-page.blog-post-view .read-more.block-order-details-view .block-content .box-title{ margin-bottom: 0.625rem; font-weight: 600; } .blog-page.blog-post-view .read-more.block-order-details-view .block-content .box-content{ overflow-wrap: break-word; padding-bottom: 1.25rem; } .blog-page.blog-post-view .read-more.block-order-details-view .block-content .box-content a{ --tw-text-opacity: 1; color: rgb(37 99 235 / var(--tw-text-opacity, 1)); } .blog-page.blog-post-view .read-more.block-order-details-view .block-content .box-content a:hover{ text-decoration-line: underline; } } .mfblog-replated-posts-block .post-holder{ grid-column: span 1 / span 1; } @media (min-width: 1024px){ .hyva_checkout-index-index{ --tw-bg-opacity: 1; background-color: rgb(247 243 243 / var(--tw-bg-opacity, 1)); } .hyva_checkout-index-index .page-header, .hyva_checkout-index-index #header{ border-width: 0px; border-style: none; background-color: transparent; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } } .hyva_checkout-index-index #breadcrumbs{ display: none; } .hyva_checkout-index-index.block-scroll{ height: 100%; overflow: hidden; } .hyva_checkout-index-index .prefooter-row1{ border-width: 0px; } #hyva-checkout-main{ display: flex; flex-direction: column; } @media (min-width: 1024px){ #hyva-checkout-main{ padding-top: 1.5rem; } } #hyva-checkout-main [x-cloak] { display: none !important; } #hyva-checkout-main #quote-summary > .price-summary > :not([hidden]) ~ :not([hidden]){ --tw-space-y-reverse: 0; margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(1.5rem * var(--tw-space-y-reverse)); } #hyva-checkout-main #quote-summary > .price-summary{ border-radius: 0.5rem; --tw-bg-opacity: 1; background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1)); padding: 1.5rem; } #hyva-checkout-main .banner-rossi-card{ position: relative; margin-bottom: 1.5rem; justify-content: space-between; --tw-bg-opacity: 1; background-color: rgb(245 223 165 / var(--tw-bg-opacity, 1)); padding-top: 1.5rem; padding-bottom: 1.5rem; padding-left: 1.75rem; padding-right: 1.75rem; font-size: 0.75rem; line-height: 1rem; line-height: 1.5; } #hyva-checkout-main section#shipping{ margin-bottom: 1.5rem; } #hyva-checkout-main #quote-actions .section-title:not(.section-title-dialog){ display: none; } #hyva-checkout-main .price-summary .total-segments .value{ font-weight: 600; } #hyva-checkout-main #hyva-checkout-container .column{ --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); } #hyva-checkout-main #hyva-checkout-container .column-main .section-title{ margin-bottom: 1rem; } #hyva-checkout-main #hyva-checkout-container .column-main #shipping-details .column-main .section-title, #hyva-checkout-main #hyva-checkout-container .column-main #billing-details .column-main .section-title{ margin-bottom: 1.75rem; } #hyva-checkout-main #hyva-checkout-container .column-main #billing-details > .section-title{ display: none; } #hyva-checkout-main #hyva-checkout-container #billing-details{ margin-bottom: 0.5rem; } #hyva-checkout-main #hyva-checkout-container #payment-method-list li, #hyva-checkout-main #hyva-checkout-container #shipping-method-list li{ margin-top: -1px; } #hyva-checkout-main #hyva-checkout-container .shippping-details #checkout-shipping-address-button{ display: none; } #payment-method-view-payplug_payments_standard{ margin: 0px !important; padding: 0px !important; } #payment-method-option-payplug_payments_standard label{ flex-direction: row !important; justify-content: flex-start !important; gap: 0px !important; } #payment-method-option-payplug_payments_standard label > div{ justify-content: space-between !important; } /* brand */ .dior-badge-container{ width: 100%; margin-right: auto; margin-left: auto; padding-right: 1rem; padding-left: 1rem; } @media (min-width: 375px){ .dior-badge-container{ max-width: 375px; } } @media (min-width: 480px){ .dior-badge-container{ max-width: 480px; } } @media (min-width: 640px){ .dior-badge-container{ max-width: 640px; padding-right: 1rem; padding-left: 1rem; } } @media (min-width: 768px){ .dior-badge-container{ max-width: 768px; padding-right: 1.5rem; padding-left: 1.5rem; } } @media (min-width: 1024px){ .dior-badge-container{ max-width: 1024px; padding-right: 2rem; padding-left: 2rem; } } @media (min-width: 1280px){ .dior-badge-container{ max-width: 1280px; padding-right: 3rem; padding-left: 3rem; } } @media (min-width: 1400px){ .dior-badge-container{ max-width: 1400px; } } @media (min-width: 1540px){ .dior-badge-container{ max-width: 1540px; } } .dior-badge-container{ max-width: 1600px; margin-top: 3rem; margin-bottom: 3rem; } @media (max-width: 1023px){ #header.dior-badge-container{ padding-left: 0px; padding-right: 0px; } } #preheader .dior-badge-container{ height: 100%; } #preheader .dior-badge-container > div[data-appearance=full-bleed]{ justify-content: center; } .dior-badge{ margin-left: auto; margin-right: auto; width: 100%; max-width: 400px; } body.brand-dior .banner-rossi-card, body.brand-category-dior .banner-rossi-card{ --tw-bg-opacity: 1; background-color: rgb(242 242 244 / var(--tw-bg-opacity, 1)); } body.brand-dior .discount-percent, body.brand-category-dior .discount-percent{ --tw-text-opacity: 1; color: rgb(0 0 0 / var(--tw-text-opacity, 1)); } body.brand-dior .badge-container > div, body.brand-category-dior .badge-container > div{ --tw-bg-opacity: 1; background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); } body.brand-dior .dot-confirm, body.brand-category-dior .dot-confirm{ --tw-bg-opacity: 1; background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); } body.brand-dior .dot-confirm .checksvg, body.brand-category-dior .dot-confirm .checksvg { fill: #fff; } body.brand-dior .dot-confirm .circlesvg, body.brand-category-dior .dot-confirm .circlesvg { fill: #000; stroke: #000; } /* dior capture */ .cms-dior-capture h1, .cms-dior-capture h2{ margin-top: 1rem; margin-bottom: 1rem; font-family: GeneralSans, Helvetica Neue, Arial, sans-serif; font-weight: 600; font-size: clamp(1.25rem, 0.4166667rem + 1.7361111111111112vw, 2.5rem); line-height: 1.25; letter-spacing: 0em; text-transform: none; } .cms-dior-capture h1:first-child, .cms-dior-capture h2:first-child{ margin-top: 0; } .cms-dior-capture h1:last-child, .cms-dior-capture h2:last-child{ margin-bottom: 0; } .cms-dior-capture h1, .cms-dior-capture h2 { font-weight: 600; margin-bottom: 1rem; margin-top: 1.8rem; } .dior-capture { font-size: 14px; } .dior-capture p:first-child{ margin-top: 0; } .dior-capture p:last-child{ margin-bottom: 0; } .dior-capture p{ margin-top: 1.5rem; margin-bottom: 1.5rem; } .dior-capture .footnotes { margin-top: 2rem; text-align: left; } .dior-capture .footnotes p { margin-bottom: 0; } .dior-capture .capture-container { margin-left: auto; margin-right: auto; text-align: center; max-width: 600px; margin-bottom: 3.5rem; } .dior-capture iframe { aspect-ratio: 16 / 9; width: 100%; height: 100%; } .dior-capture .capture-container-foot{ margin-top: 3rem; margin-bottom: 3rem; margin-left: auto; margin-right: auto; max-width: 400px; } .dior-capture .capture-container-foot img{ margin-left: auto; margin-right: auto; width: 100%; } .dior-capture-banner img { width: 100%; max-width: 865px; } /* Category Dior */ .page-layout-dior-page-layout .sub-category-header-bar.header-parent-title div { display: none; } .page-layout-dior-page-layout .dior-static-filter .filter-options-title:after { content: '' !important; } .page-layout-dior-page-layout .static-blocks-category-pushes { display : flex; justify-content: space-between; margin : 0 auto 50px auto; max-width : 1000px; padding : 10px 0; } .page-layout-dior-page-layout .static-blocks-category-pushes .static-blocks-category-pushes-img-container { height : 240px; position: relative; width : 240px; } .page-layout-dior-page-layout .static-blocks-category-pushes .static-blocks-category-pushes-img-container .static-blocks-category-pushes-btn { align-items : center; background-color: #000000; border : none; bottom : 10px; color : #ffffff; display : flex; justify-content : center; line-height : 1; padding : 10px 0; position : absolute; text-align : center; text-transform : uppercase; width : 100%; } .page-layout-dior-page-layout .sidebar.sidebar-main { position: absolute !important; width : 25%; } .page-layout-dior-page-layout .filter-options-title:after { content: '\f055' !important; } @media (min-width: 992px), print { .page-layout-dior-page-layout .static-blocks-category-pushes { justify-content: space-between !important; flex-wrap : nowrap; padding : 10px 0 !important; } .page-layout-dior-page-layout .static-blocks-category-pushes .static-blocks-category-pushes-img-container { width : 240px; height : 240px; margin-top: 0; } } @media (min-width: 768px), print { .page-layout-dior-page-layout .static-blocks-category-pushes { justify-content: space-evenly !important; flex-wrap : wrap; padding : 10px !important; } .page-layout-dior-page-layout .static-blocks-category-pushes-img-container { width : 250px; height : 250px; margin-top: 30px; } } @media (max-width: 767px), print { .page-layout-dior-page-layout .sidebar.sidebar-main { position: relative !important; width : 90%; } .page-layout-dior-page-layout .filter-options-title:after { content: '' !important; } } /* dior expertise */ .dior-expertise-header { height : 320px; background-size : cover; background-position: center center; } .dior-expertise-header-makeup, .dior-expertise-header-skincare { margin-top: 1.8rem; } .dior-container h1, .dior-h1 { font-weight: 300; line-height: 1.1; font-size: 2.5rem; text-align : center; margin : 1.8rem 0; text-transform: uppercase; } .dior-container { max-width : 1200px; margin : -80px auto 0; padding : 1.8rem 20px 0 20px; background-color: white; } .dior-container .spacer { margin-top: 2.2rem; } .dior-container h2 { font-weight: normal; font-size : 2.5rem; text-align : center; margin : 0 0 1.8rem; text-transform: uppercase; } .dior-container h3 { font-size : 1.8rem !important; text-align : center; margin : 1.8rem 0; text-transform: uppercase; font-weight : 300; } .dior-container p { padding : 0 20%; text-align: center; } .dior-container .static-blocks-category-pushes { margin : 0; max-width: inherit; } .dior-container .page-layout-dior-page-layout .static-blocks-category-pushes .static-blocks-category-pushes-img-container { width : 28%; padding-top: 50%; } .dior-container .page-layout-dior-page-layout .static-blocks-category-pushes .category-pushes-img-container-single { width : 92%; padding-top: 48%; } .dior-container .page-layout-dior-page-layout .static-blocks-category-pushes .category-pushes-img-container-double { width: 45%; } .dior-container .page-layout-dior-page-layout .static-blocks-category-pushes .category-pushes-img-container-half { width: 21%; } .dior-container .page-layout-dior-page-layout .static-blocks-category-pushes .category-pushes-img-container-squared { width : 92%; height : 0; padding-top: 110%; } .dior-expertise-products .product.details.product-item-details { text-align: center; } .page-layout-dior-page-layout .static-blocks-category-pushes.display-mobile { display: none; } @media (max-width: 640px) { .dior-expertise-header { height: 210px; } .dior-container { position: relative; z-index : 1; margin : -40px 10px 0 10px; padding : 20px 0; } .dior-container p { padding: 0; } .dior-container .page-layout-dior-page-layout .static-blocks-category-pushes .static-blocks-category-pushes-img-container { width : 100%; height : 400px; margin-bottom: 25px; } .dior-container .page-layout-dior-page-layout .static-blocks-category-pushes .category-pushes-img-container-single { height: 140px; } .hidden-dior { display: none; } .page-layout-dior-page-layout .static-blocks-category-pushes { display: block; } .page-layout-dior-page-layout .static-blocks-category-pushes.display-mobile { display : flex; margin-top: -20px } .dior-expertise-products { width: 100%; } } html{ line-height: 1.5; letter-spacing: 0.025em; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } button{ letter-spacing: 0.025em; } body.cms-page-view:not(.cms-dior-expertise):not(.cms-miss-dior){ line-height: 1.625; } @media (min-width: 1024px){ body.cms-page-view:not(.cms-dior-expertise):not(.cms-miss-dior).page-layout-1column .columns .main{ margin-left: auto; margin-right: auto; max-width: 1200px; } } body.amlocator-index-index .page-main{ margin: 0px !important; } body.amlocator-index-index .columns{ max-width: none !important; padding: 0px !important; grid-template-rows: none !important; } a:not([class]), a[class=""], .xt-link{ font-weight: 500; word-wrap: break-word; overflow-wrap: break-word; -webkit-text-decoration: underline; text-decoration: underline; text-underline-offset: 2px; } strong{ font-weight: 600; } /* .cms-text */ .cms-text{ font-size: 0.875rem; line-height: 1.5rem; letter-spacing: 0.025em; } .cms-text img{ margin-bottom: 1.5rem; } /* .product-options-dl */ .product-options-dl{ margin-top: 0.25rem; display: flex; } .product-options-dl dt{ margin-bottom: 0.25rem; width: auto; } .product-options-dl dd{ margin-bottom: 0.25rem; width: auto; flex: 1 1 0%; padding-left: 0.75rem; word-break: break-word; } /* .flex-totals */ .flex-totals .flex-totals-row{ display: flex; justify-content: space-between; } .flex-totals .flex-totals-th, .flex-totals .flex-totals-td{ padding-top: 0.625rem; padding-bottom: 0.625rem; padding-left: 0.375rem; padding-right: 0.375rem; font-size: 0.75rem; line-height: 1rem; line-height: 1.25; letter-spacing: 0.025em; } .flex-totals .flex-totals-th:first-child, .flex-totals .flex-totals-td:first-child{ padding-left: 0px; text-align: left; font-weight: 400; } .flex-totals .flex-totals-th:last-child, .flex-totals .flex-totals-td:last-child{ padding-right: 0px; text-align: right; font-weight: 600; } .flex-totals .flex-totals-td{ max-width: 70%; } .flex-totals .flex-totals-note{ margin-top: -0.625rem; padding-top: 0.625rem; padding-bottom: 0.625rem; } .flex-totals .flex-totals-row.discount .flex-totals-th:last-child, .flex-totals .flex-totals-row.discount .flex-totals-td:last-child{ --tw-text-opacity: 1; color: rgb(141 41 41 / var(--tw-text-opacity, 1)); } .flex-totals .flex-totals-row.grand.totals{ margin-top: 0.75rem; border-top-width: 1px; --tw-border-opacity: 1; border-color: rgb(238 227 227 / var(--tw-border-opacity, 1)); font-size: 1rem; line-height: 1.5rem; } .flex-totals .flex-totals-row.grand.totals .flex-totals-th, .flex-totals .flex-totals-row.grand.totals .flex-totals-td{ padding-top: 0.75rem; font-size: 1rem; line-height: 1.5rem; font-weight: 600; } /* .xt-loadable */ .xt-loadable{ position: relative; } .xt-loadable > .xt-loader{ pointer-events: none; opacity: 0; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter; transition-timing-function: cubic-bezier(.23,1,.32,1); transition-duration: 500ms; } .xt-loadable > .xt-loadable-content{ transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter; transition-timing-function: cubic-bezier(.23,1,.32,1); transition-duration: 500ms; } .xt-loadable.xt-loadable-bg > .xt-loader{ background-color: rgb(255 255 255 / 0.5); } .xt-loadable.btn-primary > .xt-loader, .xt-loadable.xt-loadable-inverse > .xt-loader{ background-color: rgb(0 0 0 / 0.2); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); } .xt-loadable.xt-loading{ pointer-events: none; } .xt-loadable.xt-loading > .xt-loader{ opacity: 1; } .xt-loadable.xt-loading > .xt-loadable-content{ opacity: 0; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter; transition-timing-function: cubic-bezier(.23,1,.32,1); transition-duration: 500ms; } .xt-scrollbar-overlay .xt-loadable-fixed > .xt-loader{ margin-right: var(--scrollbar-width); } .xt-loadable-fixed > .xt-loader{ position: fixed; z-index: 1000; } .xt-loadable-fixed.xt-loading > .xt-loader{ pointer-events: auto; } /* .actions-toolbar */ .actions-toolbar{ margin-top: 1rem; display: flex; flex-wrap: wrap; align-items: center; gap: 0.5rem; } .action.primary{ position: relative; display: inline-flex; align-items: center; justify-content: center; --tw-bg-opacity: 1; background-color: rgb(107 114 128 / var(--tw-bg-opacity, 1)); padding-left: 1rem; padding-right: 1rem; padding-top: 0.75rem; padding-bottom: 0.75rem; text-align: center; font-size: 13px; font-weight: 600; letter-spacing: 0.08em; --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter; transition-timing-function: cubic-bezier(.23,1,.32,1); transition-duration: 500ms; } .action.primary svg{ display: inline-flex; } .action.primary span { vertical-align: middle; } .action.primary:hover{ --tw-bg-opacity: 1; background-color: rgb(75 85 99 / var(--tw-bg-opacity, 1)); } .action.primary{ --tw-bg-opacity: 1; background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1)); font-weight: 600; text-transform: uppercase; letter-spacing: 0.05em; --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); } .action.primary:hover{ --tw-bg-opacity: 1; background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); opacity: 0.9; } .action.primary{ padding-left: 2rem; padding-right: 2rem; padding-top: 1rem; padding-bottom: 1rem; font-size: 14px; } .xt-loadable.action.primary > .xt-loader{ background-color: rgb(0 0 0 / 0.2); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); } .action.secondary{ position: relative; display: inline-flex; align-items: center; justify-content: center; --tw-bg-opacity: 1; background-color: rgb(107 114 128 / var(--tw-bg-opacity, 1)); padding-left: 1rem; padding-right: 1rem; padding-top: 0.75rem; padding-bottom: 0.75rem; text-align: center; font-size: 13px; font-weight: 600; letter-spacing: 0.08em; --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter; transition-timing-function: cubic-bezier(.23,1,.32,1); transition-duration: 500ms; } .action.secondary svg{ display: inline-flex; } .action.secondary span { vertical-align: middle; } .action.secondary:hover{ --tw-bg-opacity: 1; background-color: rgb(75 85 99 / var(--tw-bg-opacity, 1)); } .action.secondary{ border-width: 1px; --tw-border-opacity: 1; border-color: rgb(224 209 209 / var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); font-weight: 600; text-transform: uppercase; letter-spacing: 0.05em; --tw-text-opacity: 1; color: rgb(0 0 0 / var(--tw-text-opacity, 1)); } .action.secondary:hover{ --tw-border-opacity: 1; border-color: rgb(0 0 0 / var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); } .action.secondary{ padding-left: 2rem; padding-right: 2rem; padding-top: 1rem; padding-bottom: 1rem; font-size: 14px; } .action.back{ display: none; } /* .listing-border */ .listing-border{ border-bottom-width: 1px; border-right-width: 1px; --tw-border-opacity: 1; border-color: rgb(238 227 227 / var(--tw-border-opacity, 1)); } @media (min-width: 1024px){ .listing-border{ border-width: 1px !important; --tw-border-opacity: 1; border-color: rgb(255 255 255 / var(--tw-border-opacity, 1)); } .listing-border:hover{ --tw-border-opacity: 1; border-color: rgb(238 227 227 / var(--tw-border-opacity, 1)); } } @media (max-width: 639px){ .listing-border:nth-child(2n){ border-right-width: 0px; } } @media (min-width: 640px){ @media (max-width: 1023px){ .listing-border:nth-child(3n){ border-right-width: 0px; } } } /* .magento-nav */ @media (min-width: 1024px){ .magento-nav li:first-child > *{ border-top-width: 1px; --tw-border-opacity: 1; border-color: rgb(224 209 209 / var(--tw-border-opacity, 1)); } } .magento-nav li > *{ display: block; font-size: 14px; font-weight: 500; line-height: 1.25; text-decoration-line: none !important; } [data-content-type$='block'] .magento-nav li > * p:last-child{ margin-bottom: 1rem; margin-top: 0px; } .magento-nav li > *.block-order-details-view{ margin-bottom: 0.625rem; } .magento-nav li > *.block-order-details-view .block-title{ margin-bottom: 1.5rem; } .magento-nav li > *.block-order-details-view .block-content{ display: flex; flex-direction: column; flex-wrap: wrap; justify-content: flex-start; } @media (min-width: 768px){ .magento-nav li > *.block-order-details-view .block-content{ flex-direction: row; } } .magento-nav li > *.block-order-details-view .block-content .box{ width: 100%; flex: 1 1 auto; padding-right: 0.375rem; } @media (min-width: 768px){ .magento-nav li > *.block-order-details-view .block-content .box{ max-width: 50%; } } @media (min-width: 1024px){ .magento-nav li > *.block-order-details-view .block-content .box{ max-width: 25%; flex-shrink: 0; flex-grow: 1; } } .magento-nav li > *.block-order-details-view .block-content .box-title{ margin-bottom: 0.625rem; font-weight: 600; } .magento-nav li > *.block-order-details-view .block-content .box-content{ overflow-wrap: break-word; padding-bottom: 1.25rem; } .magento-nav li > *.block-order-details-view .block-content .box-content a{ --tw-text-opacity: 1; color: rgb(37 99 235 / var(--tw-text-opacity, 1)); } .magento-nav li > *.block-order-details-view .block-content .box-content a:hover{ text-decoration-line: underline; } @media (min-width: 1024px){ .magento-nav li > *{ border-bottom-width: 1px; --tw-border-opacity: 1; border-color: rgb(224 209 209 / var(--tw-border-opacity, 1)); padding-top: 1.25rem; padding-bottom: 1.25rem; text-transform: uppercase; } } @media (max-width: 1023px){ .magento-nav li > *{ padding-left: 1rem; padding-right: 1rem; padding-top: 0.5rem; padding-bottom: 0.5rem; } } .magento-nav strong{ font-weight: 600; } /* cookie banner */ .c-cookie-banner-body-banner-button:not(#banner-accept-btn-1){ --tw-bg-opacity: 1 !important; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)) !important; --tw-text-opacity: 1 !important; color: rgb(0 0 0 / var(--tw-text-opacity, 1)) !important; border: 1px solid #E0D1D1 !important; } .c-cookie-banner-body-banner-button#banner-accept-btn-1{ --tw-bg-opacity: 1 !important; background-color: rgb(139 1 1 / var(--tw-bg-opacity, 1)) !important; } .c-cookie-banner-pref-footer-btn:nth-child(1){ --tw-bg-opacity: 1 !important; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)) !important; --tw-text-opacity: 1 !important; color: rgb(0 0 0 / var(--tw-text-opacity, 1)) !important; border: 1px solid #E0D1D1 !important; } .c-cookie-banner-pref-footer-btn:nth-child(2){ --tw-bg-opacity: 1 !important; background-color: rgb(139 1 1 / var(--tw-bg-opacity, 1)) !important; } .c-cookie-banner-body-desc-footer-policy-btn, .c-cookie-banner-body-banner-button-transparent{ --tw-text-opacity: 1 !important; color: rgb(139 1 1 / var(--tw-text-opacity, 1)) !important; } .c-cookie-banner input:checked + span{ --tw-bg-opacity: 1 !important; background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1)) !important; } .c-cookie-banner .c-cookie-banner-modal-close-button-wrapper{ --tw-shadow: 0 0 #0000 !important; --tw-shadow-colored: 0 0 #0000 !important; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important; } .c-cookie-banner .c-cookie-banner-modal-content-wrapper{ margin: -0px; } .c-cookie-banner .c-cookie-banner-modal-close-button{ font-size: 20px !important; } /* pwa hide install on app */ @media all and (display-mode: standalone) { [data-js-pwa-install], [data-js-pwa-install-popup]{ display: none !important; } } .amlocator-store-desc{ --tw-text-opacity: 1 !important; color: rgb(0 0 0 / var(--tw-text-opacity, 1)) !important; } .amlocator-store-information{ font-size: 0.875rem; line-height: 1.25rem; text-transform: uppercase; line-height: 1.25; } .amlocator-title, .amlocator-name{ font-size: 0.875rem !important; line-height: 1.25rem !important; font-weight: 600 !important; text-transform: uppercase; line-height: 1.25; } .amlocator-store-desc a{ --tw-text-opacity: 1 !important; color: rgb(0 0 0 / var(--tw-text-opacity, 1)) !important; } .amlocator-title{ margin-bottom: 0.25rem; } .amasty_distance{ margin-top: 0.375rem; } .amlocator-map-pin{ display: none; } .gm-style-iw-chr{ height: 20px !important; } [wire\:loading], [wire\:loading\.delay], [wire\:loading\.inline-block], [wire\:loading\.inline], [wire\:loading\.block], [wire\:loading\.flex], [wire\:loading\.table], [wire\:loading\.grid], [wire\:loading\.inline-flex] { display: none; } [wire\:loading\.delay\.shortest], [wire\:loading\.delay\.shorter], [wire\:loading\.delay\.short], [wire\:loading\.delay\.long], [wire\:loading\.delay\.longer], [wire\:loading\.delay\.longest] { display: none; } [wire\:offline] { display: none; } [wire\:dirty]:not(textarea):not(input):not(select) { display: none; } input:-webkit-autofill, select:-webkit-autofill, textarea:-webkit-autofill { animation-duration: 50000s; animation-name: livewireautofill; } @keyframes livewireautofill { from {} } #livewire-error iframe { background-color: rgb(255 255 255) !important; border-radius: 0.375rem !important; padding: 0.75rem 1rem !important; } #giftcard-preview-dialog table.main { width: auto !important; } #giftcard-preview-dialog table.main .amcard-message-body img { width: 100%; } .block.block-order-details-view{ margin-bottom: 0.625rem; } .block.block-order-details-view .block-title{ margin-bottom: 1.5rem; } .block.block-order-details-view .block-content{ display: flex; flex-direction: column; flex-wrap: wrap; justify-content: flex-start; } @media (min-width: 768px){ .block.block-order-details-view .block-content{ flex-direction: row; } } .block.block-order-details-view .block-content .box{ width: 100%; flex: 1 1 auto; padding-right: 0.375rem; } @media (min-width: 768px){ .block.block-order-details-view .block-content .box{ max-width: 50%; } } @media (min-width: 1024px){ .block.block-order-details-view .block-content .box{ max-width: 25%; flex-shrink: 0; flex-grow: 1; } } .block.block-order-details-view .block-content .box-title{ margin-bottom: 0.625rem; font-weight: 600; } .block.block-order-details-view .block-content .box-content{ overflow-wrap: break-word; padding-bottom: 1.25rem; } .block.block-order-details-view .block-content .box-content a{ --tw-text-opacity: 1; color: rgb(37 99 235 / var(--tw-text-opacity, 1)); } .block.block-order-details-view .block-content .box-content a:hover{ text-decoration-line: underline; } table.email-items{ padding-bottom: 1rem; } .payplug-payments-cards{ padding-left: 1.25rem; } .payplug-payments-cards img{ display: inline; } .payplug-payments-cards li{ margin-bottom: 1rem; } .payplug-payments-cards .card-last4{ vertical-align: top; } .error-container.cardholder-input-container, .error-container.pan-input-container, .error-container.exp-input-container, .error-container.cvv-input-container{ font-size: 0.875rem; line-height: 1.25rem; } #payplug-payment-form.IntegratedPayment .exp-cvv-container{ margin-top: 0.75rem; display: flex; justify-content: space-between; gap: 0.75rem; } #payplug-payment-form.IntegratedPayment .save-card-container{ margin-top: 1rem; } #payplug-payment-form.IntegratedPayment .transaction-secured{ margin-top: 0.75rem; display: flex; width: 100%; align-items: center; justify-content: center; gap: 0.75rem; --tw-text-opacity: 1; color: rgb(33 34 37 / var(--tw-text-opacity, 1)); } #payplug-payment-form.IntegratedPayment .transaction-secured img{ height: 1rem; } #payplug-payment-form.IntegratedPayment .transaction-secured img.payplug-logo{ min-width: 90px; } #payplug-payment-form.IntegratedPayment .transaction-secured, #payplug-payment-form.IntegratedPayment .policy{ width: 100%; text-align: center; font-size: 0.875rem; line-height: 1.25rem; line-height: 21px; } #payplug-payment-form.IntegratedPayment .policy a{ display: block; --tw-text-opacity: 1; color: rgb(144 145 146 / var(--tw-text-opacity, 1)); text-decoration-line: underline; } [data-content-type$='block'] #payplug-payment-form.IntegratedPayment .policy a p:last-child{ margin-bottom: 1rem; margin-top: 0px; } #payplug-payment-form.IntegratedPayment .policy a.block-order-details-view{ margin-bottom: 0.625rem; } #payplug-payment-form.IntegratedPayment .policy a.block-order-details-view .block-title{ margin-bottom: 1.5rem; } #payplug-payment-form.IntegratedPayment .policy a.block-order-details-view .block-content{ display: flex; flex-direction: column; flex-wrap: wrap; justify-content: flex-start; } @media (min-width: 768px){ #payplug-payment-form.IntegratedPayment .policy a.block-order-details-view .block-content{ flex-direction: row; } } #payplug-payment-form.IntegratedPayment .policy a.block-order-details-view .block-content .box{ width: 100%; flex: 1 1 auto; padding-right: 0.375rem; } @media (min-width: 768px){ #payplug-payment-form.IntegratedPayment .policy a.block-order-details-view .block-content .box{ max-width: 50%; } } @media (min-width: 1024px){ #payplug-payment-form.IntegratedPayment .policy a.block-order-details-view .block-content .box{ max-width: 25%; flex-shrink: 0; flex-grow: 1; } } #payplug-payment-form.IntegratedPayment .policy a.block-order-details-view .block-content .box-title{ margin-bottom: 0.625rem; font-weight: 600; } #payplug-payment-form.IntegratedPayment .policy a.block-order-details-view .block-content .box-content{ overflow-wrap: break-word; padding-bottom: 1.25rem; } #payplug-payment-form.IntegratedPayment .policy a.block-order-details-view .block-content .box-content a{ --tw-text-opacity: 1; color: rgb(37 99 235 / var(--tw-text-opacity, 1)); } #payplug-payment-form.IntegratedPayment .policy a.block-order-details-view .block-content .box-content a:hover{ text-decoration-line: underline; } #payplug-payment-form.IntegratedPayment .invalid-field, #payplug-payment-form.IntegratedPayment .empty-field{ display: none; --tw-text-opacity: 1; color: rgb(233 25 50 / var(--tw-text-opacity, 1)); } .IntegratedPayment{ margin-bottom: 0px; display: block; width: 300px; justify-content: space-between; } [data-content-type$='block'] .IntegratedPayment p:last-child{ margin-bottom: 1rem; margin-top: 0px; } .IntegratedPayment.block-order-details-view{ margin-bottom: 0.625rem; } .IntegratedPayment.block-order-details-view .block-title{ margin-bottom: 1.5rem; } .IntegratedPayment.block-order-details-view .block-content{ display: flex; flex-direction: column; flex-wrap: wrap; justify-content: flex-start; } @media (min-width: 768px){ .IntegratedPayment.block-order-details-view .block-content{ flex-direction: row; } } .IntegratedPayment.block-order-details-view .block-content .box{ width: 100%; flex: 1 1 auto; padding-right: 0.375rem; } @media (min-width: 768px){ .IntegratedPayment.block-order-details-view .block-content .box{ max-width: 50%; } } @media (min-width: 1024px){ .IntegratedPayment.block-order-details-view .block-content .box{ max-width: 25%; flex-shrink: 0; flex-grow: 1; } } .IntegratedPayment.block-order-details-view .block-content .box-title{ margin-bottom: 0.625rem; font-weight: 600; } .IntegratedPayment.block-order-details-view .block-content .box-content{ overflow-wrap: break-word; padding-bottom: 1.25rem; } .IntegratedPayment.block-order-details-view .block-content .box-content a{ --tw-text-opacity: 1; color: rgb(37 99 235 / var(--tw-text-opacity, 1)); } .IntegratedPayment.block-order-details-view .block-content .box-content a:hover{ text-decoration-line: underline; } .IntegratedPayment_select{ margin-left: 0px; margin-right: 0px; margin-top: 0px; margin-bottom: 0.75rem; height: 2.25rem; width: 100%; border-radius: 0.375rem; border-width: 1px; border-style: solid; --tw-border-opacity: 1; border-color: rgb(204 204 204 / var(--tw-border-opacity, 1)); padding-top: 0px; padding-bottom: 0px; padding-left: 0.5rem; padding-right: 0.5rem; } .IntegratedPayment_container{ position: relative; margin: 0px; display: flex; width: 100%; padding: 0px; } .IntegratedPayment_container.-cardHolder, .IntegratedPayment_container.-pan, .IntegratedPayment_container.-exp, .IntegratedPayment_container.-cvv{ height: 2.5rem; cursor: text; border-radius: 0.1875rem; border-width: 1px; border-style: solid; --tw-border-opacity: 1; border-color: rgb(213 214 216 / var(--tw-border-opacity, 1)); padding-top: 0px; padding-bottom: 0px; padding-right: 1rem; padding-left: 3rem; line-height: 40px; } .IntegratedPayment_container.-cardHolder::before, .IntegratedPayment_container.-pan::before, .IntegratedPayment_container.-exp::before, .IntegratedPayment_container.-cvv::before{ position: absolute; left: 1rem; top: 20%; height: 1.5rem; width: 1.5rem; --tw-content: ''; content: var(--tw-content); background: rgb(149, 153, 158) 50% center / 100% no-repeat; } .IntegratedPayment_container.-cardHolder.-focus, .IntegratedPayment_container.-pan.-focus, .IntegratedPayment_container.-exp.-focus, .IntegratedPayment_container.-cvv.-focus{ --tw-border-opacity: 1; border-color: rgb(43 52 61 / var(--tw-border-opacity, 1)); } .IntegratedPayment_container.-cardHolder.-invalid, .IntegratedPayment_container.-pan.-invalid, .IntegratedPayment_container.-exp.-invalid, .IntegratedPayment_container.-cvv.-invalid{ --tw-border-opacity: 1; border-color: rgb(233 25 50 / var(--tw-border-opacity, 1)); } .IntegratedPayment_container.-scheme{ margin-top: 0.75rem; margin-bottom: 0.75rem; margin-left: 0px; margin-right: 0px; height: 22px; align-items: center; justify-content: space-between; font-size: 0.875rem; line-height: 1.25rem; font-weight: 700; text-transform: uppercase; } .IntegratedPayment_container.-saveCard{ display: flex; height: auto; align-items: center; padding-left: 0px; padding-right: 0px; padding-top: 0px; padding-bottom: 0px; } .IntegratedPayment_container.-saveCard label{ margin: 0px; cursor: pointer; font-size: 0.75rem; line-height: 1rem; --tw-text-opacity: 1; color: rgb(145 143 143 / var(--tw-text-opacity, 1)); } .IntegratedPayment_container.-saveCard label:hover{ --tw-text-opacity: 1; color: rgb(43 52 61 / var(--tw-text-opacity, 1)); transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter; transition-timing-function: cubic-bezier(.23,1,.32,1); transition-duration: 500ms; } .IntegratedPayment_container.-saveCard label:hover span{ --tw-border-opacity: 1; border-color: rgb(43 52 61 / var(--tw-border-opacity, 1)); transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter; transition-timing-function: cubic-bezier(.23,1,.32,1); transition-duration: 500ms; } .IntegratedPayment_container.-saveCard label:hover span::before{ opacity: 1; } .IntegratedPayment_container.-saveCard label input{ display: none; } .IntegratedPayment_container.-saveCard label span{ position: relative; margin-left: 0px; margin-right: 0.625rem; margin-top: 0px; display: inline-block; height: 1rem; width: 1rem; cursor: pointer; border-radius: 0.1875rem; border-style: solid; --tw-border-opacity: 1; border-color: rgb(213 214 216 / var(--tw-border-opacity, 1)); transition-property: border; transition-timing-function: cubic-bezier(.23,1,.32,1); transition-duration: 500ms; transition-duration: 0.4s; } .IntegratedPayment_container.-saveCard label span::before{ height: 3px; width: 9px; --tw-translate-x: -50%; --tw-translate-y: -55%; --tw-rotate: -48deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); border-width: 2.5px; border-style: solid; --tw-border-opacity: 1; border-color: rgb(43 52 61 / var(--tw-border-opacity, 1)); transition-property: opacity; transition-timing-function: cubic-bezier(.23,1,.32,1); transition-duration: 500ms; transition-duration: 0.4s; --tw-content: ''; content: var(--tw-content); } .IntegratedPayment_container.-deferred{ margin-top: 0.75rem; margin-bottom: 0.75rem; margin-left: 0px; margin-right: 0px; display: block; --tw-bg-opacity: 1; background-color: rgb(233 234 235 / var(--tw-bg-opacity, 1)); padding-top: 0.25rem; padding-bottom: 0.25rem; padding-left: 1rem; padding-right: 1rem; text-align: center; font-size: 0.75rem; line-height: 1rem; --tw-text-opacity: 1; color: rgb(43 52 61 / var(--tw-text-opacity, 1)); } [data-content-type$='block'] .IntegratedPayment_container.-deferred p:last-child{ margin-bottom: 1rem; margin-top: 0px; } .IntegratedPayment_container.-deferred.block-order-details-view{ margin-bottom: 0.625rem; } .IntegratedPayment_container.-deferred.block-order-details-view .block-title{ margin-bottom: 1.5rem; } .IntegratedPayment_container.-deferred.block-order-details-view .block-content{ display: flex; flex-direction: column; flex-wrap: wrap; justify-content: flex-start; } @media (min-width: 768px){ .IntegratedPayment_container.-deferred.block-order-details-view .block-content{ flex-direction: row; } } .IntegratedPayment_container.-deferred.block-order-details-view .block-content .box{ width: 100%; flex: 1 1 auto; padding-right: 0.375rem; } @media (min-width: 768px){ .IntegratedPayment_container.-deferred.block-order-details-view .block-content .box{ max-width: 50%; } } @media (min-width: 1024px){ .IntegratedPayment_container.-deferred.block-order-details-view .block-content .box{ max-width: 25%; flex-shrink: 0; flex-grow: 1; } } .IntegratedPayment_container.-deferred.block-order-details-view .block-content .box-title{ margin-bottom: 0.625rem; font-weight: 600; } .IntegratedPayment_container.-deferred.block-order-details-view .block-content .box-content{ overflow-wrap: break-word; padding-bottom: 1.25rem; } .IntegratedPayment_container.-deferred.block-order-details-view .block-content .box-content a{ --tw-text-opacity: 1; color: rgb(37 99 235 / var(--tw-text-opacity, 1)); } .IntegratedPayment_container.-deferred.block-order-details-view .block-content .box-content a:hover{ text-decoration-line: underline; } .IntegratedPayment_container.-transaction{ margin-top: 0.75rem; display: inline-block; } .IntegratedPayment_container.-privacy-policy{ display: inline-block; text-align: center; } .IntegratedPayment_container.-privacy-policy a{ font-size: 0.875rem; line-height: 1.25rem; --tw-text-opacity: 1; color: rgb(145 143 143 / var(--tw-text-opacity, 1)); } .IntegratedPayment_container img.lock-icon{ float: left !important; width: 18px; } .IntegratedPayment_container .transaction-label{ margin-left: 0.25rem; vertical-align: super; font-size: 0.75rem; line-height: 1rem; } .IntegratedPayment_container .payplug-logo{ margin-left: 6px; display: inline-block; height: auto; width: 5rem; vertical-align: text-top; float: inherit !important; } .IntegratedPayment_error{ margin-left: 0px; margin-right: 0px; margin-top: -0.75rem; margin-bottom: 0.75rem; width: 100%; padding-left: 0.25rem; font-size: 0.75rem; line-height: 1rem; line-height: 18px; --tw-text-opacity: 1; color: rgb(233 25 50 / var(--tw-text-opacity, 1)); } .IntegratedPayment_error.-cardHolder{ margin-left: 0px; margin-right: 0px; margin-top: -0.75rem; margin-bottom: 0px; } .IntegratedPayment_error.-exp, .IntegratedPayment_error.-cvv{ width: 100%; max-width: calc(49%); } .IntegratedPayment_error.-cvv{ margin-top: -0.75rem; margin-right: 0px; margin-bottom: 0.75rem; margin-left: auto; align-self: flex-end; } .IntegratedPayment_error.-payment, .IntegratedPayment_error.-fields, .IntegratedPayment_error.-api{ margin-left: 0px; margin-right: 0px; margin-top: 0.75rem; margin-bottom: 0px; display: none; width: 100%; align-items: center; justify-content: center; padding-top: 0.25rem; padding-bottom: 0.25rem; padding-left: 0px; padding-right: 0px; text-align: center; line-height: 18px; --tw-text-opacity: 1; color: rgb(233 25 50 / var(--tw-text-opacity, 1)); background: rgba(233, 25, 50, 0.08); } .IntegratedPayment_error.-payment.-show, .IntegratedPayment_error.-fields.-show, .IntegratedPayment_error.-api.-show{ display: flex; } .IntegratedPayment_scheme{ margin: 0px; } .IntegratedPayment_scheme span{ display: block; height: 22px; width: 33px; cursor: pointer; } [data-content-type$='block'] .IntegratedPayment_scheme span p:last-child{ margin-bottom: 1rem; margin-top: 0px; } .IntegratedPayment_scheme span.block-order-details-view{ margin-bottom: 0.625rem; } .IntegratedPayment_scheme span.block-order-details-view .block-title{ margin-bottom: 1.5rem; } .IntegratedPayment_scheme span.block-order-details-view .block-content{ display: flex; flex-direction: column; flex-wrap: wrap; justify-content: flex-start; } @media (min-width: 768px){ .IntegratedPayment_scheme span.block-order-details-view .block-content{ flex-direction: row; } } .IntegratedPayment_scheme span.block-order-details-view .block-content .box{ width: 100%; flex: 1 1 auto; padding-right: 0.375rem; } @media (min-width: 768px){ .IntegratedPayment_scheme span.block-order-details-view .block-content .box{ max-width: 50%; } } @media (min-width: 1024px){ .IntegratedPayment_scheme span.block-order-details-view .block-content .box{ max-width: 25%; flex-shrink: 0; flex-grow: 1; } } .IntegratedPayment_scheme span.block-order-details-view .block-content .box-title{ margin-bottom: 0.625rem; font-weight: 600; } .IntegratedPayment_scheme span.block-order-details-view .block-content .box-content{ overflow-wrap: break-word; padding-bottom: 1.25rem; } .IntegratedPayment_scheme span.block-order-details-view .block-content .box-content a{ --tw-text-opacity: 1; color: rgb(37 99 235 / var(--tw-text-opacity, 1)); } .IntegratedPayment_scheme span.block-order-details-view .block-content .box-content a:hover{ text-decoration-line: underline; } .IntegratedPayment_scheme span { background: 50% no-repeat; background-size: 100% auto; } .IntegratedPayment_scheme span::before{ display: block; height: 100%; width: 100%; opacity: 0; --tw-content: ''; content: var(--tw-content); } [data-content-type$='block'] .IntegratedPayment_scheme span p:last-child::before{ margin-bottom: 1rem; margin-top: 0px; } .IntegratedPayment_scheme span.block-order-details-view::before{ margin-bottom: 0.625rem; } .IntegratedPayment_scheme span.block-order-details-view .block-title::before{ margin-bottom: 1.5rem; } .IntegratedPayment_scheme span.block-order-details-view .block-content::before{ display: flex; flex-direction: column; flex-wrap: wrap; justify-content: flex-start; } @media (min-width: 768px){ .IntegratedPayment_scheme span.block-order-details-view .block-content::before{ flex-direction: row; } } .IntegratedPayment_scheme span.block-order-details-view .block-content .box::before{ width: 100%; flex: 1 1 auto; padding-right: 0.375rem; } @media (min-width: 768px){ .IntegratedPayment_scheme span.block-order-details-view .block-content .box::before{ max-width: 50%; } } @media (min-width: 1024px){ .IntegratedPayment_scheme span.block-order-details-view .block-content .box::before{ max-width: 25%; flex-shrink: 0; flex-grow: 1; } } .IntegratedPayment_scheme span.block-order-details-view .block-content .box-title::before{ margin-bottom: 0.625rem; font-weight: 600; } .IntegratedPayment_scheme span.block-order-details-view .block-content .box-content::before{ overflow-wrap: break-word; padding-bottom: 1.25rem; } .IntegratedPayment_scheme span.block-order-details-view .block-content .box-content a::before{ --tw-text-opacity: 1; color: rgb(37 99 235 / var(--tw-text-opacity, 1)); } .IntegratedPayment_scheme span.block-order-details-view .block-content .box-content a:hover::before{ text-decoration-line: underline; } .IntegratedPayment_scheme span::before { background: 50% no-repeat; background-size: 100% auto; } .IntegratedPayment_schemes{ display: flex; width: 115px; flex-wrap: wrap; align-items: center; justify-content: space-between; } .xt-scrollbar-overlay .IntegratedPayment .ipOverlay{ margin-right: var(--scrollbar-width); } .IntegratedPayment .ipOverlay{ position: fixed; left: 0px; top: 0px; z-index: 100; height: 100%; width: 100%; background-color: rgba(25, 25, 25, 0.5); } .IntegratedPayment .ipOverlay_inner{ position: absolute; left: 0px; top: 0px; height: 100%; width: 100%; } .IntegratedPayment .ipOverlay_content{ position: absolute; left: 50%; top: 50%; --tw-translate-x: -50%; --tw-translate-y: -50%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .xt-scrollbar-overlay .IntegratedPayment .ipOverlay_spinner{ margin-right: var(--scrollbar-width); } .IntegratedPayment .ipOverlay_spinner{ position: fixed; top: 50%; left: 50%; display: inline-block; height: 75px; width: 75px; border-radius: 9999px; border-width: 2px; border-style: solid; --tw-border-opacity: 1; border-top-color: rgb(255 255 255 / var(--tw-border-opacity, 1)); border-color: rgba(255, 255, 255, 0.05); animation: spin 1s infinite linear; } .payplugIntegratedPayment_schemes label{ display: table-cell; } .-hide{ display: none; } @keyframes spin { .IntegratedPayment .ipOverlay 0%{ --tw-rotate: 0deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .IntegratedPayment .ipOverlay 100%{ --tw-rotate: 360deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } } #payment-method-option-payplug_payments_standard label{ flex-direction: row-reverse; justify-content: flex-end; gap: 0.75rem; } #payment-method-option-payplug_payments_standard label > div{ margin: 0px; justify-content: center; } #payment-method-option-payplug_payments_standard label #payment-cards{ width: 6.6875rem; } .cart-form{ position: relative; z-index: 10; } .oney-checkout-error{ --tw-text-opacity: 1; color: rgb(178 178 178 / var(--tw-text-opacity, 1)); } .oney-checkout-error.active{ margin-bottom: 15px; } .oney-logo-checkout{ max-width: 150px; } [data-oney-container='payplug_payments_oney_without_fees'] .oney-logo-checkout{ max-width: 170px; } .oneyLogo { background: 50% no-repeat; background-size: 100%; } .oneyPayment{ max-height: 90px; overflow: hidden; } .oneyPayment-disabled{ max-height: none; } .oneyPayment-disabled .oneyPayment_trigger{ cursor: default; --tw-text-opacity: 1; color: rgb(178 178 178 / var(--tw-text-opacity, 1)); } .oneyPayment-disabled .oneyPayment_trigger::after{ content: var(--tw-content); display: none; } .oneyPayment-disabled .oneyPayment_trigger:hover { background: #fbfbfb; } .oneyPayment-open{ max-height: 10000vh; } .oneyPayment_trigger{ position: relative; display: flex; height: 88px; width: 100%; align-items: center; border-width: 0px; padding-left: 15px; padding-right: 15px; padding-top: 0px; padding-bottom: 0px; text-align: left; font-family: bold; font-size: 17px; letter-spacing: -1px; --tw-text-opacity: 1; color: rgb(51 51 51 / var(--tw-text-opacity, 1)); background: none; } .oneyPayment_trigger:hover { background: #f6f6f6; } .oneyPayment_label{ display: flex; flex-direction: column; line-height: 1.3em; } .oneyPayment_error{ font-size: 0.875rem; line-height: 1.25rem; font-weight: 400; font-style: italic; } .oneyPayment_logo{ margin-top: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 15px; display: block; height: 45px; width: 165px; max-width: 100%; } [data-content-type$='block'] .oneyPayment_logo p:last-child{ margin-bottom: 1rem; margin-top: 0px; } .oneyPayment_logo.block-order-details-view{ margin-bottom: 0.625rem; } .oneyPayment_logo.block-order-details-view .block-title{ margin-bottom: 1.5rem; } .oneyPayment_logo.block-order-details-view .block-content{ display: flex; flex-direction: column; flex-wrap: wrap; justify-content: flex-start; } @media (min-width: 768px){ .oneyPayment_logo.block-order-details-view .block-content{ flex-direction: row; } } .oneyPayment_logo.block-order-details-view .block-content .box{ width: 100%; flex: 1 1 auto; padding-right: 0.375rem; } @media (min-width: 768px){ .oneyPayment_logo.block-order-details-view .block-content .box{ max-width: 50%; } } @media (min-width: 1024px){ .oneyPayment_logo.block-order-details-view .block-content .box{ max-width: 25%; flex-shrink: 0; flex-grow: 1; } } .oneyPayment_logo.block-order-details-view .block-content .box-title{ margin-bottom: 0.625rem; font-weight: 600; } .oneyPayment_logo.block-order-details-view .block-content .box-content{ overflow-wrap: break-word; padding-bottom: 1.25rem; } .oneyPayment_logo.block-order-details-view .block-content .box-content a{ --tw-text-opacity: 1; color: rgb(37 99 235 / var(--tw-text-opacity, 1)); } .oneyPayment_logo.block-order-details-view .block-content .box-content a:hover{ text-decoration-line: underline; } .oneyPayment_logo { background-size: 110%; } .oneyPayment_cta{ margin-left: 0px; margin-right: 0px; margin-top: 0px; margin-bottom: 30px; display: flex; width: 100%; justify-content: center; } .oneyPayment_button{ height: 50px; width: 254px; border-width: 0px; font-size: 15px; --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); background: #81bc00; } .oneyPayment_button-disabled { background: #b2b2b2; } .oneyPayment-open .oneyPayment_trigger:hover { background: #fbfbfb; } .oneyPayment-open .oneyPayment_trigger:focus { outline: 0; } .oneyPayment-open .oneyPayment_trigger::after{ position: absolute; right: 7px; top: 50%; display: flex; height: 30px; width: 30px; align-items: center; justify-content: center; font-size: 25px; --tw-text-opacity: 1; color: rgb(119 119 119 / var(--tw-text-opacity, 1)); --tw-content: '\f054'; content: var(--tw-content); } .oneyOption{ position: relative; margin-left: 0.5rem; margin-right: 0.5rem; margin-top: 0px; margin-bottom: 30px; box-sizing: border-box; display: flex; cursor: pointer; flex-direction: column; align-items: center; border-width: 1px; border-style: solid; --tw-border-opacity: 1; border-color: rgb(220 224 232 / var(--tw-border-opacity, 1)); padding: 30px; width: calc(50% - 16px); } .oneyOption::after{ position: absolute; left: 0px; right: 0px; bottom: -0.875rem; display: block; height: 13px; opacity: 0; --tw-content: ''; content: var(--tw-content); } [data-content-type$='block'] .oneyOption p:last-child::after{ margin-bottom: 1rem; margin-top: 0px; } .oneyOption.block-order-details-view::after{ margin-bottom: 0.625rem; } .oneyOption.block-order-details-view .block-title::after{ margin-bottom: 1.5rem; } .oneyOption.block-order-details-view .block-content::after{ display: flex; flex-direction: column; flex-wrap: wrap; justify-content: flex-start; } @media (min-width: 768px){ .oneyOption.block-order-details-view .block-content::after{ flex-direction: row; } } .oneyOption.block-order-details-view .block-content .box::after{ width: 100%; flex: 1 1 auto; padding-right: 0.375rem; } @media (min-width: 768px){ .oneyOption.block-order-details-view .block-content .box::after{ max-width: 50%; } } @media (min-width: 1024px){ .oneyOption.block-order-details-view .block-content .box::after{ max-width: 25%; flex-shrink: 0; flex-grow: 1; } } .oneyOption.block-order-details-view .block-content .box-title::after{ margin-bottom: 0.625rem; font-weight: 600; } .oneyOption.block-order-details-view .block-content .box-content::after{ overflow-wrap: break-word; padding-bottom: 1.25rem; } .oneyOption.block-order-details-view .block-content .box-content a::after{ --tw-text-opacity: 1; color: rgb(37 99 235 / var(--tw-text-opacity, 1)); } .oneyOption.block-order-details-view .block-content .box-content a:hover::after{ text-decoration-line: underline; } .oneyOption:hover::after{ --tw-border-opacity: 1; border-color: rgb(129 188 0 / var(--tw-border-opacity, 1)); opacity: 1; } .oneyOption::after { background: #81bc00; box-shadow: 0px -5px 10px 5px #fff inset; } .oneyOption-selected:hover{ --tw-border-opacity: 1; border-color: rgb(129 188 0 / var(--tw-border-opacity, 1)); } .oneyOption-selected:hover::after{ content: var(--tw-content); opacity: 1; } .oneyOption-selected { background: rgba(129, 188, 0, 0.15); } .oneyOption_wrapper{ position: relative; display: flex; flex-wrap: wrap; justify-content: center; padding-left: 0.5rem; padding-right: 0.5rem; padding-top: 0px; padding-bottom: 0px; } .oneyOption_wrapper-loading{ justify-content: center; padding: 1rem; } .oneyOption_logo{ display: block; height: 35px; width: 135px; max-width: 100%; } [data-content-type$='block'] .oneyOption_logo p:last-child{ margin-bottom: 1rem; margin-top: 0px; } .oneyOption_logo.block-order-details-view{ margin-bottom: 0.625rem; } .oneyOption_logo.block-order-details-view .block-title{ margin-bottom: 1.5rem; } .oneyOption_logo.block-order-details-view .block-content{ display: flex; flex-direction: column; flex-wrap: wrap; justify-content: flex-start; } @media (min-width: 768px){ .oneyOption_logo.block-order-details-view .block-content{ flex-direction: row; } } .oneyOption_logo.block-order-details-view .block-content .box{ width: 100%; flex: 1 1 auto; padding-right: 0.375rem; } @media (min-width: 768px){ .oneyOption_logo.block-order-details-view .block-content .box{ max-width: 50%; } } @media (min-width: 1024px){ .oneyOption_logo.block-order-details-view .block-content .box{ max-width: 25%; flex-shrink: 0; flex-grow: 1; } } .oneyOption_logo.block-order-details-view .block-content .box-title{ margin-bottom: 0.625rem; font-weight: 600; } .oneyOption_logo.block-order-details-view .block-content .box-content{ overflow-wrap: break-word; padding-bottom: 1.25rem; } .oneyOption_logo.block-order-details-view .block-content .box-content a{ --tw-text-opacity: 1; color: rgb(37 99 235 / var(--tw-text-opacity, 1)); } .oneyOption_logo.block-order-details-view .block-content .box-content a:hover{ text-decoration-line: underline; } .oneyOption_title{ box-sizing: border-box; display: flex; height: 90px; flex-direction: column; align-items: center; justify-content: center; padding-left: 0px; padding-right: 0px; padding-top: 0px; padding-bottom: 35px; font-size: 13px; font-weight: 500; --tw-text-opacity: 1; color: rgb(47 41 48 / var(--tw-text-opacity, 1)); } .oneyOption_prices{ display: flex; height: 100%; width: 100%; flex-direction: column; justify-content: space-between; } .oneyOption_prices ul{ margin: 0px; display: flex; height: 100%; width: 100%; flex-direction: column; padding-left: 0px; font-size: 15px; font-weight: 600; --tw-text-opacity: 1; color: rgb(47 41 48 / var(--tw-text-opacity, 1)); } .oneyOption_prices ul li{ display: flex; flex-wrap: wrap; justify-content: space-between; border-bottom-width: 1px; border-style: solid; --tw-border-opacity: 1; border-bottom-color: rgb(220 224 232 / var(--tw-border-opacity, 1)); padding-left: 0px; padding-right: 0px; padding-top: 0px; padding-bottom: 1rem; line-height: 21px; } .oneyOption_prices ul li + li{ padding-left: 0px; padding-right: 0px; padding-top: 1rem; padding-bottom: 1rem; } .oneyOption_prices ul li:last-child{ margin-left: 0px; margin-right: 0px; margin-top: auto; margin-bottom: 0px; border-width: 0px; padding-left: 0px; padding-right: 0px; padding-top: 1rem; padding-bottom: 0px; } .oneyOption_prices ul li span{ display: flex; max-width: 50%; font-weight: 600; } .oneyOption_prices ul li span:first-child{ font-weight: 500; } .oneyOption_prices ul li small{ display: block; width: 100%; } [data-content-type$='block'] .oneyOption_prices ul li small p:last-child{ margin-bottom: 1rem; margin-top: 0px; } .oneyOption_prices ul li small.block-order-details-view{ margin-bottom: 0.625rem; } .oneyOption_prices ul li small.block-order-details-view .block-title{ margin-bottom: 1.5rem; } .oneyOption_prices ul li small.block-order-details-view .block-content{ display: flex; flex-direction: column; flex-wrap: wrap; justify-content: flex-start; } @media (min-width: 768px){ .oneyOption_prices ul li small.block-order-details-view .block-content{ flex-direction: row; } } .oneyOption_prices ul li small.block-order-details-view .block-content .box{ width: 100%; flex: 1 1 auto; padding-right: 0.375rem; } @media (min-width: 768px){ .oneyOption_prices ul li small.block-order-details-view .block-content .box{ max-width: 50%; } } @media (min-width: 1024px){ .oneyOption_prices ul li small.block-order-details-view .block-content .box{ max-width: 25%; flex-shrink: 0; flex-grow: 1; } } .oneyOption_prices ul li small.block-order-details-view .block-content .box-title{ margin-bottom: 0.625rem; font-weight: 600; } .oneyOption_prices ul li small.block-order-details-view .block-content .box-content{ overflow-wrap: break-word; padding-bottom: 1.25rem; } .oneyOption_prices ul li small.block-order-details-view .block-content .box-content a{ --tw-text-opacity: 1; color: rgb(37 99 235 / var(--tw-text-opacity, 1)); } .oneyOption_prices ul li small.block-order-details-view .block-content .box-content a:hover{ text-decoration-line: underline; } .oneyOption_legend{ margin-left: 0px; margin-right: 0px; margin-top: auto; margin-bottom: 0px; text-align: center; font-weight: 400; --tw-text-opacity: 1; color: rgb(47 41 48 / var(--tw-text-opacity, 1)); } .oneyOption_radio{ position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border-width: 0; } .oneyOption_wrapper-loading + .oneyPayment_cta{ display: none; } .oney-it[data-oney-container='payplug_payments_oney_without_fees'] .oneyOption_title{ height: 110px; } @media (max-width: 767px) { .oneyPayment-open{ margin-bottom: 15px; } .oneyPayment_trigger{ flex-direction: column; align-items: flex-start; justify-content: center; } .oneyPayment-disabled .oneyPayment_trigger{ height: auto; padding-left: 15px; padding-right: 15px; padding-top: 0.5rem; padding-bottom: 0.5rem; } .oneyPayment .more-info{ margin-top: 0.625rem; } .oneyOption{ position: static; margin: 0px; width: 100%; border-width: 0px; padding: 0px; } .oneyOption::after{ content: var(--tw-content); display: none; } .oneyOption { background: none; } .oneyOption-selected{ border-width: 0px; background: none; } .oneyOption-selected .oneyOption_title{ border-bottom-width: 5px; border-style: solid; --tw-border-opacity: 1; border-bottom-color: rgb(129 188 0 / var(--tw-border-opacity, 1)); } .oneyOption-selected .oneyOption_prices{ display: block; } [data-content-type$='block'] .oneyOption-selected .oneyOption_prices p:last-child{ margin-bottom: 1rem; margin-top: 0px; } .oneyOption-selected .oneyOption_prices.block-order-details-view{ margin-bottom: 0.625rem; } .oneyOption-selected .oneyOption_prices.block-order-details-view .block-title{ margin-bottom: 1.5rem; } .oneyOption-selected .oneyOption_prices.block-order-details-view .block-content{ display: flex; flex-direction: column; flex-wrap: wrap; justify-content: flex-start; } @media (min-width: 768px){ .oneyOption-selected .oneyOption_prices.block-order-details-view .block-content{ flex-direction: row; } } .oneyOption-selected .oneyOption_prices.block-order-details-view .block-content .box{ width: 100%; flex: 1 1 auto; padding-right: 0.375rem; } @media (min-width: 768px){ .oneyOption-selected .oneyOption_prices.block-order-details-view .block-content .box{ max-width: 50%; } } @media (min-width: 1024px){ .oneyOption-selected .oneyOption_prices.block-order-details-view .block-content .box{ max-width: 25%; flex-shrink: 0; flex-grow: 1; } } .oneyOption-selected .oneyOption_prices.block-order-details-view .block-content .box-title{ margin-bottom: 0.625rem; font-weight: 600; } .oneyOption-selected .oneyOption_prices.block-order-details-view .block-content .box-content{ overflow-wrap: break-word; padding-bottom: 1.25rem; } .oneyOption-selected .oneyOption_prices.block-order-details-view .block-content .box-content a{ --tw-text-opacity: 1; color: rgb(37 99 235 / var(--tw-text-opacity, 1)); } .oneyOption-selected .oneyOption_prices.block-order-details-view .block-content .box-content a:hover{ text-decoration-line: underline; } .oneyOption_wrapper{ position: relative; padding-left: 0px; padding-right: 0px; padding-top: 89px; padding-bottom: 0px; } .oneyOption_wrapper-loading{ padding: 1rem; } .oneyOption_logo{ height: 30px; width: 100px; } .oneyOption_prices{ box-sizing: border-box; display: none; height: auto; border-width: 1px; border-style: solid; --tw-border-opacity: 1; border-color: rgb(220 224 232 / var(--tw-border-opacity, 1)); padding-left: 1rem; padding-right: 1rem; padding-top: 30px; padding-bottom: 30px; } .oneyOption_prices ul li{ padding-left: 0px; padding-right: 0px; padding-top: 0.5rem; padding-bottom: 0.5rem; } .oneyOption_title{ position: absolute; left: 0px; top: 0px; width: 50%; border-width: 1px; border-bottom-width: 5px; border-style: solid; --tw-border-opacity: 1; border-color: rgb(220 224 232 / var(--tw-border-opacity, 1)); border-bottom-color: transparent; padding: 0px; background: transparent; } .oneyOption:nth-child(2) .oneyOption_title{ left: 50%; border-left-width: 0px; } [data-oney-container='payplug_payments_oney_without_fees'] .oneyOption_logo{ width: 150px; } .oney-it[data-oney-container='payplug_payments_oney_without_fees'] .oneyOption_wrapper{ padding-left: 0px; padding-right: 0px; padding-top: 109px; padding-bottom: 0px; } .oney-it[data-oney-container='payplug_payments_oney_without_fees'] .oneyLogo-3x, .oney-it[data-oney-container='payplug_payments_oney_without_fees'] .oneyLogo-4x{ height: 55px; } } @media (min-width: 1024px) { .onestep-checkout .oneyPayment-open{ margin-bottom: 15px; } .onestep-checkout .oneyPayment_trigger{ flex-direction: column; align-items: flex-start; justify-content: center; } .onestep-checkout .oneyPayment-disabled .oneyPayment_trigger{ height: auto; padding-left: 15px; padding-right: 15px; padding-top: 0.5rem; padding-bottom: 0.5rem; } .onestep-checkout .oneyPayment .more-info{ margin-top: 0.625rem; } .onestep-checkout .oneyOption{ position: static; margin: 0px; width: 100%; border-width: 0px; padding: 0px; background: none; } .onestep-checkout .oneyOption::after{ display: none; } .onestep-checkout .oneyOption-selected{ border-width: 0px; background: none; } .onestep-checkout .oneyOption-selected .oneyOption_title{ border-bottom-width: 5px; border-style: solid; --tw-border-opacity: 1; border-bottom-color: rgb(129 188 0 / var(--tw-border-opacity, 1)); } .onestep-checkout .oneyOption-selected .oneyOption_prices{ display: block; } [data-content-type$='block'] .onestep-checkout .oneyOption-selected .oneyOption_prices p:last-child{ margin-bottom: 1rem; margin-top: 0px; } .onestep-checkout .oneyOption-selected .oneyOption_prices.block-order-details-view{ margin-bottom: 0.625rem; } .onestep-checkout .oneyOption-selected .oneyOption_prices.block-order-details-view .block-title{ margin-bottom: 1.5rem; } .onestep-checkout .oneyOption-selected .oneyOption_prices.block-order-details-view .block-content{ display: flex; flex-direction: column; flex-wrap: wrap; justify-content: flex-start; } @media (min-width: 768px){ .onestep-checkout .oneyOption-selected .oneyOption_prices.block-order-details-view .block-content{ flex-direction: row; } } .onestep-checkout .oneyOption-selected .oneyOption_prices.block-order-details-view .block-content .box{ width: 100%; flex: 1 1 auto; padding-right: 0.375rem; } @media (min-width: 768px){ .onestep-checkout .oneyOption-selected .oneyOption_prices.block-order-details-view .block-content .box{ max-width: 50%; } } @media (min-width: 1024px){ .onestep-checkout .oneyOption-selected .oneyOption_prices.block-order-details-view .block-content .box{ max-width: 25%; flex-shrink: 0; flex-grow: 1; } } .onestep-checkout .oneyOption-selected .oneyOption_prices.block-order-details-view .block-content .box-title{ margin-bottom: 0.625rem; font-weight: 600; } .onestep-checkout .oneyOption-selected .oneyOption_prices.block-order-details-view .block-content .box-content{ overflow-wrap: break-word; padding-bottom: 1.25rem; } .onestep-checkout .oneyOption-selected .oneyOption_prices.block-order-details-view .block-content .box-content a{ --tw-text-opacity: 1; color: rgb(37 99 235 / var(--tw-text-opacity, 1)); } .onestep-checkout .oneyOption-selected .oneyOption_prices.block-order-details-view .block-content .box-content a:hover{ text-decoration-line: underline; } .onestep-checkout .oneyOption_wrapper{ position: relative; padding-left: 0px; padding-right: 0px; padding-top: 89px; padding-bottom: 0px; } .onestep-checkout .oneyOption_wrapper-loading{ padding: 1rem; } .onestep-checkout .oneyOption_logo{ height: 30px; width: 100px; } .onestep-checkout .oneyOption_prices{ box-sizing: border-box; display: none; height: auto; border-width: 1px; border-style: solid; --tw-border-opacity: 1; border-color: rgb(220 224 232 / var(--tw-border-opacity, 1)); padding-left: 1rem; padding-right: 1rem; padding-top: 30px; padding-bottom: 30px; } .onestep-checkout .oneyOption_prices ul li{ padding-left: 0px; padding-right: 0px; padding-top: 0.5rem; padding-bottom: 0.5rem; } .onestep-checkout .oneyOption_title{ position: absolute; left: 0px; top: 0px; width: 50%; border-width: 1px; border-bottom-width: 5px; border-style: solid; --tw-border-opacity: 1; border-color: rgb(220 224 232 / var(--tw-border-opacity, 1)); border-bottom-color: transparent; padding: 0px; background: transparent; } .onestep-checkout .oneyOption:nth-child(2) .oneyOption_title{ left: 50%; border-left-color: none; } .onestep-checkout [data-oney-container='payplug_payments_oney_without_fees'] .oneyOption_logo{ width: 150px; } .onestep-checkout .oney-it[data-oney-container='payplug_payments_oney_without_fees'] .oneyOption_wrapper{ padding-left: 0px; padding-right: 0px; padding-top: 109px; padding-bottom: 0px; } .onestep-checkout .oney-it[data-oney-container='payplug_payments_oney_without_fees'] .oneyLogo-3x, .onestep-checkout .oney-it[data-oney-container='payplug_payments_oney_without_fees'] .oneyLogo-4x{ height: 55px; } } /* global styles for paypal checkout */ #hyva-checkout-container [id*="paypal-messages"]{ display: inline-block; border-radius: 0.5rem; border-width: 1px; --tw-border-opacity: 1; border-color: rgb(229 231 235 / var(--tw-border-opacity, 1)); padding: 1rem; text-align: center; } #hyva-checkout-container [id*='payment-method-view'] > [id*='paypal-button-']{ padding-top: 1rem; padding-bottom: 1rem; } /* styles for paypal cards */ .pp-stored-cards .pp-card-view{ cursor: pointer; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter; transition-timing-function: cubic-bezier(.23,1,.32,1); transition-duration: 500ms; } .pp-stored-cards .pp-card-view:hover{ --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .pp-stored-cards .pp-card-view:active{ opacity: 0.7; } .pp-stored-cards input[type='radio']{ display: none; cursor: pointer; } .pp-stored-cards input[type='radio']:checked + .pp-card-view{ cursor: default; --tw-shadow: 0 0 0 4px #a1a1a1; --tw-shadow-colored: 0 0 0 4px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .focus\:btn:focus{ position: relative; display: inline-flex; align-items: center; justify-content: center; --tw-bg-opacity: 1; background-color: rgb(107 114 128 / var(--tw-bg-opacity, 1)); padding-left: 1rem; padding-right: 1rem; padding-top: 0.75rem; padding-bottom: 0.75rem; text-align: center; font-size: 13px; font-weight: 600; letter-spacing: 0.08em; --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter; transition-timing-function: cubic-bezier(.23,1,.32,1); transition-duration: 500ms; } .focus\:btn:focus svg{ display: inline-flex; } .focus\:btn:focus span { vertical-align: middle; } .focus\:btn:focus:hover{ --tw-bg-opacity: 1; background-color: rgb(75 85 99 / var(--tw-bg-opacity, 1)); } .focus\:btn-secondary:focus{ border-width: 1px; --tw-border-opacity: 1; border-color: rgb(224 209 209 / var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); font-weight: 600; text-transform: uppercase; letter-spacing: 0.05em; --tw-text-opacity: 1; color: rgb(0 0 0 / var(--tw-text-opacity, 1)); } .focus\:btn-secondary:focus:hover{ --tw-border-opacity: 1; border-color: rgb(0 0 0 / var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); } @media (min-width: 768px){ .md\:container{ width: 100%; margin-right: auto; margin-left: auto; padding-right: 1rem; padding-left: 1rem; } @media (min-width: 375px){ .md\:container{ max-width: 375px; } } @media (min-width: 480px){ .md\:container{ max-width: 480px; } } @media (min-width: 640px){ .md\:container{ max-width: 640px; padding-right: 1rem; padding-left: 1rem; } } @media (min-width: 768px){ .md\:container{ max-width: 768px; padding-right: 1.5rem; padding-left: 1.5rem; } } @media (min-width: 1024px){ .md\:container{ max-width: 1024px; padding-right: 2rem; padding-left: 2rem; } } @media (min-width: 1280px){ .md\:container{ max-width: 1280px; padding-right: 3rem; padding-left: 3rem; } } @media (min-width: 1400px){ .md\:container{ max-width: 1400px; } } @media (min-width: 1540px){ .md\:container{ max-width: 1540px; } } .md\:container{ max-width: 1600px !important; } } @media (max-width: 767px){ .max-md\:container{ width: 100%; margin-right: auto; margin-left: auto; padding-right: 1rem; padding-left: 1rem; } @media (min-width: 375px){ .max-md\:container{ max-width: 375px; } } @media (min-width: 480px){ .max-md\:container{ max-width: 480px; } } @media (min-width: 640px){ .max-md\:container{ max-width: 640px; padding-right: 1rem; padding-left: 1rem; } } @media (min-width: 768px){ .max-md\:container{ max-width: 768px; padding-right: 1.5rem; padding-left: 1.5rem; } } @media (min-width: 1024px){ .max-md\:container{ max-width: 1024px; padding-right: 2rem; padding-left: 2rem; } } @media (min-width: 1280px){ .max-md\:container{ max-width: 1280px; padding-right: 3rem; padding-left: 3rem; } } @media (min-width: 1400px){ .max-md\:container{ max-width: 1400px; } } @media (min-width: 1540px){ .max-md\:container{ max-width: 1540px; } } .max-md\:container{ max-width: 1600px !important; } .max-md\:xt-overflow-sub{ -webkit-overflow-scrolling: touch; scrollbar-width: thin; scrollbar-color: #d1d5db transparent; } .max-md\:xt-container-remove{ margin-left: -1rem; margin-right: -1rem; } @media (min-width: 640px){ .max-md\:xt-container-remove{ margin-left: -1rem; margin-right: -1rem; } } @media (min-width: 768px){ .max-md\:xt-container-remove{ margin-left: -1.5rem; margin-right: -1.5rem; } } @media (min-width: 1024px){ .max-md\:xt-container-remove{ margin-left: -2rem; margin-right: -2rem; } } @media (min-width: 1280px){ .max-md\:xt-container-remove{ margin-left: -3rem; margin-right: -3rem; } } } @media (min-width: 1024px){ .lg\:xt-row-8{ margin-top: -2rem; margin-left: -2rem; } .lg\:xt-row-8 > *{ padding-top: 2rem; padding-left: 2rem; } } @media (max-width: 1023px){ .max-lg\:xt-container-remove{ margin-left: -1rem; margin-right: -1rem; } @media (min-width: 640px){ .max-lg\:xt-container-remove{ margin-left: -1rem; margin-right: -1rem; } } @media (min-width: 768px){ .max-lg\:xt-container-remove{ margin-left: -1.5rem; margin-right: -1.5rem; } } @media (min-width: 1024px){ .max-lg\:xt-container-remove{ margin-left: -2rem; margin-right: -2rem; } } @media (min-width: 1280px){ .max-lg\:xt-container-remove{ margin-left: -3rem; margin-right: -3rem; } } } .placeholder\:text-black::placeholder{ --tw-text-opacity: 1; color: rgb(0 0 0 / var(--tw-text-opacity, 1)); } .before\:h-3::before{ content: var(--tw-content); height: 0.75rem; } .before\:w-3::before{ content: var(--tw-content); width: 0.75rem; } .before\:shrink-0::before{ content: var(--tw-content); flex-shrink: 0; } .before\:rounded-full::before{ content: var(--tw-content); border-radius: 9999px; } .before\:bg-green-500::before{ content: var(--tw-content); --tw-bg-opacity: 1; background-color: rgb(16 185 129 / var(--tw-bg-opacity, 1)); } .before\:bg-red-500::before{ content: var(--tw-content); --tw-bg-opacity: 1; background-color: rgb(239 68 68 / var(--tw-bg-opacity, 1)); } .after\:absolute::after{ content: var(--tw-content); position: absolute; } .after\:inset-x-0::after{ content: var(--tw-content); left: 0px; right: 0px; } .after\:-right-0\.5::after{ content: var(--tw-content); right: -0.125rem; } .after\:bottom-0::after{ content: var(--tw-content); bottom: 0px; } .after\:left-1\/2::after{ content: var(--tw-content); left: 50%; } .after\:hidden::after{ content: var(--tw-content); display: none; } .after\:h-1::after{ content: var(--tw-content); height: 0.25rem; } .after\:h-6::after{ content: var(--tw-content); height: 1.5rem; } .after\:w-1::after{ content: var(--tw-content); width: 0.25rem; } .after\:w-6::after{ content: var(--tw-content); width: 1.5rem; } .after\:-translate-x-1\/2::after{ content: var(--tw-content); --tw-translate-x: -50%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .after\:-translate-y-8::after{ content: var(--tw-content); --tw-translate-y: -2rem; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .after\:translate-x-2\/4::after{ content: var(--tw-content); --tw-translate-x: 50%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .after\:translate-y-1\/2::after{ content: var(--tw-content); --tw-translate-y: 50%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .after\:translate-y-8::after{ content: var(--tw-content); --tw-translate-y: 2rem; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .after\:rotate-45::after{ content: var(--tw-content); --tw-rotate: 45deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .after\:transform::after{ content: var(--tw-content); transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .after\:border-2::after{ content: var(--tw-content); border-width: 2px; } .after\:border-b::after{ content: var(--tw-content); border-bottom-width: 1px; } .after\:border-b-0::after{ content: var(--tw-content); border-bottom-width: 0px; } .after\:border-l-0::after{ content: var(--tw-content); border-left-width: 0px; } .after\:border-solid::after{ content: var(--tw-content); border-style: solid; } .after\:border-gray-400::after{ content: var(--tw-content); --tw-border-opacity: 1; border-color: rgb(156 163 175 / var(--tw-border-opacity, 1)); } .after\:border-oney::after{ content: var(--tw-content); --tw-border-opacity: 1; border-color: rgb(129 188 0 / var(--tw-border-opacity, 1)); } .after\:border-transparent::after{ content: var(--tw-content); border-color: transparent; } .after\:bg-primary::after{ content: var(--tw-content); --tw-bg-opacity: 1; background-color: rgb(139 1 1 / var(--tw-bg-opacity, 1)); } .after\:bg-white::after{ content: var(--tw-content); --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); } .after\:content-\[\'\'\]::after{ --tw-content: ''; content: var(--tw-content); } .first\:ml-auto:first-child{ margin-left: auto; } .first\:mt-0:first-child{ margin-top: 0px; } .last\:mb-0:last-child{ margin-bottom: 0px; } .last\:mb-6:last-child{ margin-bottom: 1.5rem; } .last\:mr-0:last-child{ margin-right: 0px; } .last\:mr-auto:last-child{ margin-right: auto; } .last\:border-0:last-child{ border-width: 0px; } .last\:border-b:last-child{ border-bottom-width: 1px; } .last\:border-b-0:last-child{ border-bottom-width: 0px; } .last\:pb-0:last-child{ padding-bottom: 0px; } .even\:bg-container:nth-child(even){ --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); } .even\:bg-container-darker:nth-child(even){ --tw-bg-opacity: 1; background-color: rgb(245 245 245 / var(--tw-bg-opacity, 1)); } .invalid\:ring-2:invalid{ --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); } .invalid\:ring-red-500:invalid{ --tw-ring-opacity: 1; --tw-ring-color: rgb(239 68 68 / var(--tw-ring-opacity, 1)); } .focus-within\:ring-1:focus-within{ --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); } .focus-within\:ring-2:focus-within{ --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); } .focus-within\:ring-4:focus-within{ --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); } .hover\:scale-110:hover{ --tw-scale-x: 1.1; --tw-scale-y: 1.1; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .hover\:cursor-not-allowed:hover{ cursor: not-allowed; } .hover\:cursor-pointer:hover{ cursor: pointer; } .hover\:border-b-2:hover{ border-bottom-width: 2px; } .hover\:\!border-am_blue:hover{ --tw-border-opacity: 1 !important; border-color: rgb(30 121 194 / var(--tw-border-opacity, 1)) !important; } .hover\:border-black:hover{ --tw-border-opacity: 1; border-color: rgb(0 0 0 / var(--tw-border-opacity, 1)); } .hover\:border-primary:hover{ --tw-border-opacity: 1; border-color: rgb(139 1 1 / var(--tw-border-opacity, 1)); } .hover\:border-b-primary-darker:hover{ --tw-border-opacity: 1; border-bottom-color: rgb(0 0 0 / var(--tw-border-opacity, 1)); } .hover\:\!bg-am_blue:hover{ --tw-bg-opacity: 1 !important; background-color: rgb(30 121 194 / var(--tw-bg-opacity, 1)) !important; } .hover\:bg-\[\#222\]:hover{ --tw-bg-opacity: 1; background-color: rgb(34 34 34 / var(--tw-bg-opacity, 1)); } .hover\:bg-\[\#2563eb\]:hover{ --tw-bg-opacity: 1; background-color: rgb(37 99 235 / var(--tw-bg-opacity, 1)); } .hover\:bg-\[\#4db2ec\]:hover{ --tw-bg-opacity: 1; background-color: rgb(77 178 236 / var(--tw-bg-opacity, 1)); } .hover\:bg-black:hover{ --tw-bg-opacity: 1; background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1)); } .hover\:bg-blue-100:hover{ --tw-bg-opacity: 1; background-color: rgb(219 234 254 / var(--tw-bg-opacity, 1)); } .hover\:bg-blue-400:hover{ --tw-bg-opacity: 1; background-color: rgb(96 165 250 / var(--tw-bg-opacity, 1)); } .hover\:bg-container-darker:hover{ --tw-bg-opacity: 1; background-color: rgb(245 245 245 / var(--tw-bg-opacity, 1)); } .hover\:bg-gray-100:hover{ --tw-bg-opacity: 1; background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1)); } .hover\:bg-gray-200:hover{ --tw-bg-opacity: 1; background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1)); } .hover\:bg-gray-900:hover{ --tw-bg-opacity: 1; background-color: rgb(17 24 39 / var(--tw-bg-opacity, 1)); } .hover\:bg-green-500:hover{ --tw-bg-opacity: 1; background-color: rgb(16 185 129 / var(--tw-bg-opacity, 1)); } .hover\:bg-green-600:hover{ --tw-bg-opacity: 1; background-color: rgb(5 150 105 / var(--tw-bg-opacity, 1)); } .hover\:bg-primary:hover{ --tw-bg-opacity: 1; background-color: rgb(139 1 1 / var(--tw-bg-opacity, 1)); } .hover\:bg-primary\/10:hover{ background-color: rgb(139 1 1 / 0.1); } .hover\:bg-secondary:hover{ --tw-bg-opacity: 1; background-color: rgb(245 223 165 / var(--tw-bg-opacity, 1)); } .hover\:\!text-white:hover{ --tw-text-opacity: 1 !important; color: rgb(255 255 255 / var(--tw-text-opacity, 1)) !important; } .hover\:text-amslate-800:hover{ --tw-text-opacity: 1; color: rgb(30 41 59 / var(--tw-text-opacity, 1)); } .hover\:text-black:hover{ --tw-text-opacity: 1; color: rgb(0 0 0 / var(--tw-text-opacity, 1)); } .hover\:text-blue-600:hover{ --tw-text-opacity: 1; color: rgb(37 99 235 / var(--tw-text-opacity, 1)); } .hover\:text-gray-400:hover{ --tw-text-opacity: 1; color: rgb(156 163 175 / var(--tw-text-opacity, 1)); } .hover\:text-gray-500:hover{ --tw-text-opacity: 1; color: rgb(107 114 128 / var(--tw-text-opacity, 1)); } .hover\:text-gray-600:hover{ --tw-text-opacity: 1; color: rgb(75 85 99 / var(--tw-text-opacity, 1)); } .hover\:text-green-700:hover{ --tw-text-opacity: 1; color: rgb(4 120 87 / var(--tw-text-opacity, 1)); } .hover\:text-primary:hover{ --tw-text-opacity: 1; color: rgb(139 1 1 / var(--tw-text-opacity, 1)); } .hover\:text-primary-darker:hover{ --tw-text-opacity: 1; color: rgb(17 24 39 / var(--tw-text-opacity, 1)); } .hover\:text-red:hover{ --tw-text-opacity: 1; color: rgb(239 68 68 / var(--tw-text-opacity, 1)); } .hover\:text-red-600:hover{ --tw-text-opacity: 1; color: rgb(220 38 38 / var(--tw-text-opacity, 1)); } .hover\:text-secondary-darker:hover{ --tw-text-opacity: 1; color: rgb(0 0 0 / var(--tw-text-opacity, 1)); } .hover\:text-white:hover{ --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); } .hover\:text-yellow-500:hover{ --tw-text-opacity: 1; color: rgb(245 158 11 / var(--tw-text-opacity, 1)); } .hover\:underline:hover{ text-decoration-line: underline; } .hover\:no-underline:hover{ text-decoration-line: none; } .hover\:opacity-100:hover{ opacity: 1; } .hover\:opacity-80:hover{ opacity: 0.8; } .hover\:shadow-sm:hover{ --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05); --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .hover\:ring-\[2px\]:hover{ --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); } .hover\:ring-black:hover{ --tw-ring-opacity: 1; --tw-ring-color: rgb(0 0 0 / var(--tw-ring-opacity, 1)); } .focus\:not-sr-only:focus{ position: static; width: auto; height: auto; padding: 0; margin: 0; overflow: visible; clip: auto; white-space: normal; } .focus\:absolute:focus{ position: absolute; } .focus\:z-10:focus{ z-index: 10; } .focus\:z-30:focus{ z-index: 30; } .focus\:z-40:focus{ z-index: 40; } .focus\:border-0:focus{ border-width: 0px; } .focus\:border-none:focus{ border-style: none; } .focus\:border-blue-300:focus{ --tw-border-opacity: 1; border-color: rgb(147 197 253 / var(--tw-border-opacity, 1)); } .focus\:border-primary:focus{ --tw-border-opacity: 1; border-color: rgb(139 1 1 / var(--tw-border-opacity, 1)); } .focus\:border-primary-lighter:focus{ --tw-border-opacity: 1; border-color: rgb(37 99 235 / var(--tw-border-opacity, 1)); } .focus\:border-red-500:focus{ --tw-border-opacity: 1; border-color: rgb(239 68 68 / var(--tw-border-opacity, 1)); } .focus\:border-transparent:focus{ border-color: transparent; } .focus\:bg-gray-100:focus{ --tw-bg-opacity: 1; background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1)); } .focus\:bg-white:focus{ --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); } .focus\:text-gray-600:focus{ --tw-text-opacity: 1; color: rgb(75 85 99 / var(--tw-text-opacity, 1)); } .focus\:opacity-80:focus{ opacity: 0.8; } .focus\:outline-none:focus{ outline: 2px solid transparent; outline-offset: 2px; } .focus\:outline:focus{ outline-style: solid; } .focus\:outline-2:focus{ outline-width: 2px; } .focus\:outline-blue-500:focus{ outline-color: #3b82f6; } .focus\:ring-0:focus{ --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); } .focus\:ring-red-500:focus{ --tw-ring-opacity: 1; --tw-ring-color: rgb(239 68 68 / var(--tw-ring-opacity, 1)); } .focus\:ring-transparent:focus{ --tw-ring-color: transparent; } .active\:bg-gray-100:active{ --tw-bg-opacity: 1; background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1)); } .active\:text-gray-500:active{ --tw-text-opacity: 1; color: rgb(107 114 128 / var(--tw-text-opacity, 1)); } .active\:text-gray-700:active{ --tw-text-opacity: 1; color: rgb(55 65 81 / var(--tw-text-opacity, 1)); } .active\:ring-0:active{ --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); } .disabled\:pointer-events-none:disabled{ pointer-events: none; } .disabled\:cursor-not-allowed:disabled{ cursor: not-allowed; } .disabled\:bg-gray-100:disabled{ --tw-bg-opacity: 1; background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1)); } .disabled\:opacity-10:disabled{ opacity: 0.1; } .disabled\:opacity-25:disabled{ opacity: 0.25; } .disabled\:opacity-60:disabled{ opacity: 0.6; } .disabled\:opacity-75:disabled{ opacity: 0.75; } .group:hover .group-hover\:scale-105{ --tw-scale-x: 1.05; --tw-scale-y: 1.05; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .group:hover .group-hover\:scale-110{ --tw-scale-x: 1.1; --tw-scale-y: 1.1; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .group:hover .group-hover\:bg-gray-300{ --tw-bg-opacity: 1; background-color: rgb(209 213 219 / var(--tw-bg-opacity, 1)); } .group:hover .group-hover\:text-gray-600{ --tw-text-opacity: 1; color: rgb(75 85 99 / var(--tw-text-opacity, 1)); } .group:hover .group-hover\:ring-\[2px\]{ --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); } .group:hover .group-hover\:ring-black{ --tw-ring-opacity: 1; --tw-ring-color: rgb(0 0 0 / var(--tw-ring-opacity, 1)); } .peer:checked ~ .peer-checked\:z-2{ z-index: 2; } .peer:checked ~ .peer-checked\:border-secondary-darker{ --tw-border-opacity: 1; border-color: rgb(189 143 143 / var(--tw-border-opacity, 1)); } .aria-expanded\:border-black[aria-expanded="true"]{ --tw-border-opacity: 1; border-color: rgb(0 0 0 / var(--tw-border-opacity, 1)); } .aria-expanded\:font-semibold[aria-expanded="true"]{ font-weight: 600; } .aria-expanded\:text-black[aria-expanded="true"]{ --tw-text-opacity: 1; color: rgb(0 0 0 / var(--tw-text-opacity, 1)); } .aria-expanded\:text-primary[aria-expanded="true"]{ --tw-text-opacity: 1; color: rgb(139 1 1 / var(--tw-text-opacity, 1)); } .aria-expanded\:after\:border-inherit[aria-expanded="true"]::after{ content: var(--tw-content); border-color: inherit; } .aria-\[current\=page\]\:border-b-2[aria-current="page"]{ border-bottom-width: 2px; } .aria-\[current\=page\]\:border-b-primary-darker[aria-current="page"]{ --tw-border-opacity: 1; border-bottom-color: rgb(0 0 0 / var(--tw-border-opacity, 1)); } .aria-\[current\=page\]\:underline[aria-current="page"]{ text-decoration-line: underline; } .data-\[active\]\:border-primary[data-active]{ --tw-border-opacity: 1; border-color: rgb(139 1 1 / var(--tw-border-opacity, 1)); } .data-\[has-current\]\:text-primary[data-has-current]{ --tw-text-opacity: 1; color: rgb(139 1 1 / var(--tw-text-opacity, 1)); } .on\:translate-y-0.on{ --tw-translate-y: 0px; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .on\:border-black.on{ --tw-border-opacity: 1; border-color: rgb(0 0 0 / var(--tw-border-opacity, 1)); } .on\:opacity-100.on{ opacity: 1; } @media (hover: hover), not (pointer: coarse){ .hover-hover\:grayscale{ --tw-grayscale: grayscale(100%); filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); } .hover-hover\:hover\:grayscale-0:hover{ --tw-grayscale: grayscale(0); filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); } } .prose-headings\:first\:mt-0:first-child :where(h1, h2, h3, h4, h5, h6, th):not(:where([class~="not-prose"],[class~="not-prose"] *)){ margin-top: 0px; } .prose-h2\:text-lg :where(h2):not(:where([class~="not-prose"],[class~="not-prose"] *)){ font-size: 1.125rem; line-height: 1.75rem; } .prose-h2\:font-medium :where(h2):not(:where([class~="not-prose"],[class~="not-prose"] *)){ font-weight: 500; } .prose-h3\:text-base :where(h3):not(:where([class~="not-prose"],[class~="not-prose"] *)){ font-size: 1rem; line-height: 1.5rem; } .prose-h3\:font-medium :where(h3):not(:where([class~="not-prose"],[class~="not-prose"] *)){ font-weight: 500; } .prose-h4\:text-base :where(h4):not(:where([class~="not-prose"],[class~="not-prose"] *)){ font-size: 1rem; line-height: 1.5rem; } .prose-h4\:font-medium :where(h4):not(:where([class~="not-prose"],[class~="not-prose"] *)){ font-weight: 500; } @media (min-width: 375px){ .\32xs\:w-1\/2{ width: 50%; } .\32xs\:grid-cols-2{ grid-template-columns: repeat(2, minmax(0, 1fr)); } .\32xs\:pr-8{ padding-right: 2rem; } } @media (min-width: 480px){ .xs\:w-1\/3{ width: 33.333333%; } .xs\:grid-cols-3{ grid-template-columns: repeat(3, minmax(0, 1fr)); } .xs\:flex-row{ flex-direction: row; } .xs\:pr-20{ padding-right: 5rem; } .xs\:pr-48{ padding-right: 12rem; } } @media (min-width: 640px){ .sm\:left-10{ left: 2.5rem; } .sm\:right-4{ right: 1rem; } .sm\:order-1{ order: 1; } .sm\:order-2{ order: 2; } .sm\:order-3{ order: 3; } .sm\:col-span-2{ grid-column: span 2 / span 2; } .sm\:col-span-6{ grid-column: span 6 / span 6; } .sm\:-mx-8{ margin-left: -2rem; margin-right: -2rem; } .sm\:mb-0{ margin-bottom: 0px; } .sm\:ml-2{ margin-left: 0.5rem; } .sm\:ml-3{ margin-left: 0.75rem; } .sm\:ml-6{ margin-left: 1.5rem; } .sm\:mr-8{ margin-right: 2rem; } .sm\:mt-0{ margin-top: 0px; } .sm\:block{ display: block; } .sm\:flex{ display: flex; } .sm\:w-1\/2{ width: 50%; } .sm\:w-1\/3{ width: 33.333333%; } .sm\:w-1\/4{ width: 25%; } .sm\:w-20{ width: 5rem; } .sm\:w-48{ width: 12rem; } .sm\:w-5\/6{ width: 83.333333%; } .sm\:w-96{ width: 24rem; } .sm\:w-\[400px\]{ width: 400px; } .sm\:w-auto{ width: auto; } .sm\:max-w-\[400px\]{ max-width: 400px; } .sm\:table-fixed{ table-layout: fixed; } .sm\:translate-x-0{ --tw-translate-x: 0px; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .sm\:translate-x-full{ --tw-translate-x: 100%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .sm\:translate-y-0{ --tw-translate-y: 0px; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .sm\:grid-cols-2{ grid-template-columns: repeat(2, minmax(0, 1fr)); } .sm\:grid-cols-3{ grid-template-columns: repeat(3, minmax(0, 1fr)); } .sm\:grid-cols-8{ grid-template-columns: repeat(8, minmax(0, 1fr)); } .sm\:flex-row{ flex-direction: row; } .sm\:flex-nowrap{ flex-wrap: nowrap; } .sm\:items-start{ align-items: flex-start; } .sm\:justify-end{ justify-content: flex-end; } .sm\:gap-8{ gap: 2rem; } .sm\:overflow-hidden{ overflow: hidden; } .sm\:px-3{ padding-left: 0.75rem; padding-right: 0.75rem; } .sm\:px-6{ padding-left: 1.5rem; padding-right: 1.5rem; } .sm\:py-1{ padding-top: 0.25rem; padding-bottom: 0.25rem; } .sm\:py-24{ padding-top: 6rem; padding-bottom: 6rem; } .sm\:pb-0{ padding-bottom: 0px; } .sm\:text-right{ text-align: right; } .sm\:text-2xl{ font-size: 1.5rem; line-height: 2rem; } .sm\:text-3xl{ font-size: 1.875rem; line-height: 2.25rem; } .sm\:text-4xl{ font-size: 2.25rem; line-height: 2.5rem; } .sm\:text-5xl{ font-size: 3rem; line-height: 1; } .sm\:duration-700{ transition-duration: 700ms; } } @media (min-width: 768px){ .md\:-top-2{ top: -0.5rem; } .md\:left-0{ left: 0px; } .md\:right-5{ right: 1.25rem; } .md\:order-3{ order: 3; } .md\:order-none{ order: 0; } .md\:col-span-1{ grid-column: span 1 / span 1; } .md\:col-span-12{ grid-column: span 12 / span 12; } .md\:col-span-3{ grid-column: span 3 / span 3; } .md\:col-span-4{ grid-column: span 4 / span 4; } .md\:col-span-6{ grid-column: span 6 / span 6; } .md\:col-span-9{ grid-column: span 9 / span 9; } .md\:col-start-1{ grid-column-start: 1; } .md\:col-start-5{ grid-column-start: 5; } .md\:row-span-2{ grid-row: span 2 / span 2; } .md\:row-start-1{ grid-row-start: 1; } .md\:-mx-4{ margin-left: -1rem; margin-right: -1rem; } .md\:mx-0{ margin-left: 0px; margin-right: 0px; } .md\:mx-4{ margin-left: 1rem; margin-right: 1rem; } .md\:mx-auto{ margin-left: auto; margin-right: auto; } .md\:my-0{ margin-top: 0px; margin-bottom: 0px; } .md\:my-12{ margin-top: 3rem; margin-bottom: 3rem; } .md\:-mr-1{ margin-right: -0.25rem; } .md\:mb-0{ margin-bottom: 0px; } .md\:mb-2\.5{ margin-bottom: 0.625rem; } .md\:mb-3{ margin-bottom: 0.75rem; } .md\:mb-5{ margin-bottom: 1.25rem; } .md\:ml-0{ margin-left: 0px; } .md\:mr-0{ margin-right: 0px; } .md\:mr-5{ margin-right: 1.25rem; } .md\:mt-0{ margin-top: 0px; } .md\:mt-10{ margin-top: 2.5rem; } .md\:mt-4{ margin-top: 1rem; } .md\:mt-5{ margin-top: 1.25rem; } .md\:block{ display: block; } .md\:inline-block{ display: inline-block; } .md\:flex{ display: flex; } .md\:grid{ display: grid; } .md\:hidden{ display: none; } .md\:h-24{ height: 6rem; } .md\:h-44{ height: 11rem; } .md\:h-6{ height: 1.5rem; } .md\:h-\[60vh\]{ height: 60vh; } .md\:h-\[80vh\]{ height: 80vh; } .md\:h-auto{ height: auto; } .md\:h-screen{ height: 100vh; } .md\:max-h-\[675px\]{ max-height: 675px; } .md\:max-h-\[800px\]{ max-height: 800px; } .md\:w-1\/2{ width: 50%; } .md\:w-1\/3{ width: 33.333333%; } .md\:w-1\/4{ width: 25%; } .md\:w-11\/12{ width: 91.666667%; } .md\:w-2\/3{ width: 66.666667%; } .md\:w-2\/4{ width: 50%; } .md\:w-2\/6{ width: 33.333333%; } .md\:w-24{ width: 6rem; } .md\:w-3\/4{ width: 75%; } .md\:w-6{ width: 1.5rem; } .md\:w-6\/12{ width: 50%; } .md\:w-72{ width: 18rem; } .md\:w-\[50vw\]{ width: 50vw; } .md\:w-auto{ width: auto; } .md\:w-full{ width: 100%; } .md\:min-w-20{ min-width: 5rem; } .md\:min-w-\[400px\]{ min-width: 400px; } .md\:max-w-\[500px\]{ max-width: 500px; } .md\:max-w-sm{ max-width: 24rem; } .md\:max-w-xs{ max-width: 20rem; } .md\:flex-1{ flex: 1 1 0%; } .md\:shrink-0{ flex-shrink: 0; } .md\:-translate-x-1\/3{ --tw-translate-x: -33.333333%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .md\:grid-cols-2{ grid-template-columns: repeat(2, minmax(0, 1fr)); } .md\:grid-cols-3{ grid-template-columns: repeat(3, minmax(0, 1fr)); } .md\:grid-cols-4{ grid-template-columns: repeat(4, minmax(0, 1fr)); } .md\:grid-cols-\[42\%_minmax\(0\2c _1fr\)\]{ grid-template-columns: 42% minmax(0, 1fr); } .md\:grid-rows-\[min-content_minmax\(0\2c _1fr\)\]{ grid-template-rows: min-content minmax(0, 1fr); } .md\:flex-row{ flex-direction: row; } .md\:flex-row-reverse{ flex-direction: row-reverse; } .md\:flex-col{ flex-direction: column; } .md\:flex-col-reverse{ flex-direction: column-reverse; } .md\:flex-wrap{ flex-wrap: wrap; } .md\:items-start{ align-items: flex-start; } .md\:items-center{ align-items: center; } .md\:justify-start{ justify-content: flex-start; } .md\:justify-center{ justify-content: center; } .md\:justify-between{ justify-content: space-between; } .md\:gap-0{ gap: 0px; } .md\:gap-1{ gap: 0.25rem; } .md\:gap-20{ gap: 5rem; } .md\:gap-4{ gap: 1rem; } .md\:gap-5{ gap: 1.25rem; } .md\:gap-x-0{ column-gap: 0px; } .md\:gap-x-2{ column-gap: 0.5rem; } .md\:gap-x-5{ column-gap: 1.25rem; } .md\:gap-x-6{ column-gap: 1.5rem; } .md\:gap-y-0{ row-gap: 0px; } .md\:space-x-4 > :not([hidden]) ~ :not([hidden]){ --tw-space-x-reverse: 0; margin-right: calc(1rem * var(--tw-space-x-reverse)); margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse))); } .md\:space-x-6 > :not([hidden]) ~ :not([hidden]){ --tw-space-x-reverse: 0; margin-right: calc(1.5rem * var(--tw-space-x-reverse)); margin-left: calc(1.5rem * calc(1 - var(--tw-space-x-reverse))); } .md\:space-y-0 > :not([hidden]) ~ :not([hidden]){ --tw-space-y-reverse: 0; margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(0px * var(--tw-space-y-reverse)); } .md\:justify-self-start{ justify-self: start; } .md\:justify-self-end{ justify-self: end; } .md\:border-0{ border-width: 0px; } .md\:border-b{ border-bottom-width: 1px; } .md\:border-gray-200{ --tw-border-opacity: 1; border-color: rgb(229 231 235 / var(--tw-border-opacity, 1)); } .md\:bg-transparent{ background-color: transparent; } .md\:p-10{ padding: 2.5rem; } .md\:p-3{ padding: 0.75rem; } .md\:px-0{ padding-left: 0px; padding-right: 0px; } .md\:px-1{ padding-left: 0.25rem; padding-right: 0.25rem; } .md\:px-2{ padding-left: 0.5rem; padding-right: 0.5rem; } .md\:px-6{ padding-left: 1.5rem; padding-right: 1.5rem; } .md\:px-8{ padding-left: 2rem; padding-right: 2rem; } .md\:py-0{ padding-top: 0px; padding-bottom: 0px; } .md\:py-4{ padding-top: 1rem; padding-bottom: 1rem; } .md\:py-6{ padding-top: 1.5rem; padding-bottom: 1.5rem; } .md\:pb-4{ padding-bottom: 1rem; } .md\:pl-16{ padding-left: 4rem; } .md\:pl-4{ padding-left: 1rem; } .md\:pl-6{ padding-left: 1.5rem; } .md\:pr-4{ padding-right: 1rem; } .md\:pt-0{ padding-top: 0px; } .md\:text-left{ text-align: left; } .md\:text-start{ text-align: left; } .md\:text-2sm{ font-size: 0.813rem; } .md\:text-2xl{ font-size: 1.5rem; line-height: 2rem; } .md\:text-3xl{ font-size: 1.875rem; line-height: 2.25rem; } .md\:text-base{ font-size: 1rem; line-height: 1.5rem; } .md\:text-lg{ font-size: 1.125rem; line-height: 1.75rem; } .md\:text-sm{ font-size: 0.875rem; line-height: 1.25rem; } .md\:text-xl{ font-size: 1.25rem; line-height: 1.75rem; } } @media (max-width: 767px){ .max-md\:sticky{ position: sticky; } .max-md\:top-0{ top: 0px; } .max-md\:z-40{ z-index: 40; } .max-md\:my-6{ margin-top: 1.5rem; margin-bottom: 1.5rem; } .max-md\:mt-6{ margin-top: 1.5rem; } .max-md\:hidden{ display: none; } .max-md\:max-h-\[80svh\]{ max-height: 80svh; } .max-md\:overflow-y-auto{ overflow-y: auto; } .max-md\:px-3{ padding-left: 0.75rem; padding-right: 0.75rem; } } @media (min-width: 1024px){ .lg\:sr-only{ position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border-width: 0; } .lg\:static{ position: static; } .lg\:absolute{ position: absolute; } .lg\:relative{ position: relative; } .lg\:sticky{ position: sticky; } .lg\:bottom-0{ bottom: 0px; } .lg\:bottom-auto{ bottom: auto; } .lg\:left-\[var\(--msrp-inline-offset\)\]{ left: var(--msrp-inline-offset); } .lg\:right-2{ right: 0.5rem; } .lg\:right-8{ right: 2rem; } .lg\:right-auto{ right: auto; } .lg\:right-full{ right: 100%; } .lg\:top-0{ top: 0px; } .lg\:top-4{ top: 1rem; } .lg\:top-8{ top: 2rem; } .lg\:top-\[var\(--msrp-block-offset\)\]{ top: var(--msrp-block-offset); } .lg\:top-auto{ top: auto; } .lg\:z-20{ z-index: 20; } .lg\:order-1{ order: 1; } .lg\:order-2{ order: 2; } .lg\:col-span-1{ grid-column: span 1 / span 1; } .lg\:col-span-2{ grid-column: span 2 / span 2; } .lg\:col-span-4{ grid-column: span 4 / span 4; } .lg\:col-span-5{ grid-column: span 5 / span 5; } .lg\:col-span-6{ grid-column: span 6 / span 6; } .lg\:col-span-7{ grid-column: span 7 / span 7; } .lg\:col-start-1{ grid-column-start: 1; } .lg\:col-start-2{ grid-column-start: 2; } .lg\:col-start-6{ grid-column-start: 6; } .lg\:row-span-2{ grid-row: span 2 / span 2; } .lg\:row-start-1{ grid-row-start: 1; } .lg\:float-right{ float: right; } .lg\:m-0{ margin: 0px; } .lg\:-mx-10{ margin-left: -2.5rem; margin-right: -2.5rem; } .lg\:-mb-10{ margin-bottom: -2.5rem; } .lg\:mb-0{ margin-bottom: 0px; } .lg\:mb-8{ margin-bottom: 2rem; } .lg\:ml-2{ margin-left: 0.5rem; } .lg\:ml-5{ margin-left: 1.25rem; } .lg\:ml-auto{ margin-left: auto; } .lg\:mr-1{ margin-right: 0.25rem; } .lg\:mr-2{ margin-right: 0.5rem; } .lg\:mr-3{ margin-right: 0.75rem; } .lg\:mr-4{ margin-right: 1rem; } .lg\:mr-8{ margin-right: 2rem; } .lg\:mr-auto{ margin-right: auto; } .lg\:mt-12{ margin-top: 3rem; } .lg\:mt-3{ margin-top: 0.75rem; } .lg\:mt-5{ margin-top: 1.25rem; } .lg\:mt-6{ margin-top: 1.5rem; } .lg\:mt-8{ margin-top: 2rem; } .lg\:block{ display: block; } .lg\:inline-block{ display: inline-block; } .lg\:inline{ display: inline; } .lg\:flex{ display: flex; } .lg\:table-cell{ display: table-cell; } .lg\:table-header-group{ display: table-header-group; } .lg\:table-row{ display: table-row; } .lg\:grid{ display: grid; } .lg\:hidden{ display: none; } .lg\:h-10{ height: 2.5rem; } .lg\:h-12{ height: 3rem; } .lg\:h-15{ height: 3.75rem; } .lg\:h-20{ height: 5rem; } .lg\:h-6{ height: 1.5rem; } .lg\:h-auto{ height: auto; } .lg\:h-min{ height: min-content; } .lg\:min-h-14{ min-height: 3.5rem; } .lg\:w-1\/2{ width: 50%; } .lg\:w-1\/3{ width: 33.333333%; } .lg\:w-1\/4{ width: 25%; } .lg\:w-1\/5{ width: 20%; } .lg\:w-12{ width: 3rem; } .lg\:w-2\/3{ width: 66.666667%; } .lg\:w-3\/4{ width: 75%; } .lg\:w-5\/12{ width: 41.666667%; } .lg\:w-56{ width: 14rem; } .lg\:w-6{ width: 1.5rem; } .lg\:w-6\/12{ width: 50%; } .lg\:w-7\/12{ width: 58.333333%; } .lg\:w-\[160px\]{ width: 160px; } .lg\:w-\[20\%\]{ width: 20%; } .lg\:w-\[260px\]{ width: 260px; } .lg\:w-\[320px\]{ width: 320px; } .lg\:w-\[350px\]{ width: 350px; } .lg\:w-auto{ width: auto; } .lg\:w-full{ width: 100%; } .lg\:max-w-1\/2{ max-width: 50%; } .lg\:max-w-138{ max-width: 138px; } .lg\:max-w-\[1200px\]{ max-width: 1200px; } .lg\:max-w-\[305px\]{ max-width: 305px; } .lg\:max-w-\[350px\]{ max-width: 350px; } .lg\:max-w-md{ max-width: 28rem; } .lg\:max-w-xs{ max-width: 20rem; } .lg\:flex-1{ flex: 1 1 0%; } .lg\:grow{ flex-grow: 1; } .lg\:table-auto{ table-layout: auto; } .lg\:-translate-x-8{ --tw-translate-x: -2rem; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .lg\:-translate-y-0{ --tw-translate-y: -0px; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .lg\:-translate-y-9{ --tw-translate-y: -2.25rem; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .lg\:translate-y-8{ --tw-translate-y: 2rem; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .lg\:rotate-0{ --tw-rotate: 0deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .lg\:transform{ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .lg\:transform-none{ transform: none; } .lg\:scroll-mt-24{ scroll-margin-top: 6rem; } .lg\:grid-cols-12{ grid-template-columns: repeat(12, minmax(0, 1fr)); } .lg\:grid-cols-2{ grid-template-columns: repeat(2, minmax(0, 1fr)); } .lg\:grid-cols-3{ grid-template-columns: repeat(3, minmax(0, 1fr)); } .lg\:grid-cols-4{ grid-template-columns: repeat(4, minmax(0, 1fr)); } .lg\:grid-cols-6{ grid-template-columns: repeat(6, minmax(0, 1fr)); } .lg\:grid-cols-8{ grid-template-columns: repeat(8, minmax(0, 1fr)); } .lg\:flex-row{ flex-direction: row; } .lg\:flex-col{ flex-direction: column; } .lg\:flex-wrap{ flex-wrap: wrap; } .lg\:flex-nowrap{ flex-wrap: nowrap; } .lg\:items-start{ align-items: flex-start; } .lg\:items-center{ align-items: center; } .lg\:justify-start{ justify-content: flex-start; } .lg\:justify-end{ justify-content: flex-end; } .lg\:justify-center{ justify-content: center; } .lg\:justify-between{ justify-content: space-between; } .lg\:justify-around{ justify-content: space-around; } .lg\:gap-0{ gap: 0px; } .lg\:gap-1{ gap: 0.25rem; } .lg\:gap-6{ gap: 1.5rem; } .lg\:gap-x-10{ column-gap: 2.5rem; } .lg\:gap-x-6{ column-gap: 1.5rem; } .lg\:gap-y-12{ row-gap: 3rem; } .lg\:space-x-20 > :not([hidden]) ~ :not([hidden]){ --tw-space-x-reverse: 0; margin-right: calc(5rem * var(--tw-space-x-reverse)); margin-left: calc(5rem * calc(1 - var(--tw-space-x-reverse))); } .lg\:space-y-6 > :not([hidden]) ~ :not([hidden]){ --tw-space-y-reverse: 0; margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(1.5rem * var(--tw-space-y-reverse)); } .lg\:divide-y-0 > :not([hidden]) ~ :not([hidden]){ --tw-divide-y-reverse: 0; border-top-width: calc(0px * calc(1 - var(--tw-divide-y-reverse))); border-bottom-width: calc(0px * var(--tw-divide-y-reverse)); } .lg\:rounded-none{ border-radius: 0px; } .lg\:border{ border-width: 1px; } .lg\:border-0{ border-width: 0px; } .lg\:border-y{ border-top-width: 1px; border-bottom-width: 1px; } .lg\:border-b{ border-bottom-width: 1px; } .lg\:border-none{ border-style: none; } .lg\:border-secondary-lighten{ --tw-border-opacity: 1; border-color: rgb(238 227 227 / var(--tw-border-opacity, 1)); } .lg\:border-white{ --tw-border-opacity: 1; border-color: rgb(255 255 255 / var(--tw-border-opacity, 1)); } .lg\:bg-white{ --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); } .lg\:\!p-10{ padding: 2.5rem !important; } .lg\:p-0{ padding: 0px; } .lg\:p-10{ padding: 2.5rem; } .lg\:p-6{ padding: 1.5rem; } .lg\:p-8{ padding: 2rem; } .lg\:px-0{ padding-left: 0px; padding-right: 0px; } .lg\:px-1{ padding-left: 0.25rem; padding-right: 0.25rem; } .lg\:px-12{ padding-left: 3rem; padding-right: 3rem; } .lg\:px-16{ padding-left: 4rem; padding-right: 4rem; } .lg\:px-2{ padding-left: 0.5rem; padding-right: 0.5rem; } .lg\:px-2\.5{ padding-left: 0.625rem; padding-right: 0.625rem; } .lg\:px-4{ padding-left: 1rem; padding-right: 1rem; } .lg\:px-5{ padding-left: 1.25rem; padding-right: 1.25rem; } .lg\:px-6{ padding-left: 1.5rem; padding-right: 1.5rem; } .lg\:px-8{ padding-left: 2rem; padding-right: 2rem; } .lg\:py-0{ padding-top: 0px; padding-bottom: 0px; } .lg\:py-12{ padding-top: 3rem; padding-bottom: 3rem; } .lg\:py-2{ padding-top: 0.5rem; padding-bottom: 0.5rem; } .lg\:py-32{ padding-top: 8rem; padding-bottom: 8rem; } .lg\:py-5{ padding-top: 1.25rem; padding-bottom: 1.25rem; } .lg\:\!pb-12{ padding-bottom: 3rem !important; } .lg\:pb-0{ padding-bottom: 0px; } .lg\:pb-2\.5{ padding-bottom: 0.625rem; } .lg\:pb-24{ padding-bottom: 6rem; } .lg\:pb-4{ padding-bottom: 1rem; } .lg\:pb-8{ padding-bottom: 2rem; } .lg\:pb-px{ padding-bottom: 1px; } .lg\:pl-0{ padding-left: 0px; } .lg\:pl-24{ padding-left: 6rem; } .lg\:pl-7{ padding-left: 1.75rem; } .lg\:pr-0{ padding-right: 0px; } .lg\:pr-16{ padding-right: 4rem; } .lg\:pr-2{ padding-right: 0.5rem; } .lg\:pr-3{ padding-right: 0.75rem; } .lg\:pr-8{ padding-right: 2rem; } .lg\:pr-\[170px\]{ padding-right: 170px; } .lg\:pt-0{ padding-top: 0px; } .lg\:pt-16{ padding-top: 4rem; } .lg\:pt-2{ padding-top: 0.5rem; } .lg\:pt-4{ padding-top: 1rem; } .lg\:text-left{ text-align: left; } .lg\:text-right{ text-align: right; } .lg\:\!text-2sm{ font-size: 0.813rem !important; } .lg\:text-2sm{ font-size: 0.813rem; } .lg\:text-2xl{ font-size: 1.5rem; line-height: 2rem; } .lg\:text-4\.5xl{ font-size: 2.5rem; } .lg\:text-4xl{ font-size: 2.25rem; line-height: 2.5rem; } .lg\:text-base{ font-size: 1rem; line-height: 1.5rem; } .lg\:text-lg{ font-size: 1.125rem; line-height: 1.75rem; } .lg\:text-sm{ font-size: 0.875rem; line-height: 1.25rem; } .lg\:text-xl{ font-size: 1.25rem; line-height: 1.75rem; } .lg\:font-normal{ font-weight: 400; } .lg\:normal-case{ text-transform: none; } .lg\:leading-120p{ line-height: 120%; } .lg\:tracking-normal{ letter-spacing: 0em; } .lg\:shadow-lg{ --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .lg\:after\:top-0::after{ content: var(--tw-content); top: 0px; } .lg\:after\:block::after{ content: var(--tw-content); display: block; } .lg\:hover\:border-secondary-lighten:hover{ --tw-border-opacity: 1; border-color: rgb(238 227 227 / var(--tw-border-opacity, 1)); } .lg\:focus\:border-b:focus{ border-bottom-width: 1px; } .lg\:focus\:border-secondary-lighten:focus{ --tw-border-opacity: 1; border-color: rgb(238 227 227 / var(--tw-border-opacity, 1)); } } @media (max-width: 1023px){ .max-lg\:sticky{ position: sticky; } .max-lg\:order-first{ order: -9999; } .max-lg\:mr-auto{ margin-right: auto; } .max-lg\:mt-auto{ margin-top: auto; } .max-lg\:grid{ display: grid; } .max-lg\:hidden{ display: none; } .max-lg\:w-full{ width: 100%; } .max-lg\:max-w-\[305px\]{ max-width: 305px; } .max-lg\:grid-rows-0fr{ grid-template-rows: 0fr; } .max-lg\:grid-rows-1fr{ grid-template-rows: 1fr; } .max-lg\:border-b{ border-bottom-width: 1px; } .max-lg\:border-t{ border-top-width: 1px; } .max-lg\:border-secondary-lighten{ --tw-border-opacity: 1; border-color: rgb(238 227 227 / var(--tw-border-opacity, 1)); } .max-lg\:\!p-0{ padding: 0px !important; } .max-lg\:px-4{ padding-left: 1rem; padding-right: 1rem; } .max-lg\:pb-20{ padding-bottom: 5rem; } .max-lg\:pb-4\.4{ padding-bottom: 1.1rem; } .max-lg\:pt-2{ padding-top: 0.5rem; } .max-lg\:pt-\[52px\]{ padding-top: 52px; } .max-lg\:first\:border-t:first-child{ border-top-width: 1px; } } @media (min-width: 1280px){ .xl\:bottom-0{ bottom: 0px; } .xl\:col-span-2{ grid-column: span 2 / span 2; } .xl\:col-span-3{ grid-column: span 3 / span 3; } .xl\:-mt-12{ margin-top: -3rem; } .xl\:mt-0{ margin-top: 0px; } .xl\:flex{ display: flex; } .xl\:w-1\/2{ width: 50%; } .xl\:w-1\/3{ width: 33.333333%; } .xl\:w-1\/4{ width: 25%; } .xl\:w-1\/5{ width: 20%; } .xl\:w-4\/12{ width: 33.333333%; } .xl\:grow{ flex-grow: 1; } .xl\:rotate-90{ --tw-rotate: 90deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .xl\:grid-cols-3{ grid-template-columns: repeat(3, minmax(0, 1fr)); } .xl\:grid-cols-4{ grid-template-columns: repeat(4, minmax(0, 1fr)); } .xl\:grid-cols-5{ grid-template-columns: repeat(5, minmax(0, 1fr)); } .xl\:flex-row{ flex-direction: row; } .xl\:gap-15{ gap: 3.75rem; } .xl\:gap-x-3{ column-gap: 0.75rem; } .xl\:space-x-4 > :not([hidden]) ~ :not([hidden]){ --tw-space-x-reverse: 0; margin-right: calc(1rem * var(--tw-space-x-reverse)); margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse))); } .xl\:space-y-0 > :not([hidden]) ~ :not([hidden]){ --tw-space-y-reverse: 0; margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(0px * var(--tw-space-y-reverse)); } .xl\:rounded-l-md{ border-top-left-radius: 0.375rem; border-bottom-left-radius: 0.375rem; } .xl\:rounded-l-none{ border-top-left-radius: 0px; border-bottom-left-radius: 0px; } .xl\:rounded-r-md{ border-top-right-radius: 0.375rem; border-bottom-right-radius: 0.375rem; } .xl\:rounded-r-none{ border-top-right-radius: 0px; border-bottom-right-radius: 0px; } .xl\:border-r-0{ border-right-width: 0px; } .xl\:border-none{ border-style: none; } .xl\:px-2{ padding-left: 0.5rem; padding-right: 0.5rem; } .xl\:px-5{ padding-left: 1.25rem; padding-right: 1.25rem; } .xl\:text-\[13px\]{ font-size: 13px; } .xl\:text-base{ font-size: 1rem; line-height: 1.5rem; } .xl\:focus-within\:relative:focus-within{ position: relative; } } @media print{ .print\:hidden{ display: none; } } .\[\&\:\:-webkit-details-marker\]\:hidden::-webkit-details-marker{ display: none; } .\[\&\:\:-webkit-inner-spin-button\]\:hidden::-webkit-inner-spin-button{ display: none; } .\[\&\:\:-webkit-inner-spin-button\]\:appearance-none::-webkit-inner-spin-button{ -webkit-appearance: none; appearance: none; } .\[\&\:\:-webkit-outer-spin-button\]\:appearance-none::-webkit-outer-spin-button{ -webkit-appearance: none; appearance: none; } .\[\&\:\:-webkit-scrollbar\]\:hidden::-webkit-scrollbar{ display: none; } .\[\&\:has\(\:checked\)_\.note-container\]\:block:has(:checked) .note-container{ display: block; } @media (max-width: 1023px){ .\[\&_\.pagebuilder-slide\]\:max-lg\:mb-\[36px\] .pagebuilder-slide{ margin-bottom: 36px; } } .\[\&_img\]\:mx-0\.5 img{ margin-left: 0.125rem; margin-right: 0.125rem; } .\[\&_img\]\:my-4 img{ margin-top: 1rem; margin-bottom: 1rem; } .\[\&_img\]\:mt-\[calc\(1ex-1cap\)\] img{ margin-top: calc(1ex - 1cap); } .\[\&_img\]\:inline-block img{ display: inline-block; } .\[\&_img\]\:h-full img{ height: 100%; } .\[\&_img\]\:w-\[20px\] img{ width: 20px; } .\[\&_img\]\:w-auto img{ width: auto; }