/* purgecss start ignore */ /* ! tailwindcss v3.2.7 | 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: #D6D6D6; /* 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. */ html { line-height: 1.5; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ /* 3 */ tab-size: 4; /* 3 */ font-family: leroy-sans, Helvetica Neue, Arial, sans-serif; /* 4 */ font-feature-settings: normal; /* 5 */ } /* 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]) { -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. 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-size: 1em; /* 2 */ } /* 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-size: 100%; /* 1 */ font-weight: inherit; /* 1 */ line-height: 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, [type='button'], [type='reset'], [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; } /* 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:-ms-input-placeholder, textarea:-ms-input-placeholder { opacity: 1; /* 1 */ color: #ADADAD; /* 2 */ } input::placeholder, textarea::placeholder { opacity: 1; /* 1 */ color: #ADADAD; /* 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] { display: none; } [type='text'],[type='email'],[type='url'],[type='password'],[type='number'],[type='date'],[type='datetime-local'],[type='month'],[type='search'],[type='tel'],[type='time'],[type='week'],[multiple],textarea,select { -webkit-appearance: none; appearance: none; background-color: #fff; border-color: #999999; border-width: 1px; border-radius: 0px; padding-top: 0.5rem; padding-right: 0.75rem; padding-bottom: 0.5rem; padding-left: 0.75rem; font-size: 1rem; line-height: 1.5rem; --tw-shadow: 0 0 #0000; } [type='text']: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 { outline: 2px solid transparent; outline-offset: 2px; --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/); --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: #2563eb; --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); border-color: #2563eb; } input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #999999; opacity: 1; } input::placeholder,textarea::placeholder { color: #999999; opacity: 1; } ::-webkit-datetime-edit-fields-wrapper { padding: 0; } ::-webkit-date-and-time-value { min-height: 1.5em; } ::-webkit-datetime-edit,::-webkit-datetime-edit-year-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-meridiem-field { padding-top: 0; padding-bottom: 0; } select { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%23999999' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e"); background-position: right 0.5rem center; background-repeat: no-repeat; background-size: 1.5em 1.5em; padding-right: 2.5rem; -webkit-print-color-adjust: exact; print-color-adjust: exact; } [multiple] { background-image: initial; background-position: initial; background-repeat: unset; background-size: initial; padding-right: 0.75rem; -webkit-print-color-adjust: unset; print-color-adjust: unset; } [type='checkbox'],[type='radio'] { -webkit-appearance: none; appearance: none; padding: 0; -webkit-print-color-adjust: exact; print-color-adjust: exact; display: inline-block; vertical-align: middle; background-origin: border-box; -webkit-user-select: none; -ms-user-select: none; user-select: none; flex-shrink: 0; height: 1rem; width: 1rem; color: #2563eb; background-color: #fff; border-color: #999999; border-width: 1px; --tw-shadow: 0 0 #0000; } [type='checkbox'] { border-radius: 0px; } [type='radio'] { border-radius: 100%; } [type='checkbox']:focus,[type='radio']:focus { outline: 2px solid transparent; outline-offset: 2px; --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/); --tw-ring-offset-width: 2px; --tw-ring-offset-color: #fff; --tw-ring-color: #2563eb; --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); } [type='checkbox']:checked,[type='radio']:checked { border-color: transparent; background-color: currentColor; background-size: 100% 100%; background-position: center; background-repeat: no-repeat; } [type='checkbox']:checked { background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e"); } [type='radio']:checked { background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e"); } [type='checkbox']:checked:hover,[type='checkbox']:checked:focus,[type='radio']:checked:hover,[type='radio']:checked:focus { border-color: transparent; background-color: currentColor; } [type='checkbox']:indeterminate { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3e%3c/svg%3e"); border-color: transparent; background-color: currentColor; background-size: 100% 100%; background-position: center; background-repeat: no-repeat; } [type='checkbox']:indeterminate:hover,[type='checkbox']:indeterminate:focus { border-color: transparent; background-color: currentColor; } [type='file'] { background: unset; border-color: inherit; border-width: 0; border-radius: 0; padding: 0; font-size: unset; line-height: inherit; } [type='file']:focus { outline: 1px solid ButtonText; outline: 1px auto -webkit-focus-ring-color; } *, ::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-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(59 130 246 / 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: ; } ::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-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(59 130 246 / 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: ; } .container { width: 100%; margin-right: auto; margin-left: auto; padding-right: 1.5rem; padding-left: 1.5rem; } @media (min-width: 600px) { .container { max-width: 600px; } } @media (min-width: 728px) { .container { max-width: 728px; } } @media (min-width: 984px) { .container { max-width: 984px; } } @media (min-width: 1240px) { .container { max-width: 1240px; } } .form-input,.form-textarea,.form-select,.form-multiselect { -webkit-appearance: none; appearance: none; background-color: #fff; border-color: #999999; border-width: 1px; border-radius: 0px; padding-top: 0.5rem; padding-right: 0.75rem; padding-bottom: 0.5rem; padding-left: 0.75rem; font-size: 1rem; line-height: 1.5rem; --tw-shadow: 0 0 #0000; } .form-input:focus, .form-textarea:focus, .form-select:focus, .form-multiselect:focus { outline: 2px solid transparent; outline-offset: 2px; --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/); --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: #2563eb; --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); border-color: #2563eb; } .form-input:-ms-input-placeholder, .form-textarea:-ms-input-placeholder { color: #999999; opacity: 1; } .form-input::placeholder,.form-textarea::placeholder { color: #999999; opacity: 1; } .form-input::-webkit-datetime-edit-fields-wrapper { padding: 0; } .form-input::-webkit-date-and-time-value { min-height: 1.5em; } .form-input::-webkit-datetime-edit,.form-input::-webkit-datetime-edit-year-field,.form-input::-webkit-datetime-edit-month-field,.form-input::-webkit-datetime-edit-day-field,.form-input::-webkit-datetime-edit-hour-field,.form-input::-webkit-datetime-edit-minute-field,.form-input::-webkit-datetime-edit-second-field,.form-input::-webkit-datetime-edit-millisecond-field,.form-input::-webkit-datetime-edit-meridiem-field { padding-top: 0; padding-bottom: 0; } .form-select { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%23999999' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e"); background-position: right 0.5rem center; background-repeat: no-repeat; background-size: 1.5em 1.5em; padding-right: 2.5rem; -webkit-print-color-adjust: exact; print-color-adjust: exact; } .form-checkbox,.form-radio { -webkit-appearance: none; appearance: none; padding: 0; -webkit-print-color-adjust: exact; print-color-adjust: exact; display: inline-block; vertical-align: middle; background-origin: border-box; -webkit-user-select: none; -ms-user-select: none; user-select: none; flex-shrink: 0; height: 1rem; width: 1rem; color: #2563eb; background-color: #fff; border-color: #999999; border-width: 1px; --tw-shadow: 0 0 #0000; } .form-checkbox { border-radius: 0px; } .form-radio { border-radius: 100%; } .form-checkbox:focus,.form-radio:focus { outline: 2px solid transparent; outline-offset: 2px; --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/); --tw-ring-offset-width: 2px; --tw-ring-offset-color: #fff; --tw-ring-color: #2563eb; --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); } .form-checkbox:checked,.form-radio:checked { border-color: transparent; background-color: currentColor; background-size: 100% 100%; background-position: center; background-repeat: no-repeat; } .form-checkbox:checked { background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e"); } .form-radio:checked { background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e"); } .form-checkbox:checked:hover,.form-checkbox:checked:focus,.form-radio:checked:hover,.form-radio:checked:focus { border-color: transparent; background-color: currentColor; } .form-checkbox:indeterminate { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3e%3c/svg%3e"); border-color: transparent; background-color: currentColor; background-size: 100% 100%; background-position: center; background-repeat: no-repeat; } .form-checkbox:indeterminate:hover,.form-checkbox:indeterminate:focus { border-color: transparent; background-color: currentColor; } .prose { color: var(--tw-prose-body); max-width: 65ch; } .prose :where([class~="lead"]):not(:where([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"] *)) { color: var(--tw-prose-links); text-decoration: underline; font-weight: 500; } .prose :where(strong):not(:where([class~="not-prose"] *)) { color: var(--tw-prose-bold); font-weight: 600; } .prose :where(a strong):not(:where([class~="not-prose"] *)) { color: inherit; } .prose :where(blockquote strong):not(:where([class~="not-prose"] *)) { color: inherit; } .prose :where(thead th strong):not(:where([class~="not-prose"] *)) { color: inherit; } .prose :where(ol):not(:where([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"] *)) { list-style-type: upper-alpha; } .prose :where(ol[type="a"]):not(:where([class~="not-prose"] *)) { list-style-type: lower-alpha; } .prose :where(ol[type="A" s]):not(:where([class~="not-prose"] *)) { list-style-type: upper-alpha; } .prose :where(ol[type="a" s]):not(:where([class~="not-prose"] *)) { list-style-type: lower-alpha; } .prose :where(ol[type="I"]):not(:where([class~="not-prose"] *)) { list-style-type: upper-roman; } .prose :where(ol[type="i"]):not(:where([class~="not-prose"] *)) { list-style-type: lower-roman; } .prose :where(ol[type="I" s]):not(:where([class~="not-prose"] *)) { list-style-type: upper-roman; } .prose :where(ol[type="i" s]):not(:where([class~="not-prose"] *)) { list-style-type: lower-roman; } .prose :where(ol[type="1"]):not(:where([class~="not-prose"] *)) { list-style-type: decimal; } .prose :where(ul):not(:where([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"] *))::marker { font-weight: 400; color: var(--tw-prose-counters); } .prose :where(ul > li):not(:where([class~="not-prose"] *))::marker { color: var(--tw-prose-bullets); } .prose :where(hr):not(:where([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"] *)) { 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"] *))::before { content: open-quote; } .prose :where(blockquote p:last-of-type):not(:where([class~="not-prose"] *))::after { content: close-quote; } .prose :where(h1):not(:where([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"] *)) { font-weight: 900; color: inherit; } .prose :where(h2):not(:where([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"] *)) { font-weight: 800; color: inherit; } .prose :where(h3):not(:where([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"] *)) { font-weight: 700; color: inherit; } .prose :where(h4):not(:where([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"] *)) { font-weight: 700; color: inherit; } .prose :where(img):not(:where([class~="not-prose"] *)) { margin-top: 2em; margin-bottom: 2em; } .prose :where(figure > *):not(:where([class~="not-prose"] *)) { margin-top: 0; margin-bottom: 0; } .prose :where(figcaption):not(:where([class~="not-prose"] *)) { color: var(--tw-prose-captions); font-size: 0.875em; line-height: 1.4285714; margin-top: 0.8571429em; } .prose :where(code):not(:where([class~="not-prose"] *)) { color: var(--tw-prose-code); font-weight: 600; font-size: 0.875em; } .prose :where(code):not(:where([class~="not-prose"] *))::before { content: "`"; } .prose :where(code):not(:where([class~="not-prose"] *))::after { content: "`"; } .prose :where(a code):not(:where([class~="not-prose"] *)) { color: inherit; } .prose :where(h1 code):not(:where([class~="not-prose"] *)) { color: inherit; } .prose :where(h2 code):not(:where([class~="not-prose"] *)) { color: inherit; font-size: 0.875em; } .prose :where(h3 code):not(:where([class~="not-prose"] *)) { color: inherit; font-size: 0.9em; } .prose :where(h4 code):not(:where([class~="not-prose"] *)) { color: inherit; } .prose :where(blockquote code):not(:where([class~="not-prose"] *)) { color: inherit; } .prose :where(thead th code):not(:where([class~="not-prose"] *)) { color: inherit; } .prose :where(pre):not(:where([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"] *)) { 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"] *))::before { content: none; } .prose :where(pre code):not(:where([class~="not-prose"] *))::after { content: none; } .prose :where(table):not(:where([class~="not-prose"] *)) { width: 100%; table-layout: auto; text-align: left; margin-top: 2em; margin-bottom: 2em; font-size: 0.875em; line-height: 1.7142857; } .prose :where(thead):not(:where([class~="not-prose"] *)) { border-bottom-width: 1px; border-bottom-color: var(--tw-prose-th-borders); } .prose :where(thead th):not(:where([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"] *)) { border-bottom-width: 1px; border-bottom-color: var(--tw-prose-td-borders); } .prose :where(tbody tr:last-child):not(:where([class~="not-prose"] *)) { border-bottom-width: 0; } .prose :where(tbody td):not(:where([class~="not-prose"] *)) { vertical-align: baseline; } .prose :where(tfoot):not(:where([class~="not-prose"] *)) { border-top-width: 1px; border-top-color: var(--tw-prose-th-borders); } .prose :where(tfoot td):not(:where([class~="not-prose"] *)) { vertical-align: top; } .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-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-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(p):not(:where([class~="not-prose"] *)) { margin-top: 1.25em; margin-bottom: 1.25em; } .prose :where(video):not(:where([class~="not-prose"] *)) { margin-top: 2em; margin-bottom: 2em; } .prose :where(figure):not(:where([class~="not-prose"] *)) { margin-top: 2em; margin-bottom: 2em; } .prose :where(li):not(:where([class~="not-prose"] *)) { margin-top: 0.5em; margin-bottom: 0.5em; } .prose :where(ol > li):not(:where([class~="not-prose"] *)) { padding-left: 0.375em; } .prose :where(ul > li):not(:where([class~="not-prose"] *)) { padding-left: 0.375em; } .prose :where(.prose > ul > li p):not(:where([class~="not-prose"] *)) { margin-top: 0.75em; margin-bottom: 0.75em; } .prose :where(.prose > ul > li > *:first-child):not(:where([class~="not-prose"] *)) { margin-top: 1.25em; } .prose :where(.prose > ul > li > *:last-child):not(:where([class~="not-prose"] *)) { margin-bottom: 1.25em; } .prose :where(.prose > ol > li > *:first-child):not(:where([class~="not-prose"] *)) { margin-top: 1.25em; } .prose :where(.prose > ol > li > *:last-child):not(:where([class~="not-prose"] *)) { margin-bottom: 1.25em; } .prose :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"] *)) { margin-top: 0.75em; margin-bottom: 0.75em; } .prose :where(hr + *):not(:where([class~="not-prose"] *)) { margin-top: 0; } .prose :where(h2 + *):not(:where([class~="not-prose"] *)) { margin-top: 0; } .prose :where(h3 + *):not(:where([class~="not-prose"] *)) { margin-top: 0; } .prose :where(h4 + *):not(:where([class~="not-prose"] *)) { margin-top: 0; } .prose :where(thead th:first-child):not(:where([class~="not-prose"] *)) { padding-left: 0; } .prose :where(thead th:last-child):not(:where([class~="not-prose"] *)) { padding-right: 0; } .prose :where(tbody td, tfoot td):not(:where([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"] *)) { padding-left: 0; } .prose :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"] *)) { padding-right: 0; } .prose :where(.prose > :first-child):not(:where([class~="not-prose"] *)) { margin-top: 0; } .prose :where(.prose > :last-child):not(:where([class~="not-prose"] *)) { margin-bottom: 0; } .prose-sm :where(.prose > ul > li p):not(:where([class~="not-prose"] *)) { margin-top: 0.5714286em; margin-bottom: 0.5714286em; } .prose-sm :where(.prose > ul > li > *:first-child):not(:where([class~="not-prose"] *)) { margin-top: 1.1428571em; } .prose-sm :where(.prose > ul > li > *:last-child):not(:where([class~="not-prose"] *)) { margin-bottom: 1.1428571em; } .prose-sm :where(.prose > ol > li > *:first-child):not(:where([class~="not-prose"] *)) { margin-top: 1.1428571em; } .prose-sm :where(.prose > ol > li > *:last-child):not(:where([class~="not-prose"] *)) { margin-bottom: 1.1428571em; } .prose-sm :where(.prose > :first-child):not(:where([class~="not-prose"] *)) { margin-top: 0; } .prose-sm :where(.prose > :last-child):not(:where([class~="not-prose"] *)) { margin-bottom: 0; } .prose-base :where(.prose > ul > li p):not(:where([class~="not-prose"] *)) { margin-top: 0.75em; margin-bottom: 0.75em; } .prose-base :where(.prose > ul > li > *:first-child):not(:where([class~="not-prose"] *)) { margin-top: 1.25em; } .prose-base :where(.prose > ul > li > *:last-child):not(:where([class~="not-prose"] *)) { margin-bottom: 1.25em; } .prose-base :where(.prose > ol > li > *:first-child):not(:where([class~="not-prose"] *)) { margin-top: 1.25em; } .prose-base :where(.prose > ol > li > *:last-child):not(:where([class~="not-prose"] *)) { margin-bottom: 1.25em; } .prose-base :where(.prose > :first-child):not(:where([class~="not-prose"] *)) { margin-top: 0; } .prose-base :where(.prose > :last-child):not(:where([class~="not-prose"] *)) { margin-bottom: 0; } .prose-lg :where(.prose > ul > li p):not(:where([class~="not-prose"] *)) { margin-top: 0.8888889em; margin-bottom: 0.8888889em; } .prose-lg :where(.prose > ul > li > *:first-child):not(:where([class~="not-prose"] *)) { margin-top: 1.3333333em; } .prose-lg :where(.prose > ul > li > *:last-child):not(:where([class~="not-prose"] *)) { margin-bottom: 1.3333333em; } .prose-lg :where(.prose > ol > li > *:first-child):not(:where([class~="not-prose"] *)) { margin-top: 1.3333333em; } .prose-lg :where(.prose > ol > li > *:last-child):not(:where([class~="not-prose"] *)) { margin-bottom: 1.3333333em; } .prose-lg :where(.prose > :first-child):not(:where([class~="not-prose"] *)) { margin-top: 0; } .prose-lg :where(.prose > :last-child):not(:where([class~="not-prose"] *)) { margin-bottom: 0; } .prose-xl :where(.prose > ul > li p):not(:where([class~="not-prose"] *)) { margin-top: 0.8em; margin-bottom: 0.8em; } .prose-xl :where(.prose > ul > li > *:first-child):not(:where([class~="not-prose"] *)) { margin-top: 1.2em; } .prose-xl :where(.prose > ul > li > *:last-child):not(:where([class~="not-prose"] *)) { margin-bottom: 1.2em; } .prose-xl :where(.prose > ol > li > *:first-child):not(:where([class~="not-prose"] *)) { margin-top: 1.2em; } .prose-xl :where(.prose > ol > li > *:last-child):not(:where([class~="not-prose"] *)) { margin-bottom: 1.2em; } .prose-xl :where(.prose > :first-child):not(:where([class~="not-prose"] *)) { margin-top: 0; } .prose-xl :where(.prose > :last-child):not(:where([class~="not-prose"] *)) { margin-bottom: 0; } .prose-2xl :where(.prose > ul > li p):not(:where([class~="not-prose"] *)) { margin-top: 0.8333333em; margin-bottom: 0.8333333em; } .prose-2xl :where(.prose > ul > li > *:first-child):not(:where([class~="not-prose"] *)) { margin-top: 1.3333333em; } .prose-2xl :where(.prose > ul > li > *:last-child):not(:where([class~="not-prose"] *)) { margin-bottom: 1.3333333em; } .prose-2xl :where(.prose > ol > li > *:first-child):not(:where([class~="not-prose"] *)) { margin-top: 1.3333333em; } .prose-2xl :where(.prose > ol > li > *:last-child):not(:where([class~="not-prose"] *)) { margin-bottom: 1.3333333em; } .prose-2xl :where(.prose > :first-child):not(:where([class~="not-prose"] *)) { margin-top: 0; } .prose-2xl :where(.prose > :last-child):not(:where([class~="not-prose"] *)) { margin-bottom: 0; } .btn { display: flex; align-items: center; justify-content: center; border-radius: 4px; --tw-bg-opacity: 1; background-color: rgb(153 153 153 / var(--tw-bg-opacity)); padding-left: 1rem; padding-right: 1rem; padding-top: 0.5rem; padding-bottom: 0.5rem; font-size: 14px; font-weight: 500; --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); --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); transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 300ms; } @media (min-width: 1240px) { .btn { font-size: 14px; } } .btn svg { display: inline-flex; } .btn span { vertical-align: middle; } .btn:hover { --tw-bg-opacity: 1; background-color: rgb(128 128 128 / var(--tw-bg-opacity)); } .btn:focus-visible { outline: none !important } .btn[disabled] { opacity: 0.8; } .btn[disabled]:hover { --tw-text-opacity: 1; color: rgb(147 147 147 / var(--tw-text-opacity)); --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); } .btn[disabled] { background: #F0F0F0 !important; color: #939393 !important; } .btn.btn-loading { pointer-events: none; position: relative; opacity: 0.75; transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; font-size: 0; } .btn.btn-loading span { font-size: 0; } .btn.btn-loading::before { position: absolute; left: calc(50% - 11px); top: calc(50% - 11px); } @keyframes spin { to { transform: rotate(360deg); } } .btn.btn-loading::before { animation: spin 1s linear infinite; font-family: leroy-icons; font-size: 20px; line-height: 1.25rem; content: '\f176'; } .btn-primary { --tw-bg-opacity: 1; background-color: rgb(120 190 32 / var(--tw-bg-opacity)); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); --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); background: linear-gradient(to bottom left, #89C201 6.37%, #89C201 49.61%, #62B51C 49.62%, #62B51C 92.75%); } .btn-primary:hover { --tw-bg-opacity: 1; background-color: rgb(120 190 32 / var(--tw-bg-opacity)); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .btn-red { background: linear-gradient(to bottom left, #CC312F 6.37%, #CC312F 49.61%, #B5272F 49.62%, #B52927 92.75%); } .btn-red:hover { background: linear-gradient(to top right, #9A2523 18.26%, #9A2523 50.21%, #B72D2B 50.22%, #B72D2B 92.91%); } .btn-black { background: linear-gradient(to bottom left, #1C1C1C 6.37%, #1C1C1C 49.61%, #000 49.62%, #000 92.75%); } .btn-black:hover { --tw-bg-opacity: 1; background-color: rgb(128 128 128 / var(--tw-bg-opacity)); box-shadow: 0px 3px 14px 2px rgba(0, 0, 0, .12), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 5px 5px -3px rgba(0, 0, 0, .20); } .btn-simple-green { --tw-bg-opacity: 1; background-color: rgb(120 190 32 / var(--tw-bg-opacity)); } .btn-simple-green:hover { --tw-bg-opacity: 1; background-color: rgb(60 135 0 / var(--tw-bg-opacity)); --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); } .btn-outline:hover { --tw-bg-opacity: 1; background-color: rgb(49 49 49 / var(--tw-bg-opacity)); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .btn-outline { border-width: 1px; border-style: solid; --tw-border-opacity: 1; border-color: rgb(49 49 49 / var(--tw-border-opacity)); --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); --tw-text-opacity: 1; color: rgb(49 49 49 / var(--tw-text-opacity)); --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); transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .btn-green-outline:hover { --tw-bg-opacity: 1; background-color: rgb(120 190 32 / var(--tw-bg-opacity)); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .btn-green-outline { border-width: 1px; border-style: solid; --tw-border-opacity: 1; border-color: rgb(120 190 32 / var(--tw-border-opacity)); --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); --tw-text-opacity: 1; color: rgb(120 190 32 / var(--tw-text-opacity)); --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); transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .btn-secondary { border-width: 1px; --tw-border-opacity: 1; border-color: rgb(120 190 32 / var(--tw-border-opacity)); --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); --tw-text-opacity: 1; color: rgb(120 190 32 / var(--tw-text-opacity)); } .btn-secondary:hover { --tw-border-opacity: 1; border-color: rgb(60 135 0 / var(--tw-border-opacity)); --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); --tw-text-opacity: 1; color: rgb(60 135 0 / var(--tw-text-opacity)); } .btn-size-lg { padding-left: 2.5rem; padding-right: 2.5rem; padding-top: 1rem; padding-bottom: 1rem; } .btn-size-l { padding-top: 0.75rem; padding-bottom: 0.75rem; padding-left: 0.5rem; padding-right: 0.5rem; font-size: 12px; font-weight: 600; line-height: 1rem; } .btn-size-md { padding-left: 1rem; padding-right: 1rem; padding-top: 1rem; padding-bottom: 1rem; font-size: 1.125rem; font-weight: 600; line-height: 1.5rem; } .span-action { --tw-text-opacity: 1; color: rgb(60 135 0 / var(--tw-text-opacity)); text-decoration-line: underline; } @media (min-width: 1024px) { .span-action { cursor: pointer; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .span-action:hover { --tw-text-opacity: 1; color: rgb(49 49 49 / var(--tw-text-opacity)); } } .span-action-dark { --tw-text-opacity: 1; color: rgb(49 49 49 / var(--tw-text-opacity)); text-decoration-line: underline; } @media (min-width: 1024px) { .span-action-dark { cursor: pointer; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .span-action-dark:hover { --tw-text-opacity: 1; color: rgb(60 135 0 / var(--tw-text-opacity)); } } .actions-toolbar .primary button { display: flex; align-items: center; justify-content: center; border-radius: 4px; --tw-bg-opacity: 1; background-color: rgb(153 153 153 / var(--tw-bg-opacity)); padding-left: 1rem; padding-right: 1rem; padding-top: 0.5rem; padding-bottom: 0.5rem; font-size: 14px; font-weight: 500; --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); --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); transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 300ms; } @media (min-width: 1240px) { .actions-toolbar .primary button { font-size: 14px; } } .actions-toolbar .primary button svg { display: inline-flex; } .actions-toolbar .primary button span { vertical-align: middle; } .actions-toolbar .primary button:hover { --tw-bg-opacity: 1; background-color: rgb(128 128 128 / var(--tw-bg-opacity)); } .actions-toolbar .primary button:focus-visible { outline: none } .actions-toolbar .primary button[disabled] { opacity: 0.8; } .actions-toolbar .primary button[disabled]:hover { --tw-text-opacity: 1; color: rgb(147 147 147 / var(--tw-text-opacity)); --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); } .actions-toolbar .primary button[disabled] { background: #F0F0F0; color: #939393; } .actions-toolbar .primary button.btn-loading { pointer-events: none; position: relative; opacity: 0.75; transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; font-size: 0; } .actions-toolbar .primary button.btn-loading span { font-size: 0; } .actions-toolbar .primary button.btn-loading::before { position: absolute; left: calc(50% - 11px); top: calc(50% - 11px); } @keyframes spin { to { transform: rotate(360deg); } } .actions-toolbar .primary button.btn-loading::before { animation: spin 1s linear infinite; font-family: leroy-icons; font-size: 20px; line-height: 1.25rem; content: '\f176'; } .actions-toolbar .primary button { --tw-bg-opacity: 1; background-color: rgb(120 190 32 / var(--tw-bg-opacity)); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); --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); background: linear-gradient(to bottom left, #89C201 6.37%, #89C201 49.61%, #62B51C 49.62%, #62B51C 92.75%); } .actions-toolbar .primary button:hover { --tw-bg-opacity: 1; background-color: rgb(120 190 32 / var(--tw-bg-opacity)); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .actions-toolbar a.back:not(.actions-toolbar .primary button) { --tw-text-opacity: 1; color: rgb(31 41 55 / var(--tw-text-opacity)); text-decoration-line: underline; } .checkout-cart-index .table-wrapper .update.actions-toolbar .primary button { right: 0px; width: 100%; } #category-view-container { margin-left: auto; margin-right: auto; display: flex; flex-direction: column; align-items: center; padding-left: 0px; padding-right: 0px; padding-top: 1rem; padding-bottom: 1rem; } .toolbar-products .modes-mode { height: 1.5rem; width: 1.5rem; } .toolbar-products .modes-mode span { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border-width: 0; } .toolbar-products .modes-mode.mode-grid { background-image: url('data:image/svg+xml;utf8,'); } .toolbar-products .modes-mode.mode-list { background-image: url('data:image/svg+xml;utf8, '); } .price-including-tax + .price-excluding-tax { font-size: 12px; } .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; } .category-view .sidebar .price-excluding-tax.filter { } .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: ')'; } .marketplace-shop-view .page-wrapper .page-main { margin: 0px; } .marketplace-shop-view .page-wrapper .title-wrapper { display: none; } .marketplace-shop-view .page-wrapper .table-caption { display: none; } .marketplace-shop-view .page-wrapper .seller-info ul li:not(:first-of-type) { position: relative; } @media (min-width: 1024px) { .marketplace-shop-view .page-wrapper .seller-info ul li:not(:first-of-type) { display: inline-block; } } .marketplace-shop-view .page-wrapper .seller-info ul li:not(:first-of-type)::before { content: ''; position: absolute; left: -40px; top: 0px; display: none; height: 100%; width: 1px; --tw-bg-opacity: 1; background-color: rgb(201 201 201 / var(--tw-bg-opacity)); } @media (min-width: 1024px) { .marketplace-shop-view .page-wrapper .seller-info ul li:not(:first-of-type)::before { display: block; } } .marketplace-shop-view .page-wrapper .seller-shop { width: 100%; } @media (min-width: 768px) { .marketplace-shop-view .page-wrapper .seller-shop { margin-left: auto; margin-right: auto; max-width: 1240px; } } @media (min-width: 1024px) { .marketplace-shop-view .page-wrapper .seller-shop { padding-left: 0px; padding-right: 0px; } } .marketplace-shop-view .page-wrapper .seller-shop table tr td:first-of-type { display: inline-block; min-width: 196px; padding-top: 0.75rem; padding-bottom: 0.75rem; padding-right: 0.75rem; padding-left: 0px; font-weight: 600; } .marketplace-shop-view .page-wrapper .seller-shop table tr td:last-of-type { display: inline-block; } .marketplace-shop-view .page-wrapper .seller-shop ~ .klevuLanding { margin-top: 2rem; width: 100%; } @media (min-width: 768px) { .marketplace-shop-view .page-wrapper .seller-shop ~ .klevuLanding { max-width: 1240px; } } @media (min-width: 1024px) { .marketplace-shop-view .page-wrapper .seller-shop ~ .klevuLanding { margin-left: auto !important; margin-right: auto !important; } } .marketplace-shop-view .page-wrapper .columns { display: block; max-width: 100%; } [data-content-type$='block'] .marketplace-shop-view .page-wrapper .columns p:last-child { margin-bottom: 1rem; margin-top: 0px; } .category-view .sidebar .marketplace-shop-view .page-wrapper .columns.filter { } .marketplace-shop-view .page-wrapper .columns .column.main { margin: 0px; width: 100%; padding: 0px; --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); } /* Keep file for backwards compatibility */ .account-slideout-item { position: relative; margin-bottom: 0.5rem; display: block; height: 2.5rem; padding: 0.75rem; padding-left: 38px; line-height: 1.25rem; --tw-text-opacity: 1; color: rgb(0 0 0 / var(--tw-text-opacity)); transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } [data-content-type$='block'] .account-slideout-item p:last-child { margin-bottom: 1rem; margin-top: 0px; } .category-view .sidebar .account-slideout-item.filter { } .account-slideout-item { text-align: left !important; } .modal-content .customer-links .account-slideout-item:not(.no-arrow)::after { position: absolute; right: 0.75rem; top: 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)); font-family: leroy-icons; font-size: 1.125rem; line-height: 1.75rem; content: "\f16c"; } .modal-content .customer-links .account-slideout-item::before { position: absolute; left: 0.75rem; top: 53%; margin-bottom: 0px; --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)); font-size: 16px; } .account-slideout-item:last-of-type { margin-bottom: 0px; } .account-modal .modal-content { overflow: auto; max-height: calc(100vh - 58px); } /** * different styles can be found at https://tailwindcss-forms.vercel.app/ **/ .form-field { position: relative; } .form-field.required label::after { --tw-text-opacity: 1; color: rgb(239 68 68 / var(--tw-text-opacity)); content: '*'; } .form-input, .form-email, .form-select, .form-multiselect, .form-textarea { min-height: 48px; border-radius: 4px; border-width: 1px; --tw-border-opacity: 1; border-color: rgb(201 201 201 / var(--tw-border-opacity)); padding-top: 0.75rem; padding-bottom: 0.75rem; font-size: 14px; line-height: 1.5rem; --tw-text-opacity: 1; color: rgb(0 0 0 / var(--tw-text-opacity)); --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05); --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color); --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); transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .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)); --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); outline: 2px solid transparent; outline-offset: 2px; box-shadow: none; } .form-field label { pointer-events: none; position: absolute; left: 13px; top: 0.5rem; --tw-border-opacity: 1; border-color: rgb(0 0 0 / var(--tw-border-opacity)); font-size: 12px; --tw-text-opacity: 1; color: rgb(147 147 147 / var(--tw-text-opacity)); transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .form-field .peer:-ms-input-placeholder { --tw-border-opacity: 1; border-color: rgb(201 201 201 / var(--tw-border-opacity)); padding-top: 0.75rem; padding-bottom: 0.75rem; } .form-field .peer:placeholder-shown { --tw-border-opacity: 1; border-color: rgb(201 201 201 / var(--tw-border-opacity)); padding-top: 0.75rem; padding-bottom: 0.75rem; } .form-field .peer:focus { --tw-border-opacity: 1; border-color: rgb(0 0 0 / var(--tw-border-opacity)); padding-top: 21px; padding-bottom: 5px; line-height: 1.25rem; } .form-field .peer { padding-top: 21px; padding-bottom: 5px; line-height: 1.25rem; } .form-field .peer:-ms-input-placeholder ~ label { top: 1rem; --tw-text-opacity: 1; color: rgb(147 147 147 / var(--tw-text-opacity)); -ms-transition-property: all; transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .form-field .peer:placeholder-shown ~ label { top: 1rem; --tw-text-opacity: 1; color: rgb(147 147 147 / var(--tw-text-opacity)); transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .peer.form-input-error ~ label { --tw-text-opacity: 1; color: rgb(157 32 23 / var(--tw-text-opacity)); } .form-field .peer:focus ~ label { top: 0.5rem; --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)); font-size: 12px; --tw-text-opacity: 1; color: rgb(0 0 0 / var(--tw-text-opacity)); } input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } [type="number"] { text-align: center; -moz-appearance: textfield; } [type="number"]:focus { box-shadow: none !important; } .form-field.autocomplete input { padding-right: 2.5rem; } .form-field.autocomplete::after { position: absolute; bottom: 0px; right: 0px; margin-top: 0.5rem; margin-bottom: 0.75rem; display: block; height: 0.75rem; width: 98px; background-image: url('../img/powered-by-google.png'); } [data-content-type$='block'] .form-field.autocomplete::after p:last-child { margin-bottom: 1rem; margin-top: 0px; } .category-view .sidebar .form-field.autocomplete.filter::after { } .form-field.autocomplete::after { content: ''; } .form-field.autocomplete::before { position: absolute; right: 0.75rem; top: 0.75rem; font-family: leroy-icons; font-size: 16px; line-height: 1.5rem; --tw-text-opacity: 1; color: rgb(147 147 147 / var(--tw-text-opacity)); content: '\f187'; } .field.field-reserved.field-error select, .field.field-reserved.field-error input, fieldset .field.field-reserved.field-error input, fieldset .field.field-reserved.field-error select { --tw-border-opacity: 1; border-color: rgb(218 41 28 / var(--tw-border-opacity)); } .form-field.autocomplete-small input { padding-right: 48px; } .form-field.autocomplete-small::before { pointer-events: none; position: absolute; right: 0.75rem; display: block; height: 1.5rem; width: 1.5rem; --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)); background-image: url('../img/small-google.svg'); background-repeat: no-repeat; } [data-content-type$='block'] .form-field.autocomplete-small::before p:last-child { margin-bottom: 1rem; margin-top: 0px; } .category-view .sidebar .form-field.autocomplete-small.filter::before { } .form-field.autocomplete-small::before { content: ''; } .tooltip-element { position: relative; } .tooltip-element .tooltip-wrapper { position: absolute; display: none; --tw-bg-opacity: 1; background-color: rgb(247 247 247 / var(--tw-bg-opacity)); text-align: center; font-size: 12px; line-height: 1rem; --tw-text-opacity: 1; color: rgb(49 49 49 / var(--tw-text-opacity)); --tw-shadow: 0 2px 8px 0 rgba(0, 0, 0, .15);; --tw-shadow-colored: 0 2px 8px 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); } .tooltip-element .tooltip-wrapper .content { display: block; border-radius: 4px; --tw-bg-opacity: 1; background-color: rgb(247 247 247 / var(--tw-bg-opacity)); padding: 0.75rem; } [data-content-type$='block'] .tooltip-element .tooltip-wrapper .content p:last-child { margin-bottom: 1rem; margin-top: 0px; } .category-view .sidebar .tooltip-element .tooltip-wrapper .content.filter { } .tooltip-element.tooltip-left .tooltip-wrapper { right: calc(100% + 12px); top: 50%; z-index: 10; --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)); } .tooltip-element.tooltip-left .tooltip-wrapper::after { position: absolute; right: -8px; top: 50%; display: block; height: 1rem; width: 1rem; --tw-translate-y: -50%; --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)); --tw-bg-opacity: 1; background-color: rgb(247 247 247 / var(--tw-bg-opacity)); --tw-shadow: 0 2px 8px 0 rgba(0, 0, 0, .15);; --tw-shadow-colored: 0 2px 8px 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); } [data-content-type$='block'] .tooltip-element.tooltip-left .tooltip-wrapper::after p:last-child { margin-bottom: 1rem; margin-top: 0px; } .category-view .sidebar .tooltip-element.tooltip-left .tooltip-wrapper.filter::after { } .tooltip-element.tooltip-left .tooltip-wrapper::after { content: ''; z-index: -1; } .tooltip-element.tooltip-left .tooltip-wrapper::before { position: absolute; right: -12px; top: 50%; display: block; height: 100%; width: 0.75rem; --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)); background-color: transparent; } [data-content-type$='block'] .tooltip-element.tooltip-left .tooltip-wrapper::before p:last-child { margin-bottom: 1rem; margin-top: 0px; } .category-view .sidebar .tooltip-element.tooltip-left .tooltip-wrapper.filter::before { } .tooltip-element.tooltip-left .tooltip-wrapper::before { content: ''; } .tooltip-element.tooltip-top .tooltip-wrapper { bottom: calc(100% + 12px); left: 50%; z-index: 10; --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)); } .tooltip-element.tooltip-top .tooltip-wrapper::after { position: absolute; bottom: -8px; left: 50%; display: block; height: 1rem; width: 1rem; --tw-translate-x: -50%; --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)); --tw-bg-opacity: 1; background-color: rgb(247 247 247 / var(--tw-bg-opacity)); --tw-shadow: 0 2px 8px 0 rgba(0, 0, 0, .15);; --tw-shadow-colored: 0 2px 8px 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); } [data-content-type$='block'] .tooltip-element.tooltip-top .tooltip-wrapper::after p:last-child { margin-bottom: 1rem; margin-top: 0px; } .category-view .sidebar .tooltip-element.tooltip-top .tooltip-wrapper.filter::after { } .tooltip-element.tooltip-top .tooltip-wrapper::after { content: ''; z-index: -1; } .tooltip-element.tooltip-top .tooltip-wrapper::before { position: absolute; bottom: -12px; left: 50%; display: block; height: 0.75rem; width: 100%; --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)); background-color: transparent; } [data-content-type$='block'] .tooltip-element.tooltip-top .tooltip-wrapper::before p:last-child { margin-bottom: 1rem; margin-top: 0px; } .category-view .sidebar .tooltip-element.tooltip-top .tooltip-wrapper.filter::before { } .tooltip-element.tooltip-top .tooltip-wrapper::before { content: ''; } .tooltip-element.tooltip-right .tooltip-wrapper { left: calc(100% + 12px); top: 50%; z-index: 10; --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)); } .tooltip-element.tooltip-right .tooltip-wrapper::after { position: absolute; left: -8px; top: 50%; display: block; height: 1rem; width: 1rem; --tw-translate-y: -50%; --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)); --tw-bg-opacity: 1; background-color: rgb(247 247 247 / var(--tw-bg-opacity)); --tw-shadow: 0 2px 8px 0 rgba(0, 0, 0, .15);; --tw-shadow-colored: 0 2px 8px 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); } [data-content-type$='block'] .tooltip-element.tooltip-right .tooltip-wrapper::after p:last-child { margin-bottom: 1rem; margin-top: 0px; } .category-view .sidebar .tooltip-element.tooltip-right .tooltip-wrapper.filter::after { } .tooltip-element.tooltip-right .tooltip-wrapper::after { content: ''; z-index: -1; } .tooltip-element.tooltip-right .tooltip-wrapper::before { position: absolute; left: -12px; top: 50%; display: block; height: 100%; width: 0.75rem; --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)); background-color: transparent; } [data-content-type$='block'] .tooltip-element.tooltip-right .tooltip-wrapper::before p:last-child { margin-bottom: 1rem; margin-top: 0px; } .category-view .sidebar .tooltip-element.tooltip-right .tooltip-wrapper.filter::before { } .tooltip-element.tooltip-right .tooltip-wrapper::before { content: ''; } .tooltip-element.tooltip-bottom .tooltip-wrapper { top: calc(100% + 12px); left: 50%; z-index: 10; --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)); } .tooltip-element.tooltip-bottom .tooltip-wrapper::after { position: absolute; top: -8px; left: 50%; display: block; height: 1rem; width: 1rem; --tw-translate-x: -50%; --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)); --tw-bg-opacity: 1; background-color: rgb(247 247 247 / var(--tw-bg-opacity)); --tw-shadow: 0 2px 8px 0 rgba(0, 0, 0, .15);; --tw-shadow-colored: 0 2px 8px 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); } [data-content-type$='block'] .tooltip-element.tooltip-bottom .tooltip-wrapper::after p:last-child { margin-bottom: 1rem; margin-top: 0px; } .category-view .sidebar .tooltip-element.tooltip-bottom .tooltip-wrapper.filter::after { } .tooltip-element.tooltip-bottom .tooltip-wrapper::after { content: ''; z-index: -1; } .tooltip-element.tooltip-bottom .tooltip-wrapper::before { position: absolute; bottom: -12px; left: 50%; display: block; height: 0.75rem; width: 100%; --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)); background-color: transparent; } [data-content-type$='block'] .tooltip-element.tooltip-bottom .tooltip-wrapper::before p:last-child { margin-bottom: 1rem; margin-top: 0px; } .category-view .sidebar .tooltip-element.tooltip-bottom .tooltip-wrapper.filter::before { } .tooltip-element.tooltip-bottom .tooltip-wrapper::before { content: ''; } .tooltip-element:hover .tooltip-wrapper { display: block; } @media screen and (max-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) { .form-input, .form-email, .form-select, .form-multiselect, .form-textarea, input[type="text"], input[type="email"], input[type="password"], input[type="search"], input[type="tel"], input[type="url"], textarea { font-size: 16px !important; } } .page.messages { position: sticky; top: 1rem; z-index: 20; } .page.messages .messages section#messages { width: 100%; margin-right: auto; margin-left: auto; padding-right: 1.5rem; padding-left: 1.5rem; } @media (min-width: 600px) { .page.messages .messages section#messages { max-width: 600px; } } @media (min-width: 728px) { .page.messages .messages section#messages { max-width: 728px; } } @media (min-width: 984px) { .page.messages .messages section#messages { max-width: 984px; } } @media (min-width: 1240px) { .page.messages .messages section#messages { max-width: 1240px; } } .page.messages .messages section#messages { margin-left: auto; margin-right: auto; padding-left: 0px; padding-right: 0px; padding-bottom: 0.75rem; max-width: 1240px; } .shadow-header > .page.messages .messages section#messages { margin-left: auto; margin-right: auto; max-width: 1240px; } .activation-index-index .page.messages .messages section#messages.title-wrapper { text-align: center; } .breadcrumbs .page.messages .messages section#messages { margin-top: 0.5rem; margin-bottom: 1.5rem; border-style: none; padding-left: 1rem; padding-right: 1rem; --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 (min-width: 1272px) { .breadcrumbs .page.messages .messages section#messages { padding-left: 0px; padding-right: 0px; } } .breadcrumbs .page.messages .messages section#messages .items { border-style: none; padding-top: 0px; padding-bottom: 0px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; } .breadcrumbs .page.messages .messages section#messages .items .item { display: inline; } .breadcrumbs .page.messages .messages section#messages .items .item a { font-size: 12px; line-height: 1rem; --tw-text-opacity: 1; color: rgb(147 147 147 / var(--tw-text-opacity)); } @media (min-width: 1024px) { .breadcrumbs .page.messages .messages section#messages .items .item a { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .breadcrumbs .page.messages .messages section#messages .items .item a:hover { --tw-text-opacity: 1; color: rgb(120 190 32 / var(--tw-text-opacity)); } } .breadcrumbs .page.messages .messages section#messages .items .item:nth-of-type(n+4) { display: none; } @media (min-width: 1024px) { .breadcrumbs .page.messages .messages section#messages .items .item:nth-of-type(n+4) { display: inline; } } .breadcrumbs .page.messages .messages section#messages .items .item:nth-of-type(3):not(.product) a { display: none; } @media (min-width: 1024px) { .breadcrumbs .page.messages .messages section#messages .items .item:nth-of-type(3):not(.product) a { display: inline; } .breadcrumbs .page.messages .messages section#messages .items .item:nth-of-type(3):not(.product)::after { display: none; } } .breadcrumbs .page.messages .messages section#messages .items .item:nth-of-type(3):not(.product)::after { content: '...'; } .breadcrumbs .page.messages .messages section#messages .items .item.product { display: inline; } .breadcrumbs .page.messages .messages section#messages .items .item span { font-size: 12px; font-weight: 600; line-height: 1rem; --tw-text-opacity: 1; color: rgb(147 147 147 / var(--tw-text-opacity)); } .breadcrumbs .page.messages .messages section#messages .items .item span.separator { font-weight: 400; } @media (min-width: 1024px) { .customer-account-create .page.messages .messages section#messages { padding-left: 0px; padding-right: 0px; padding-top: 0px; padding-bottom: 0px; } } .page.messages .messages { padding-top: 0 !important; padding-right: 16px !important; padding-left: 16px !important; } @media (min-width: 1024px) { .page.messages .messages { padding-right: 0 !important; padding-left: 0 !important } } .message { position: relative; margin-bottom: 0.5rem; display: flex; width: 100%; align-items: center; justify-content: space-between; border-radius: 4px; border-width: 1px; --tw-border-opacity: 1; border-color: rgb(157 32 23 / var(--tw-border-opacity)); --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); padding-top: 0.5rem; padding-bottom: 0.5rem; padding-right: 0.5rem; padding-left: 46px; font-size: 14px; line-height: 1.25rem; --tw-text-opacity: 1; color: rgb(157 32 23 / var(--tw-text-opacity)); } .message span::before { position: absolute; left: 1rem; top: 50%; margin-right: 1rem; --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)); font-family: leroy-icons; font-size: 16px; content: '\f169'; } .message.error { --tw-bg-opacity: 1; background-color: rgb(255 235 237 / var(--tw-bg-opacity)); } .message.error a { --tw-text-opacity: 1; color: rgb(157 32 23 / var(--tw-text-opacity)); } .message.error button { --tw-bg-opacity: 1; background-color: rgb(254 242 241 / var(--tw-bg-opacity)); --tw-text-opacity: 1; color: rgb(157 32 23 / var(--tw-text-opacity)); } .message.success { --tw-border-opacity: 1; border-color: rgb(33 69 68 / var(--tw-border-opacity)); --tw-bg-opacity: 1; background-color: rgb(218 237 232 / var(--tw-bg-opacity)); --tw-text-opacity: 1; color: rgb(33 69 68 / var(--tw-text-opacity)); } .message.success a { --tw-text-opacity: 1; color: rgb(33 69 68 / var(--tw-text-opacity)); } .message.success button { --tw-bg-opacity: 1; background-color: rgb(241 248 246 / var(--tw-bg-opacity)); --tw-text-opacity: 1; color: rgb(33 69 68 / var(--tw-text-opacity)); } .message.success span::before { content: '\f192'; } .message.info, .message.notice { --tw-border-opacity: 1; border-color: rgb(16 94 122 / var(--tw-border-opacity)); --tw-bg-opacity: 1; background-color: rgb(226 246 255 / var(--tw-bg-opacity)); --tw-text-opacity: 1; color: rgb(16 94 122 / var(--tw-text-opacity)); } .message.info a, .message.notice a { --tw-text-opacity: 1; color: rgb(16 94 122 / var(--tw-text-opacity)); } .message.info button, .message.notice button { --tw-bg-opacity: 1; background-color: rgb(226 246 255 / var(--tw-bg-opacity)); font-size: 12px; --tw-text-opacity: 1; color: rgb(16 94 122 / var(--tw-text-opacity)); } .message.info span::before, .message.notice span::before { content: '\f1ab'; } .message.info.outlined, .message.notice.outlined { --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); } .message.warning { --tw-border-opacity: 1; border-color: rgb(152 65 8 / var(--tw-border-opacity)); --tw-bg-opacity: 1; background-color: rgb(255 248 225 / var(--tw-bg-opacity)); --tw-text-opacity: 1; color: rgb(152 65 8 / var(--tw-text-opacity)); } .message.warning a { --tw-text-opacity: 1; color: rgb(152 65 8 / var(--tw-text-opacity)); } .message.warning button { --tw-bg-opacity: 1; background-color: rgb(255 252 234 / var(--tw-bg-opacity)); --tw-text-opacity: 1; color: rgb(152 65 8 / var(--tw-text-opacity)); } .message.warning span::before { content: '\f1ac'; } .message a { font-weight: 600; text-decoration-line: underline; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .message a:hover { color: black !important; } .message button { width: 100px; border-radius: 4px; --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); padding-top: 0.25rem; padding-bottom: 0.25rem; padding-right: 0.5rem; padding-left: 0.75rem; font-size: 14px; line-height: 21px; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .message button:hover { --tw-text-opacity: 1; color: rgb(0 0 0 / var(--tw-text-opacity)); } @media (min-width: 1024px) { .message button { display: block; width: auto; } } .message.method-list-message span { max-width: calc(100vw - 170px); } @media (min-width: 768px) { .message.method-list-message span { max-width: 100%; } } .message.checkout-head-message { margin-bottom: 0px; border-style: none; --tw-bg-opacity: 1; background-color: rgb(240 240 240 / var(--tw-bg-opacity)); padding-left: 38px; font-size: 12px; --tw-text-opacity: 1; color: rgb(28 28 28 / var(--tw-text-opacity)); } .message.checkout-head-message span { max-width: calc(100vw - 170px); } @media (min-width: 768px) { .message.checkout-head-message span { max-width: 100%; } } .message.checkout-head-message button { --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); --tw-text-opacity: 1; color: rgb(28 28 28 / var(--tw-text-opacity)); } .message.checkout-head-message span::before { margin-right: 0.5rem; font-size: 14px; } .message button svg { display: none; } .message button::before { content: 'Close'; } .message button::after { margin-left: 0.25rem; font-family: leroy-icons; content: '\f15d'; } .delivery-message-closed .checkout-head-message, .delivery-message-closed .method-list-message { display: none; } .product-item .price-container { display: block; } [data-content-type$='block'] .product-item .price-container p:last-child { margin-bottom: 1rem; margin-top: 0px; } .category-view .sidebar .product-item .price-container.filter { } .product-item .price-container .price { font-size: 1.125rem; line-height: 1.75rem; font-weight: 600; } .product-item .price-container .price-label { font-size: 12px; } .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 { --tw-text-opacity: 1; color: rgb(153 153 153 / var(--tw-text-opacity)); } .product-item .old-price .price-container .price { font-size: 14px; font-weight: 400; } @media (min-width: 1024px) { .catalog-product-view .mobile-only { display: none; } } .catalog-product-view .desktop-only { display: none; } @media (min-width: 1024px) { .catalog-product-view .desktop-only { display: flex; } } .catalog-product-view .delivery-eta-plus-link:not(.loaded) { height: 148px; width: 100%; } @keyframes pulse { 50% { opacity: .5; } } .catalog-product-view .delivery-eta-plus-link:not(.loaded) { animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite; border-radius: 4px; --tw-bg-opacity: 1; background-color: rgb(235 235 235 / var(--tw-bg-opacity)); } .catalog-product-view .delivery-eta-plus-link:not(.loaded) .estimated-shipping { visibility: hidden !important; } .catalog-product-view .add-to-card-section:not(.loaded) { height: 48px; width: 100%; } @keyframes pulse { 50% { opacity: .5; } } .catalog-product-view .add-to-card-section:not(.loaded) { animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite; border-radius: 4px; --tw-bg-opacity: 1; background-color: rgb(235 235 235 / var(--tw-bg-opacity)); } @media (min-width: 1024px) { .catalog-product-view .add-to-card-section:not(.loaded) { height: 40px; } } .catalog-product-view .add-to-card-section:not(.loaded) div { visibility: hidden !important; height: 0px !important; } .catalog-product-view .mirakl-product-offers .offer-price { height: 24px; font-size: 18px; font-weight: 700; line-height: 1.5rem; } .catalog-product-view .mirakl-product-offers .offer-image .product-image-container { display: flex; height: 84px; width: 84px; align-items: center; justify-content: center; } .catalog-product-view .mirakl-product-offers .offer-image .product-image-container .product-image-wrapper { display: flex; align-items: center; justify-content: center; } .catalog-product-view .bv_stars_component_container { pointer-events: none; } .catalog-product-view .main-price-block .wishlist-button { position: absolute; right: 0px; top: -0.25rem; margin-top: 0px; height: 48px; width: 48px; border-style: none; background-color: transparent; --tw-text-opacity: 1; color: rgb(0 0 0 / var(--tw-text-opacity)); } .catalog-product-view .product-sku .border-right::after { content: ''; position: absolute; right: 0px; top: 50%; height: 0.75rem; width: 1px; --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)); --tw-bg-opacity: 1; background-color: rgb(147 147 147 / var(--tw-bg-opacity)); } .catalog-product-view .quantity-wrapper .product-image .product-image-container { height: 76px; width: 76px; } @media (min-width: 1024px) { .catalog-product-view .quantity-wrapper .product-image .product-image-container { height: 96px; width: 96px; } } .catalog-product-view .quantity-wrapper .product-image .product-image-container .product-image-wrapper { height: 76px; width: 76px; } @media (min-width: 1024px) { .catalog-product-view .quantity-wrapper .product-image .product-image-container .product-image-wrapper { height: 96px; width: 96px; } } .catalog-product-view .quantity-wrapper .product-image .product-image-container .product-image-wrapper .product-image-photo { margin: auto; height: 76px; width: auto; } @media (min-width: 1024px) { .catalog-product-view .quantity-wrapper .product-image .product-image-container .product-image-wrapper .product-image-photo { height: 96px; width: auto; } .catalog-product-view .sticky-price-wrapper { margin-top: 0.25rem; height: 56px; } } .catalog-product-view .sticky-price-wrapper .old-price { top: 0.75rem; } @media (min-width: 1024px) { .catalog-product-view .sticky-price-wrapper .old-price { position: relative; } } .catalog-product-view .sticky-price-wrapper .from-element { margin-bottom: 0px; margin-right: 0.75rem; font-size: 14px; line-height: 1rem; } @media (min-width: 1024px) { .catalog-product-view .sticky-price-wrapper .from-element { font-size: 32px; line-height: 56px; } } .catalog-product-view .title-wrapper h1, .catalog-product-view .title-wrapper span { margin-bottom: 0px; display: flex; font-size: 18px; font-weight: 700; line-height: 1.5rem; } @media (min-width: 1024px) { .catalog-product-view .title-wrapper h1, .catalog-product-view .title-wrapper span { margin-bottom: 0px; font-size: 24px; line-height: 2rem; } .catalog-product-view .top-container, .catalog-product-view .page-main { padding-left: 1rem; padding-right: 1rem; } } @media (min-width: 1272px) { .catalog-product-view .top-container, .catalog-product-view .page-main { padding-left: 0px; padding-right: 0px; } } .catalog-product-view .cashbuild-product.mirakl-offers-wrapper { height: 0px !important; overflow: hidden; } @keyframes pulse { 50% { opacity: .5; } } .catalog-product-view .cashbuild-product .price-wrapper { animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite; border-radius: 4px; --tw-bg-opacity: 1; background-color: rgb(235 235 235 / var(--tw-bg-opacity)); } .catalog-product-view .cashbuild-product .price-wrapper > div { opacity: 0; } .catalog-product-view .cashbuild-product.pdp-product-info-badge-wrapper { min-height: 24px; } @keyframes pulse { 50% { opacity: .5; } } .catalog-product-view .cashbuild-product.pdp-product-info-badge-wrapper { animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite; border-radius: 4px; --tw-bg-opacity: 1; background-color: rgb(235 235 235 / var(--tw-bg-opacity)); } .catalog-product-view .cashbuild-product.pdp-product-info-badge-wrapper > div { opacity: 0; } .catalog-product-view .wishlist-no-stock { background: linear-gradient(to bottom left, #1C1C1C 6.37%, #1C1C1C 49.61%, #000 49.62%, #000 92.75%); } .catalog-product-view .wishlist-no-stock:hover { --tw-bg-opacity: 1; background-color: rgb(128 128 128 / var(--tw-bg-opacity)); box-shadow: 0px 3px 14px 2px rgba(0, 0, 0, .12), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 5px 5px -3px rgba(0, 0, 0, .20); } .catalog-product-view .wishlist-no-stock { font-weight: 600; --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); width: 100% !important; font-size: 14px !important; } .catalog-product-view .freeDeliveryPopup::before { position: absolute; bottom: -5px; height: 0.75rem; width: 0.75rem; --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)); --tw-bg-opacity: 1; background-color: rgb(247 247 247 / var(--tw-bg-opacity)); } @media (min-width: 1024px) { .catalog-product-view .freeDeliveryPopup::before { left: 50%; } } .catalog-product-view .freeDeliveryPopup::before { content: ""; transform: translateX(-50%) rotate(45deg); box-shadow: 6px 4px 8px rgba(0, 0, 0, .1); } .catalog-product-view .freeDeliveryPopup.freeDelivery::before, .catalog-product-view .freeDeliveryPopup.noFreeDelivery::before { left: 50%; } .catalog-product-view .freeDeliveryPopup.posibleFreeDelivery::before { left: 84px; } .catalog-product-view .freeDeliveryHover:hover .freeDeliveryPopup { display: block; } [data-content-type$='block'] .catalog-product-view .freeDeliveryHover:hover .freeDeliveryPopup p:last-child { margin-bottom: 1rem; margin-top: 0px; } .category-view .sidebar .catalog-product-view .freeDeliveryHover:hover .freeDeliveryPopup.filter { } .catalog-product-view .disabled { pointer-events: none; opacity: 0.5; } .catalog-product-view .estimated-shipping { --tw-text-opacity: 1; color: rgb(49 49 49 / var(--tw-text-opacity)); } .catalog-product-view .estimated-shipping .value { font-weight: 600; } .catalog-product-view .estimated-shipping > div::before { position: absolute; left: 0px; top: 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)); font-size: 18px; } .catalog-product-view .old-price .price { position: relative; } .catalog-product-view .old-price .price::before { position: absolute; top: 50%; display: block; height: 1px; width: 100%; --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)); --tw-bg-opacity: 1; background-color: rgb(147 147 147 / var(--tw-bg-opacity)); } [data-content-type$='block'] .catalog-product-view .old-price .price::before p:last-child { margin-bottom: 1rem; margin-top: 0px; } .category-view .sidebar .catalog-product-view .old-price .price.filter::before { } .catalog-product-view .old-price .price::before { content: ''; } .catalog-product-view .page-product-bundle .price-final_price .price-from .price-container, .catalog-product-view .page-product-bundle .price-final_price .price-to .price-container { margin-bottom: 1rem; display: block; --tw-text-opacity: 1; color: rgb(96 96 96 / var(--tw-text-opacity)); } [data-content-type$='block'] .catalog-product-view .page-product-bundle .price-final_price .price-from .price-container p:last-child,[data-content-type$='block'] .catalog-product-view .page-product-bundle .price-final_price .price-to .price-container p:last-child { margin-bottom: 1rem; margin-top: 0px; } .category-view .sidebar .catalog-product-view .page-product-bundle .price-final_price .price-from .price-container.filter,.category-view .sidebar .catalog-product-view .page-product-bundle .price-final_price .price-to .price-container.filter { } .catalog-product-view .page-product-bundle .price-final_price .price-from .price-container .price-label, .catalog-product-view .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'] .catalog-product-view .page-product-bundle .price-final_price .price-from .price-container .price-label p:last-child,[data-content-type$='block'] .catalog-product-view .page-product-bundle .price-final_price .price-to .price-container .price-label p:last-child { margin-bottom: 1rem; margin-top: 0px; } .category-view .sidebar .catalog-product-view .page-product-bundle .price-final_price .price-from .price-container .price-label.filter,.category-view .sidebar .catalog-product-view .page-product-bundle .price-final_price .price-to .price-container .price-label.filter { } .catalog-product-view .page-product-bundle .price-final_price .price-from .price-container .price, .catalog-product-view .page-product-bundle .price-final_price .price-to .price-container .price { font-size: 18px; font-weight: 600; line-height: 1.25; --tw-text-opacity: 1; color: rgb(49 49 49 / var(--tw-text-opacity)); } .catalog-product-view .page-product-bundle .price-final_price .price-from .price-including-tax + .price-excluding-tax, .catalog-product-view .page-product-bundle .price-final_price .price-to .price-including-tax + .price-excluding-tax { margin-top: 0.25rem; } .catalog-product-view .page-product-bundle .price-final_price .price-from .price-including-tax + .price-excluding-tax .price, .catalog-product-view .page-product-bundle .price-final_price .price-to .price-including-tax + .price-excluding-tax .price { font-size: 14px; } .catalog-product-view .page-product-bundle .price-final_price .price-from .old-price .price-container .price, .catalog-product-view .page-product-bundle .price-final_price .price-from .old-price .price-container .price-label, .catalog-product-view .page-product-bundle .price-final_price .price-to .old-price .price-container .price, .catalog-product-view .page-product-bundle .price-final_price .price-to .old-price .price-container .price-label { display: inline; font-size: 14px; font-weight: 400; --tw-text-opacity: 1; color: rgb(153 153 153 / var(--tw-text-opacity)); } .catalog-product-view .pdp-product-info-badges { display: flex; justify-content: center; gap: 1rem; } .catalog-product-view .pdp-product-info-badges .pdp-product-info-badges-item { display: flex; width: 100%; flex-direction: column; gap: 0.25rem; text-align: center; } .catalog-product-view .pdp-product-info-badges .pdp-product-info-badges-item .icon { display: block; height: 2.5rem; width: 100%; border-radius: 4px; --tw-bg-opacity: 1; background-color: rgb(240 240 240 / var(--tw-bg-opacity)); text-align: center; font-size: 24px; line-height: 2.5rem; } [data-content-type$='block'] .catalog-product-view .pdp-product-info-badges .pdp-product-info-badges-item .icon p:last-child { margin-bottom: 1rem; margin-top: 0px; } .category-view .sidebar .catalog-product-view .pdp-product-info-badges .pdp-product-info-badges-item .icon.filter { } .catalog-product-view .pdp-product-info-badges .pdp-product-info-badges-item span { font-size: 10px; } .catalog-product-view .pdp-product-info-badges .pargo-badge .icon { background-image: url('../img/pargo-small.svg'); background-position: center; background-repeat: no-repeat; } .catalog-product-view .tile-calculator-modal [data-content-type="row"] { margin-top: 1.5rem; padding: 0px; padding: 0 !important; } .catalog-product-view .tile-calculator-modal [data-content-type="row"] > div { padding: 0 !important; margin: 0 !important; } .catalog-product-view .offer-image .product-image-photo { margin-left: auto; margin-right: auto; max-height: 100%; width: auto; border-radius: 4px; } .catalog-product-view .checkmark-after.unchecked-after::after { font-family: leroy-icons; content: '\f1aa'; } .catalog-product-view .checkmark-after.checked-after::after { font-family: leroy-icons; content: '\f1a9'; } .catalog-product-view .sticky-pdp-action .wishlist-button { margin-top: 0.5rem; height: 3rem; width: 3rem; } @media (min-width: 1024px) { .catalog-product-view .sticky-pdp-action .wishlist-button { margin-top: 0.25rem; height: 3.5rem; width: 3.5rem; } } .catalog-product-view .sticky-pdp-action .wishlist-button.wishlist-no-stock { max-width: 336px; } .catalog-product-view .sticky-pdp-action .price-per-meter, .catalog-product-view .sticky-pdp-action .price-box { height: 1.5rem; } @media (min-width: 1024px) { .catalog-product-view .sticky-pdp-action .price-per-meter, .catalog-product-view .sticky-pdp-action .price-box { margin-right: 0.75rem; } } .catalog-product-view .sticky-pdp-action .price-per-meter { line-height: 1.5rem; } .catalog-product-view .sticky-pdp-action .price-per-meter .per-meter, .catalog-product-view .sticky-pdp-action .price-per-meter .price, .catalog-product-view .sticky-pdp-action .final-price .per-meter, .catalog-product-view .sticky-pdp-action .final-price .price { font-size: 16px; line-height: 1.5rem; } @media (min-width: 1024px) { .catalog-product-view .sticky-pdp-action .price-per-meter .per-meter, .catalog-product-view .sticky-pdp-action .price-per-meter .price, .catalog-product-view .sticky-pdp-action .final-price .per-meter, .catalog-product-view .sticky-pdp-action .final-price .price { vertical-align: bottom; font-size: 32px; line-height: 56px; } } .catalog-product-view .sticky-pdp-action .price-per-meter ~ .price-container { display: none !important; } @media (min-width: 1024px) { .catalog-product-view .sticky-pdp-action .old-price { margin-right: 0px; } } .catalog-product-view .sticky-pdp-action .old-price .price { font-size: 14px; line-height: 1.5rem; } @media (min-width: 1024px) { .catalog-product-view .sticky-pdp-action .old-price .price { vertical-align: bottom; line-height: 64px; } } .catalog-product-view .product-info-main [data-bv-show="rating_summary"] { display: inline-block; max-height: 20px; min-height: 20px; } .catalog-product-view .product-info-main [data-bv-show="rating_summary"] .bv_main_container .bv_main_container_row_flex { padding-right: 0 !important; } .catalog-product-view .product-info-main [data-bv-show="rating_summary"] .bv_ratings_summary { margin-right: 8px !important; } .catalog-product-view klevu-init.hydrated { position: absolute; left: 0.75rem; margin-top: 30px; } @media (min-width: 420px) { .catalog-product-view klevu-init.hydrated { position: relative; left: auto; top: -6px; margin-top: 0px; margin-left: 0.25rem; } } @media (min-width: 768px) { .catalog-product-view klevu-init.hydrated { position: absolute; top: auto; margin-top: -4px; margin-left: 8px; } } .catalog-product-view .left-product-info:has(klevu-init) [data-bv-show="rating_summary"] { padding-bottom: 56px; } @media (min-width: 640px) { .catalog-product-view .left-product-info:has(klevu-init) [data-bv-show="rating_summary"] { padding-bottom: 0px; } } .catalog-product-view .collapsible .title::after { position: absolute; top: 50%; right: 0.75rem; --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)); font-family: leroy-icons; content: "\f15e"; } .catalog-product-view .collapsible-closed .title::after { position: absolute; top: 50%; right: 0.75rem; --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)); font-family: leroy-icons; content: "\f16a"; } .catalog-product-view .prose { width: 100%; max-width: 100%; font-size: 14px; --tw-text-opacity: 1; color: rgb(49 49 49 / var(--tw-text-opacity)); } .catalog-product-view .prose [data-content-type="html"] { width: 100%; } .catalog-product-view .pdp-product-info-badges-badge { position: relative; display: inline-block; border-radius: 4px; border-width: 1px; padding-top: 2px; padding-bottom: 2px; padding-left: 0.5rem; padding-right: 0.5rem; font-size: 10px; line-height: 1rem; } .catalog-product-view .pdp-product-info-badges-badge .tooltip-element.tooltip-top .tooltip-wrapper { left: -48px; } @media (min-width: 1024px) { .catalog-product-view .pdp-product-info-badges-badge .tooltip-element.tooltip-top .tooltip-wrapper { left: 50%; } } .catalog-product-view .pdp-product-info-badges-badge .tooltip-element.tooltip-top .tooltip-wrapper:after { left: 120px; } @media (min-width: 1024px) { .catalog-product-view .pdp-product-info-badges-badge .tooltip-element.tooltip-top .tooltip-wrapper:after { left: 50%; } } .catalog-product-view .pdp-product-info-badges-badge .tooltip-element.tooltip-top .tooltip-wrapper.refunds-in-store-tooltip { left: -73px; } @media (min-width: 1024px) { .catalog-product-view .pdp-product-info-badges-badge .tooltip-element.tooltip-top .tooltip-wrapper.refunds-in-store-tooltip { left: 50%; } } .catalog-product-view .pdp-product-info-badges-badge .tooltip-element.tooltip-top .tooltip-wrapper.refunds-in-store-tooltip:after { left: 185px; } @media (min-width: 1024px) { .catalog-product-view .pdp-product-info-badges-badge .tooltip-element.tooltip-top .tooltip-wrapper.refunds-in-store-tooltip:after { left: 50%; } } .catalog-product-view .product-info-badges .pargo-badge { display: none; } .catalog-product-view .product-info-badges a { text-decoration-line: underline; } .catalog-product-view .product-info-badges.pargo-available .pargo-badge { display: inline-block; } .catalog-product-view .product-info-badges.mirakl-product .click-and-collect-badge { display: none; } .catalog-product-view .product-info-badges.mirakl-product .pargo-badge { display: none; } .catalog-product-view [data-bv-show="rating_summary"] .bv_main_container_row_flex .bv_main_container_row_flex:last-of-type { display: none !important; } .catalog-product-view .offer-price .price-wrapper.price-excluding-tax { display: none; } .catalog-product-view .service-carousel { margin-bottom: 36px; } .catalog-product-view .service-carousel .splide__pagination { bottom: -20px; height: 0.5rem; gap: 0.75rem; } .catalog-product-view .service-carousel .splide__pagination li { height: 0.5rem; width: 0.5rem; line-height: 8px; } .catalog-product-view .service-carousel .splide__pagination li button { margin: 0px; height: 0.5rem; width: 0.5rem; border-radius: 9999px; --tw-bg-opacity: 1; background-color: rgb(201 201 201 / var(--tw-bg-opacity)); opacity: 1; } @media (min-width: 1024px) { .catalog-product-view .service-carousel .splide__pagination li button { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .catalog-product-view .service-carousel .splide__pagination li button:hover { --tw-bg-opacity: 1; background-color: rgb(96 96 96 / var(--tw-bg-opacity)); } } .catalog-product-view .service-carousel .splide__pagination li button.is-active { box-sizing: border-box; transform: none; --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); box-shadow: inset 0 0 0 1px #000; } .catalog-product-view .service-carousel .splide__arrows .splide__arrow { position: absolute; top: 50%; height: 2rem; width: 2rem; --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); --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) { .catalog-product-view .service-carousel .splide__arrows .splide__arrow { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .catalog-product-view .service-carousel .splide__arrows .splide__arrow:hover { --tw-text-opacity: 1; color: rgb(60 135 0 / var(--tw-text-opacity)); } } .catalog-product-view .service-carousel .splide__arrows .splide__arrow::before { 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)); line-height: 2rem; } .catalog-product-view .product-offers { position: relative; } .catalog-product-view .product-offers .offer-item { position: relative; } .catalog-product-view .product-offers .offer-item:not(:first-of-type) { display: none; } .catalog-product-view .product-offers .offer-item .special-price-wrapper .price:not(.offer-old-price) { --tw-text-opacity: 1; color: rgb(218 41 28 / var(--tw-text-opacity)); } .catalog-product-view .product-offers .offer-item .special-price-wrapper .price:not(.offer-old-price) + .price { font-weight: 400; --tw-text-opacity: 1; color: rgb(147 147 147 / var(--tw-text-opacity)); } .catalog-product-view .product-offers .splide__arrow { height: calc(100% - 32px); background-color: transparent; --tw-text-opacity: 1; color: rgb(49 49 49 / var(--tw-text-opacity)); } @media (min-width: 1024px) { .catalog-product-view .product-offers .splide__arrow { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .catalog-product-view .product-offers .splide__arrow:hover { --tw-text-opacity: 1; color: rgb(60 135 0 / var(--tw-text-opacity)); } } .catalog-product-view .product-offers .splide__arrow::before { z-index: 10; font-family: leroy-icons; font-size: 18px; } .catalog-product-view .product-offers .splide__arrow::before:before { display: inline-block; font-family: "leroy-icons"; font-style: normal; font-weight: normal; font-variant: normal; line-height: 1; text-decoration: inherit; text-rendering: optimizeLegibility; text-transform: none; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; content: "\f16c"; } .kuFilters .kuFilterBox[data-filter="stock_flag"] .catalog-product-view .product-offers .splide__arrow::before, .kuFilters .kuFilterBox[data-filter="store_flag"] .catalog-product-view .product-offers .splide__arrow::before, .kuFilters .kuFilterBox[data-filter="delivery_flag"] .catalog-product-view .product-offers .splide__arrow::before { display: none; } .kuFilters .kuFilterBox .kuFilterHead .catalog-product-view .product-offers .splide__arrow::before { position: absolute; right: 0.5rem; --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)); font-size: 0.75rem; line-height: 1rem; --tw-text-opacity: 1; color: rgb(0 0 0 / var(--tw-text-opacity)); transition-property: transform; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .kuFilters .kuFilterBox .kuFilterHead.kuExpand .catalog-product-view .product-offers .splide__arrow::before { --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)); } .kuFilters .kuFilterBox[data-filter="klevu_price"] .catalog-product-view .product-offers .splide__arrow::before { right: 0.75rem; --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)); } .kuFilters .kuFilterBox[data-filter="klevu_price"] .kuFilterHead.kuExpand .catalog-product-view .product-offers .splide__arrow::before { --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)); } .klevu-search-result-page .columns .main .kuSearchResultsPageContainer .selectedTags .tagsHead .catalog-product-view .product-offers .splide__arrow::before, .klevu-catalog-page .columns .main .kuSearchResultsPageContainer .selectedTags .tagsHead .catalog-product-view .product-offers .splide__arrow::before { --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)); transition-property: transform; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .klevu-search-result-page .columns .main .kuSearchResultsPageContainer .selectedTags .tagsHead.open .catalog-product-view .product-offers .splide__arrow::before, .klevu-catalog-page .columns .main .kuSearchResultsPageContainer .selectedTags .tagsHead.open .catalog-product-view .product-offers .splide__arrow::before { --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)); } .klevu-search-result-page .kuDropItemsPerpage .catalog-product-view .product-offers .splide__arrow::before, .klevu-catalog-page .kuDropItemsPerpage .catalog-product-view .product-offers .splide__arrow::before { position: absolute; right: 0.5rem; --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)); font-size: 14px; --tw-text-opacity: 1; color: rgb(0 0 0 / var(--tw-text-opacity)); transition-property: transform; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .klevu-search-result-page .kuDropItemsPerpage:hover .catalog-product-view .product-offers .splide__arrow::before, .klevu-catalog-page .kuDropItemsPerpage:hover .catalog-product-view .product-offers .splide__arrow::before { --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)); } .category-links-widget.is-dropdown .show-more-button .catalog-product-view .product-offers .splide__arrow::before { position: absolute; margin-left: 0.75rem; --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)); transition-property: transform; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .category-links-widget.is-dropdown.open .catalog-product-view .product-offers .splide__arrow::before { --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)); } .catalog-product-view .product-offers .splide__arrow::before { content: "\f16c"; } .catalog-product-view .product-offers .splide__arrow::after { pointer-events: none; position: absolute; right: 0px; top: 0px; display: block; height: 100%; width: 100px; } [data-content-type$='block'] .catalog-product-view .product-offers .splide__arrow::after p:last-child { margin-bottom: 1rem; margin-top: 0px; } .category-view .sidebar .catalog-product-view .product-offers .splide__arrow.filter::after { } .catalog-product-view .product-offers .splide__arrow::after { content: ''; background: linear-gradient(270deg, #FFF -4.17%, rgba(255, 255, 255, 0.00) 100%); } .catalog-product-view .product-offers .splide__arrow--next { right: -16px; top: 2rem; width: 2.5rem; --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)); } .catalog-product-view .product-offers .splide__arrow--prev { left: -16px; top: 2rem; width: 2.5rem; --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)); } .catalog-product-view .product-offers .splide__arrow--prev::after { left: 0px; --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)); } .catalog-product-view .product-offers .splide__arrow--prev::before { --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)); } .catalog-product-view .product-offers .splide__arrow svg { display: none; } .catalog-product-view .product-offers.splide { visibility: visible; } .catalog-product-view .product-offers .splide__pagination { bottom: -20px; height: 0.5rem; gap: 0.75rem; } .catalog-product-view .product-offers .splide__pagination li { height: 0.5rem; width: 0.5rem; line-height: 8px; } .catalog-product-view .product-offers .splide__pagination li button { margin: 0px; height: 0.5rem; width: 0.5rem; border-radius: 9999px; --tw-bg-opacity: 1; background-color: rgb(201 201 201 / var(--tw-bg-opacity)); opacity: 1; } @media (min-width: 1024px) { .catalog-product-view .product-offers .splide__pagination li button { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .catalog-product-view .product-offers .splide__pagination li button:hover { --tw-bg-opacity: 1; background-color: rgb(96 96 96 / var(--tw-bg-opacity)); } } .catalog-product-view .product-offers .splide__pagination li button.is-active { box-sizing: border-box; transform: none; --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); box-shadow: inset 0 0 0 1px #000; } .catalog-product-view .product-offers.is-active { margin-bottom: 2rem; } .catalog-product-view .product-offers.is-active .offer-item:not(:first-of-type) { display: block; } [data-content-type$='block'] .catalog-product-view .product-offers.is-active .offer-item:not(:first-of-type) p:last-child { margin-bottom: 1rem; margin-top: 0px; } .category-view .sidebar .catalog-product-view .product-offers.is-active .offer-item:not(:first-of-type).filter { } .catalog-product-view .product-sticky-image .product-image-photo { margin-left: auto; margin-right: auto; max-height: 64px; width: auto; } .wishlist-widget .price-box .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; } .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 { /* * TODO: add tailwind classes used for the cart and modal styles. * This will make the modal and off-canvas styles theme specific and more adjustable. */ } .idukki-popup-banner-message { margin-left: auto; margin-right: auto; margin-top: 15px; display: flex; width: 520px; justify-content: center; border-radius: 4px; border-width: 1px; --tw-border-opacity: 1; border-color: rgb(60 135 0 / var(--tw-border-opacity)); --tw-bg-opacity: 1; background-color: rgb(239 246 230 / var(--tw-bg-opacity)); padding-top: 0.5rem; padding-bottom: 0.5rem; font-size: 14px; --tw-text-opacity: 1; color: rgb(60 135 0 / var(--tw-text-opacity)); } .idukki-popup-banner-message.negative { --tw-border-opacity: 1; border-color: rgb(152 65 8 / var(--tw-border-opacity)); --tw-bg-opacity: 1; background-color: rgb(255 248 225 / var(--tw-bg-opacity)); --tw-text-opacity: 1; color: rgb(152 65 8 / var(--tw-text-opacity)); } .backdrop { position: fixed; top: 0px; right: 0px; bottom: 0px; left: 0px; display: flex; background-color: rgb(0 0 0 / var(--tw-bg-opacity)); --tw-bg-opacity: 0.6; } .modal-header { position: relative; border-bottom-width: 1px; border-style: solid; --tw-border-opacity: 1; border-bottom-color: rgb(201 201 201 / var(--tw-border-opacity)); padding-top: 1rem; padding-bottom: 1rem; padding-left: 0.75rem; padding-right: 0.75rem; } .modal-header.menu-header { border-style: none; padding-top: 0.75rem; padding-bottom: 0.75rem; padding-left: 0.75rem; padding-right: 0.75rem; } .modal-header.menu-header.department-header { --tw-bg-opacity: 1; background-color: rgb(120 190 32 / var(--tw-bg-opacity)); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); --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); background: linear-gradient(to bottom left, #48A101 6.37%, #48A101 49.61%, #3D8801 49.62%, #3D8801 92.75%); } .modal-header.menu-header.department-header .modal-title { width: 100%; max-width: 220px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .modal-header.menu-header.department-header.level-0 { background: linear-gradient(to bottom left, #78BE20 6.37%, #78BE20 49.61%, #569325 49.62%, #569325 92.75%); } .modal-header.menu-header.department-header.level-1 { background: linear-gradient(to bottom left, #8AC202 6.37%, #8AC202 49.61%, #63B61D 49.62%, #63B61D 92.75%); } .modal-header.menu-header.department-header.level-2, .modal-header.menu-header.department-header.level-3 { background: linear-gradient(to bottom left, #A1D26D 6.37%, #A1D26D 49.61%, #79BF21 49.62%, #79BF21 92.75%); } .modal-header.menu-header.pre-step-header { padding-left: 80px; } .modal-header.menu-header .modal-title { font-size: 14px; } .modal-header.menu-header .modal-close { top: 50%; right: 0.75rem; box-sizing: border-box; display: flex; height: 1.5rem; width: 72px; --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)); flex-wrap: wrap; justify-content: center; gap: 0.5rem; border-radius: 4px; --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); padding: 0px; --tw-text-opacity: 1; color: rgb(28 28 28 / var(--tw-text-opacity)); } .modal-header.menu-header .modal-close span { display: inline-block; font-size: 12px; line-height: 1.5rem; } .modal-header.menu-header .modal-close::before { order: 2; display: inline-block; font-size: 14px !important; position: static !important; line-height: 24px !important; transform: none !important; } .modal-header.menu-header .main-menu-logo { position: absolute; top: 0px; left: 0px; height: 48px; width: 80px; } .modal-header.menu-header .main-menu-logo::after { position: absolute; top: 0px; right: 0px; display: block; height: 0px; width: 0px; border-style: solid; } [data-content-type$='block'] .modal-header.menu-header .main-menu-logo::after p:last-child { margin-bottom: 1rem; margin-top: 0px; } .category-view .sidebar .modal-header.menu-header .main-menu-logo.filter::after { } .modal-header.menu-header .main-menu-logo::after { border-width: 0 48px 48px 0; border-color: transparent #f0f0f0 transparent transparent; content: ''; } .modal-close { position: absolute; top: 50%; right: 0px; box-sizing: content-box; height: 18px; width: 18px; --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)); cursor: pointer; padding: 0.75rem; --tw-text-opacity: 1; color: rgb(0 0 0 / var(--tw-text-opacity)); transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .modal .modal-header .modal-close::before { position: absolute; top: 50%; left: 50%; --tw-translate-y: -50%; --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)); font-size: 1.125rem; line-height: 1.75rem; font-weight: 300; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .modal-title { font-size: 16px; font-weight: 700; line-height: 1.5rem; --tw-text-opacity: 1; color: rgb(0 0 0 / var(--tw-text-opacity)); } .modal-content { max-height: calc(100vh - 64px); padding: 1.5rem; } .modal-content.pre-step-content { padding-top: 0px; padding-bottom: 0px; padding-left: 0.75rem; padding-right: 0.75rem; } .modal-content.pre-step-content .header-social-links, .modal-content.pre-step-content .header-custom-links { margin: 0px; } .modal-content.pre-step-content .header-social-links .main-menu__lnk, .modal-content.pre-step-content .header-custom-links .main-menu__lnk { position: relative; display: block; height: 3rem; border-bottom-width: 1px; --tw-border-opacity: 1; border-color: rgb(235 235 235 / var(--tw-border-opacity)); padding: 0px; font-size: 14px; line-height: 48px; --tw-text-opacity: 1; color: rgb(0 0 0 / var(--tw-text-opacity)); } [data-content-type$='block'] .modal-content.pre-step-content .header-social-links .main-menu__lnk p:last-child,[data-content-type$='block'] .modal-content.pre-step-content .header-custom-links .main-menu__lnk p:last-child { margin-bottom: 1rem; margin-top: 0px; } .category-view .sidebar .modal-content.pre-step-content .header-social-links .main-menu__lnk.filter,.category-view .sidebar .modal-content.pre-step-content .header-custom-links .main-menu__lnk.filter { } .modal-content.pre-step-content .header-social-links .main-menu__lnk.visible-mobile, .modal-content.pre-step-content .header-custom-links .main-menu__lnk.visible-mobile { display: none; } .modal-content.pre-step-content .header-social-links .main-menu__lnk.stand-out, .modal-content.pre-step-content .header-custom-links .main-menu__lnk.stand-out { --tw-text-opacity: 1; color: rgb(60 135 0 / var(--tw-text-opacity)); text-decoration-line: none; } .modal-content.pre-step-content .header-social-links .main-menu__lnk::before, .modal-content.pre-step-content .header-custom-links .main-menu__lnk::before { display: none; } .modal-content.pre-step-content .department::before { position: absolute; right: 0px; top: 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)); } .splitted-payments .payflex-info-logo, .price-wrapper .payflex-info-logo { height: 19px; background-size: 50px 12px; background-repeat: no-repeat; background-position: center; vertical-align: bottom; } .payflex-modal .payflex-logo { margin-bottom: 0.5rem; display: block; height: 1.5rem; width: 101px; background-image: url('../img/payflex.png'); background-size: contain; } [data-content-type$='block'] .payflex-modal .payflex-logo p:last-child { margin-bottom: 1rem; margin-top: 0px; } .category-view .sidebar .payflex-modal .payflex-logo.filter { } .payflex-modal .logo-sub-text { margin-bottom: 1rem; font-size: 12px; line-height: 1rem; } .payflex-modal .sub-title { margin-bottom: 0.25rem; font-weight: 600; } .payflex-modal .sub-text { margin-bottom: 1rem; font-size: 12px; line-height: 1rem; } .payflex-modal .step-list { margin-bottom: 0.75rem; display: flex; flex-wrap: wrap; gap: 0.5rem; } @media (min-width: 1024px) { .payflex-modal .step-list { gap: 1rem; } } .payflex-modal .step-list .step { width: 100%; border-radius: 4px; border-width: 1px; --tw-border-opacity: 1; border-color: rgb(201 201 201 / var(--tw-border-opacity)); --tw-bg-opacity: 1; background-color: rgb(250 250 250 / var(--tw-bg-opacity)); padding: 0.5rem; text-align: center; } @media (min-width: 1024px) { .payflex-modal .step-list .step { padding: 0.75rem; width: calc(50% - 8px); } } .payflex-modal .step-list .circle { margin-left: auto; margin-right: auto; margin-bottom: 0.75rem; display: block; height: 2rem; width: 2rem; border-radius: 9999px; border-width: 1px; --tw-border-opacity: 1; border-color: rgb(0 0 0 / var(--tw-border-opacity)); --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); font-size: 18px; font-weight: 600; line-height: 30px; } [data-content-type$='block'] .payflex-modal .step-list .circle p:last-child { margin-bottom: 1rem; margin-top: 0px; } .category-view .sidebar .payflex-modal .step-list .circle.filter { } .payflex-modal .step-list .step-desc { font-size: 12px; line-height: 1rem; } .payflex-modal .validation-list li { position: relative; margin-bottom: 0.5rem; padding-left: 1.5rem; font-size: 12px; } .payflex-modal .validation-list li::before { content: "\f192"; position: absolute; left: 0px; top: 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)); font-family: leroy-icons; } .payflex-modal .more-info { margin-top: 0.75rem; font-size: 12px; } .payflex-modal .more-info a { font-weight: 600; --tw-text-opacity: 1; color: rgb(120 190 32 / var(--tw-text-opacity)); } @media (min-width: 1024px) { .payflex-modal .more-info a { cursor: pointer; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .payflex-modal .more-info a:hover { --tw-text-opacity: 1; color: rgb(153 153 153 / var(--tw-text-opacity)); } } .snap { -ms-scroll-snap-type: x mandatory; scroll-snap-type: x mandatory; -ms-overflow-style: none; scroll-behavior: smooth; scrollbar-width: none; } .snap::-webkit-scrollbar { display: none; } .snap > div { scroll-snap-align: start; } .glider-next.disabled, .glider-prev.disabled { pointer-events: none; } .product-carousel__arrows .splide__arrow { height: 2rem; width: 2rem; --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); 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) { .product-carousel__arrows .splide__arrow { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .product-carousel__arrows .splide__arrow:hover { --tw-text-opacity: 1; color: rgb(60 135 0 / var(--tw-text-opacity)); } } .product-carousel__arrows .splide__arrow::before { position: absolute; top: 50%; left: 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)); } .product-carousel__arrows .splide__arrow--next { right: -12px; } .product-carousel__arrows .splide__arrow--prev { left: -12px; } .widget-product-carousel.splide, .widget-dy-carousel.splide { visibility: visible; } .widget-product-carousel:not(.is-active) .splide__arrows, .widget-dy-carousel:not(.is-active) .splide__arrows { display: none; } .widget-product-carousel:not(.is-active) .splide__list, .widget-dy-carousel:not(.is-active) .splide__list { display: flex; flex-wrap: wrap; gap: 1rem; } .widget-product-carousel:not(.is-active) .splide__list .splide__slide, .widget-dy-carousel:not(.is-active) .splide__list .splide__slide { width: calc(50% - 8px); } @media (min-width: 768px) { .widget-product-carousel:not(.is-active) .splide__list .splide__slide, .widget-dy-carousel:not(.is-active) .splide__list .splide__slide { width: calc(33% - 8px); } } @media (min-width: 1024px) { .widget-product-carousel:not(.is-active) .splide__list .splide__slide, .widget-dy-carousel:not(.is-active) .splide__list .splide__slide { width: calc(25% - 13px); } } @media (min-width: 1240px) { .widget-product-carousel:not(.is-active) .splide__list .splide__slide, .widget-dy-carousel:not(.is-active) .splide__list .splide__slide { width: calc(20% - 13px); } } @media (max-width: 769px) { .widget-product-carousel:not(.is-active) .splide__list .splide__slide:nth-of-type(n+3), .widget-dy-carousel:not(.is-active) .splide__list .splide__slide:nth-of-type(n+3) { display: none; } } @media (max-width: 1023px) { .widget-product-carousel:not(.is-active) .splide__list .splide__slide:nth-of-type(n+4), .widget-dy-carousel:not(.is-active) .splide__list .splide__slide:nth-of-type(n+4) { display: none; } } @media (max-width: 1223px) { .widget-product-carousel:not(.is-active) .splide__list .splide__slide:nth-of-type(n+5), .widget-dy-carousel:not(.is-active) .splide__list .splide__slide:nth-of-type(n+5) { display: none; } } @media (min-width: 1223px) { .widget-product-carousel:not(.is-active) .splide__list .splide__slide:nth-of-type(n+6), .widget-dy-carousel:not(.is-active) .splide__list .splide__slide:nth-of-type(n+6) { display: none; } } .three-in-line .widget-product-carousel:not(.is-active) .splide__list .splide__slide { width: calc(50% - 8px); } @media (min-width: 768px) { .three-in-line .widget-product-carousel:not(.is-active) .splide__list .splide__slide { width: calc(33% - 9px); } } @media (min-width: 1024px) { .three-in-line .widget-product-carousel:not(.is-active) .splide__list .splide__slide { width: calc(33% - 9px); } } @media (min-width: 1240px) { .three-in-line .widget-product-carousel:not(.is-active) .splide__list .splide__slide { width: calc(33% - 9px); } } @media (min-width: 1023px) { .three-in-line .widget-product-carousel:not(.is-active) .splide__list .splide__slide:nth-of-type(n+4) { display: none; } } .four-in-line .widget-product-carousel:not(.is-active) .splide__list .splide__slide { width: calc(50% - 8px); } @media (min-width: 768px) { .four-in-line .widget-product-carousel:not(.is-active) .splide__list .splide__slide { width: calc(33% - 9px); } } @media (min-width: 1024px) { .four-in-line .widget-product-carousel:not(.is-active) .splide__list .splide__slide { width: calc(25% - 12px); } } @media (min-width: 1240px) { .four-in-line .widget-product-carousel:not(.is-active) .splide__list .splide__slide { width: calc(25% - 12px); } } @media (min-width: 1223px) { .four-in-line .widget-product-carousel:not(.is-active) .splide__list .splide__slide:nth-of-type(n+5) { display: none; } } body { overflow-y: scroll; } h3 { font-size: 22px; font-weight: 600; line-height: 26px; } h2 { font-size: 26px; font-weight: 600; line-height: 30px; } .clearfix::after { content: ""; display: block; clear: both; } .page-main { margin-top: 2rem; margin-bottom: 2rem; } .columns { width: 100%; margin-right: auto; margin-left: auto; padding-right: 1.5rem; padding-left: 1.5rem; } @media (min-width: 600px) { .columns { max-width: 600px; } } @media (min-width: 728px) { .columns { max-width: 728px; } } @media (min-width: 984px) { .columns { max-width: 984px; } } @media (min-width: 1240px) { .columns { max-width: 1240px; } } .columns { display: grid; grid-template-columns: repeat(1, minmax(0, 1fr)); column-gap: 2rem; row-gap: 1rem; padding-left: 0px; padding-right: 0px; max-width: 1240px; } .shadow-header > .columns { margin-left: auto; margin-right: auto; max-width: 1240px; } .activation-index-index .columns.title-wrapper { text-align: center; } .breadcrumbs .columns { margin-top: 0.5rem; margin-bottom: 1.5rem; border-style: none; padding-left: 1rem; padding-right: 1rem; --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 (min-width: 1272px) { .breadcrumbs .columns { padding-left: 0px; padding-right: 0px; } } .breadcrumbs .columns .items { border-style: none; padding-top: 0px; padding-bottom: 0px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; } .breadcrumbs .columns .items .item { display: inline; } .breadcrumbs .columns .items .item a { font-size: 12px; line-height: 1rem; --tw-text-opacity: 1; color: rgb(147 147 147 / var(--tw-text-opacity)); } @media (min-width: 1024px) { .breadcrumbs .columns .items .item a { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .breadcrumbs .columns .items .item a:hover { --tw-text-opacity: 1; color: rgb(120 190 32 / var(--tw-text-opacity)); } } .breadcrumbs .columns .items .item:nth-of-type(n+4) { display: none; } @media (min-width: 1024px) { .breadcrumbs .columns .items .item:nth-of-type(n+4) { display: inline; } } .breadcrumbs .columns .items .item:nth-of-type(3):not(.product) a { display: none; } @media (min-width: 1024px) { .breadcrumbs .columns .items .item:nth-of-type(3):not(.product) a { display: inline; } .breadcrumbs .columns .items .item:nth-of-type(3):not(.product)::after { display: none; } } .breadcrumbs .columns .items .item:nth-of-type(3):not(.product)::after { content: '...'; } .breadcrumbs .columns .items .item.product { display: inline; } .breadcrumbs .columns .items .item span { font-size: 12px; font-weight: 600; line-height: 1rem; --tw-text-opacity: 1; color: rgb(147 147 147 / var(--tw-text-opacity)); } .breadcrumbs .columns .items .item span.separator { font-weight: 400; } @media (min-width: 1024px) { .customer-account-create .columns { padding-left: 0px; padding-right: 0px; padding-top: 0px; padding-bottom: 0px; } } .columns { grid-template-rows: auto minmax(0, 1fr); } .columns .main { order: 2; } .columns .sidebar { order: 3; } .page-main-full-width .columns { max-width: none; padding-left: 0px; padding-right: 0px; } .container { max-width: 1240px !important; } .page-with-filter .columns .sidebar-main { 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; } .page-layout-2columns-left .columns .sidebar, .page-layout-2columns-right .columns .sidebar, .page-layout-3columns .columns .sidebar { order: 3; } .page-with-filter .columns .sidebar-main { order: 1; grid-column: span 2 / span 2; } } @media (min-width: 768px) { .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; } } @media (min-width: 1024px) { .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; } } .square-value::after { content: '㎡'; } .block-important { display: block !important; } .inline-block-important { display: inline-block !important; } .swatch-attribute .swatch-attribute-options { display: flex; flex-direction: row; flex-wrap: wrap; } .swatch-attribute .swatch-attribute-options .swatch-option { margin: 0.25rem; display: flex; justify-content: center; border-width: 1px; padding-left: 0.5rem; padding-right: 0.5rem; padding-top: 0.25rem; padding-bottom: 0.25rem; min-width: 40px; } button:focus-visible { outline: none !important } body { --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); } #cart-drawer { --tw-text-opacity: 1; color: rgb(0 0 0 / var(--tw-text-opacity)); } [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: 14px; } @media (min-width: 768px) { .input { margin-right: 1rem; } } @media (min-width: 1024px) { .input { margin-right: 0px; } } @media (min-width: 1240px) { .input { margin-right: 1rem; } } .input-light { --tw-border-opacity: 1; border-color: rgb(173 173 173 / var(--tw-border-opacity)); --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); } .input-light:focus { --tw-border-opacity: 1; border-color: rgb(29 78 216 / var(--tw-border-opacity)); outline: 2px solid transparent; outline-offset: 2px; } .card { border-radius: 0.125rem; --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); padding: 1rem; --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); } .card-interactive:hover { --tw-bg-opacity: 1; background-color: rgb(250 250 250 / var(--tw-bg-opacity)); } .hide-scrollbar { -ms-overflow-style: none; /* IE and Edge */ scrollbar-width: none; } /* Firefox */ .hide-scrollbar::-webkit-scrollbar { display: none; } .duration-200 { transition-duration: 200ms; } .ease-in { transition-timing-function: cubic-bezier(0.4, 0, 1, 1); } .ease-out { transition-timing-function: cubic-bezier(0, 0, 0.2, 1); } .transition { transition: transform 250ms ease, color 250ms ease; } .transform-180 { transform: rotate(-180deg); } .collapsible-content { max-height: 0; transition: max-height 0.5s cubic-bezier(0, 1, 0, 1); pointer-events: none; overflow: hidden; } .collapsible-title { position: relative; width: 100%; } .collapsible-title::after { display: none; } .collapsible-title::before { position: absolute; right: 1rem; top: 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)); font-family: leroy-icons; font-size: 20px; transition-property: transform; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .collapsible.opened .collapsible-title::before { --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)); } .collapsible.opened .collapsible-content { pointer-events: auto; transition: max-height 1s ease-in-out; max-height: 10000px; } html { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } body { font-size: 14px; line-height: 1.5; letter-spacing: 0em; --tw-text-opacity: 1; color: rgb(0 0 0 / var(--tw-text-opacity)); } .line-clamp-1 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; } .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; } .line-clamp-4 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; } @media (min-width: 1024px) { .lg-line-clamp-1 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1 } .lg-line-clamp-2 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2 } } @font-face { font-family: "leroy-sans"; src: url("../fonts/leroy-merlin-sans/light/leroymerlinsans-web-light-webfont.woff2"); src: url("../fonts/leroy-merlin-sans/light/leroymerlinsans-web-light-webfont.woff2") format("woff2"), url("../fonts/leroy-merlin-sans/light/leroymerlinsans-web-light-webfont.woff") format("woff"), url("../fonts/leroy-merlin-sans/light/leroymerlinsans-web-light-webfont.ttf") format("truetype"), url("../fonts/leroy-merlin-sans/light/leroymerlinsans-web-light-webfont.svg#font") format("svg"); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: "leroy-sans"; src: url("../fonts/leroy-merlin-sans/regular/leroymerlinsans-web-regular-webfont.woff2"); src: url("../fonts/leroy-merlin-sans/regular/leroymerlinsans-web-regular-webfont.woff2") format("woff2"), url("../fonts/leroy-merlin-sans/regular/leroymerlinsans-web-regular-webfont.woff") format("woff"), url("../fonts/leroy-merlin-sans/regular/leroymerlinsans-web-regular-webfont.ttf") format("truetype"), url("../fonts/leroy-merlin-sans/regular/leroymerlinsans-web-regular-webfont.svg#font") format("svg"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: "leroy-sans"; src: url("../fonts/leroy-merlin-sans/semi-bold/leroymerlinsans-web-semibold-webfont.woff2"); src: url("../fonts/leroy-merlin-sans/semi-bold/leroymerlinsans-web-semibold-webfont.woff2") format("woff2"), url("../fonts/leroy-merlin-sans/semi-bold/leroymerlinsans-web-semibold-webfont.woff") format("woff"), url("../fonts/leroy-merlin-sans/semi-bold/leroymerlinsans-web-semibold-webfont.ttf") format("truetype"), url("../fonts/leroy-merlin-sans/semi-bold/leroymerlinsans-web-semibold-webfont.svg#font") format("svg"); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: "leroy-sans"; src: url("../fonts/leroy-merlin-sans/bold/leroymerlinsans-web-bold-webfont.woff2"); src: url("../fonts/leroy-merlin-sans/bold/leroymerlinsans-web-bold-webfont.woff2") format("woff2"), url("../fonts/leroy-merlin-sans/bold/leroymerlinsans-web-bold-webfont.woff") format("woff"), url("../fonts/leroy-merlin-sans/bold/leroymerlinsans-web-bold-webfont.ttf") format("truetype"), url("../fonts/leroy-merlin-sans/bold/leroymerlinsans-web-bold-webfont.svg#font") format("svg"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: "leroy-icons"; src: url("../fonts/leroy-icons/leroy-icons.woff2"); src: url("../fonts/leroy-icons/leroy-icons.woff2") format("woff2"), url("../fonts/leroy-icons/leroy-icons.woff") format("woff"), url("../leroy-icons/leroy-icons.ttf") format("truetype"), url("../leroy-icons/leroy-icons.svg#font") format("svg"); font-weight: 600; font-style: normal; font-display: swap; } /** * Copyright © Vaimo Group. All rights reserved. * See LICENSE_VAIMO.txt for license details. */ /** * Layout */ /* Rows */ [data-content-type='row'] { box-sizing: border-box; } [data-content-type='row'] > div { margin-bottom: 0.625rem; padding: 0.625rem; } [data-content-type='row'].c-row > div { margin: 0px; padding: 0px; } [data-content-type='row'][data-appearance='contained'] { width: 100%; margin-right: auto; margin-left: auto; padding-right: 1.5rem; padding-left: 1.5rem; } @media (min-width: 600px) { [data-content-type='row'][data-appearance='contained'] { max-width: 600px; } } @media (min-width: 728px) { [data-content-type='row'][data-appearance='contained'] { max-width: 728px; } } @media (min-width: 984px) { [data-content-type='row'][data-appearance='contained'] { max-width: 984px; } } @media (min-width: 1240px) { [data-content-type='row'][data-appearance='contained'] { max-width: 1240px; } } [data-content-type='row'][data-appearance='contained'] { max-width: 1240px; } .shadow-header > [data-content-type='row'][data-appearance='contained'] { margin-left: auto; margin-right: auto; max-width: 1240px; } .activation-index-index [data-content-type='row'][data-appearance='contained'].title-wrapper { text-align: center; } .breadcrumbs [data-content-type='row'][data-appearance='contained'] { margin-top: 0.5rem; margin-bottom: 1.5rem; border-style: none; padding-left: 1rem; padding-right: 1rem; --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 (min-width: 1272px) { .breadcrumbs [data-content-type='row'][data-appearance='contained'] { padding-left: 0px; padding-right: 0px; } } .breadcrumbs [data-content-type='row'][data-appearance='contained'] .items { border-style: none; padding-top: 0px; padding-bottom: 0px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; } .breadcrumbs [data-content-type='row'][data-appearance='contained'] .items .item { display: inline; } .breadcrumbs [data-content-type='row'][data-appearance='contained'] .items .item a { font-size: 12px; line-height: 1rem; --tw-text-opacity: 1; color: rgb(147 147 147 / var(--tw-text-opacity)); } @media (min-width: 1024px) { .breadcrumbs [data-content-type='row'][data-appearance='contained'] .items .item a { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .breadcrumbs [data-content-type='row'][data-appearance='contained'] .items .item a:hover { --tw-text-opacity: 1; color: rgb(120 190 32 / var(--tw-text-opacity)); } } .breadcrumbs [data-content-type='row'][data-appearance='contained'] .items .item:nth-of-type(n+4) { display: none; } @media (min-width: 1024px) { .breadcrumbs [data-content-type='row'][data-appearance='contained'] .items .item:nth-of-type(n+4) { display: inline; } } .breadcrumbs [data-content-type='row'][data-appearance='contained'] .items .item:nth-of-type(3):not(.product) a { display: none; } @media (min-width: 1024px) { .breadcrumbs [data-content-type='row'][data-appearance='contained'] .items .item:nth-of-type(3):not(.product) a { display: inline; } .breadcrumbs [data-content-type='row'][data-appearance='contained'] .items .item:nth-of-type(3):not(.product)::after { display: none; } } .breadcrumbs [data-content-type='row'][data-appearance='contained'] .items .item:nth-of-type(3):not(.product)::after { content: '...'; } .breadcrumbs [data-content-type='row'][data-appearance='contained'] .items .item.product { display: inline; } .breadcrumbs [data-content-type='row'][data-appearance='contained'] .items .item span { font-size: 12px; font-weight: 600; line-height: 1rem; --tw-text-opacity: 1; color: rgb(147 147 147 / var(--tw-text-opacity)); } .breadcrumbs [data-content-type='row'][data-appearance='contained'] .items .item span.separator { font-weight: 400; } @media (min-width: 1024px) { .customer-account-create [data-content-type='row'][data-appearance='contained'] { padding-left: 0px; padding-right: 0px; padding-top: 0px; padding-bottom: 0px; } } [data-content-type='row'][data-appearance='contained'] { margin-left: auto; margin-right: auto; box-sizing: border-box; padding: 1rem; } @media (min-width: 1240px) { [data-content-type='row'][data-appearance='contained'] { padding: 0px; } } [data-content-type='row'][data-appearance='contained'] .c-row { margin: 0px; max-width: 100vw; padding: 0px; } @media (min-width: 1024px) { [data-content-type='row'][data-appearance='contained'] .c-row { max-width: 1240px; } } [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: 1.5rem; padding-left: 1.5rem; } @media (min-width: 600px) { [data-content-type='row'][data-appearance='full-width'] > .row-full-width-inner { max-width: 600px; } } @media (min-width: 728px) { [data-content-type='row'][data-appearance='full-width'] > .row-full-width-inner { max-width: 728px; } } @media (min-width: 984px) { [data-content-type='row'][data-appearance='full-width'] > .row-full-width-inner { max-width: 984px; } } @media (min-width: 1240px) { [data-content-type='row'][data-appearance='full-width'] > .row-full-width-inner { max-width: 1240px; } } [data-content-type='row'][data-appearance='full-width'] > .row-full-width-inner { max-width: 1240px; } .shadow-header > [data-content-type='row'][data-appearance='full-width'] > .row-full-width-inner { margin-left: auto; margin-right: auto; max-width: 1240px; } .activation-index-index [data-content-type='row'][data-appearance='full-width'] > .row-full-width-inner.title-wrapper { text-align: center; } .breadcrumbs [data-content-type='row'][data-appearance='full-width'] > .row-full-width-inner { margin-top: 0.5rem; margin-bottom: 1.5rem; border-style: none; padding-left: 1rem; padding-right: 1rem; --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 (min-width: 1272px) { .breadcrumbs [data-content-type='row'][data-appearance='full-width'] > .row-full-width-inner { padding-left: 0px; padding-right: 0px; } } .breadcrumbs [data-content-type='row'][data-appearance='full-width'] > .row-full-width-inner .items { border-style: none; padding-top: 0px; padding-bottom: 0px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; } .breadcrumbs [data-content-type='row'][data-appearance='full-width'] > .row-full-width-inner .items .item { display: inline; } .breadcrumbs [data-content-type='row'][data-appearance='full-width'] > .row-full-width-inner .items .item a { font-size: 12px; line-height: 1rem; --tw-text-opacity: 1; color: rgb(147 147 147 / var(--tw-text-opacity)); } @media (min-width: 1024px) { .breadcrumbs [data-content-type='row'][data-appearance='full-width'] > .row-full-width-inner .items .item a { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .breadcrumbs [data-content-type='row'][data-appearance='full-width'] > .row-full-width-inner .items .item a:hover { --tw-text-opacity: 1; color: rgb(120 190 32 / var(--tw-text-opacity)); } } .breadcrumbs [data-content-type='row'][data-appearance='full-width'] > .row-full-width-inner .items .item:nth-of-type(n+4) { display: none; } @media (min-width: 1024px) { .breadcrumbs [data-content-type='row'][data-appearance='full-width'] > .row-full-width-inner .items .item:nth-of-type(n+4) { display: inline; } } .breadcrumbs [data-content-type='row'][data-appearance='full-width'] > .row-full-width-inner .items .item:nth-of-type(3):not(.product) a { display: none; } @media (min-width: 1024px) { .breadcrumbs [data-content-type='row'][data-appearance='full-width'] > .row-full-width-inner .items .item:nth-of-type(3):not(.product) a { display: inline; } .breadcrumbs [data-content-type='row'][data-appearance='full-width'] > .row-full-width-inner .items .item:nth-of-type(3):not(.product)::after { display: none; } } .breadcrumbs [data-content-type='row'][data-appearance='full-width'] > .row-full-width-inner .items .item:nth-of-type(3):not(.product)::after { content: '...'; } .breadcrumbs [data-content-type='row'][data-appearance='full-width'] > .row-full-width-inner .items .item.product { display: inline; } .breadcrumbs [data-content-type='row'][data-appearance='full-width'] > .row-full-width-inner .items .item span { font-size: 12px; font-weight: 600; line-height: 1rem; --tw-text-opacity: 1; color: rgb(147 147 147 / var(--tw-text-opacity)); } .breadcrumbs [data-content-type='row'][data-appearance='full-width'] > .row-full-width-inner .items .item span.separator { font-weight: 400; } @media (min-width: 1024px) { .customer-account-create [data-content-type='row'][data-appearance='full-width'] > .row-full-width-inner { padding-left: 0px; padding-right: 0px; padding-top: 0px; padding-bottom: 0px; } } /* 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; } .category-view .sidebar [data-content-type='tabs'] .tabs-navigation.filter { } [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(194 194 194 / var(--tw-border-opacity)); --tw-bg-opacity: 1; background-color: rgb(235 235 235 / var(--tw-bg-opacity)); } [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)); 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: 12px; 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; } .category-view .sidebar [data-content-type='tabs'] .tabs-navigation li.tab-header a.tab-title.filter { } [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)); } [data-content-type='tabs'] .tabs-content { position: relative; z-index: 10; box-sizing: border-box; overflow: hidden; border-radius: 0.125rem; border-width: 1px; border-style: solid; --tw-border-opacity: 1; border-color: rgb(194 194 194 / var(--tw-border-opacity)); --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); --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 { display: flex; align-items: center; justify-content: center; border-radius: 4px; --tw-bg-opacity: 1; background-color: rgb(153 153 153 / var(--tw-bg-opacity)); padding-left: 1rem; padding-right: 1rem; padding-top: 0.5rem; padding-bottom: 0.5rem; font-size: 14px; font-weight: 500; --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); --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); transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 300ms; } @media (min-width: 1240px) { a.pagebuilder-button-primary, button.pagebuilder-button-primary, div.pagebuilder-button-primary { font-size: 14px; } } 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(128 128 128 / var(--tw-bg-opacity)); } a.pagebuilder-button-primary:focus-visible, button.pagebuilder-button-primary:focus-visible, div.pagebuilder-button-primary:focus-visible { outline: none } a.pagebuilder-button-primary[disabled], button.pagebuilder-button-primary[disabled], div.pagebuilder-button-primary[disabled] { opacity: 0.8; } a.pagebuilder-button-primary[disabled]:hover, button.pagebuilder-button-primary[disabled]:hover, div.pagebuilder-button-primary[disabled]:hover { --tw-text-opacity: 1; color: rgb(147 147 147 / var(--tw-text-opacity)); --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); } a.pagebuilder-button-primary[disabled], button.pagebuilder-button-primary[disabled], div.pagebuilder-button-primary[disabled] { background: #F0F0F0; color: #939393; } a.pagebuilder-button-primary.btn-loading, button.pagebuilder-button-primary.btn-loading, div.pagebuilder-button-primary.btn-loading { pointer-events: none; position: relative; opacity: 0.75; transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; font-size: 0; } a.pagebuilder-button-primary.btn-loading span, button.pagebuilder-button-primary.btn-loading span, div.pagebuilder-button-primary.btn-loading span { font-size: 0; } a.pagebuilder-button-primary.btn-loading::before, button.pagebuilder-button-primary.btn-loading::before, div.pagebuilder-button-primary.btn-loading::before { position: absolute; left: calc(50% - 11px); top: calc(50% - 11px); } @keyframes spin { to { transform: rotate(360deg); } } a.pagebuilder-button-primary.btn-loading::before, button.pagebuilder-button-primary.btn-loading::before, div.pagebuilder-button-primary.btn-loading::before { animation: spin 1s linear infinite; font-family: leroy-icons; font-size: 20px; line-height: 1.25rem; content: '\f176'; } a.pagebuilder-button-primary, button.pagebuilder-button-primary, div.pagebuilder-button-primary { --tw-bg-opacity: 1; background-color: rgb(120 190 32 / var(--tw-bg-opacity)); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); --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); background: linear-gradient(to bottom left, #89C201 6.37%, #89C201 49.61%, #62B51C 49.62%, #62B51C 92.75%); } a.pagebuilder-button-primary:hover, button.pagebuilder-button-primary:hover, div.pagebuilder-button-primary:hover { --tw-bg-opacity: 1; background-color: rgb(120 190 32 / var(--tw-bg-opacity)); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .actions-toolbar a.back:not(a.pagebuilder-button-primary),.actions-toolbar a.back:not( button.pagebuilder-button-primary),.actions-toolbar a.back:not( div.pagebuilder-button-primary) { --tw-text-opacity: 1; color: rgb(31 41 55 / var(--tw-text-opacity)); text-decoration-line: underline; } .checkout-cart-index .table-wrapper a.update.pagebuilder-button-primary,.checkout-cart-index .table-wrapper button.update.pagebuilder-button-primary,.checkout-cart-index .table-wrapper div.update.pagebuilder-button-primary { right: 0px; width: 100%; } a.pagebuilder-button-secondary, button.pagebuilder-button-secondary, div.pagebuilder-button-secondary { display: flex; align-items: center; justify-content: center; border-radius: 4px; --tw-bg-opacity: 1; background-color: rgb(153 153 153 / var(--tw-bg-opacity)); padding-left: 1rem; padding-right: 1rem; padding-top: 0.5rem; padding-bottom: 0.5rem; font-size: 14px; font-weight: 500; --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); --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); transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 300ms; } @media (min-width: 1240px) { a.pagebuilder-button-secondary, button.pagebuilder-button-secondary, div.pagebuilder-button-secondary { font-size: 14px; } } 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(128 128 128 / var(--tw-bg-opacity)); } a.pagebuilder-button-secondary:focus-visible, button.pagebuilder-button-secondary:focus-visible, div.pagebuilder-button-secondary:focus-visible { outline: none } a.pagebuilder-button-secondary[disabled], button.pagebuilder-button-secondary[disabled], div.pagebuilder-button-secondary[disabled] { opacity: 0.8; } a.pagebuilder-button-secondary[disabled]:hover, button.pagebuilder-button-secondary[disabled]:hover, div.pagebuilder-button-secondary[disabled]:hover { --tw-text-opacity: 1; color: rgb(147 147 147 / var(--tw-text-opacity)); --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); } a.pagebuilder-button-secondary[disabled], button.pagebuilder-button-secondary[disabled], div.pagebuilder-button-secondary[disabled] { background: #F0F0F0; color: #939393; } a.pagebuilder-button-secondary.btn-loading, button.pagebuilder-button-secondary.btn-loading, div.pagebuilder-button-secondary.btn-loading { pointer-events: none; position: relative; opacity: 0.75; transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; font-size: 0; } a.pagebuilder-button-secondary.btn-loading span, button.pagebuilder-button-secondary.btn-loading span, div.pagebuilder-button-secondary.btn-loading span { font-size: 0; } a.pagebuilder-button-secondary.btn-loading::before, button.pagebuilder-button-secondary.btn-loading::before, div.pagebuilder-button-secondary.btn-loading::before { position: absolute; left: calc(50% - 11px); top: calc(50% - 11px); } @keyframes spin { to { transform: rotate(360deg); } } a.pagebuilder-button-secondary.btn-loading::before, button.pagebuilder-button-secondary.btn-loading::before, div.pagebuilder-button-secondary.btn-loading::before { animation: spin 1s linear infinite; font-family: leroy-icons; font-size: 20px; line-height: 1.25rem; content: '\f176'; } a.pagebuilder-button-secondary, button.pagebuilder-button-secondary, div.pagebuilder-button-secondary { border-width: 1px; --tw-border-opacity: 1; border-color: rgb(120 190 32 / var(--tw-border-opacity)); --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); --tw-text-opacity: 1; color: rgb(120 190 32 / var(--tw-text-opacity)); } a.pagebuilder-button-secondary:hover, button.pagebuilder-button-secondary:hover, div.pagebuilder-button-secondary:hover { --tw-border-opacity: 1; border-color: rgb(60 135 0 / var(--tw-border-opacity)); --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); --tw-text-opacity: 1; color: rgb(60 135 0 / var(--tw-text-opacity)); } .actions-toolbar a.back:not(a.pagebuilder-button-secondary),.actions-toolbar a.back:not( button.pagebuilder-button-secondary),.actions-toolbar a.back:not( div.pagebuilder-button-secondary) { --tw-text-opacity: 1; color: rgb(31 41 55 / var(--tw-text-opacity)); text-decoration-line: underline; } .account.wishlist-index-share form.share a.pagebuilder-button-secondary:hover,.account.wishlist-index-share form.share button.pagebuilder-button-secondary:hover,.account.wishlist-index-share form.share div.pagebuilder-button-secondary:hover { --tw-border-opacity: 1; border-color: rgb(0 0 0 / var(--tw-border-opacity)); --tw-text-opacity: 1; color: rgb(0 0 0 / var(--tw-text-opacity)); --tw-shadow: 0 5px 5px -3px rgba(0, 0, 0, .2), 0 8px 10px 1px rgba(0, 0, 0, .14), 0 3px 14px 2px rgba(0, 0, 0, .12); --tw-shadow-colored: 0 5px 5px -3px var(--tw-shadow-color), 0 8px 10px 1px var(--tw-shadow-color), 0 3px 14px 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); } .account.wishlist-index-share form.share a.pagebuilder-button-secondary:focus,.account.wishlist-index-share form.share button.pagebuilder-button-secondary:focus,.account.wishlist-index-share form.share div.pagebuilder-button-secondary:focus { --tw-text-opacity: 1; color: rgb(0 0 0 / var(--tw-text-opacity)); --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); } /* 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-duration: 500ms; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition: transform 250ms ease, color 250ms ease; } [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-duration: 500ms; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 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; text-decoration: none; } [data-content-type='slider'] .carousel-nav { position: absolute; bottom: 0px; margin-bottom: 0.5rem; background-color: rgb(250 250 250 / var(--tw-bg-opacity)); --tw-bg-opacity: 0.75; left: 50%; transform: translateX(-50%); } /* 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; padding: 2rem; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; 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'] { overflow: auto; 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(0.4, 0, 0.2, 1); transition-duration: 150ms; 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'] { 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)) } } /** * Glider */ .glider-contain { position: relative; margin-top: 0px; margin-bottom: 0px; margin-left: auto; margin-right: auto; width: 100%; } .glider { display: grid; overflow-y: hidden; } .glider.draggable { -webkit-user-select: none; -ms-user-select: none; user-select: none; cursor: grab; } .glider.draggable .glider-slide img { pointer-events: none; -webkit-user-select: none; -ms-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; -ms-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(153 153 153 / var(--tw-text-opacity)); opacity: 0.25; } .glider-dot { margin: 0.25rem; display: block; height: 0.75rem; width: 0.75rem; cursor: pointer; border-radius: 9999px; --tw-bg-opacity: 1; background-color: rgb(0 0 0 / var(--tw-bg-opacity)); opacity: 0.25; --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'] .glider-dot p:last-child { margin-bottom: 1rem; margin-top: 0px; } .category-view .sidebar .glider-dot.filter { } .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; } .pagebuilder-slider[data-show-dots="true"], .glider-contain[data-content-type="slider"][data-show-dots="true"] { margin-bottom: 2rem !important; } .pagebuilder-slider .carousel-nav, .glider-contain[data-content-type="slider"] .carousel-nav { position: static; margin: 0px; transform: none; background-color: transparent; padding: 0px; opacity: 1; } .pagebuilder-slider .carousel-nav > button, .glider-contain[data-content-type="slider"] .carousel-nav > button { height: 2rem; width: 2rem; --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); 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) { .pagebuilder-slider .carousel-nav > button, .glider-contain[data-content-type="slider"] .carousel-nav > button { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .pagebuilder-slider .carousel-nav > button:hover, .glider-contain[data-content-type="slider"] .carousel-nav > button:hover { --tw-text-opacity: 1; color: rgb(60 135 0 / var(--tw-text-opacity)); } } .pagebuilder-slider .carousel-nav > button svg, .glider-contain[data-content-type="slider"] .carousel-nav > button svg { display: none; } .pagebuilder-slider .carousel-nav > button::before, .glider-contain[data-content-type="slider"] .carousel-nav > button::before { position: absolute; top: 50%; left: 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)); font-family: leroy-icons; } .pagebuilder-slider .carousel-nav .glider-prev, .glider-contain[data-content-type="slider"] .carousel-nav .glider-prev { position: absolute; top: 50%; left: -12px; --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)); } .pagebuilder-slider .carousel-nav .glider-prev::before, .glider-contain[data-content-type="slider"] .carousel-nav .glider-prev::before { content: "\f157"; } .pagebuilder-slider .carousel-nav .glider-next, .glider-contain[data-content-type="slider"] .carousel-nav .glider-next { position: absolute; top: 50%; right: -12px; --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)); } .pagebuilder-slider .carousel-nav .glider-next::before, .glider-contain[data-content-type="slider"] .carousel-nav .glider-next::before { content: "\f16c"; } .pagebuilder-slider .carousel-nav .glider-dots, .glider-contain[data-content-type="slider"] .carousel-nav .glider-dots { position: absolute; bottom: -20px; height: 0.5rem; gap: 0.75rem; } .pagebuilder-slider .carousel-nav .glider-dots button, .glider-contain[data-content-type="slider"] .carousel-nav .glider-dots button { margin: 0px; height: 0.5rem; width: 0.5rem; border-radius: 9999px; --tw-bg-opacity: 1; background-color: rgb(201 201 201 / var(--tw-bg-opacity)); opacity: 1; } @media (min-width: 1024px) { .pagebuilder-slider .carousel-nav .glider-dots button, .glider-contain[data-content-type="slider"] .carousel-nav .glider-dots button { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .pagebuilder-slider .carousel-nav .glider-dots button:hover, .glider-contain[data-content-type="slider"] .carousel-nav .glider-dots button:hover { --tw-bg-opacity: 1; background-color: rgb(96 96 96 / var(--tw-bg-opacity)); } } .pagebuilder-slider .carousel-nav .glider-dots button.active, .glider-contain[data-content-type="slider"] .carousel-nav .glider-dots button.active { box-sizing: border-box; transform: none; --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); box-shadow: inset 0 0 0 1px #000; } .icons-2023-bag:before, .icons-2023-user-account:before, .icons-2023-back:before, .icons-2023-building-materials:before, .icons-2023-calendar:before, .icons-2023-carpentry:before, .icons-2023-close:before, .icons-2023-collapse:before, .icons-2023-compare:before, .icons-2023-dashboard:before, .icons-2023-decor:before, .icons-2023-delivery:before, .icons-2023-double-back:before, .icons-2023-double-forward:before, .icons-2023-download:before, .icons-2023-edit:before, .icons-2023-error:before, .icons-2023-expand:before, .icons-2023-arrow-down:before, .icons-2023-forward:before, .icons-2023-fulfilled:before, .icons-2023-hide:before, .icons-2023-address-book:before, .icons-2023-home-comfort:before, .icons-2023-information:before, .icons-2023-kitchen-design:before, .icons-2023-leroy-merlin-logo:before, .icons-2023-list:before, .icons-2023-loader:before, .icons-2023-location-pin:before, .icons-2023-location:before, .icons-2023-loyalty-card:before, .icons-2023-marketplace:before, .icons-2023-menu:before, .icons-2023-minus:before, .icons-2023-my-messages:before, .icons-2023-services:before, .icons-2023-newsletter:before, .icons-2023-notice:before, .icons-2023-orders:before, .icons-2023-cardboard-box:before, .icons-2023-plus:before, .icons-2023-print:before, .icons-2023-search:before, .icons-2023-secure-checkout:before, .icons-2023-see:before, .icons-2023-share:before, .icons-2023-shopping-cart-empty:before, .icons-2023-shopping-cart-filled:before, .icons-2023-sign-out:before, .icons-2023-success:before, .icons-2023-thumbs-down:before, .icons-2023-thumbs-up:before, .icons-2023-track-order:before, .icons-2023-trash:before, .icons-2023-uchecked-box:before, .icons-2023-heart:before, .icons-2023-heart-filled:before, .icons-2023-zoom:before, .icons-2023-star:before, .icons-2023-star-2:before, .icons-2023-bath:before, .icons-2023-electricity:before, .icons-2023-refunds:before, .icons-2023-paint:before, .icons-2023-sort:before, .icons-2023-tools:before, .icons-2023-grid:before, .icons-2023-radio-filled:before, .icons-2023-radio-empty:before, .icons-2023-checked-checkbox:before, .icons-2023-unchecked-checkbox:before, .icons-2023-information-2:before, .icons-2023-warning:before, .icons-2023-checkout:before, .icons-2023-track-order-2:before, .icons-2023-tracking:before, .icons-2023-activity-history:before, .icons-2023-calculator:before, .icons-2023-x::before, .icons-2023-x-2::before, .icons-2023-grid-2::before, .icons-2023-list-2::before, .icons-2023-external-link::before, .icons-2023-reload::before, .icons-2023-external-link-2::before, .icons8, [data-icons8]:before { display: inline-block; font-family: "leroy-icons"; font-style: normal; font-weight: normal; font-variant: normal; line-height: 1; text-decoration: inherit; text-rendering: optimizeLegibility; text-transform: none; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; } .icons-2023-bag:before { content: "\f155"; } .icons-2023-user-account:before { content: "\f156"; } .icons-2023-back:before { content: "\f157"; } .icons-2023-building-materials:before { content: "\f159"; } .icons-2023-calendar:before { content: "\f15a"; } .icons-2023-carpentry:before { content: "\f15b"; } .icons-2023-close:before { content: "\f15d"; } .icons-2023-collapse:before { content: "\f15e"; } .icons-2023-compare:before { content: "\f15f"; } .icons-2023-dashboard:before { content: "\f160"; } .icons-2023-decor:before { content: "\f161"; } .icons-2023-delivery:before { content: "\f162"; } .icons-2023-double-back:before { content: "\f163"; } .icons-2023-double-forward:before { content: "\f164"; } .icons-2023-download:before { content: "\f165"; } .icons-2023-edit:before { content: "\f166"; } .icons-2023-error:before { content: "\f169"; } .icons-2023-expand:before { content: "\f16a"; } .icons-2023-arrow-down:before { content: "\f16a"; } .icons-2023-forward:before { content: "\f16c"; } .icons-2023-fulfilled:before { content: "\f16d"; } .icons-2023-hide:before { content: "\f16f"; } .icons-2023-address-book:before { content: "\f170"; } .icons-2023-home-comfort:before { content: "\f171"; } .icons-2023-information:before { content: "\f172"; } .icons-2023-kitchen-design:before { content: "\f173"; } .icons-2023-leroy-merlin-logo:before { content: "\f174"; } .icons-2023-list:before { content: "\f175"; } .icons-2023-loader:before { content: "\f176"; } .icons-2023-location-pin:before { content: "\f177"; } .icons-2023-location:before { content: "\f178"; } .icons-2023-loyalty-card:before { content: "\f179"; } .icons-2023-marketplace:before { content: "\f17a"; } .icons-2023-menu:before { content: "\f17b"; } .icons-2023-minus:before { content: "\f17c"; } .icons-2023-my-messages:before { content: "\f17d"; } .icons-2023-services:before { content: "\f17e"; } .icons-2023-newsletter:before { content: "\f17f"; } .icons-2023-notice:before { content: "\f180"; } .icons-2023-orders:before { content: "\f181"; } .icons-2023-cardboard-box:before { content: "\f183"; } .icons-2023-plus:before { content: "\f184"; } .icons-2023-print:before { content: "\f185"; } .icons-2023-search:before { content: "\f187"; } .icons-2023-secure-checkout:before { content: "\f188"; } .icons-2023-see:before { content: "\f189"; } .icons-2023-share:before { content: "\f18a"; } .icons-2023-shopping-cart-empty:before { content: "\f18b"; } .icons-2023-shopping-cart-filled:before { content: "\f18c"; } .icons-2023-sign-out:before { content: "\f18d"; } .icons-2023-success:before { content: "\f192"; } .icons-2023-thumbs-down:before { content: "\f193"; } .icons-2023-thumbs-up:before { content: "\f194"; } .icons-2023-track-order:before { content: "\f196"; } .icons-2023-trash:before { content: "\f197"; } .icons-2023-uchecked-box:before { content: "\f198"; } .icons-2023-heart:before { content: "\f199"; } .icons-2023-heart-filled:before { content: "\f19a"; } .icons-2023-zoom:before { content: "\f19b"; } .icons-2023-star:before { content: "\f19c"; } .icons-2023-star-2:before { content: "\f19d"; } .icons-2023-bath:before { content: "\f19e"; } .icons-2023-electricity:before { content: "\f19f"; } .icons-2023-refunds:before { content: "\f1a2"; } .icons-2023-paint:before { content: "\f1a3"; } .icons-2023-sort:before { content: "\f1a4"; } .icons-2023-tools:before { content: "\f1a5"; } .icons-2023-grid:before { content: "\f1a6"; } .icons-2023-radio-empty:before { content: "\f1a7"; } .icons-2023-radio-filled:before { content: "\f1a8"; } .icons-2023-checked-checkbox:before { content: "\f1a9"; } .icons-2023-unchecked-checkbox:before { content: "\f1aa"; } .icons-2023-information-2:before { content: "\f1ab"; } .icons-2023-warning:before { content: "\f1ac"; } .icons-2023-checkout:before { content: "\f1ad"; } .icons-2023-track-order-2:before { content: "\f1ae"; } .icons-2023-tracking:before { content: "\f1af"; } .icons-2023-activity-history:before { content: "\f1b0"; } .icons-2023-calculator:before { content: "\f1b1"; } .icons-2023-x::before { content: "\f1b2"; } .icons-2023-x-2::before { content: "\f1b3"; } .icons-2023-grid-2::before { content: "\f1b4"; } .icons-2023-list-2::before { content: "\f1b5"; } .icons-2023-external-link:before { content: "\f1b8"; } .icons-2023-reload:before { content: "\f1b9"; } .icons-2023-external-link-2:before { content: "\f1ba"; } @keyframes pulse-shadow { 0% { box-shadow: 0 0 0 0 rgba(204,169,44, 0.4); } 70% { box-shadow: 0 0 0 10px rgba(204,169,44, 0); } 100% { box-shadow: 0 0 0 0 rgba(204,169,44, 0); } } .pulse-shadow { box-shadow: 0 0 0 rgba(204,169,44,.4); animation: pulse-shadow 2s infinite; } .pac-container { margin-top: -3px; box-sizing: content-box; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; border-width: 1px; border-style: solid; border-color: rgb(0 0 0 / var(--tw-border-opacity)); --tw-border-opacity: 1; border-top-color: rgb(201 201 201 / var(--tw-border-opacity)); --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); } .pac-container .pac-item { position: relative; cursor: pointer; border-top-width: 1px; border-bottom-width: 0px; --tw-border-opacity: 1; border-color: rgb(240 240 240 / var(--tw-border-opacity)); padding-top: 6px; padding-bottom: 6px; padding-left: 2.5rem; padding-right: 2.5rem; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .pac-container::after { display: block; height: 0.75rem; width: 100%; border-top-width: 1px; border-style: solid; --tw-border-opacity: 1; border-top-color: rgb(240 240 240 / var(--tw-border-opacity)); background-image: none; } [data-content-type$='block'] .pac-container::after p:last-child { margin-bottom: 1rem; margin-top: 0px; } .category-view .sidebar .pac-container.filter::after { } .pac-container::after { content: ''; background-image: none!important; background: #fff!important; } .pac-container .pac-icon-marker { position: absolute; left: 0.75rem; top: 50%; margin: 0px; height: auto; width: auto; --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)); background-image: none; } .pac-container .pac-icon-marker::before { display: block; font-family: leroy-icons; font-size: 16px; } [data-content-type$='block'] .pac-container .pac-icon-marker::before p:last-child { margin-bottom: 1rem; margin-top: 0px; } .category-view .sidebar .pac-container .pac-icon-marker.filter::before { } .pac-container .pac-icon-marker::before { content: "\f178"!important; } .pac-container .pac-item-query { display: block; padding: 0px; font-size: 14px; font-weight: 300; line-height: 1.25rem; } [data-content-type$='block'] .pac-container .pac-item-query p:last-child { margin-bottom: 1rem; margin-top: 0px; } .category-view .sidebar .pac-container .pac-item-query.filter { } .pac-container .pac-item-query + span { font-size: 12px; line-height: 1rem; --tw-text-opacity: 1; color: rgb(128 128 128 / var(--tw-text-opacity)); overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; } .pac-container .pac-matched { font-weight: 300; line-height: 1rem; --tw-text-opacity: 1; color: rgb(0 0 0 / var(--tw-text-opacity)); } .timer-visible { overflow: hidden; } .it-container { z-index: 1000; } .it-circle-animation { stroke-dasharray: 515; stroke-dashoffset: 0; transition: all 1s linear } .it-circle-inner svg { transform: rotate(-90deg); position: absolute; top: -30px; left: -8px; } .it-circle-inner svg circle { stroke: #78BE20; } .it-circle-inner { width: 160px; height: 160px; margin: 0 auto 32px auto; border: 1px solid #595a59; border-radius: 160px; position: relative } .thumbnail-image.active { --tw-border-opacity: 1; border-color: rgb(49 49 49 / var(--tw-border-opacity)); } .video-thumbnail::after { position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; display: block; } [data-content-type$='block'] .video-thumbnail::after p:last-child { margin-bottom: 1rem; margin-top: 0px; } .category-view .sidebar .video-thumbnail.filter::after { } .video-thumbnail::after { background: rgba(0, 0, 0, 0.12); content: ''; } .youtube-thumbnail::before { position: absolute; top: 50%; left: 50%; z-index: 10; display: block; height: 1.5rem; width: 1.5rem; --tw-translate-y: -50%; --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)); background-image: url('../img/video.svg'); } [data-content-type$='block'] .youtube-thumbnail::before p:last-child { margin-bottom: 1rem; margin-top: 0px; } .category-view .sidebar .youtube-thumbnail.filter::before { } .youtube-thumbnail::before { content: ''; background-size: 100%; } .switcher.gallery-type .switcher-item { position: relative; } .switcher.gallery-type .switcher-item::before { position: absolute; left: 0px; bottom: -1px; height: 0.125rem; width: 100%; --tw-bg-opacity: 1; background-color: rgb(60 135 0 / var(--tw-bg-opacity)); opacity: 0; content: ''; } .switcher.gallery-type .switcher-item.active::before { opacity: 1; } @media (min-width: 1024px) { .fullscreen-image { transform: translateX(-50%) !important } } .show-videos { display: block !important; } @media (min-width: 1024px) { .checkout-onepage-success { --tw-bg-opacity: 1; background-color: rgb(247 247 247 / var(--tw-bg-opacity)); } .checkout-onepage-success .page-main { margin-top: 2.5rem; margin-bottom: 1rem; } } #service-details header { display: none; } #service-details address { display: none; } .checkout-onepage .page-footer { position: relative; overflow: hidden; } .checkout-onepage .page-footer::before { display: block; height: 132px; width: 132px; content: ''; background: #eff6e6; transform: rotate(45deg); position: absolute; right: 44px; top: 44px; } @media (min-width: 1024px) { .checkout-onepage .page-footer::before { height: 416px; width: 416px; top: 133px; right: 120px } } .checkout-onepage .page-footer::after { display: block; height: 182px; width: 182px; content: ''; background: #8ac202; transform: rotate(45deg); position: absolute; right: -43px; top: 37px; } @media (min-width: 1024px) { .checkout-onepage .page-footer::after { height: 566px; width: 566px; top: 118px; right: -150px } } #shipping .component-messenger.message.warning { --tw-border-opacity: 1; border-color: rgb(16 94 122 / var(--tw-border-opacity)); --tw-bg-opacity: 1; background-color: rgb(226 246 255 / var(--tw-bg-opacity)); --tw-text-opacity: 1; color: rgb(16 94 122 / var(--tw-text-opacity)); } #shipping .component-messenger.message.warning a { --tw-text-opacity: 1; color: rgb(16 94 122 / var(--tw-text-opacity)); } #shipping .component-messenger.message.warning button { display: none; } #shipping .component-messenger.message.warning span::before { content: '\f1ab'; } .payment-method .radio-box [type='radio'][disabled] { opacity: 0 !important; } .payment-method .radio-box [type='radio'][disabled]:checked + label::before { cursor: default; --tw-text-opacity: 1; color: rgb(147 147 147 / var(--tw-text-opacity)); content: "\f1a7"; } .payment-method .radio-box [type='radio'] + label { position: static; display: block; text-align: center; } [data-content-type$='block'] .payment-method .radio-box [type='radio'] + label p:last-child { margin-bottom: 1rem; margin-top: 0px; } .category-view .sidebar .payment-method .radio-box [type='radio'] + label.filter { } .payment-method .radio-box [type='radio'] + label::before { margin: 0px; display: block; line-height: 40px; } [data-content-type$='block'] .payment-method .radio-box [type='radio'] + label::before p:last-child { margin-bottom: 1rem; margin-top: 0px; } .category-view .sidebar .payment-method .radio-box [type='radio'] + label.filter::before { } .payment-method .radio-box [type='radio']:checked + label::before { --tw-text-opacity: 1; color: rgb(0 95 97 / var(--tw-text-opacity)); } .shipping-method.method-disabled { pointer-events: none; } .shipping-method.method-disabled label { pointer-events: none; border-radius: 4px; border-style: none; --tw-bg-opacity: 1; background-color: rgb(240 240 240 / var(--tw-bg-opacity)); --tw-text-opacity: 1; color: rgb(96 96 96 / var(--tw-text-opacity)); } .shipping-method.method-disabled label ~ div { z-index: 10; } .shipping-method.method-disabled .tooltip-element { pointer-events: none; cursor: default; } .shipping-method .radio-box [type='radio'][disabled] { opacity: 0 !important; } .shipping-method .radio-box [type='radio'][disabled]:checked + label::before { cursor: default; --tw-text-opacity: 1; color: rgb(147 147 147 / var(--tw-text-opacity)); content: "\f1a7"; } .shipping-method .radio-box [type='radio'] + label { position: static; display: block; text-align: center; } [data-content-type$='block'] .shipping-method .radio-box [type='radio'] + label p:last-child { margin-bottom: 1rem; margin-top: 0px; } .category-view .sidebar .shipping-method .radio-box [type='radio'] + label.filter { } .shipping-method .radio-box [type='radio'] + label::before { margin: 0px; display: block; line-height: 40px; } [data-content-type$='block'] .shipping-method .radio-box [type='radio'] + label::before p:last-child { margin-bottom: 1rem; margin-top: 0px; } .category-view .sidebar .shipping-method .radio-box [type='radio'] + label.filter::before { } .shipping-method .radio-box [type='radio']:checked + label::before { --tw-text-opacity: 1; color: rgb(0 95 97 / var(--tw-text-opacity)); } .paygate-method .radio-button { font-size: 20px; line-height: 40px; } .paygate-method.active { pointer-events: none; --tw-border-opacity: 1; border-color: rgb(0 95 97 / var(--tw-border-opacity)); --tw-bg-opacity: 1; background-color: rgb(247 250 242 / var(--tw-bg-opacity)); } .paygate-method.active .radio-button::before { --tw-text-opacity: 1; color: rgb(0 95 97 / var(--tw-text-opacity)); content: "\f1a8"; } @media (min-width: 1024px) { .order-summary-wrapper { min-width: 400px; } } .stores > div { position: relative; } .stores > div::before { position: absolute; top: 50%; left: 0.5rem; height: 2.5rem; width: 2.5rem; --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)); text-align: center; font-family: leroy-icons; font-size: 18px; line-height: 40px; --tw-text-opacity: 1; color: rgb(49 49 49 / var(--tw-text-opacity)); content: "\f1a7"; } .stores > div.active::before { --tw-text-opacity: 1; color: rgb(0 95 97 / var(--tw-text-opacity)); content: "\f1a8"; } .vendor-list-checkout .vendor-title:not(:first-of-type)::before { content: ', '; } .cnc-message span::before { left: 0.5rem; font-size: 14px; } .back-to-button { position: relative; display: flex; height: 48px; width: 100%; gap: 0.25rem; --tw-bg-opacity: 1; background-color: rgb(247 247 247 / var(--tw-bg-opacity)); padding-left: 0.75rem; padding-right: 0.75rem; padding-left: 36px; font-weight: 600; line-height: 48px; --tw-text-opacity: 1; color: rgb(28 28 28 / var(--tw-text-opacity)); --tw-shadow: 0 0 4px 0 rgba(0, 0, 0, .25);; --tw-shadow-colored: 0 0 4px 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); } @media (min-width: 1024px) { .back-to-button { cursor: pointer; } } .back-to-button::before { position: absolute; left: 0.75rem; top: 50%; margin-right: 0.5rem; --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)); font-size: 16px; --tw-text-opacity: 1; color: rgb(60 135 0 / var(--tw-text-opacity)); } .back-to-button .go-back-item { width: 100%; max-width: 218px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .shop-all-button { position: relative; display: flex; height: 48px; gap: 0.25rem; padding-left: 0.75rem; padding-right: 0.75rem; font-weight: 600; line-height: 48px; --tw-text-opacity: 1; color: rgb(120 190 32 / var(--tw-text-opacity)); } @media (min-width: 1024px) { .shop-all-button { cursor: pointer; } } .shop-all-button::before { position: absolute; right: 0.75rem; top: 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)); font-size: 16px; --tw-text-opacity: 1; color: rgb(120 190 32 / var(--tw-text-opacity)); } .shop-all-button::after { position: absolute; bottom: 0px; left: 0.75rem; height: 1px; width: calc(100% - 24px); --tw-bg-opacity: 1; background-color: rgb(235 235 235 / var(--tw-bg-opacity)); content: ''; } .shop-all-button .shop-all-item { width: 100%; max-width: 220px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .desktop-waterfall ul { overflow: auto; max-height: calc(100% - 48px); padding-bottom: 56px; } .desktop-waterfall ul::before { position: fixed; content: ''; display: block; width: 320px; height: 56px; background: linear-gradient(180deg, rgba(255, 255, 255, 0.00) 5.36%, #C9C9C9 100%); bottom: 0; } .menu-item { position: relative; display: block; height: 48px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-left: 0.75rem; padding-right: 26px; font-weight: 300; line-height: 48px; --tw-text-opacity: 1; color: rgb(0 0 0 / var(--tw-text-opacity)); } [data-content-type$='block'] .menu-item p:last-child { margin-bottom: 1rem; margin-top: 0px; } .category-view .sidebar .menu-item.filter { } .menu-item { transition-property: transform; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } @media (min-width: 1024px) { .menu-item { height: 40px; cursor: pointer; line-height: 40px; } } .menu-item::before { position: absolute; right: 0.75rem; top: 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)); font-size: 16px; } .menu-item.active::before { --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)); } .level-0 .active { --tw-bg-opacity: 1; background-color: rgb(247 250 242 / var(--tw-bg-opacity)); --tw-text-opacity: 1; color: rgb(60 135 0 / var(--tw-text-opacity)); } .level-0 .active + .data-placeholder > .menu-slideout { display: block !important; } .level-1 .active { --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); --tw-text-opacity: 1; color: rgb(60 135 0 / var(--tw-text-opacity)); } .level-1 .active + .data-placeholder > .menu-slideout { display: block !important; } .level-2 .active { --tw-bg-opacity: 1; background-color: rgb(247 250 242 / var(--tw-bg-opacity)); --tw-text-opacity: 1; color: rgb(60 135 0 / var(--tw-text-opacity)); } .level-2 .active + .data-placeholder > .menu-slideout { display: block !important; } .level-3 .active { --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); --tw-text-opacity: 1; color: rgb(60 135 0 / var(--tw-text-opacity)); } .level-3 .active + .data-placeholder > .menu-slideout { display: block !important; } @media (min-width: 1024px) { .menu-modal-header .modal-close { transition-property: box-shadow; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .menu-modal-header .modal-close:hover { --tw-shadow: 1px 4px 4px 2px rgba(0, 0, 0, .12); --tw-shadow-colored: 1px 4px 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); } .menu-item { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .menu-item:hover { --tw-text-opacity: 1; color: rgb(120 190 32 / var(--tw-text-opacity)); } .desktop-waterfall .menu-modal-header[class*="level-"] .modal-close, .desktop-waterfall .shop-all-button, .desktop-waterfall .back-to-button { display: none !important; } .desktop-waterfall .menu-modal-header[class*="level-"] .header-shop-all { display: flex !important; } .desktop-waterfall .level-0 .menu-slideout { left: 320px; width: 960px; overflow-x: hidden; --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); } .desktop-waterfall .level-0 .menu-slideout > div { --tw-bg-opacity: 1; background-color: rgb(247 250 242 / var(--tw-bg-opacity)); } .desktop-waterfall .level-1 .menu-slideout { left: 320px; width: 640px; overflow-x: hidden; --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); } .desktop-waterfall .level-1 .menu-slideout > div { --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); } .desktop-waterfall .level-2 .menu-slideout { left: 320px; --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); } .desktop-waterfall .level-2 .menu-slideout > div { --tw-bg-opacity: 1; background-color: rgb(247 250 242 / var(--tw-bg-opacity)); } } .basket-upsell-banner { position: relative; margin-left: 1rem; margin-right: 1rem; margin-bottom: 0.75rem; width: auto; overflow: hidden; border-radius: 4px; padding-left: 1rem; padding-right: 1rem; --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } @media (min-width: 1024px) { .basket-upsell-banner { margin-bottom: 0.75rem; padding-left: 64px; padding-right: 64px; } } @media (min-width: 1240px) { .basket-upsell-banner { margin-left: 0px; margin-right: 0px; } } .basket-upsell-banner { background: var(--Gradients-Leroy-Green, linear-gradient(269deg, #3C8700 -38.36%, #78BE20 100%)); } .basket-upsell-banner .span-wrapper { position: relative; z-index: 30; margin-bottom: 1rem; margin-top: 80px; display: flex; flex-direction: column; flex-wrap: wrap; gap: 2px; font-size: 18px; font-weight: 600; line-height: 1.5rem; } @media (min-width: 1024px) { .basket-upsell-banner .span-wrapper { margin-top: 1rem; justify-content: center; font-size: 28px; line-height: 2.5rem; } .basket-upsell-banner .span-wrapper .top { display: flex; flex-wrap: wrap; } } .basket-upsell-banner .span-wrapper .large-font { margin-bottom: 0.5rem; height: 2.5rem; font-size: 36px; font-weight: 700; } @media (min-width: 1024px) { .basket-upsell-banner .span-wrapper .large-font { margin-bottom: 1rem; margin-top: 0px; width: 100%; font-size: 48px; } } .basket-upsell-banner .span-wrapper .highlight { padding-right: 2px; --tw-text-opacity: 1; color: rgb(255 217 70 / var(--tw-text-opacity)); } .basket-upsell-banner .span-wrapper .notice { font-size: 14px; font-weight: 400; font-style: italic; } @media (min-width: 1024px) { .basket-upsell-banner .span-wrapper .notice { font-size: 20px; } } .basket-upsell-banner .span-wrapper a { font-size: 14px; font-weight: 600; --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } @media (min-width: 1024px) { .basket-upsell-banner .span-wrapper a { font-size: 20px; } } .basket-upsell-banner .banner { position: absolute; top: 35px; right: -86px; z-index: 20; height: 2.5rem; width: 368px; --tw-bg-opacity: 1; background-color: rgb(181 41 39 / var(--tw-bg-opacity)); text-align: center; font-size: 18px; font-weight: 600; line-height: 36px; } @media (min-width: 1024px) { .basket-upsell-banner .banner { top: 59px; right: -83px; height: 36px; width: 500px; } } .basket-upsell-banner .banner { transform: rotate(25deg); } .basket-upsell-banner img { position: absolute; right: 0px; bottom: 0px; } .basket-upsell-banner.homepage .span-wrapper .top { display: flex; flex-direction: column; line-height: 1.5rem; } @media (min-width: 1024px) { .basket-upsell-banner.homepage .span-wrapper .top { flex-direction: row; } } .basket-upsell-banner.homepage .span-wrapper .large-font { margin-bottom: 0px; } .basket-upsell-banner.homepage .span-wrapper .large-font .highlight { padding-left: 0.25rem; } .basket-upsell-banner.homepage .span-wrapper .bottom .notice { display: flex; flex-direction: column; } @media (min-width: 1024px) { .basket-upsell-banner.homepage .span-wrapper .bottom .notice { flex-direction: row; gap: 2px; } } .basket-upsell-banner.homepage .banner { top: 29px; right: -93px; } .basket-upsell-banner.homepage.free-delivery .span-wrapper { margin-top: 40px; } @media (min-width: 1024px) { .basket-upsell-banner.homepage.free-delivery .span-wrapper { margin-top: 1rem; align-items: center; } .basket-upsell-banner.homepage.free-delivery .span-wrapper .top { align-items: center; justify-content: center; gap: 0.25rem; text-align: center; } .basket-upsell-banner.homepage.free-delivery .span-wrapper .top span { height: 2.5rem; line-height: 60px; } .basket-upsell-banner.homepage.free-delivery .span-wrapper .second-part { margin-top: 0.25rem; } } .basket-upsell-banner.homepage.free-delivery .span-wrapper .large-font { margin-bottom: 0px; height: 1.5rem; font-size: 20px; } @media (min-width: 1024px) { .basket-upsell-banner.homepage.free-delivery .span-wrapper .large-font { width: auto; font-size: 38px; line-height: 52px; } .basket-upsell-banner.homepage.free-delivery .span-wrapper .large-font span { line-height: 52px; } .basket-upsell-banner.homepage.free-delivery .span-wrapper .large-font .highlight { padding-left: 0.25rem; } .basket-upsell-banner.homepage.free-delivery .span-wrapper .bottom { text-align: center; } } .basket-upsell-banner.homepage.free-delivery img { right: 0px; } @media (min-width: 1024px) { .basket-upsell-banner.homepage.free-delivery img { left: 0px; } .basket-upsell-banner.homepage.free-delivery .banner { top: 31px; right: -162px; } } .basket-upsell-banner.pdp { margin-bottom: 1rem; padding-top: 0.5rem; padding-bottom: 0.5rem; } @media (min-width: 1024px) { .basket-upsell-banner.pdp { margin-left: 0px; margin-right: 0px; margin-bottom: 1.5rem; padding-left: 1.5rem; padding-right: 1.5rem; } } .basket-upsell-banner.pdp img { right: 0px; } @media (min-width: 1024px) { .basket-upsell-banner.pdp img { left: 0px; } } .basket-upsell-banner.pdp .span-wrapper { position: relative; margin-top: 0px; margin-bottom: 0px; font-size: 13px; line-height: 18px; } @media (min-width: 1024px) { .basket-upsell-banner.pdp .span-wrapper { margin-top: 0.25rem; margin-bottom: 0.25rem; align-items: center; font-size: 20px; line-height: 1.5rem; } } .basket-upsell-banner.pdp .span-wrapper .top { margin-right: 82px; display: block; font-size: 13px; } [data-content-type$='block'] .basket-upsell-banner.pdp .span-wrapper .top p:last-child { margin-bottom: 1rem; margin-top: 0px; } .category-view .sidebar .basket-upsell-banner.pdp .span-wrapper .top.filter { } @media (min-width: 1024px) { .basket-upsell-banner.pdp .span-wrapper .top { margin-right: 0px; font-size: 20px; } } .basket-upsell-banner.pdp .span-wrapper .top .large-font { font-size: 13px; } @media (min-width: 1024px) { .basket-upsell-banner.pdp .span-wrapper .top .large-font { font-size: 20px; } } .basket-upsell-banner.pdp .span-wrapper .bottom { display: flex; flex-direction: column; } @media (min-width: 1024px) { .basket-upsell-banner.pdp .span-wrapper .bottom { flex-direction: row; align-items: center; gap: 0.25rem; } .basket-upsell-banner.pdp .span-wrapper .bottom .link { height: 28px; } } .basket-upsell-banner.pdp .span-wrapper .bottom a { font-size: 10px; } @media (min-width: 1024px) { .basket-upsell-banner.pdp .span-wrapper .bottom a { font-size: 14px; } } .basket-upsell-banner.pdp .span-wrapper .bottom .notice { font-size: 10px; font-weight: 400; line-height: .75rem; } @media (min-width: 1024px) { .basket-upsell-banner.pdp .span-wrapper .bottom .notice { font-size: 14px; font-weight: 600; line-height: 18px; } } .basket-upsell-banner.pdp .banner { position: absolute; top: 14px; right: -108px; height: 28px; width: 320px; font-size: 10px; line-height: 26px; } @media (min-width: 1024px) { .basket-upsell-banner.pdp .banner { right: -105px; top: 20px; height: 36px; width: 460px; font-size: 13px; line-height: 31px; } } .basket-upsell-banner.cart { margin-left: 0px; margin-right: 0px; margin-bottom: 0.75rem; width: 100%; padding-left: 0px; padding-right: 0px; padding-top: 0.75rem; padding-bottom: 0.75rem; } @media (min-width: 1024px) { .basket-upsell-banner.cart { margin-bottom: 0.5rem; padding-left: 1.5rem; padding-right: 1.5rem; } } .basket-upsell-banner.cart img { right: 0px; } @media (min-width: 1024px) { .basket-upsell-banner.cart img { left: 0px; } } .basket-upsell-banner.cart .span-wrapper { position: relative; margin-top: 0px; margin-bottom: 0px; margin-left: 1rem; margin-right: 1rem; align-items: flex-start; justify-content: center; text-align: start; font-size: 11px; line-height: 18px; } @media (min-width: 1024px) { .basket-upsell-banner.cart .span-wrapper { align-items: center; text-align: center; font-size: 20px; line-height: 1.5rem; } } .basket-upsell-banner.cart .span-wrapper .top { display: flex; flex-direction: column; font-size: 14px; } @media (min-width: 1024px) { .basket-upsell-banner.cart .span-wrapper .top { flex-direction: row; gap: 2px; font-size: 16px; } } .basket-upsell-banner.cart .span-wrapper .bottom { display: flex; flex-direction: column; padding-right: 30px; } @media (min-width: 1024px) { .basket-upsell-banner.cart .span-wrapper .bottom { flex-direction: row; gap: 2px; padding-left: 0px; padding-right: 0px; } } .basket-upsell-banner.cart .span-wrapper .bottom .first { width: 100%; } @media (min-width: 1024px) { .basket-upsell-banner.cart .span-wrapper .bottom .first { width: auto; } } .basket-upsell-banner.cart .span-wrapper .bottom a { font-size: 0.75rem; line-height: 1rem; } @media (min-width: 1024px) { .basket-upsell-banner.cart .span-wrapper .bottom a { font-size: 14px; line-height: 18px; } } .basket-upsell-banner.cart .span-wrapper .notice { font-size: 0.75rem; font-weight: 400; line-height: 1rem; } @media (min-width: 1024px) { .basket-upsell-banner.cart .span-wrapper .notice { font-size: 14px; font-weight: 600; line-height: 18px; } } .basket-upsell-banner.cart.free-delivery { display: none; } .basket-upsell-banner.cart.free-delivery.positive { display: block; } [data-content-type$='block'] .basket-upsell-banner.cart.free-delivery.positive p:last-child { margin-bottom: 1rem; margin-top: 0px; } .category-view .sidebar .basket-upsell-banner.cart.free-delivery.positive.filter { } .basket-upsell-banner.cart.free-delivery .span-wrapper { margin-top: 0.5rem; } @media (min-width: 1024px) { .basket-upsell-banner.cart.free-delivery .span-wrapper { margin-top: 0px; } } .basket-upsell-banner.cart .banner { position: absolute; top: 12px; right: -113px; height: 28px; width: 320px; font-size: 10px; line-height: 26px; } @media (min-width: 1024px) { .basket-upsell-banner.cart .banner { right: -105px; top: 20px; height: 36px; width: 460px; font-size: 13px; line-height: 31px; } } .basket-upsell-banner.cart-drawer { margin-left: 1rem; margin-right: 1rem; margin-bottom: 0.5rem; padding-right: 22px; padding-bottom: 1rem; padding-top: 1.25rem; } @media (min-width: 1024px) { .basket-upsell-banner.cart-drawer { padding-right: 54px; padding-left: 1rem; } } .basket-upsell-banner.cart-drawer .span-wrapper { margin: 0px; margin-top: 0.5rem; align-items: flex-start; font-size: 14px; } @media (min-width: 1024px) { .basket-upsell-banner.cart-drawer .span-wrapper { margin-top: 0px; font-size: 14px; line-height: 18px; } } .basket-upsell-banner.cart-drawer .span-wrapper .top { display: flex; flex-direction: column; font-size: 14px; } @media (min-width: 1024px) { .basket-upsell-banner.cart-drawer .span-wrapper .top { font-size: 16px; } } .basket-upsell-banner.cart-drawer .span-wrapper .top .large-font { margin-bottom: 0px; height: auto; font-size: 14px; } @media (min-width: 1024px) { .basket-upsell-banner.cart-drawer .span-wrapper .top .large-font { font-size: 16px; } .basket-upsell-banner.cart-drawer .span-wrapper .notice { font-size: 14px; } .basket-upsell-banner.cart-drawer .span-wrapper a { font-size: 14px; } } .basket-upsell-banner.cart-drawer .span-wrapper .bottom { align-items: flex-start; } @media (min-width: 1024px) { .basket-upsell-banner.cart-drawer .span-wrapper .bottom { flex-direction: column; } } .basket-upsell-banner.cart-drawer .banner { right: -119px; top: 17px; font-size: 14px; } @media (min-width: 1024px) { .basket-upsell-banner.cart-drawer .banner { right: -181px; } } .basket-upsell-banner.cart-drawer.free-delivery .span-wrapper { margin-top: 0px; } /* 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; } .pointer-events-auto { pointer-events: auto; } .visible { visibility: visible; } .invisible { visibility: hidden; } .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; } .-left-2 { left: -0.5rem; } .-right-1 { right: -0.25rem; } .-right-1\.5 { right: -0.375rem; } .-right-\[11px\] { right: -11px; } .-top-1 { top: -0.25rem; } .-top-1\.5 { top: -0.375rem; } .-top-2 { top: -0.5rem; } .-top-3 { top: -0.75rem; } .-top-\[11px\] { top: -11px; } .bottom-0 { bottom: 0px; } .bottom-1 { bottom: 0.25rem; } .bottom-10 { bottom: 2.5rem; } .bottom-2 { bottom: 0.5rem; } .bottom-3 { bottom: 0.75rem; } .bottom-4 { bottom: 1rem; } .bottom-6 { bottom: 1.5rem; } .bottom-\[-42px\] { bottom: -42px; } .bottom-\[1px\] { bottom: 1px; } .bottom-\[2px\] { bottom: 2px; } .bottom-full { bottom: 100%; } .left-0 { left: 0px; } .left-1 { left: 0.25rem; } .left-1\/2 { left: 50%; } .left-2 { left: 0.5rem; } .left-3 { left: 0.75rem; } .left-\[-16px\] { left: -16px; } .left-\[-25\%\] { left: -25%; } .left-\[calc\(100\%-83px\)\] { left: calc(100% - 83px); } .right-0 { right: 0px; } .right-1 { right: 0.25rem; } .right-2 { right: 0.5rem; } .right-3 { right: 0.75rem; } .right-4 { right: 1rem; } .right-5 { right: 1.25rem; } .right-\[-1px\] { right: -1px; } .right-\[-99px\] { right: -99px; } .right-\[calc\(50\%-40px\)\] { right: calc(50% - 40px); } .top-0 { top: 0px; } .top-0\.5 { top: 0.125rem; } .top-1\/2 { top: 50%; } .top-10 { top: 2.5rem; } .top-2\/4 { top: 50%; } .top-3 { top: 0.75rem; } .top-4 { top: 1rem; } .top-5 { top: 1.25rem; } .top-6 { top: 1.5rem; } .top-\[10px\] { top: 10px; } .top-\[1px\] { top: 1px; } .top-\[25\%\] { top: 25%; } .top-\[38px\] { top: 38px; } .top-\[40px\] { top: 40px; } .top-\[4px\] { top: 4px; } .top-\[50px\] { top: 50px; } .top-\[calc\(100\%\+4px\)\] { top: calc(100% + 4px); } .top-\[calc\(50\%-2px\)\] { top: calc(50% - 2px); } .top-auto { top: auto; } .top-full { top: 100%; } .isolate { isolation: isolate; } .\!z-100 { z-index: 100 !important; } .z-0 { z-index: 0; } .z-10 { z-index: 10; } .z-100 { z-index: 100; } .z-120 { z-index: 120; } .z-130 { z-index: 130; } .z-20 { z-index: 20; } .z-30 { z-index: 30; } .z-40 { z-index: 40; } .z-50 { z-index: 50; } .z-\[1000\] { z-index: 1000; } .z-\[100\] { z-index: 100; } .z-\[110\] { z-index: 110; } .z-\[120\] { z-index: 120; } .z-\[130\] { z-index: 130; } .z-\[1\] { z-index: 1; } .z-\[30\] { z-index: 30; } .z-\[3\] { z-index: 3; } .z-\[49\] { z-index: 49; } .z-\[60\] { z-index: 60; } .order-1 { order: 1; } .order-10 { order: 10; } .order-2 { order: 2; } .order-3 { order: 3; } .order-6 { order: 6; } .order-9 { order: 9; } .order-first { order: -9999; } .order-last { order: 9999; } .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-full { grid-column: 1 / -1; } .float-right { float: right; } .float-left { float: left; } .float-none { float: none; } .clear-left { clear: left; } .-m-2 { margin: -0.5rem; } .-m-4 { margin: -1rem; } .m-0 { margin: 0px; } .m-1 { margin: 0.25rem; } .m-2 { margin: 0.5rem; } .m-4 { margin: 1rem; } .m-6 { margin: 1.5rem; } .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; } .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; } .mx-\[-12px\] { margin-left: -12px; margin-right: -12px; } .mx-\[-16px\] { margin-left: -16px; margin-right: -16px; } .mx-\[-8px\] { margin-left: -8px; margin-right: -8px; } .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-3 { margin-top: 0.75rem; margin-bottom: 0.75rem; } .my-4 { margin-top: 1rem; margin-bottom: 1rem; } .my-6 { margin-top: 1.5rem; margin-bottom: 1.5rem; } .my-8 { margin-top: 2rem; margin-bottom: 2rem; } .\!ml-0 { margin-left: 0px !important; } .\!mt-3 { margin-top: 0.75rem !important; } .-ml-1 { margin-left: -0.25rem; } .-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-3 { margin-top: -0.75rem; } .-mt-6 { margin-top: -1.5rem; } .-mt-8 { margin-top: -2rem; } .mb-0 { margin-bottom: 0px; } .mb-1 { margin-bottom: 0.25rem; } .mb-10 { margin-bottom: 2.5rem; } .mb-12 { margin-bottom: 3rem; } .mb-2 { margin-bottom: 0.5rem; } .mb-3 { margin-bottom: 0.75rem; } .mb-4 { margin-bottom: 1rem; } .mb-6 { margin-bottom: 1.5rem; } .mb-8 { margin-bottom: 2rem; } .mb-\[35px\] { margin-bottom: 35px; } .mb-\[36px\] { margin-bottom: 36px; } .mb-\[64px\] { margin-bottom: 64px; } .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-6 { margin-left: 1.5rem; } .ml-\[-2px\] { margin-left: -2px; } .ml-\[2px\] { margin-left: 2px; } .ml-\[49px\] { margin-left: 49px; } .ml-auto { margin-left: auto; } .mr-0 { margin-right: 0px; } .mr-0\.5 { margin-right: 0.125rem; } .mr-1 { margin-right: 0.25rem; } .mr-1\.5 { margin-right: 0.375rem; } .mr-10 { margin-right: 2.5rem; } .mr-2 { margin-right: 0.5rem; } .mr-3 { margin-right: 0.75rem; } .mr-4 { margin-right: 1rem; } .mr-6 { margin-right: 1.5rem; } .mr-8 { margin-right: 2rem; } .mr-\[-12px\] { margin-right: -12px; } .mr-\[-4px\] { margin-right: -4px; } .mr-\[11px\] { margin-right: 11px; } .mr-\[27px\] { margin-right: 27px; } .mr-\[2px\] { margin-right: 2px; } .mr-\[6px\] { margin-right: 6px; } .mr-\[7px\] { margin-right: 7px; } .mr-\[9px\] { margin-right: 9px; } .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-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-\[-32px\] { margin-top: -32px; } .mt-\[10px\] { margin-top: 10px; } .mt-\[14px\] { margin-top: 14px; } .mt-\[35px\] { margin-top: 35px; } .mt-\[36px\] { margin-top: 36px; } .mt-\[56px\] { margin-top: 56px; } .mt-\[65px\] { margin-top: 65px; } .mt-\[7px\] { margin-top: 7px; } .mt-auto { margin-top: auto; } .box-border { box-sizing: border-box; } .box-content { box-sizing: content-box; } .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; } .aspect-square { aspect-ratio: 1 / 1; } .h-0 { height: 0px; } .h-1 { height: 0.25rem; } .h-10 { height: 2.5rem; } .h-11 { height: 2.75rem; } .h-12 { height: 3rem; } .h-14 { height: 3.5rem; } .h-16 { height: 4rem; } .h-20 { height: 5rem; } .h-3 { height: 0.75rem; } .h-4 { height: 1rem; } .h-48 { height: 12rem; } .h-5 { height: 1.25rem; } .h-6 { height: 1.5rem; } .h-8 { height: 2rem; } .h-9 { height: 2.25rem; } .h-\[100vh\] { height: 100vh; } .h-\[104px\] { height: 104px; } .h-\[120px\] { height: 120px; } .h-\[124px\] { height: 124px; } .h-\[125px\] { height: 125px; } .h-\[140px\] { height: 140px; } .h-\[144px\] { height: 144px; } .h-\[148px\] { height: 148px; } .h-\[14px\] { height: 14px; } .h-\[152px\] { height: 152px; } .h-\[156px\] { height: 156px; } .h-\[16px\] { height: 16px; } .h-\[172px\] { height: 172px; } .h-\[18px\] { height: 18px; } .h-\[19px\] { height: 19px; } .h-\[1px\] { height: 1px; } .h-\[200px\] { height: 200px; } .h-\[208px\] { height: 208px; } .h-\[20px\] { height: 20px; } .h-\[220px\] { height: 220px; } .h-\[22px\] { height: 22px; } .h-\[240px\] { height: 240px; } .h-\[244px\] { height: 244px; } .h-\[24px\] { height: 24px; } .h-\[250px\] { height: 250px; } .h-\[256px\] { height: 256px; } .h-\[28px\] { height: 28px; } .h-\[300px\] { height: 300px; } .h-\[306px\] { height: 306px; } .h-\[328px\] { height: 328px; } .h-\[32px\] { height: 32px; } .h-\[33px\] { height: 33px; } .h-\[344px\] { height: 344px; } .h-\[34px\] { height: 34px; } .h-\[368px\] { height: 368px; } .h-\[36px\] { height: 36px; } .h-\[37px\] { height: 37px; } .h-\[38px\] { height: 38px; } .h-\[40px\] { height: 40px; } .h-\[440px\] { height: 440px; } .h-\[44px\] { height: 44px; } .h-\[48px\] { height: 48px; } .h-\[56px\] { height: 56px; } .h-\[60px\] { height: 60px; } .h-\[620px\] { height: 620px; } .h-\[64px\] { height: 64px; } .h-\[72px\] { height: 72px; } .h-\[76px\] { height: 76px; } .h-\[80px\] { height: 80px; } .h-\[82px\] { height: 82px; } .h-\[84px\] { height: 84px; } .h-\[86px\] { height: 86px; } .h-\[88px\] { height: 88px; } .h-\[calc\(100vw-32px\)\] { height: calc(100vw - 32px); } .h-auto { height: auto; } .h-fit { height: -moz-fit-content; height: fit-content; } .h-full { height: 100%; } .h-min { height: min-content; } .h-screen { height: 100vh; } .\!max-h-fit { max-height: -moz-fit-content !important; max-height: fit-content !important; } .max-h-\[100dvh\] { max-height: 100dvh; } .max-h-\[192px\] { max-height: 192px; } .max-h-\[300px\] { max-height: 300px; } .max-h-\[316px\] { max-height: 316px; } .max-h-\[324px\] { max-height: 324px; } .max-h-\[328px\] { max-height: 328px; } .max-h-\[400px\] { max-height: 400px; } .max-h-\[406px\] { max-height: 406px; } .max-h-\[40px\] { max-height: 40px; } .max-h-\[524px\] { max-height: 524px; } .max-h-\[572px\] { max-height: 572px; } .max-h-\[640px\] { max-height: 640px; } .max-h-\[72px\] { max-height: 72px; } .max-h-\[calc\(100vh-170px\)\] { max-height: calc(100vh - 170px); } .max-h-full { max-height: 100%; } .max-h-screen { max-height: 100vh; } .max-h-screen-75 { max-height: 75vh; } .\!min-h-\[32px\] { min-height: 32px !important; } .\!min-h-\[40px\] { min-height: 40px !important; } .min-h-0 { min-height: 0px; } .min-h-14 { min-height: 3.5rem; } .min-h-\[104px\] { min-height: 104px; } .min-h-\[144px\] { min-height: 144px; } .min-h-\[148px\] { min-height: 148px; } .min-h-\[167px\] { min-height: 167px; } .min-h-\[180px\] { min-height: 180px; } .min-h-\[20px\] { min-height: 20px; } .min-h-\[224px\] { min-height: 224px; } .min-h-\[230px\] { min-height: 230px; } .min-h-\[24px\] { min-height: 24px; } .min-h-\[34px\] { min-height: 34px; } .min-h-\[40px\] { min-height: 40px; } .min-h-\[46px\] { min-height: 46px; } .min-h-\[48px\] { min-height: 48px; } .min-h-\[538px\] { min-height: 538px; } .min-h-\[82px\] { min-height: 82px; } .min-h-a11y { min-height: 44px; } .w-0 { width: 0px; } .w-1 { width: 0.25rem; } .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-16 { width: 4rem; } .w-20 { width: 5rem; } .w-3 { width: 0.75rem; } .w-3\/4 { width: 75%; } .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-\[100vw\] { width: 100vw; } .w-\[108px\] { width: 108px; } .w-\[10px\] { width: 10px; } .w-\[110px\] { width: 110px; } .w-\[112px\] { width: 112px; } .w-\[116px\] { width: 116px; } .w-\[120px\] { width: 120px; } .w-\[124px\] { width: 124px; } .w-\[129px\] { width: 129px; } .w-\[130px\] { width: 130px; } .w-\[132px\] { width: 132px; } .w-\[134px\] { width: 134px; } .w-\[135px\] { width: 135px; } .w-\[140px\] { width: 140px; } .w-\[144px\] { width: 144px; } .w-\[152px\] { width: 152px; } .w-\[168px\] { width: 168px; } .w-\[170px\] { width: 170px; } .w-\[172px\] { width: 172px; } .w-\[177px\] { width: 177px; } .w-\[178px\] { width: 178px; } .w-\[187px\] { width: 187px; } .w-\[18px\] { width: 18px; } .w-\[210px\] { width: 210px; } .w-\[214px\] { width: 214px; } .w-\[216px\] { width: 216px; } .w-\[224px\] { width: 224px; } .w-\[22px\] { width: 22px; } .w-\[234px\] { width: 234px; } .w-\[238px\] { width: 238px; } .w-\[248px\] { width: 248px; } .w-\[260px\] { width: 260px; } .w-\[28px\] { width: 28px; } .w-\[29px\] { width: 29px; } .w-\[320px\] { width: 320px; } .w-\[32px\] { width: 32px; } .w-\[34px\] { width: 34px; } .w-\[37px\] { width: 37px; } .w-\[38px\] { width: 38px; } .w-\[40px\] { width: 40px; } .w-\[46px\] { width: 46px; } .w-\[47px\] { width: 47px; } .w-\[48px\] { width: 48px; } .w-\[50px\] { width: 50px; } .w-\[52px\] { width: 52px; } .w-\[56px\] { width: 56px; } .w-\[626px\] { width: 626px; } .w-\[62px\] { width: 62px; } .w-\[64px\] { width: 64px; } .w-\[68px\] { width: 68px; } .w-\[69px\] { width: 69px; } .w-\[70px\] { width: 70px; } .w-\[72px\] { width: 72px; } .w-\[74px\] { width: 74px; } .w-\[76px\] { width: 76px; } .w-\[78px\] { width: 78px; } .w-\[80px\] { width: 80px; } .w-\[84px\] { width: 84px; } .w-\[86px\] { width: 86px; } .w-\[88px\] { width: 88px; } .w-\[90px\] { width: 90px; } .w-\[96px\] { width: 96px; } .w-\[calc\(100\%-152px\)\] { width: calc(100% - 152px); } .w-\[calc\(100\%-16px\)\] { width: calc(100% - 16px); } .w-\[calc\(100\%-68px\)\] { width: calc(100% - 68px); } .w-\[calc\(100\%-6px\)\] { width: calc(100% - 6px); } .w-\[calc\(100\%-76px-8px\)\] { width: calc(100% - 76px - 8px); } .w-\[calc\(100\%-92px\)\] { width: calc(100% - 92px); } .w-\[calc\(100vw-32px\)\] { width: calc(100vw - 32px); } .w-\[calc\(50\%-4px\)\] { width: calc(50% - 4px); } .w-\[calc\(50\%-6px\)\] { width: calc(50% - 6px); } .w-\[calc\(50\%-8px\)\] { width: calc(50% - 8px); } .w-auto { width: auto; } .w-fit { width: -moz-fit-content; width: fit-content; } .w-full { width: 100%; } .w-mobileHeader { width: calc(100% - 116px); } .w-mobileSearch { width: calc(100% - 72px - 16px); } .w-screen { width: 100vw; } .min-w-20 { min-width: 5rem; } .min-w-40 { min-width: 10rem; } .min-w-48 { min-width: 12rem; } .min-w-\[108px\] { min-width: 108px; } .min-w-\[140px\] { min-width: 140px; } .min-w-\[288px\] { min-width: 288px; } .min-w-\[28px\] { min-width: 28px; } .min-w-\[328px\] { min-width: 328px; } .min-w-\[40px\] { min-width: 40px; } .min-w-\[50px\] { min-width: 50px; } .min-w-\[56px\] { min-width: 56px; } .min-w-\[64px\] { min-width: 64px; } .min-w-\[70px\] { min-width: 70px; } .min-w-\[90px\] { min-width: 90px; } .max-w-2xl { max-width: 42rem; } .max-w-4xl { max-width: 56rem; } .max-w-\[1000px\] { max-width: 1000px; } .max-w-\[105px\] { max-width: 105px; } .max-w-\[1240px\] { max-width: 1240px; } .max-w-\[1280px\] { max-width: 1280px; } .max-w-\[140px\] { max-width: 140px; } .max-w-\[156px\] { max-width: 156px; } .max-w-\[175px\] { max-width: 175px; } .max-w-\[182px\] { max-width: 182px; } .max-w-\[212px\] { max-width: 212px; } .max-w-\[320px\] { max-width: 320px; } .max-w-\[360px\] { max-width: 360px; } .max-w-\[400px\] { max-width: 400px; } .max-w-\[480px\] { max-width: 480px; } .max-w-\[504px\] { max-width: 504px; } .max-w-\[calc\(100\%-160px\)\] { max-width: calc(100% - 160px); } .max-w-\[calc\(100\%-56px\)\] { max-width: calc(100% - 56px); } .max-w-\[calc\(100\%-60px\)\] { max-width: calc(100% - 60px); } .max-w-\[calc\(100\%-63px\)\] { max-width: calc(100% - 63px); } .max-w-\[calc\(100\%-72px\)\] { max-width: calc(100% - 72px); } .max-w-\[calc\(100\%-76px\)\] { max-width: calc(100% - 76px); } .max-w-\[calc\(100\%-80px\)\] { max-width: calc(100% - 80px); } .max-w-\[calc\(100\%-83px\)\] { max-width: calc(100% - 83px); } .max-w-fit { max-width: -moz-fit-content; max-width: fit-content; } .max-w-full { max-width: 100%; } .max-w-md { max-width: 28rem; } .max-w-prose { max-width: 65ch; } .max-w-screen-2xl { max-width: 1536px; } .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; } .table-auto { table-layout: auto; } .origin-bottom-left { transform-origin: bottom left; } .origin-top-left { transform-origin: top left; } .origin-top-right { transform-origin: top right; } .-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-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-\[-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)); } .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-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)); } .transform-none { transform: none; } @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 pulse { 50% { opacity: .5; } } .animate-pulse { animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite; } @keyframes spin { to { transform: rotate(360deg); } } .animate-spin { animation: spin 1s linear infinite; } .cursor-default { cursor: default; } .cursor-no-drop { cursor: no-drop; } .cursor-not-allowed { cursor: not-allowed; } .cursor-pointer { cursor: pointer; } .select-none { -webkit-user-select: none; -ms-user-select: none; user-select: none; } .resize-y { resize: vertical; } .resize { resize: both; } .list-inside { list-style-position: inside; } .list-disc { list-style-type: disc; } .list-none { list-style-type: none; } .appearance-none { -webkit-appearance: none; appearance: none; } .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-7 { grid-template-columns: repeat(7, 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; } .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-evenly { justify-content: space-evenly; } .gap-0 { gap: 0px; } .gap-0\.5 { gap: 0.125rem; } .gap-1 { gap: 0.25rem; } .gap-1\.5 { gap: 0.375rem; } .gap-12 { gap: 3rem; } .gap-2 { gap: 0.5rem; } .gap-3 { gap: 0.75rem; } .gap-4 { gap: 1rem; } .gap-5 { gap: 1.25rem; } .gap-6 { gap: 1.5rem; } .gap-8 { gap: 2rem; } .gap-\[14px\] { gap: 14px; } .gap-\[2px\] { gap: 2px; } .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-y-0 { row-gap: 0px; } .gap-y-1 { row-gap: 0.25rem; } .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; } .space-x-0 > :not([hidden]) ~ :not([hidden]) { --tw-space-x-reverse: 0; margin-right: calc(0px * var(--tw-space-x-reverse)); margin-left: calc(0px * calc(1 - var(--tw-space-x-reverse))); } .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-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)); } .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 !important; } .overflow-hidden { overflow: hidden; } .overflow-visible { overflow: visible; } .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; } .overscroll-y-contain { overscroll-behavior-y: contain; } .truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .whitespace-nowrap { white-space: nowrap; } .whitespace-pre-line { white-space: pre-line; } .break-words { overflow-wrap: break-word; } .break-all { word-break: break-all; } .rounded { border-radius: 0.25rem; } .rounded-\[12px\] { border-radius: 12px; } .rounded-\[4px\] { border-radius: 4px; } .rounded-\[8px\] { border-radius: 8px; } .rounded-full { border-radius: 9999px; } .rounded-leroy { border-radius: 4px; } .rounded-lg { border-radius: 0.5rem; } .rounded-md { border-radius: 0.375rem; } .rounded-none { border-radius: 0px; } .rounded-sm { border-radius: 0.125rem; } .rounded-xl { border-radius: 0.75rem; } .rounded-b-leroy { border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } .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-r { border-top-right-radius: 0.25rem; border-bottom-right-radius: 0.25rem; } .rounded-r-full { border-top-right-radius: 9999px; border-bottom-right-radius: 9999px; } .rounded-r-md { border-top-right-radius: 0.375rem; border-bottom-right-radius: 0.375rem; } .rounded-t-leroy { border-top-left-radius: 4px; border-top-right-radius: 4px; } .rounded-t-none { border-top-left-radius: 0px; border-top-right-radius: 0px; } .rounded-tl-none { border-top-left-radius: 0px; } .rounded-tr-none { border-top-right-radius: 0px; } .\!border-0 { border-width: 0px !important; } .border { border-width: 1px; } .border-0 { border-width: 0px; } .border-2 { border-width: 2px; } .border-b { border-bottom-width: 1px; } .border-b-2 { border-bottom-width: 2px; } .border-b-\[1px\] { border-bottom-width: 1px; } .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-t-\[1px\] { border-top-width: 1px; } .border-solid { border-style: solid; } .border-dashed { border-style: dashed; } .border-none { border-style: none; } .\!border-error-600 { --tw-border-opacity: 1 !important; border-color: rgb(218 41 28 / var(--tw-border-opacity)) !important; } .\!border-error-800 { --tw-border-opacity: 1 !important; border-color: rgb(157 32 23 / var(--tw-border-opacity)) !important; } .\!border-transparent { border-color: transparent !important; } .border-black { --tw-border-opacity: 1; border-color: rgb(0 0 0 / var(--tw-border-opacity)); } .border-blue-500 { --tw-border-opacity: 1; border-color: rgb(59 130 246 / var(--tw-border-opacity)); } .border-container { --tw-border-opacity: 1; border-color: rgb(231 231 231 / var(--tw-border-opacity)); } .border-container-darker { --tw-border-opacity: 1; border-color: rgb(182 182 182 / var(--tw-border-opacity)); } .border-container-lighter { --tw-border-opacity: 1; border-color: rgb(245 245 245 / var(--tw-border-opacity)); } .border-current { border-color: currentColor; } .border-error-800 { --tw-border-opacity: 1; border-color: rgb(157 32 23 / var(--tw-border-opacity)); } .border-gray-100 { --tw-border-opacity: 1; border-color: rgb(235 235 235 / var(--tw-border-opacity)); } .border-gray-200 { --tw-border-opacity: 1; border-color: rgb(214 214 214 / var(--tw-border-opacity)); } .border-gray-300 { --tw-border-opacity: 1; border-color: rgb(194 194 194 / var(--tw-border-opacity)); } .border-gray-400 { --tw-border-opacity: 1; border-color: rgb(173 173 173 / var(--tw-border-opacity)); } .border-gray-600 { --tw-border-opacity: 1; border-color: rgb(128 128 128 / var(--tw-border-opacity)); } .border-gray-800 { --tw-border-opacity: 1; border-color: rgb(49 49 49 / var(--tw-border-opacity)); } .border-gray-950 { --tw-border-opacity: 1; border-color: rgb(0 0 0 / var(--tw-border-opacity)); } .border-gray-border { --tw-border-opacity: 1; border-color: rgb(240 240 240 / var(--tw-border-opacity)); } .border-gray-desktopHeaderDivider { --tw-border-opacity: 1; border-color: rgb(201 201 201 / var(--tw-border-opacity)); } .border-gray-disabled { --tw-border-opacity: 1; border-color: rgb(240 240 240 / var(--tw-border-opacity)); } .border-gray-footerDiver { --tw-border-opacity: 1; border-color: rgb(201 201 201 / var(--tw-border-opacity)); } .border-gray-footeritems { --tw-border-opacity: 1; border-color: rgb(247 247 247 / var(--tw-border-opacity)); } .border-gray-inputBorder { --tw-border-opacity: 1; border-color: rgb(201 201 201 / var(--tw-border-opacity)); } .border-green-400 { --tw-border-opacity: 1; border-color: rgb(161 209 108 / var(--tw-border-opacity)); } .border-green-500 { --tw-border-opacity: 1; border-color: rgb(120 190 32 / var(--tw-border-opacity)); } .border-green-700 { --tw-border-opacity: 1; border-color: rgb(60 135 0 / var(--tw-border-opacity)); } .border-notice-600 { --tw-border-opacity: 1; border-color: rgb(0 146 188 / var(--tw-border-opacity)); } .border-notice-800 { --tw-border-opacity: 1; border-color: rgb(16 94 122 / var(--tw-border-opacity)); } .border-primary { --tw-border-opacity: 1; border-color: rgb(29 78 216 / var(--tw-border-opacity)); } .border-red-500 { --tw-border-opacity: 1; border-color: rgb(113 113 122 / var(--tw-border-opacity)); } .border-red-600 { --tw-border-opacity: 1; border-color: rgb(82 82 91 / var(--tw-border-opacity)); } .border-red-700 { --tw-border-opacity: 1; border-color: rgb(63 63 70 / var(--tw-border-opacity)); } .border-success-600 { --tw-border-opacity: 1; border-color: rgb(0 95 97 / var(--tw-border-opacity)); } .border-success-800 { --tw-border-opacity: 1; border-color: rgb(33 69 68 / var(--tw-border-opacity)); } .border-teal-600 { --tw-border-opacity: 1; border-color: rgb(181 41 39 / var(--tw-border-opacity)); } .border-transparent { border-color: transparent; } .border-warning-800 { --tw-border-opacity: 1; border-color: rgb(152 65 8 / var(--tw-border-opacity)); } .border-white { --tw-border-opacity: 1; border-color: rgb(255 255 255 / var(--tw-border-opacity)); } .border-yellow-400 { --tw-border-opacity: 1; border-color: rgb(251 191 36 / var(--tw-border-opacity)); } .border-b-gray-border { --tw-border-opacity: 1; border-bottom-color: rgb(240 240 240 / var(--tw-border-opacity)); } .border-b-gray-desktopHeaderDivider { --tw-border-opacity: 1; border-bottom-color: rgb(201 201 201 / var(--tw-border-opacity)); } .border-t-gray-footerDiver { --tw-border-opacity: 1; border-top-color: rgb(201 201 201 / var(--tw-border-opacity)); } .bg-\[\#71ac2e\] { --tw-bg-opacity: 1; background-color: rgb(113 172 46 / var(--tw-bg-opacity)); } .bg-\[\#F0F0F0\] { --tw-bg-opacity: 1; background-color: rgb(240 240 240 / var(--tw-bg-opacity)); } .bg-\[\#F7F7F7\] { --tw-bg-opacity: 1; background-color: rgb(247 247 247 / var(--tw-bg-opacity)); } .bg-\[rgba\(0\2c 0\2c 0\2c \.6\)\] { background-color: rgba(0,0,0,.6); } .bg-black { --tw-bg-opacity: 1; background-color: rgb(0 0 0 / var(--tw-bg-opacity)); } .bg-blue-200 { --tw-bg-opacity: 1; background-color: rgb(191 219 254 / var(--tw-bg-opacity)); } .bg-blue-50 { --tw-bg-opacity: 1; background-color: rgb(239 246 255 / var(--tw-bg-opacity)); } .bg-blue-500 { --tw-bg-opacity: 1; background-color: rgb(59 130 246 / var(--tw-bg-opacity)); } .bg-blue-600 { --tw-bg-opacity: 1; background-color: rgb(37 99 235 / var(--tw-bg-opacity)); } .bg-container { --tw-bg-opacity: 1; background-color: rgb(250 250 250 / var(--tw-bg-opacity)); } .bg-container-darker { --tw-bg-opacity: 1; background-color: rgb(245 245 245 / var(--tw-bg-opacity)); } .bg-container-lighter { --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); } .bg-container-lighter\/95 { background-color: rgb(255 255 255 / 0.95); } .bg-error-100 { --tw-bg-opacity: 1; background-color: rgb(255 235 237 / var(--tw-bg-opacity)); } .bg-error-50 { --tw-bg-opacity: 1; background-color: rgb(254 242 241 / var(--tw-bg-opacity)); } .bg-error-600 { --tw-bg-opacity: 1; background-color: rgb(218 41 28 / var(--tw-bg-opacity)); } .bg-gray-100 { --tw-bg-opacity: 1; background-color: rgb(235 235 235 / var(--tw-bg-opacity)); } .bg-gray-200 { --tw-bg-opacity: 1; background-color: rgb(214 214 214 / var(--tw-bg-opacity)); } .bg-gray-50 { --tw-bg-opacity: 1; background-color: rgb(250 250 250 / var(--tw-bg-opacity)); } .bg-gray-500 { --tw-bg-opacity: 1; background-color: rgb(153 153 153 / var(--tw-bg-opacity)); } .bg-gray-700 { --tw-bg-opacity: 1; background-color: rgb(96 96 96 / var(--tw-bg-opacity)); } .bg-gray-800 { --tw-bg-opacity: 1; background-color: rgb(49 49 49 / var(--tw-bg-opacity)); } .bg-gray-900 { --tw-bg-opacity: 1; background-color: rgb(28 28 28 / var(--tw-bg-opacity)); } .bg-gray-border { --tw-bg-opacity: 1; background-color: rgb(240 240 240 / var(--tw-bg-opacity)); } .bg-gray-desktopHeaderDivider { --tw-bg-opacity: 1; background-color: rgb(201 201 201 / var(--tw-bg-opacity)); } .bg-gray-disabled { --tw-bg-opacity: 1; background-color: rgb(240 240 240 / var(--tw-bg-opacity)); } .bg-gray-disabledText { --tw-bg-opacity: 1; background-color: rgb(147 147 147 / var(--tw-bg-opacity)); } .bg-gray-footeritems { --tw-bg-opacity: 1; background-color: rgb(247 247 247 / var(--tw-bg-opacity)); } .bg-gray-searchBackground { --tw-bg-opacity: 1; background-color: rgb(252 252 252 / var(--tw-bg-opacity)); } .bg-green-200 { --tw-bg-opacity: 1; background-color: rgb(203 233 165 / var(--tw-bg-opacity)); } .bg-green-25 { --tw-bg-opacity: 1; background-color: rgb(247 250 242 / var(--tw-bg-opacity)); } .bg-green-50 { --tw-bg-opacity: 1; background-color: rgb(239 246 230 / var(--tw-bg-opacity)); } .bg-green-500 { --tw-bg-opacity: 1; background-color: rgb(120 190 32 / var(--tw-bg-opacity)); } .bg-green-600 { --tw-bg-opacity: 1; background-color: rgb(86 147 37 / var(--tw-bg-opacity)); } .bg-green-700 { --tw-bg-opacity: 1; background-color: rgb(60 135 0 / var(--tw-bg-opacity)); } .bg-inherit { background-color: inherit; } .bg-notice-800 { --tw-bg-opacity: 1; background-color: rgb(16 94 122 / var(--tw-bg-opacity)); } .bg-primary { --tw-bg-opacity: 1; background-color: rgb(29 78 216 / var(--tw-bg-opacity)); } .bg-red-100 { --tw-bg-opacity: 1; background-color: rgb(244 244 245 / var(--tw-bg-opacity)); } .bg-red-50 { --tw-bg-opacity: 1; background-color: rgb(250 250 250 / var(--tw-bg-opacity)); } .bg-red-500 { --tw-bg-opacity: 1; background-color: rgb(113 113 122 / var(--tw-bg-opacity)); } .bg-success-100 { --tw-bg-opacity: 1; background-color: rgb(218 237 232 / var(--tw-bg-opacity)); } .bg-success-50 { --tw-bg-opacity: 1; background-color: rgb(241 248 246 / var(--tw-bg-opacity)); } .bg-transparent { background-color: transparent; } .bg-warning-100 { --tw-bg-opacity: 1; background-color: rgb(255 248 225 / var(--tw-bg-opacity)); } .bg-white { --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); } .bg-white\/25 { background-color: rgb(255 255 255 / 0.25); } .bg-white\/30 { background-color: rgb(255 255 255 / 0.3); } .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)); } .bg-yellow-500 { --tw-bg-opacity: 1; background-color: rgb(245 158 11 / var(--tw-bg-opacity)); } .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-60 { --tw-bg-opacity: 0.6; } .bg-opacity-75 { --tw-bg-opacity: 0.75; } .bg-opacity-90 { --tw-bg-opacity: 0.9; } .bg-opacity-95 { --tw-bg-opacity: 0.95; } .bg-applepay { background-image: url('../img/applepay.png'); } .bg-floatLogo { background-image: url('../img/float.png'); } .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-leroyLoader { background-image: url('../img/leroy-loader.gif'); } .bg-logo { background-image: url('../img/logo.svg'); } .bg-mobicred { background-image: url('../img/mobicred.png'); } .bg-none { background-image: none; } .bg-one-click-banner { background-image: url('../img/one-click-banner.png'); } .bg-ozow { background-image: url('../img/ozow.svg'); } .bg-pargoYellow { background-image: url('../img/pargo-yellow.svg'); } .bg-payflex { background-image: url('../img/payflex.png'); } .bg-payflexSvg { background-image: url('../img/payflex.svg'); } .bg-paygate { background-image: url('../img/paygate.svg'); } .bg-rcs { background-image: url('../img/rcs.png'); } .bg-redirect { background-image: url('../img/redirect.svg'); } .bg-ugc { background-image: url('../img/idukki-camera.png'); } .bg-visacard { background-image: url('../img/visacard.png'); } .from-white { --tw-gradient-from: #fff; --tw-gradient-to: rgb(255 255 255 / 0); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .bg-contain { background-size: contain; } .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\/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; } .p-1 { padding: 0.25rem; } .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-6 { padding: 1.5rem; } .p-8 { padding: 2rem; } .p-\[1px\] { padding: 1px; } .\!px-1 { padding-left: 0.25rem !important; padding-right: 0.25rem !important; } .\!px-2 { padding-left: 0.5rem !important; padding-right: 0.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-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-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-8 { padding-left: 2rem; padding-right: 2rem; } .px-\[17px\] { padding-left: 17px; padding-right: 17px; } .px-\[2px\] { padding-left: 2px; padding-right: 2px; } .py-0 { padding-top: 0px; padding-bottom: 0px; } .py-1 { padding-top: 0.25rem; padding-bottom: 0.25rem; } .py-1\.5 { padding-top: 0.375rem; padding-bottom: 0.375rem; } .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-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-\[10px\] { padding-top: 10px; padding-bottom: 10px; } .py-\[18px\] { padding-top: 18px; padding-bottom: 18px; } .py-\[2px\] { padding-top: 2px; padding-bottom: 2px; } .py-\[3px\] { padding-top: 3px; padding-bottom: 3px; } .py-\[48px\] { padding-top: 48px; padding-bottom: 48px; } .py-\[5px\] { padding-top: 5px; padding-bottom: 5px; } .py-\[6px\] { padding-top: 6px; padding-bottom: 6px; } .pb-0 { padding-bottom: 0px; } .pb-0\.5 { padding-bottom: 0.125rem; } .pb-1 { padding-bottom: 0.25rem; } .pb-1\.5 { padding-bottom: 0.375rem; } .pb-12 { padding-bottom: 3rem; } .pb-16 { padding-bottom: 4rem; } .pb-2 { padding-bottom: 0.5rem; } .pb-3 { padding-bottom: 0.75rem; } .pb-4 { padding-bottom: 1rem; } .pb-6 { padding-bottom: 1.5rem; } .pb-\[100px\] { padding-bottom: 100px; } .pb-\[5px\] { padding-bottom: 5px; } .pb-\[64px\] { padding-bottom: 64px; } .pb-\[76px\] { padding-bottom: 76px; } .pb-\[78px\] { padding-bottom: 78px; } .pb-\[7px\] { padding-bottom: 7px; } .pl-0 { padding-left: 0px; } .pl-1 { padding-left: 0.25rem; } .pl-2 { padding-left: 0.5rem; } .pl-3 { padding-left: 0.75rem; } .pl-4 { padding-left: 1rem; } .pl-5 { padding-left: 1.25rem; } .pl-6 { padding-left: 1.5rem; } .pl-8 { padding-left: 2rem; } .pl-9 { padding-left: 2.25rem; } .pl-\[14px\] { padding-left: 14px; } .pl-\[40px\] { padding-left: 40px; } .pl-\[56px\] { padding-left: 56px; } .pl-\[88px\] { padding-left: 88px; } .pr-0 { padding-right: 0px; } .pr-1 { padding-right: 0.25rem; } .pr-10 { padding-right: 2.5rem; } .pr-12 { padding-right: 3rem; } .pr-2 { padding-right: 0.5rem; } .pr-3 { padding-right: 0.75rem; } .pr-4 { padding-right: 1rem; } .pr-5 { padding-right: 1.25rem; } .pr-6 { padding-right: 1.5rem; } .pr-7 { padding-right: 1.75rem; } .pr-\[2px\] { padding-right: 2px; } .pr-\[40px\] { padding-right: 40px; } .pr-\[60px\] { padding-right: 60px; } .pr-\[66px\] { padding-right: 66px; } .pr-\[82px\] { padding-right: 82px; } .pr-\[calc\(0\%\+64px\)\] { padding-right: calc(0% + 64px); } .pt-0 { padding-top: 0px; } .pt-1 { padding-top: 0.25rem; } .pt-1\.5 { padding-top: 0.375rem; } .pt-16 { padding-top: 4rem; } .pt-2 { padding-top: 0.5rem; } .pt-3 { padding-top: 0.75rem; } .pt-4 { padding-top: 1rem; } .pt-5 { padding-top: 1.25rem; } .pt-6 { padding-top: 1.5rem; } .pt-8 { padding-top: 2rem; } .pt-\[21px\] { padding-top: 21px; } .pt-\[5px\] { padding-top: 5px; } .pt-\[64px\] { padding-top: 64px; } .pt-\[6px\] { padding-top: 6px; } .pt-\[91px\] { padding-top: 91px; } .text-left { text-align: left; } .text-center { text-align: center; } .text-right { text-align: right; } .text-start { text-align: start; } .align-top { vertical-align: top; } .align-middle { vertical-align: middle; } .align-bottom { vertical-align: bottom; } .\!text-base { font-size: 14px !important; } .text-2xl { font-size: 18px; } .text-3xl { font-size: 20px; } .text-4\.5xl { font-size: 28px; } .text-4xl { font-size: 24px; } .text-\[10px\] { font-size: 10px; } .text-\[11px\] { font-size: 11px; } .text-\[12px\] { font-size: 12px; } .text-\[13px\] { font-size: 13px; } .text-\[14px\] { font-size: 14px; } .text-\[16px\] { font-size: 16px; } .text-\[18px\] { font-size: 18px; } .text-\[20px\] { font-size: 20px; } .text-\[22px\] { font-size: 22px; } .text-\[24px\] { font-size: 24px; } .text-\[28px\] { font-size: 28px; } .text-\[32px\] { font-size: 32px; } .text-\[36px\] { font-size: 36px; } .text-\[40px\] { font-size: 40px; } .text-\[48px\] { font-size: 48px; } .text-base { font-size: 14px; } .text-lg { font-size: 1.125rem; line-height: 1.75rem; } .text-sm { font-size: 12px; } .text-xl { font-size: 16px; } .text-xs { font-size: 0.75rem; line-height: 1rem; } .font-\[16px\] { font-weight: 16px; } .font-bold { font-weight: 700; } .font-light { font-weight: 300; } .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-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction); } .leading-10 { line-height: 2.5rem; } .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-\[14px\] { line-height: 14px; } .leading-\[16px\] { line-height: 16px; } .leading-\[18px\] { line-height: 18px; } .leading-\[22px\] { line-height: 22px; } .leading-\[24px\] { line-height: 24px; } .leading-\[30px\] { line-height: 30px; } .leading-\[32px\] { line-height: 32px; } .leading-\[40px\] { line-height: 40px; } .leading-\[48px\] { line-height: 48px; } .leading-\[56px\] { line-height: 56px; } .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-error-800 { --tw-text-opacity: 1 !important; color: rgb(157 32 23 / var(--tw-text-opacity)) !important; } .\!text-gray-disabledText { --tw-text-opacity: 1 !important; color: rgb(147 147 147 / var(--tw-text-opacity)) !important; } .\!text-success-800 { --tw-text-opacity: 1 !important; color: rgb(33 69 68 / var(--tw-text-opacity)) !important; } .text-\[\#1C1C1C\] { --tw-text-opacity: 1; color: rgb(28 28 28 / var(--tw-text-opacity)); } .text-black { --tw-text-opacity: 1; color: rgb(0 0 0 / var(--tw-text-opacity)); } .text-blue-500 { --tw-text-opacity: 1; color: rgb(59 130 246 / var(--tw-text-opacity)); } .text-blue-900 { --tw-text-opacity: 1; color: rgb(30 58 138 / var(--tw-text-opacity)); } .text-error-600 { --tw-text-opacity: 1; color: rgb(218 41 28 / var(--tw-text-opacity)); } .text-error-800 { --tw-text-opacity: 1; color: rgb(157 32 23 / var(--tw-text-opacity)); } .text-float { --tw-text-opacity: 1; color: rgb(255 2 110 / var(--tw-text-opacity)); } .text-gray-200 { --tw-text-opacity: 1; color: rgb(214 214 214 / var(--tw-text-opacity)); } .text-gray-300 { --tw-text-opacity: 1; color: rgb(194 194 194 / var(--tw-text-opacity)); } .text-gray-400 { --tw-text-opacity: 1; color: rgb(173 173 173 / var(--tw-text-opacity)); } .text-gray-500 { --tw-text-opacity: 1; color: rgb(153 153 153 / var(--tw-text-opacity)); } .text-gray-600 { --tw-text-opacity: 1; color: rgb(128 128 128 / var(--tw-text-opacity)); } .text-gray-700 { --tw-text-opacity: 1; color: rgb(96 96 96 / var(--tw-text-opacity)); } .text-gray-800 { --tw-text-opacity: 1; color: rgb(49 49 49 / var(--tw-text-opacity)); } .text-gray-850 { --tw-text-opacity: 1; color: rgb(30 30 30 / var(--tw-text-opacity)); } .text-gray-900 { --tw-text-opacity: 1; color: rgb(28 28 28 / var(--tw-text-opacity)); } .text-gray-950 { --tw-text-opacity: 1; color: rgb(0 0 0 / var(--tw-text-opacity)); } .text-gray-disabledText { --tw-text-opacity: 1; color: rgb(147 147 147 / var(--tw-text-opacity)); } .text-gray-placeholder { --tw-text-opacity: 1; color: rgb(147 147 147 / var(--tw-text-opacity)); } .text-gray-searchText { --tw-text-opacity: 1; color: rgb(147 147 147 / var(--tw-text-opacity)); } .text-green-500 { --tw-text-opacity: 1; color: rgb(120 190 32 / var(--tw-text-opacity)); } .text-green-600 { --tw-text-opacity: 1; color: rgb(86 147 37 / var(--tw-text-opacity)); } .text-green-700 { --tw-text-opacity: 1; color: rgb(60 135 0 / var(--tw-text-opacity)); } .text-notice-600 { --tw-text-opacity: 1; color: rgb(0 146 188 / var(--tw-text-opacity)); } .text-notice-800 { --tw-text-opacity: 1; color: rgb(16 94 122 / var(--tw-text-opacity)); } .text-orange-400 { --tw-text-opacity: 1; color: rgb(251 146 60 / var(--tw-text-opacity)); } .text-primary { --tw-text-opacity: 1; color: rgb(31 41 55 / var(--tw-text-opacity)); } .text-primary-lighter { --tw-text-opacity: 1; color: rgb(55 65 81 / var(--tw-text-opacity)); } .text-purple-700 { --tw-text-opacity: 1; color: rgb(109 40 217 / var(--tw-text-opacity)); } .text-red { --tw-text-opacity: 1; color: rgb(239 68 68 / var(--tw-text-opacity)); } .text-red-500 { --tw-text-opacity: 1; color: rgb(239 68 68 / var(--tw-text-opacity)); } .text-red-600 { --tw-text-opacity: 1; color: rgb(220 38 38 / var(--tw-text-opacity)); } .text-red-700 { --tw-text-opacity: 1; color: rgb(185 28 28 / var(--tw-text-opacity)); } .text-red-800 { --tw-text-opacity: 1; color: rgb(153 27 27 / var(--tw-text-opacity)); } .text-secondary { --tw-text-opacity: 1; color: rgb(75 85 99 / var(--tw-text-opacity)); } .text-secondary-darker { --tw-text-opacity: 1; color: rgb(31 41 55 / var(--tw-text-opacity)); } .text-success-600 { --tw-text-opacity: 1; color: rgb(0 95 97 / var(--tw-text-opacity)); } .text-success-800 { --tw-text-opacity: 1; color: rgb(33 69 68 / var(--tw-text-opacity)); } .text-teal-600 { --tw-text-opacity: 1; color: rgb(181 41 39 / var(--tw-text-opacity)); } .text-warning-800 { --tw-text-opacity: 1; color: rgb(152 65 8 / var(--tw-text-opacity)); } .text-white { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .text-yellow-400 { --tw-text-opacity: 1; color: rgb(251 191 36 / var(--tw-text-opacity)); } .text-yellow-600 { --tw-text-opacity: 1; color: rgb(217 119 6 / var(--tw-text-opacity)); } .underline { text-decoration-line: underline; } .line-through { text-decoration-line: line-through; } .\!no-underline { text-decoration-line: none !important; } .no-underline { text-decoration-line: none; } .opacity-0 { opacity: 0; } .opacity-10 { opacity: 0.1; } .opacity-100 { opacity: 1; } .opacity-25 { opacity: 0.25; } .opacity-50 { opacity: 0.5; } .opacity-60 { opacity: 0.6; } .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-basic { --tw-shadow: 1px 4px 4px 2px rgba(0, 0, 0, .12); --tw-shadow-colored: 1px 4px 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-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-negativeBasic { --tw-shadow: -1px -4px 8px 4px rgba(0, 0, 0, .12); --tw-shadow-colored: -1px -4px 8px 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-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-normal { --tw-shadow: 0 5px 5px -3px rgba(0, 0, 0, .2), 0 8px 10px 1px rgba(0, 0, 0, .14), 0 3px 14px 2px rgba(0, 0, 0, .12); --tw-shadow-colored: 0 5px 5px -3px var(--tw-shadow-color), 0 8px 10px 1px var(--tw-shadow-color), 0 3px 14px 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-serviceShadow { --tw-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.08);; --tw-shadow-colored: 0px 0px 8px 0px 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-small { --tw-shadow: 0 0 8px 0 rgba(0, 0, 0, .08);; --tw-shadow-colored: 0 0 8px 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-tooltipShadow { --tw-shadow: 0 2px 8px 0 rgba(0, 0, 0, .15);; --tw-shadow-colored: 0 2px 8px 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); } .\!shadow-transparent { --tw-shadow-color: transparent !important; --tw-shadow: var(--tw-shadow-colored) !important; } .shadow-black { --tw-shadow-color: #000; --tw-shadow: var(--tw-shadow-colored); } .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-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-blue-500\/50 { --tw-ring-color: rgb(59 130 246 / 0.5); } .ring-primary { --tw-ring-opacity: 1; --tw-ring-color: rgb(30 64 175 / var(--tw-ring-opacity)); } .ring-primary\/50 { --tw-ring-color: rgb(30 64 175 / 0.5); } .ring-primary\/75 { --tw-ring-color: rgb(30 64 175 / 0.75); } .ring-red-500 { --tw-ring-opacity: 1; --tw-ring-color: rgb(113 113 122 / var(--tw-ring-opacity)); } .ring-white { --tw-ring-opacity: 1; --tw-ring-color: rgb(255 255 255 / var(--tw-ring-opacity)); } .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); } .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 { 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(0.4, 0, 0.2, 1); transition-duration: 150ms; } .transition-all { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .transition-colors { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .transition-none { transition-property: none; } .transition-shadow { transition-property: box-shadow; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .transition-transform { transition-property: transform; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .duration-100 { transition-duration: 100ms; } .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(0.4, 0, 1, 1); } .ease-in-out { transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } .ease-out { transition-timing-function: cubic-bezier(0, 0, 0.2, 1); } /* This class only exists for backwards compatibility, */ /* The default is applied in tailwind.config.js since Hyvä 1.2.0 */ .\[wire\:model\] { wire: model; } .\[wire\:select\] { wire: select; } .page-footer { margin-top: 2rem; --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); } .gradient-background { background: linear-gradient(269deg, #3C8700 -38.36%, #78BE20 100%); } .footer-copyright-green-wrapper { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .footer-services { border-top-width: 1px; border-bottom-width: 1px; --tw-border-opacity: 1; border-color: rgb(240 240 240 / var(--tw-border-opacity)); } @media (min-width: 1024px) { .footer-services { --tw-bg-opacity: 1; background-color: rgb(247 247 247 / var(--tw-bg-opacity)); padding-top: 0.75rem; padding-bottom: 0.75rem; } } .footer-services-list { display: flex; flex-wrap: wrap; gap: 1rem; padding: 0px; } @media (min-width: 1024px) { .footer-services-list { max-width: 100%; justify-content: center; gap: 0px; } } .footer-services-list-item { position: relative; width: calc(50% - 8px); border-radius: 0.25rem; --tw-bg-opacity: 1; background-color: rgb(247 247 247 / var(--tw-bg-opacity)); padding-left: 1rem; padding-right: 1rem; padding-top: 42px; padding-bottom: 0.75rem; text-align: center; font-size: 14px; line-height: 1rem; } @media (min-width: 1024px) { .footer-services-list-item { height: 2.5rem; width: auto; padding-top: 10px; padding-bottom: 10px; padding-left: 70px; padding-right: 2.5rem; line-height: 22px; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .footer-services-list-item:hover { --tw-text-opacity: 1; color: rgb(120 190 32 / var(--tw-text-opacity)); } } .footer-content-wrapper { overflow: auto; } .footer-services-list-item::before { position: absolute; left: 50%; top: 0.75rem; --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)); font-family: leroy-icons; font-size: 1.125rem; line-height: 1.75rem; --tw-text-opacity: 1; color: rgb(120 190 32 / var(--tw-text-opacity)); } @media (min-width: 1024px) { .footer-services-list-item::before { top: 50%; left: 2.5rem; margin-right: 0.5rem; --tw-translate-x: 0px; --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)); } .footer-services-list-item:not(:last-of-type)::after { visibility: visible; position: absolute; right: 0px; top: 50%; height: 1.5rem; width: 1px; --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)); --tw-bg-opacity: 1; background-color: rgb(201 201 201 / var(--tw-bg-opacity)); } } .footer-services-list-item:not(:last-of-type)::after { content: ''; } .footer-services-list-item:last-of-type { width: 100%; } @media (min-width: 1024px) { .footer-services-list-item:last-of-type { width: auto; } } .footer-payments-block { margin-left: auto; margin-right: auto; margin-top: 1.5rem; margin-bottom: 2.5rem; text-align: center; } .footer-payments-title { margin-bottom: 0.75rem; } .footer-accordion { margin-bottom: 1.5rem; padding-left: 1rem; padding-right: 1rem; } @media (min-width: 1024px) { .footer-accordion { margin-bottom: 0px; display: flex; gap: 3rem; } .footer-accordion > div { width: 231px; } } .footer-accordion ul { margin-bottom: 1.5rem; display: flex; flex-wrap: wrap; gap: 0.25rem; margin-bottom: 0px; } @media (min-width: 1024px) { .footer-accordion ul { gap: 0.75rem; } } .footer-accordion li { width: 100%; } .footer-accordion li:last-of-type { margin-bottom: 0.5rem; } .footer-accordion li a { display: block; width: 100%; padding-top: 10px; padding-bottom: 10px; padding-left: 0.75rem; padding-right: 0.75rem; line-height: 1.25rem; --tw-text-opacity: 1; color: rgb(96 96 96 / var(--tw-text-opacity)); } [data-content-type$='block'] .footer-accordion li a p:last-child { margin-bottom: 1rem; margin-top: 0px; } .category-view .sidebar .footer-accordion li a.filter { } @media (min-width: 1024px) { .footer-accordion li a { padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .footer-accordion li a:hover { --tw-text-opacity: 1; color: rgb(120 190 32 / var(--tw-text-opacity)); } } .footer-accordion .shop-title { position: relative; margin-bottom: 0.5rem; display: block; height: 2.5rem; width: 100%; border-radius: 0.25rem; --tw-bg-opacity: 1; background-color: rgb(247 247 247 / var(--tw-bg-opacity)); padding-left: 0.75rem; padding-right: 0.75rem; text-align: left; font-weight: 600; --tw-text-opacity: 1; color: rgb(49 49 49 / var(--tw-text-opacity)); } [data-content-type$='block'] .footer-accordion .shop-title p:last-child { margin-bottom: 1rem; margin-top: 0px; } .category-view .sidebar .footer-accordion .shop-title.filter { } @media (min-width: 1024px) { .footer-accordion .shop-title { pointer-events: none; height: auto; background-color: transparent; padding-left: 0px; padding-right: 0px; } .footer-accordion .collapsible-list { margin-top: 0.75rem; display: block !important; } } .footer-accordion .shop-title.active { margin-bottom: 0.25rem; } .footer-accordion .shop-title::before { position: absolute; right: 0.75rem; top: 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)); font-family: leroy-icons; font-size: 20px; transition-property: transform; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } @media (min-width: 1024px) { .footer-accordion .shop-title::before { display: none; } } .footer-accordion .shop-title.active::before { --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)); } .footer-accordion .third-row .faq > div { width: 100%; } .footer-accordion .third-row .faq { display: block; flex-wrap: wrap; gap: 0.5rem; padding-left: 0.75rem; padding-right: 0.75rem; line-height: 1.25rem; --tw-text-opacity: 1; color: rgb(96 96 96 / var(--tw-text-opacity)); } [data-content-type$='block'] .footer-accordion .third-row .faq p:last-child { margin-bottom: 1rem; margin-top: 0px; } .category-view .sidebar .footer-accordion .third-row .faq.filter { } @media (min-width: 1024px) { .footer-accordion .third-row .faq { padding-left: 0px; padding-right: 0px; } } .footer-accordion .third-row .faq a { --tw-text-opacity: 1; color: rgb(120 190 32 / var(--tw-text-opacity)); } @media (min-width: 1024px) { .footer-accordion .third-row .faq a { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .footer-accordion .third-row .faq a:hover { --tw-text-opacity: 1; color: rgb(52 110 7 / var(--tw-text-opacity)); } } .footer-accordion .all-queries { padding-top: 1rem; padding-bottom: 1rem; } .footer-copyright-links { display: flex; flex-wrap: wrap; } @media (min-width: 1024px) { .footer-copyright-links { justify-content: center; gap: 1rem; } } .footer-copyright-links a { position: relative; height: 2.5rem; width: 50%; flex-wrap: wrap; padding-top: 10px; padding-bottom: 10px; text-align: center; font-size: 12px; line-height: 1.25rem; --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } @media (min-width: 1024px) { .footer-copyright-links a { height: auto; width: auto; padding-top: 0px; padding-bottom: 0px; line-height: 1.5rem; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .footer-copyright-links a:hover { --tw-text-opacity: 1; color: rgb(20 51 0 / var(--tw-text-opacity)); } } .footer-copyright-links a:last-of-type { width: 100%; } @media (min-width: 1024px) { .footer-copyright-links a:last-of-type { width: auto; } } .footer-copyright-links a:nth-of-type(even)::before { position: absolute; left: 1px; top: 50%; display: block; height: 1rem; width: 1px; --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)); --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); } [data-content-type$='block'] .footer-copyright-links a:nth-of-type(even)::before p:last-child { margin-bottom: 1rem; margin-top: 0px; } .category-view .sidebar .footer-copyright-links a:nth-of-type(even).filter::before { } @media (min-width: 1024px) { .footer-copyright-links a:nth-of-type(even)::before { display: none; } } .footer-copyright-links a:nth-of-type(even)::before { content: ''; } .footer-copyright-green-wrapper .copyright { text-align: center; font-size: 12px; --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } @media (min-width: 1024px) { .footer-copyright-green-wrapper .copyright { text-align: left; line-height: 1.5rem; } } .footer-social-links-list { margin-top: 1.5rem; margin-bottom: 1.5rem; display: flex; justify-content: center; gap: 1rem; } @media (min-width: 1024px) { .footer-social-links-list { margin-top: 0px; margin-bottom: 0px; justify-content: flex-end; } } .footer-social-links-list a { height: 1.5rem; width: 1.5rem; } @media (min-width: 1024px) { .footer-social-links-list a { transition-property: transform; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .footer-social-links-list a: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)); } .footer-copyright-green > div { width: 33.333333%; } .footer-copyright-green-wrapper .copyright-copyright { width: 28%; text-align: left; } .footer-copyright-green-wrapper .copyright-links { order: 1; width: 44%; } .footer-copyright-green-wrapper .copyright-socials { order: 2; width: 28%; } } .logo-block::after { position: absolute; top: 0px; right: 0px; display: block; height: 0px; width: 0px; border-style: solid; } [data-content-type$='block'] .logo-block::after p:last-child { margin-bottom: 1rem; margin-top: 0px; } .category-view .sidebar .logo-block.filter::after { } .logo-block::after { border-width: 0 51px 56px 0; border-color: transparent #F0F0F0 transparent transparent; content: ''; } @media (min-width: 1024px) { .logo-block::after { border-bottom-width: 64px; border-right-color: #f0f0f0; margin-bottom: auto; border-right-width: 62px } } .header-action-wrapper [class*="icons-2023"] { text-align: center; } @media (min-width: 1024px) { .header-action-wrapper [class*="icons-2023"]:hover { --tw-text-opacity: 1; color: rgb(120 190 32 / var(--tw-text-opacity)); } .header-action-wrapper [class*="icons-2023"] { text-align: left; } } .header-actions .customer-header > a::before, .header-actions .refunds-button [class*="icons-2023"]::before, .header-actions [class*="icons-2023-shopping-cart"]::before { margin-bottom: 0.25rem; display: block; font-size: 16px; } [data-content-type$='block'] .header-actions .customer-header > a::before p:last-child,[data-content-type$='block'] .header-actions .refunds-button [class*="icons-2023"]::before p:last-child,[data-content-type$='block'] .header-actions [class*="icons-2023-shopping-cart"]::before p:last-child { margin-bottom: 1rem; margin-top: 0px; } .category-view .sidebar .header-actions .customer-header > a.filter::before,.category-view .sidebar .header-actions .refunds-button [class*="icons-2023"].filter::before,.category-view .sidebar .header-actions [class*="icons-2023-shopping-cart"].filter::before { } @media (min-width: 1024px) { .header-actions .customer-header > a::before, .header-actions .refunds-button [class*="icons-2023"]::before, .header-actions [class*="icons-2023-shopping-cart"]::before { position: absolute; left: 0px; top: 50%; margin-bottom: 0px; --tw-translate-y: -45%; 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)); font-size: 16px; } .header-action-wrapper::before { content: ''; display: block; position: absolute; width: 50%; background: #F0F0F0; height: 64px; z-index: -1; left: 50% } } .shadow-header { box-shadow: 1px 4px 4px 2px rgba(0, 0, 0, .12); } .minisearch input:focus { --tw-border-opacity: 1; border-color: rgb(120 190 32 / var(--tw-border-opacity)); box-shadow: none; outline: none; } .minisearch [class*="icons-2023"]::before { margin-bottom: 0px; font-size: 1.125rem; line-height: 1.75rem; --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } @media (min-width: 1024px) { .minisearch [class*="icons-2023"]::before { position: absolute; top: 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)); } } .navigation .icons-2023-menu::before { --tw-text-opacity: 1; color: rgb(120 190 32 / var(--tw-text-opacity)); } .select-delivery-block::before { margin-right: 0.25rem; font-size: 14px; } @media (min-width: 1024px) { .select-delivery-block::before { position: absolute; top: 50%; left: 1rem; --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)); font-size: 1.125rem; line-height: 1.75rem; } } .select-delivery-block strong { font-weight: 600; } .shadow-header > .container { margin-left: auto; margin-right: auto; max-width: 1240px; } .nav-desktop a { --tw-text-opacity: 1; color: rgb(0 0 0 / var(--tw-text-opacity)); } .nav-desktop a.level-0 { position: relative; padding-left: 1.5rem; --tw-text-opacity: 1; color: rgb(0 0 0 / var(--tw-text-opacity)); } .nav-desktop a.level-0::before { position: absolute; top: 50%; left: 0px; margin-right: 0.25rem; --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)); font-size: 1.125rem; line-height: 1.75rem; } .nav-desktop span.level-0 { position: relative; cursor: pointer; padding-left: 1.5rem; --tw-text-opacity: 1; color: rgb(0 0 0 / var(--tw-text-opacity)); } .nav-desktop span.level-0::before { position: absolute; top: 50%; left: 0px; margin-right: 0.25rem; --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)); font-size: 1.125rem; line-height: 1.75rem; } .header-custom-links { margin-left: 0.75rem; } .main-menu__lnk { position: relative; height: 2.5rem; padding-left: 0.75rem; padding-right: 0.75rem; font-size: 12px; line-height: 2.5rem; --tw-text-opacity: 1; color: rgb(0 0 0 / var(--tw-text-opacity)); transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .main-menu__lnk:hover { --tw-text-opacity: 1; color: rgb(120 190 32 / var(--tw-text-opacity)); } .main-menu__lnk.stand-out { --tw-text-opacity: 1; color: rgb(60 135 0 / var(--tw-text-opacity)); } .main-menu__lnk::before { position: absolute; top: 50%; left: 0px; display: block; height: 1rem; width: 1px; --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)); --tw-bg-opacity: 1; background-color: rgb(201 201 201 / var(--tw-bg-opacity)); } [data-content-type$='block'] .main-menu__lnk::before p:last-child { margin-bottom: 1rem; margin-top: 0px; } .category-view .sidebar .main-menu__lnk.filter::before { } .main-menu__lnk::before { content: ''; } .header-social-links { margin-left: auto; } .header-social-links .main-menu__lnk:first-of-type::before { display: none; } body:not(.page-loaded) .pagebuilder-slider [data-content-type="slide"]:not(.active) .pagebuilder-slide-wrapper { background-image: none; } @media (min-width: 1024px) { .page-main { min-height: 320px; } } .table-row-items > div.table-row-item { --tw-bg-opacity: 1; background-color: rgb(245 245 245 / var(--tw-bg-opacity)); } .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)); } :focus-visible { outline: none; } .programmatic-seo .column.main { display: flex; flex-direction: column; } .programmatic-seo .column.main [data-content-type="row"] div { padding: 0 !important; } .activation-index-index .container.title-wrapper { text-align: center; } .activation-index-index .activation-block .label { --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)); transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .activation-index-index .activation-block .input-text { padding-left: 0.75rem; padding-right: 0.75rem; padding-top: 22px; padding-bottom: 0.375rem; } .activation-index-index .activation-block .input-text:-ms-input-placeholder { opacity: 0; } .activation-index-index .activation-block .input-text::placeholder { opacity: 0; } .activation-index-index .activation-block .input-text:not(:-ms-input-placeholder) { border-width: 0px; box-shadow: inset 0 0 0 1px #444; } .activation-index-index .activation-block .input-text:focus, .activation-index-index .activation-block .input-text:not(:placeholder-shown) { border-width: 0px; box-shadow: inset 0 0 0 1px #444; } .activation-index-index .activation-block .input-text:not(:-ms-input-placeholder) ~ .label { top: 0.375rem; left: 0px; border-width: 0px; padding-left: 0.75rem; padding-right: 0.75rem; padding-top: 0.75rem; padding-bottom: 0px; font-size: 12px; --tw-text-opacity: 1; color: rgb(147 147 147 / var(--tw-text-opacity)); } .activation-index-index .activation-block .input-text:focus ~ .label, .activation-index-index .activation-block .input-text:not(:placeholder-shown) ~ .label { top: 0.375rem; left: 0px; border-width: 0px; padding-left: 0.75rem; padding-right: 0.75rem; padding-top: 0.75rem; padding-bottom: 0px; font-size: 12px; --tw-text-opacity: 1; color: rgb(147 147 147 / var(--tw-text-opacity)); } .activation-index-index .activation-block .password-rule:before { display: inline-block; font-family: "leroy-icons"; font-style: normal; font-weight: normal; font-variant: normal; line-height: 1; text-decoration: inherit; text-rendering: optimizeLegibility; text-transform: none; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; content: "\f15d"; } .activation-index-index .activation-block .password-rule::before { position: absolute; right: 0px; top: 50%; display: flex; height: 1.25rem; width: 1.25rem; --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)); align-items: center; justify-content: center; border-radius: 30px; --tw-bg-opacity: 1; background-color: rgb(218 41 28 / var(--tw-bg-opacity)); font-family: leroy-icons; font-size: 14px; font-weight: 700; --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .activation-index-index .activation-block .password-rule.valid:before { display: inline-block; font-family: "leroy-icons"; font-style: normal; font-weight: normal; font-variant: normal; line-height: 1; text-decoration: inherit; text-rendering: optimizeLegibility; text-transform: none; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; content: "\f192"; } .activation-index-index .activation-block .password-rule.valid::before { display: flex; --tw-bg-opacity: 1; background-color: rgb(86 147 37 / var(--tw-bg-opacity)); font-size: 24px; } .activation-index-index .activation-block .actions-toolbar { border-width: 0px; } .activation-index-index .activation-block .actions-toolbar .submit:hover { --tw-bg-opacity: 1; background-color: rgb(235 235 235 / var(--tw-bg-opacity)); } .klaviyo-form.klaviyo-form.klaviyo-form div div fieldset .needsclick [type=radio]+label > svg { display: none !important; } .or-divider { position: relative; margin-bottom: 0.75rem; margin-top: 0.75rem; height: 1rem; } .or-divider.dark::before { --tw-bg-opacity: 1; background-color: rgb(201 201 201 / var(--tw-bg-opacity)); } .or-divider::before { position: absolute; top: 50%; left: 50%; display: block; height: 1px; width: 100%; --tw-translate-y: -50%; --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)); --tw-bg-opacity: 1; background-color: rgb(120 190 32 / var(--tw-bg-opacity)); } [data-content-type$='block'] .or-divider::before p:last-child { margin-bottom: 1rem; margin-top: 0px; } .category-view .sidebar .or-divider.filter::before { } .or-divider::before { content: ''; } .or-divider::after { position: absolute; top: 50%; left: 50%; display: block; --tw-translate-y: -50%; --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)); --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); padding-left: 11px; padding-right: 11px; line-height: 1rem; } [data-content-type$='block'] .or-divider::after p:last-child { margin-bottom: 1rem; margin-top: 0px; } .category-view .sidebar .or-divider.filter::after { } .or-divider::after { content: 'or'; } .empty-cart-category-wrapper { display: flex; flex-wrap: wrap; gap: 0.75rem; } .empty-cart-category-item { height: 112px; width: calc(50% - 6px); border-radius: 4px; --tw-bg-opacity: 1; background-color: rgb(239 246 230 / var(--tw-bg-opacity)); padding: 0.75rem; padding-top: 1.5rem; padding-bottom: 1.5rem; text-align: center; } @media (min-width: 1024px) { .empty-cart-category-item { transition-property: box-shadow; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .empty-cart-category-item: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); } } .empty-cart-category-item-title { line-height: 1.25rem; } .empty-cart-category-item::before { margin-bottom: 0.5rem; display: block; font-size: 32px; } [data-content-type$='block'] .empty-cart-category-item::before p:last-child { margin-bottom: 1rem; margin-top: 0px; } .category-view .sidebar .empty-cart-category-item.filter::before { } .qty-rocker-input { position: relative; height: 2.5rem; width: 108px; border-radius: 4px; border-width: 1px; border-style: solid; --tw-border-opacity: 1; border-color: rgb(240 240 240 / var(--tw-border-opacity)); } .qty-rocker-input input { position: absolute; left: 0px; height: 2.5rem; width: 100%; border-style: none; background-color: transparent; text-align: center; font-size: 14px; --tw-text-opacity: 1; color: rgb(49 49 49 / var(--tw-text-opacity)); } .qty-rocker-input input::-webkit-outer-spin-button, .qty-rocker-input input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } /* Firefox */ .qty-rocker-input input[type=number] { -moz-appearance: textfield; } .qty-rocker-input button { position: absolute; z-index: 10; height: 2.5rem; } .qty-rocker-input .decrease-button { left: 0px; width: 2.5rem; --tw-text-opacity: 1; color: rgb(49 49 49 / var(--tw-text-opacity)); } .qty-rocker-input .decrease-button.remove-button::before { --tw-text-opacity: 1; color: rgb(96 96 96 / var(--tw-text-opacity)); content: "\f197"; } @media (min-width: 1024px) { .qty-rocker-input .decrease-button.remove-button:hover::before { --tw-text-opacity: 1; color: rgb(120 190 32 / var(--tw-text-opacity)); transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } } .qty-rocker-input .increase-button { right: 0px; width: 2.5rem; --tw-text-opacity: 1; color: rgb(49 49 49 / var(--tw-text-opacity)); } .qty-rocker-input .update { right: -96px; width: 84px; } @media (min-width: 1024px) { .qty-rocker-input .update { height: 2rem; width: 108px; font-size: 12px; } } .save-for-later { letter-spacing: -.2px; } .modal-address-drawer .how-to-change-settings::before { display: none; --tw-bg-opacity: 1; background-color: rgb(247 247 247 / var(--tw-bg-opacity)); content: ''; width: 16px; height: 16px; position: absolute; left: 50%; bottom: -4px; transform: translateX(-50%) rotate(45deg); box-shadow: 0 2px 8px rgba(0,0,0,.15); top: 16px; } .modal-address-drawer .how-to-change-settings .tooltip { box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, .15); left: 50%; z-index: 10; display: none; width: 248px; --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)); border-radius: 4px; --tw-bg-opacity: 1; background-color: rgb(247 247 247 / var(--tw-bg-opacity)); padding: 0.75rem; --tw-text-opacity: 1; color: rgb(0 0 0 / var(--tw-text-opacity)); } .modal-address-drawer .how-to-change-settings .tooltip ul { list-style-position: inside; list-style-type: disc; } .modal-address-drawer .how-to-change-settings .tooltip ul li { margin-bottom: 0.25rem; } .modal-address-drawer .how-to-change-settings .tooltip a { font-weight: 400; --tw-text-opacity: 1; color: rgb(0 0 0 / var(--tw-text-opacity)); transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } @media (min-width: 1024px) { .modal-address-drawer .how-to-change-settings .tooltip a:hover { --tw-text-opacity: 1; color: rgb(65 134 128 / var(--tw-text-opacity)); } } .modal-address-drawer .how-to-change-settings .tooltip a:hover { color: #78BE20 !important; } .modal-address-drawer .how-to-change-settings:hover .tooltip { display: block; } [data-content-type$='block'] .modal-address-drawer .how-to-change-settings:hover .tooltip p:last-child { margin-bottom: 1rem; margin-top: 0px; } .category-view .sidebar .modal-address-drawer .how-to-change-settings:hover .tooltip.filter { } .modal-address-drawer .how-to-change-settings:hover::before { display: block; } [data-content-type$='block'] .modal-address-drawer .how-to-change-settings:hover::before p:last-child { margin-bottom: 1rem; margin-top: 0px; } .category-view .sidebar .modal-address-drawer .how-to-change-settings:hover.filter::before { } .modal-address-drawer .modal-content { --tw-text-opacity: 1; color: rgb(49 49 49 / var(--tw-text-opacity)); z-index: 2; } .modal-address-drawer .or-divider { margin-top: 1.5rem; margin-bottom: 1.5rem; } .modal-address-drawer::before { display: block; height: 221px; width: 221px; content: ''; background: #eff6e6; transform: rotate(45deg); position: absolute; bottom: -117px; left: 144px; } .modal-address-drawer::after { display: block; height: 338px; width: 338px; content: ''; background: #78be20; transform: rotate(45deg); position: absolute; bottom: -206px; left: -74px; } .user-address-item::before { position: absolute; top: 50%; left: 0.75rem; --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)); font-size: 16px; } @media (min-width: 1024px) { .deliver-to-text { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; } } .category-view .sidebar .block.filter { } .oneclick-checkout-account .oneclick-checkout-account-banner { background: var(--Gradients-Leroy-Green, linear-gradient(269deg, #3C8700 -38.36%, #78BE20 100%)); } .footer-items-per-page .navigation-form-arrow::before { pointer-events: none; position: absolute; right: 0.75rem; top: 14px; --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)); font-size: 14px; --tw-text-opacity: 1; color: rgb(0 0 0 / var(--tw-text-opacity)); } .service-order-view .service-item .left { border-color: #c9c9c9 !important; } .price-as-configured .price-excluding-tax { display: none; } .account-nav ul li a, .account-nav ul li strong { display: flex; justify-content: space-between; padding-top: 0.25rem; padding-bottom: 0.25rem; --tw-text-opacity: 1; color: rgb(75 85 99 / var(--tw-text-opacity)); } .account-nav ul li a:hover { --tw-text-opacity: 1; color: rgb(0 0 0 / var(--tw-text-opacity)); } .account-nav ul li strong { font-weight: 400; --tw-text-opacity: 1; color: rgb(0 0 0 / var(--tw-text-opacity)); text-decoration-line: underline; } .actions-toolbar { margin-top: 1.5rem; display: flex; flex-direction: row-reverse; align-items: center; justify-content: space-between; border-top-width: 1px; --tw-border-opacity: 1; border-color: rgb(182 182 182 / var(--tw-border-opacity)); padding-top: 1rem; } .actions-toolbar a.back:not(.btn) { --tw-text-opacity: 1; color: rgb(31 41 55 / var(--tw-text-opacity)); text-decoration-line: underline; } .page-print .open-account-nav-button { display: none; } .sidebar-main .account-nav { padding: 0 !important; } .sidebar-main .account-nav .border-container, .sidebar-main .account-nav button { display: none; } .sidebar-main .account-nav .account-nav-content ul { display: flex; flex-direction: column; gap: 0.75rem; padding-top: 0.75rem; padding-bottom: 0.75rem; } .sidebar-main .account-nav .account-nav-content ul li { position: relative; height: 40px; } .sidebar-main .account-nav .account-nav-content ul li a, .sidebar-main .account-nav .account-nav-content ul li strong { padding-top: 0.625rem; padding-bottom: 0.625rem; padding-left: 38px; line-height: 1.25rem; --tw-text-opacity: 1; color: rgb(0 0 0 / var(--tw-text-opacity)); } .sidebar-main .account-nav .account-nav-content ul li a { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } @media (min-width: 1024px) { .sidebar-main .account-nav .account-nav-content ul li a:hover { border-left-width: 3px; --tw-border-opacity: 1; border-color: rgb(120 190 32 / var(--tw-border-opacity)); --tw-bg-opacity: 1; background-color: rgb(239 246 230 / var(--tw-bg-opacity)); } } .sidebar-main .account-nav .account-nav-content ul li a strong { padding: 0px; } .sidebar-main .account-nav .account-nav-content ul li::after { content: '\f16c'; position: absolute; right: 0.75rem; top: 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)); font-family: leroy-icons; } .sidebar-main .account-nav .account-nav-content ul li::before { position: absolute; left: 0.75rem; top: 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)); font-size: 14px; } .sidebar-main .account-nav .account-nav-content ul li.current { border-left-width: 3px; --tw-border-opacity: 1; border-color: rgb(120 190 32 / var(--tw-border-opacity)); --tw-bg-opacity: 1; background-color: rgb(239 246 230 / var(--tw-bg-opacity)); } .sidebar-main .account-nav .account-nav-content ul li.current strong { font-weight: 600; text-decoration-line: none; } .sidebar-main .account-nav .account-nav-content ul li:before { display: inline-block; font-family: "leroy-icons"; font-style: normal; font-weight: normal; font-variant: normal; line-height: 1; text-decoration: inherit; text-rendering: optimizeLegibility; text-transform: none; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; content: "\f17e"; } .sidebar-main .account-nav .account-nav-content ul li[data-title="my-dashboard"]:before { display: inline-block; font-family: "leroy-icons"; font-style: normal; font-weight: normal; font-variant: normal; line-height: 1; text-decoration: inherit; text-rendering: optimizeLegibility; text-transform: none; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; content: "\f160"; } .sidebar-main .account-nav .account-nav-content ul li[data-title="edit-account"]:before { display: inline-block; font-family: "leroy-icons"; font-style: normal; font-weight: normal; font-variant: normal; line-height: 1; text-decoration: inherit; text-rendering: optimizeLegibility; text-transform: none; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; content: "\f156"; } .sidebar-main .account-nav .account-nav-content ul li[data-title="address-book"]:before { display: inline-block; font-family: "leroy-icons"; font-style: normal; font-weight: normal; font-variant: normal; line-height: 1; text-decoration: inherit; text-rendering: optimizeLegibility; text-transform: none; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; content: "\f170"; } .sidebar-main .account-nav .account-nav-content ul li[data-title="order-history"]:before { display: inline-block; font-family: "leroy-icons"; font-style: normal; font-weight: normal; font-variant: normal; line-height: 1; text-decoration: inherit; text-rendering: optimizeLegibility; text-transform: none; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; content: "\f181"; } .sidebar-main .account-nav .account-nav-content ul li[data-title="account-simulation-link"]:before { display: inline-block; font-family: "leroy-icons"; font-style: normal; font-weight: normal; font-variant: normal; line-height: 1; text-decoration: inherit; text-rendering: optimizeLegibility; text-transform: none; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; content: "\f173"; } .sidebar-main .account-nav .account-nav-content ul li[data-title="newsletter"]:before { display: inline-block; font-family: "leroy-icons"; font-style: normal; font-weight: normal; font-variant: normal; line-height: 1; text-decoration: inherit; text-rendering: optimizeLegibility; text-transform: none; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; content: "\f17f"; } .sidebar-main .account-nav .account-nav-content ul li[data-title="wishlist"]:before { display: inline-block; font-family: "leroy-icons"; font-style: normal; font-weight: normal; font-variant: normal; line-height: 1; text-decoration: inherit; text-rendering: optimizeLegibility; text-transform: none; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; content: "\f199"; } .global-product-card .global-card-top-part .wishlist-compare .sidebar-main .account-nav .account-nav-content ul li[data-title="wishlist"]:before { display: flex; height: 30px; width: 30px; align-items: center; justify-content: center; border-radius: 9999px; --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); } .leroy-product-card .wishlist-compare .sidebar-main .account-nav .account-nav-content ul li[data-title="wishlist"] { display: flex; align-items: center; justify-content: center; } .leroy-product-card .wishlist-compare .sidebar-main .account-nav .account-nav-content ul li[data-title="wishlist"]:before { display: flex; height: 1rem; width: 1rem; align-items: center; justify-content: center; border-radius: 9999px; --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); } @media (min-width: 1024px) { .leroy-product-card .wishlist-compare .sidebar-main .account-nav .account-nav-content ul li[data-title="wishlist"]:before { height: 48px; width: 48px; } } .catalog-product_compare-index .wishlist-compare .sidebar-main .account-nav .account-nav-content ul li[data-title="wishlist"]:before { display: flex; height: 30px; width: 30px; align-items: center; justify-content: center; border-radius: 9999px; --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); } .sidebar-main .account-nav .account-nav-content ul li[data-title="customer/loyalty/index"]:before { display: inline-block; font-family: "leroy-icons"; font-style: normal; font-weight: normal; font-variant: normal; line-height: 1; text-decoration: inherit; text-rendering: optimizeLegibility; text-transform: none; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; content: "\f179"; } .sidebar-main .account-nav .account-nav-content ul li[data-title="oneclick_checkout/customer"]:before { display: inline-block; font-family: "leroy-icons"; font-style: normal; font-weight: normal; font-variant: normal; line-height: 1; text-decoration: inherit; text-rendering: optimizeLegibility; text-transform: none; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; content: "\f18b"; } .sidebar-main .account-nav .account-nav-content ul li:last-child:before { display: inline-block; font-family: "leroy-icons"; font-style: normal; font-weight: normal; font-variant: normal; line-height: 1; text-decoration: inherit; text-rendering: optimizeLegibility; text-transform: none; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; content: "\f18d"; } .sidebar-main .account-nav .account-nav-content ul li:last-child::after { display: none; } .account-sidebar-promotion .customer-info { margin-bottom: 1.5rem; display: flex; flex-direction: column; gap: 0.75rem; border-radius: 4px; border-width: 1px; border-style: solid; --tw-border-opacity: 1; border-color: rgb(201 201 201 / var(--tw-border-opacity)); padding: 0.75rem; } .account-sidebar-promotion .customer-info div { display: flex; justify-content: space-between; } .account-sidebar-promotion .customer-info div span + span { display: none; border-radius: 4px; border-width: 1px; border-style: solid; --tw-border-opacity: 1; border-color: rgb(0 95 97 / var(--tw-border-opacity)); padding-top: 0.125rem; padding-bottom: 0.125rem; padding-left: 0.5rem; padding-right: 0.5rem; font-size: 12px; --tw-text-opacity: 1; color: rgb(0 95 97 / var(--tw-text-opacity)); } @media (min-width: 1024px) { .account-sidebar-promotion .customer-info div span + span { display: block; } } .account-sidebar-promotion .customer-info .link a { display: flex; width: 100%; cursor: pointer; justify-content: space-between; --tw-text-opacity: 1; color: rgb(96 96 96 / var(--tw-text-opacity)); } @media (min-width: 1024px) { .account-sidebar-promotion .customer-info .link a { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .account-sidebar-promotion .customer-info .link a:hover { --tw-text-opacity: 1; color: rgb(86 147 37 / var(--tw-text-opacity)); } } .account-sidebar-promotion .customer-info .link a .text { font-size: 12px; } .account-sidebar-promotion .customer-info .link a .icon { height: 14px; border-style: none; padding-right: 0px; font-size: 14px; line-height: 14px; } .account-sidebar-promotion .customer-info .link a .icon:before { display: inline-block; font-family: "leroy-icons"; font-style: normal; font-weight: normal; font-variant: normal; line-height: 1; text-decoration: inherit; text-rendering: optimizeLegibility; text-transform: none; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; content: "\f16c"; } .kuFilters .kuFilterBox[data-filter="stock_flag"] .account-sidebar-promotion .customer-info .link a .icon, .kuFilters .kuFilterBox[data-filter="store_flag"] .account-sidebar-promotion .customer-info .link a .icon, .kuFilters .kuFilterBox[data-filter="delivery_flag"] .account-sidebar-promotion .customer-info .link a .icon { display: none; } .kuFilters .kuFilterBox .kuFilterHead .account-sidebar-promotion .customer-info .link a .icon { position: absolute; right: 0.5rem; --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)); font-size: 0.75rem; line-height: 1rem; --tw-text-opacity: 1; color: rgb(0 0 0 / var(--tw-text-opacity)); transition-property: transform; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .kuFilters .kuFilterBox .kuFilterHead.kuExpand .account-sidebar-promotion .customer-info .link a .icon { --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)); } .kuFilters .kuFilterBox[data-filter="klevu_price"] .account-sidebar-promotion .customer-info .link a .icon { right: 0.75rem; --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)); } .kuFilters .kuFilterBox[data-filter="klevu_price"] .kuFilterHead.kuExpand .account-sidebar-promotion .customer-info .link a .icon { --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)); } .klevu-search-result-page .columns .main .kuSearchResultsPageContainer .selectedTags .tagsHead .account-sidebar-promotion .customer-info .link a .icon, .klevu-catalog-page .columns .main .kuSearchResultsPageContainer .selectedTags .tagsHead .account-sidebar-promotion .customer-info .link a .icon { --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)); transition-property: transform; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .klevu-search-result-page .columns .main .kuSearchResultsPageContainer .selectedTags .tagsHead.open .account-sidebar-promotion .customer-info .link a .icon, .klevu-catalog-page .columns .main .kuSearchResultsPageContainer .selectedTags .tagsHead.open .account-sidebar-promotion .customer-info .link a .icon { --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)); } .klevu-search-result-page .kuDropItemsPerpage .account-sidebar-promotion .customer-info .link a .icon, .klevu-catalog-page .kuDropItemsPerpage .account-sidebar-promotion .customer-info .link a .icon { position: absolute; right: 0.5rem; --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)); font-size: 14px; --tw-text-opacity: 1; color: rgb(0 0 0 / var(--tw-text-opacity)); transition-property: transform; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .klevu-search-result-page .kuDropItemsPerpage:hover .account-sidebar-promotion .customer-info .link a .icon, .klevu-catalog-page .kuDropItemsPerpage:hover .account-sidebar-promotion .customer-info .link a .icon { --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)); } .category-links-widget.is-dropdown .show-more-button .account-sidebar-promotion .customer-info .link a .icon { position: absolute; margin-left: 0.75rem; --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)); transition-property: transform; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .category-links-widget.is-dropdown.open .account-sidebar-promotion .customer-info .link a .icon { --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)); } .account.marketplace-order-message .marketplace-chat-form.added-file .custom-file-button { background: linear-gradient(to bottom left, #1C1C1C 6.37%, #1C1C1C 49.61%, #000 49.62%, #000 92.75%); } .account.marketplace-order-message .marketplace-chat-form.added-file .custom-file-button:hover { --tw-bg-opacity: 1; background-color: rgb(128 128 128 / var(--tw-bg-opacity)); box-shadow: 0px 3px 14px 2px rgba(0, 0, 0, .12), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 5px 5px -3px rgba(0, 0, 0, .20); } .account.marketplace-order-message .marketplace-chat-form.added-file .custom-file-button { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .account.marketplace-order-message .marketplace-chat-form.added-file .mirakl-file-name-container { display: flex; } .account .service-status { --tw-border-opacity: 1; border-color: rgb(60 135 0 / var(--tw-border-opacity)); --tw-text-opacity: 1; color: rgb(60 135 0 / var(--tw-text-opacity)); } .account .service-status.Finalized { --tw-border-opacity: 1; border-color: rgb(33 69 68 / var(--tw-border-opacity)); --tw-text-opacity: 1; color: rgb(33 69 68 / var(--tw-text-opacity)); } .account .cancel-service-img { position: relative; background-image: url('../img/powered-by-google.png'); } .account .cancel-service-img::after { position: absolute; bottom: 0px; right: 0px; display: block; width: 98px; background-image: url('../img/powered-by-google.png'); } [data-content-type$='block'] .account .cancel-service-img::after p:last-child { margin-bottom: 1rem; margin-top: 0px; } .category-view .sidebar .account .cancel-service-img.filter::after { } .account .cancel-service-img::after { content: ''; } .account .service-messages .messages { border-width: 1px; } @media (min-width: 1024px) { .account .service-messages .messages { border-width: 0px; } } .account .service-messages .messages { border-bottom: none; } .account .orders-history .order-Status.canceled .message, .account .orders-history .order-Status.rejected .message { --tw-border-opacity: 1; border-color: rgb(157 32 23 / var(--tw-border-opacity)); --tw-text-opacity: 1; color: rgb(157 32 23 / var(--tw-text-opacity)); } .account .orders-history .order-Status.closed .message, .account .orders-history .order-Status.suspected-fraud .message, .account .orders-history .order-Status.payment-review .message { --tw-border-opacity: 1; border-color: rgb(152 65 8 / var(--tw-border-opacity)); --tw-text-opacity: 1; color: rgb(152 65 8 / var(--tw-text-opacity)); } .account .orders-history .order-Status.complete .message, .account .orders-history .order-Status.received .message { --tw-border-opacity: 1; border-color: rgb(33 69 68 / var(--tw-border-opacity)); --tw-text-opacity: 1; color: rgb(33 69 68 / var(--tw-text-opacity)); } .account .orders-history .order-Status.pending-payment .message { --tw-border-opacity: 1; border-color: rgb(16 94 122 / var(--tw-border-opacity)); --tw-text-opacity: 1; color: rgb(16 94 122 / var(--tw-text-opacity)); } .account .orders-history .order-Status.processing .message { --tw-border-opacity: 1; border-color: rgb(16 94 122 / var(--tw-border-opacity)); --tw-text-opacity: 1; color: rgb(16 94 122 / var(--tw-text-opacity)); } .account .orders-history .order-Status.on-hold .message, .account .orders-history .order-Status.pending .message { --tw-border-opacity: 1; border-color: rgb(49 49 49 / var(--tw-border-opacity)); --tw-text-opacity: 1; color: rgb(49 49 49 / var(--tw-text-opacity)); } .account .page.messages { position: static; display: block; width: 100%; grid-column: span 3 / span 3; } @media (min-width: 1024px) { .account .page.messages { margin-left: 1rem; width: calc(100% - 20px); } } .account .page.messages .messages { padding: 0 !important; } .account .address-html-block br:first-of-type { display: none; } .account .address-html-block .firstname, .account .address-html-block .lastname { display: none; font-size: 0; } .account .page-main { margin-top: 1.5rem; margin-bottom: 1.5rem; margin-left: 1rem; margin-right: 1rem; } @media (min-width: 1024px) { .account .page-main { margin-top: 3rem; margin-bottom: 3rem; } } .account [type='checkbox'] + label { font-size: 12px; --tw-text-opacity: 1; color: rgb(49 49 49 / var(--tw-text-opacity)); } .account [type='checkbox'] + label::before { font-size: 14px; } .account .columns { display: flex; max-width: 1240px; flex-direction: column; gap: 0px; } @media (min-width: 1024px) { .account .columns { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); grid-template-columns: 312px; } } .account .columns .main { order: 1; width: 100%; gap: 1rem; border-radius: 4px; } @media (min-width: 1024px) { .account .columns .main { margin-left: 1rem; width: calc(100% - 20px); padding: 1.5rem; padding-top: 0px; --tw-shadow: 0 0 8px 0 rgba(0, 0, 0, .08);; --tw-shadow-colored: 0 0 8px 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); } } .account .columns .sidebar { order: 1; grid-column-start: 1; grid-column-end: 2; grid-row-start: 1; grid-row-end: 6; display: none; width: 312px; } @media (min-width: 1024px) { .account .columns .sidebar { display: block; } } .account .columns .sidebar .account-nav { margin-bottom: 0.75rem; border-radius: 4px; border-width: 1px; --tw-border-opacity: 1; border-color: rgb(201 201 201 / var(--tw-border-opacity)); --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); } .account.newsletter-manage-index .form-newsletter-manage .field { margin: 0px; height: 32px; } .account.newsletter-manage-index .form-newsletter-manage .field input { margin-right: 0.5rem; } .account.customer-account-index .block-dashboard-orders { display: none; } .account.customer-account-index .columns .main { display: flex; flex-wrap: wrap; } .account.customer-account-index .messages { order: 1; } .account.customer-account-index .account-dashboard-icon::before { position: absolute; top: 50%; width: 1.5rem; --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)); text-align: center; } .account.customer-account-index .address-html-block .top { display: none; } .account.customer-account-index .address-html-block span { height: 1.25rem; } .account.customer-account-index .address-html-block .bottom { display: flex; flex-wrap: wrap; } .account.customer-account-index .address-html-block .bottom .street, .account.customer-account-index .address-html-block .bottom .city { width: 100%; overflow: hidden; -webkit-line-clamp: 1; display: -webkit-box; -webkit-box-orient: vertical; } .account.customer-account-index .address-html-block .bottom .region { margin-right: 0.25rem; } .account.customer-account-index .address-html-block .bottom .telephone { display: none; } .account.sales-order-view { padding-bottom: 80px; } @media (min-width: 1024px) { .account.sales-order-view { padding-bottom: 0px; } } .account.wishlist-index-index .columns .messages { order: 1; } .account.wishlist-index-index .columns .saving-price { height: 1.25rem; width: 100%; } @media (min-width: 1024px) { .account.wishlist-index-index .columns .saving-price { order: 3; } } .account.wishlist-index-index .columns .saving-price > span { display: inline-table; height: 1.25rem; border-radius: 0.25rem; --tw-bg-opacity: 1; background-color: rgb(157 32 23 / var(--tw-bg-opacity)); padding-top: 2px; padding-bottom: 2px; padding-left: 0.5rem; padding-right: 0.5rem; font-size: 0.75rem; line-height: 1rem; --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .account.wishlist-index-index .columns .saving-price.empty { display: none; } .account.wishlist-index-index .columns .share-list:hover { --tw-border-opacity: 1; border-color: rgb(0 0 0 / var(--tw-border-opacity)); --tw-text-opacity: 1; color: rgb(0 0 0 / var(--tw-text-opacity)); --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); } .account.wishlist-index-index .columns .share-list:focus { --tw-text-opacity: 1; color: rgb(0 0 0 / var(--tw-text-opacity)); --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); } .account.wishlist-index-index .columns .product-item-inner { height: 2.5rem; } .account.wishlist-index-index .columns .product-item-inner .box-tocart { height: 2.5rem; } .account.wishlist-index-index .columns .product-item-inner .box-tocart .tocart { margin-top: 0px; height: 2.5rem; width: 100%; border-width: 1px; --tw-border-opacity: 1; border-color: rgb(120 190 32 / var(--tw-border-opacity)); font-size: 16px; font-weight: 600; --tw-text-opacity: 1; color: rgb(120 190 32 / var(--tw-text-opacity)); } .account.wishlist-index-index .columns .product-item-inner .box-tocart .tocart:hover { --tw-border-opacity: 1; border-color: rgb(120 190 32 / var(--tw-border-opacity)); } .account.wishlist-index-index .columns .product-item-inner .box-tocart .tocart { background: white !important; } .account.wishlist-index-index .columns .product-item-inner .box-tocart .tocart.btn-disabled { --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); background: #f0f0f0 !important; } .account.wishlist-index-index .columns .wishlist-image .banners-group { position: absolute; top: 0.75rem; left: 0.75rem; display: flex; flex-direction: column-reverse; gap: 0.5rem; } @media (min-width: 1024px) { .account.wishlist-index-index .columns .wishlist-image .banners-group { flex-direction: row; } } .account.wishlist-index-index .columns .wishlist-image .banners-group .banner { height: 1.25rem; border-radius: 4px; padding-left: 6px; padding-right: 6px; padding-top: 0.25rem; font-size: 10px; font-weight: 600; line-height: 12px; } .account.wishlist-index-index .columns .wishlist-image .banners-group .banner.promotion { --tw-bg-opacity: 1; background-color: rgb(157 32 23 / var(--tw-bg-opacity)); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .account.wishlist-index-index .columns .wishlist-image .banners-group .round-banner { display: flex; height: 39px; width: 39px; align-items: center; justify-content: center; border-radius: 9999px; text-align: center; font-size: 10px; font-weight: 600; line-height: 10px; } .account.wishlist-index-index .columns .wishlist-image .banners-group .round-banner.first-price { --tw-bg-opacity: 1; background-color: rgb(255 163 0 / var(--tw-bg-opacity)); padding-left: 0.25rem; padding-right: 0.25rem; --tw-text-opacity: 1; color: rgb(0 0 0 / var(--tw-text-opacity)); } .account.wishlist-index-index .columns .wishlist-image .banners-group .round-banner.price-drop { --tw-bg-opacity: 1; background-color: rgb(218 41 28 / var(--tw-bg-opacity)); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .account.wishlist-index-index .columns .wishlist-image .banners-group .round-banner.price-drop:after { position: absolute; left: 28px; bottom: 7px; height: 0px; width: 0px; --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)); border-left-width: 3px; border-right-width: 3px; border-top-width: 3px; border-left-color: transparent; border-right-color: transparent; --tw-border-opacity: 1; border-top-color: rgb(255 255 255 / var(--tw-border-opacity)); --tw-content: ''; content: var(--tw-content); } .account.wishlist-index-index .columns .wishlist-image .product-image-container { margin-left: auto; margin-right: auto; max-height: 124px; } @media (min-width: 1024px) { .account.wishlist-index-index .columns .wishlist-image .product-image-container { max-height: 156px; } } .account.wishlist-index-index .columns .wishlist-image .product-image-container .product-image-wrapper { margin-left: auto; margin-right: auto; max-height: 124px; } @media (min-width: 1024px) { .account.wishlist-index-index .columns .wishlist-image .product-image-container .product-image-wrapper { max-height: 156px; } } .account.wishlist-index-index .columns .wishlist-image .product-image-container .product-image-wrapper img { margin-left: auto; margin-right: auto; max-height: 124px; } @media (min-width: 1024px) { .account.wishlist-index-index .columns .wishlist-image .product-image-container .product-image-wrapper img { max-height: 156px; } } .account.wishlist-index-index .columns .price-container { margin-top: 0.5rem; margin-bottom: 0.5rem; display: flex; height: 3rem; flex-wrap: wrap; align-items: flex-end; justify-content: flex-start; gap: 0px; } @media (min-width: 1024px) { .account.wishlist-index-index .columns .price-container { height: 3rem; flex-direction: row; } } .account.wishlist-index-index .columns .price-container .price-excluding-tax { display: none; } .account.wishlist-index-index .columns .price-container .special-price, .account.wishlist-index-index .columns .price-container .price { display: flex; font-size: 16px; font-weight: 700; line-height: 1.25rem; } .account.wishlist-index-index .columns .price-container .special-price .cents-font, .account.wishlist-index-index .columns .price-container .special-price .cents, .account.wishlist-index-index .columns .price-container .price .cents-font, .account.wishlist-index-index .columns .price-container .price .cents { position: relative; top: 2px; font-size: 12px; } .account.wishlist-index-index .columns .price-container .special-price { --tw-text-opacity: 1; color: rgb(157 32 23 / var(--tw-text-opacity)); } .account.wishlist-index-index .columns .price-container .price { --tw-text-opacity: 1; color: rgb(49 49 49 / var(--tw-text-opacity)); } .account.wishlist-index-index .columns .price-container .special-price + .price { padding-left: 0.25rem; font-size: 12px; font-weight: 400; --tw-text-opacity: 1; color: rgb(147 147 147 / var(--tw-text-opacity)); text-decoration-line: line-through; } .account.wishlist-index-index .columns .price-container .special-price + .price .cents-font, .account.wishlist-index-index .columns .price-container .special-price + .price .cents { font-size: 10px; } .account.wishlist-index-index .columns .price-container.price-configured_price { align-content: flex-end; } .account.wishlist-index-index .columns .product-name { margin-top: 0.5rem; margin-bottom: 0.5rem; height: 60px; font-size: 14px; font-weight: 400; line-height: 1.25rem; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; } .account.wishlist-index-index .columns .product-item-actions .delete-popup { position: absolute; top: 1rem; right: 1rem; margin-top: 0px; width: min-content; font-size: 16px; } .account.wishlist-index-share form.share .emails { margin-bottom: 1rem; } .account.wishlist-index-share form.share .btn-secondary:hover { --tw-border-opacity: 1; border-color: rgb(0 0 0 / var(--tw-border-opacity)); --tw-text-opacity: 1; color: rgb(0 0 0 / var(--tw-text-opacity)); --tw-shadow: 0 5px 5px -3px rgba(0, 0, 0, .2), 0 8px 10px 1px rgba(0, 0, 0, .14), 0 3px 14px 2px rgba(0, 0, 0, .12); --tw-shadow-colored: 0 5px 5px -3px var(--tw-shadow-color), 0 8px 10px 1px var(--tw-shadow-color), 0 3px 14px 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); } .account.wishlist-index-share form.share .btn-secondary:focus { --tw-text-opacity: 1; color: rgb(0 0 0 / var(--tw-text-opacity)); --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); } .account.customer-address-index { padding-bottom: 80px; } @media (min-width: 1024px) { .account.customer-address-index { padding-bottom: 0px; } } .account.customer-address-index .address-slider-label .firstname, .account.customer-address-index .address-slider-label .lastname { font-weight: 600; } .account.customer-address-index .columns .main { display: flex; flex-direction: column; gap: 0px; } .account.customer-address-index .columns .messages { order: 1; } .account.customer-address-index .choose-address-popup .address-item .bullet { --tw-bg-opacity: 1; background-color: rgb(60 135 0 / var(--tw-bg-opacity)); } .account.customer-address-index .address-card span::before { visibility: visible; position: absolute; left: -1.25rem; top: 1px; } @media (min-width: 1024px) { .account.customer-address-index .address-card span.icons-2023-trash::before { left: 0.75rem; top: 2px; } } .account.customer-address-form .columns .main { display: flex; flex-direction: column; } .account.customer-address-form .icons-2023-back::before { font-weight: 18px; } .account.customer-address-form .form-address-edit .actions-toolbar { justify-content: flex-end; padding-top: 0px; } .account.customer-address-form .form-address-edit .actions-toolbar a.back { text-decoration-line: none; } .account.customer-address-form .form-address-edit input.form-input { height: 3rem; width: 100%; padding-bottom: 6px; } .account.customer-address-form .form-address-edit .field.field-name-firstname, .account.customer-address-form .form-address-edit .field.field-name-lastname { margin-bottom: 1rem; } .account.customer-address-form .form-address-edit .field.telephone { margin-bottom: 0px; } .account.customer-address-form .form-address-edit .field.shipping { top: 2px; margin-bottom: 0px; height: 1.5rem; } .account.customer-address-form .form-address-edit .field.shipping label { margin-left: 0px; } .account.customer-account-edit [data-msg-field="password"], .account.customer-account-edit .new-password-field ul { display: none !important; } .account.customer-account-edit .form-edit-account input.form-input { height: 3rem; width: 100%; padding-bottom: 6px; } .account.customer-account-edit .form-edit-account .field, .account.customer-account-edit .form-edit-account .form-field { margin-top: 0px; } .account.customer-account-edit .form-edit-account .field.date, .account.customer-account-edit .form-edit-account .form-field.date { width: 100%; } @media (min-width: 1024px) { .account.customer-account-edit .form-edit-account .field.date .customer-dob, .account.customer-account-edit .form-edit-account .form-field.date .customer-dob { width: 295px; } } @media (min-width: 1240px) { .account.customer-account-edit .form-edit-account .field.date .customer-dob, .account.customer-account-edit .form-edit-account .form-field.date .customer-dob { width: 308px; } } .account.customer-account-edit .form-edit-account .field.toggle-password-change, .account.customer-account-edit .form-edit-account .form-field.toggle-password-change { margin-bottom: 1.5rem; height: 1.5rem; } .account.customer-account-edit .form-edit-account .field.field-name-firstname, .account.customer-account-edit .form-edit-account .field.field-name-lastname, .account.customer-account-edit .form-edit-account .form-field.field-name-firstname, .account.customer-account-edit .form-edit-account .form-field.field-name-lastname { --tw-text-opacity: 1; color: rgb(239 68 68 / var(--tw-text-opacity)); } @media (min-width: 1024px) { .account.customer-account-edit .form-edit-account .field.field-name-firstname, .account.customer-account-edit .form-edit-account .field.field-name-lastname, .account.customer-account-edit .form-edit-account .form-field.field-name-firstname, .account.customer-account-edit .form-edit-account .form-field.field-name-lastname { width: 295px; } } @media (min-width: 1240px) { .account.customer-account-edit .form-edit-account .field.field-name-firstname, .account.customer-account-edit .form-edit-account .field.field-name-lastname, .account.customer-account-edit .form-edit-account .form-field.field-name-firstname, .account.customer-account-edit .form-edit-account .form-field.field-name-lastname { width: 308px; } } .account.customer-account-edit .form-edit-account button::before { position: absolute; right: 0px; top: -0.5rem; cursor: pointer; font-size: 16px; } .account.customer-account-edit .form-edit-account .customer-dob { width: 100%; } .account.customer-account-edit .form-edit-account .customer-dob .icons-2023-calendar::before { top: -0.5rem; margin-top: 0.5rem; cursor: pointer; font-size: 16px; } .account.customer-account-edit .form-edit-account .actions-toolbar { margin-top: 0.5rem; height: 2.5rem; border-style: none; padding: 0px; } @media (min-width: 1024px) { .account.customer-account-edit .form-edit-account .actions-toolbar { margin-top: 0.25rem; } } .account .address-with-phone .top span { display: none; } .account .address-with-phone .bottom span:last-of-type { display: block; font-size: 14px; font-weight: 400; font-style: normal; } [data-content-type$='block'] .account .address-with-phone .bottom span:last-of-type p:last-child { margin-bottom: 1rem; margin-top: 0px; } .category-view .sidebar .account .address-with-phone .bottom span:last-of-type.filter { } body > div > div.grecaptcha-badge { display: none; height: 0px !important; width: 0px !important; } .modal-subelement ul li { position: relative; display: block; } [data-content-type$='block'] .modal-subelement ul li p:last-child { margin-bottom: 1rem; margin-top: 0px; } .category-view .sidebar .modal-subelement ul li.filter { } .modal-subelement ul li::before { content: ''; position: absolute; left: -7px; top: 6px; display: block; height: 2px; width: 2px; border-radius: 9999px; --tw-bg-opacity: 1; background-color: rgb(0 0 0 / var(--tw-bg-opacity)); } [data-content-type$='block'] .modal-subelement ul li::before p:last-child { margin-bottom: 1rem; margin-top: 0px; } .category-view .sidebar .modal-subelement ul li.filter::before { } .service-slot-list { position: relative; } .service-slot-list::before { position: absolute; left: 0px; top: 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)); font-size: 18px; } .timeslots { position: relative; } .timeslots::before { position: absolute; content: ''; display: block; width: 100%; height: 48px; pointer-events: none; background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #FFF 100%); bottom: 0; z-index: 10; } .fully-booked:not(.active) { pointer-events: none; --tw-bg-opacity: 1; background-color: rgb(201 201 201 / var(--tw-bg-opacity)); } .fully-booked:not(.active)::after { font-size: 10px; font-weight: 300; content: ' (Slot is fully booked)'; } .qty-for-edit .disabled { display: none; } .product-side .qty-wrapper .disabled { pointer-events: none; } .error-on-fields::before { position: absolute; top: 50%; right: 0px; display: block; --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)); font-family: leroy-icons; font-size: 18px; --tw-text-opacity: 1; color: rgb(157 32 23 / var(--tw-text-opacity)); } [data-content-type$='block'] .error-on-fields::before p:last-child { margin-bottom: 1rem; margin-top: 0px; } .category-view .sidebar .error-on-fields.filter::before { } .error-on-fields::before { content: "\f180" } .month-calendar { border-radius: 4px; border-width: 1px; --tw-border-opacity: 1; border-color: rgb(201 201 201 / var(--tw-border-opacity)); } .month-calendar table th { font-size: 12px; font-weight: 700; line-height: 1rem; --tw-text-opacity: 1; color: rgb(49 49 49 / var(--tw-text-opacity)); } .month-calendar table td { position: relative; height: 2rem; border-radius: 9999px; text-align: center; line-height: 2rem; } .month-calendar table tr { display: flex; width: 100%; justify-content: flex-start; vertical-align: middle; } .month-calendar table tr td, .month-calendar table tr th { min-width: calc(100% / 7); } .month-calendar table .day { cursor: pointer; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .month-calendar table .day.previous-day, .month-calendar table .day.active-day { pointer-events: none; } .month-calendar table .day.previous-day { --tw-text-opacity: 1; color: rgb(147 147 147 / var(--tw-text-opacity)); } .month-calendar table .day span { position: relative; z-index: 10; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .month-calendar table .day::before { position: absolute; left: 50%; height: 2rem; width: 2rem; --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)); border-radius: 9999px; background-color: transparent; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; content: ''; } .month-calendar table .day:hover::before { --tw-bg-opacity: 1; background-color: rgb(241 248 246 / var(--tw-bg-opacity)); } .month-calendar table .active-day { position: relative; } .month-calendar table .active-day span { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .month-calendar table .active-day::before { --tw-bg-opacity: 1; background-color: rgb(60 135 0 / var(--tw-bg-opacity)); } .month-calendar table tr:not(:last-of-type) { margin-bottom: 0.25rem; } .month-calendar table tr:last-of-type { margin-bottom: 2rem; } .month-calendar .calendar-control { position: relative; margin-bottom: 0.75rem; border-top-left-radius: 4px; border-top-right-radius: 4px; --tw-bg-opacity: 1; background-color: rgb(49 49 49 / var(--tw-bg-opacity)); padding-top: 10px; padding-bottom: 10px; padding-left: 1rem; padding-right: 1rem; text-align: center; font-size: 14px; font-weight: 600; line-height: 1.25rem; --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .month-calendar .calendar-control .button { position: absolute; top: 50%; height: 2.5rem; width: 2.5rem; --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)); text-align: center; font-size: 18px; line-height: 2.5rem; } .month-calendar .calendar-control .button.prev { left: 0.25rem; } .month-calendar .calendar-control .button.disabled { pointer-events: none; opacity: 0.5; } .month-calendar .calendar-control .button.next { right: 0.25rem; } .sales-order-view .print-order-address, .sales-order-view .print-order-logo { display: none; } .sales-order-view .delivery-item div { display: flex; width: 100%; justify-content: space-between; } .sales-order-view .delivery-item div div { display: block; width: 100%; } [data-content-type$='block'] .sales-order-view .delivery-item div div p:last-child { margin-bottom: 1rem; margin-top: 0px; } .category-view .sidebar .sales-order-view .delivery-item div div.filter { } .account.sales-order-print .delivery-item div { display: flex; width: 100%; justify-content: space-between; } .account.sales-order-print .delivery-item div div { display: block; width: 100%; } [data-content-type$='block'] .account.sales-order-print .delivery-item div div p:last-child { margin-bottom: 1rem; margin-top: 0px; } .category-view .sidebar .account.sales-order-print .delivery-item div div.filter { } .account.sales-order-print .columns { display: flex; } .account.sales-order-print .print-order-hidden { display: none; } .account.sales-order-print .page-main { max-width: 1240px; width: 100%; margin: auto; } .account.sales-order-print .page-main .logo-block { padding-left: 1rem; } .account.sales-order-print .page-main .print-order-address { display: flex; flex-direction: column; } .account.sales-order-print .order-info { --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); padding-left: 0px; padding-right: 0px; } form input.pulsating, fieldset input.pulsating { animation: pulsating 2s infinite; } @keyframes pulsating { 0% { box-shadow: inset 0 0 0 1px #eaeaea,inset 0 0 0 3px transparent } 25% { box-shadow: inset 0 0 0 1px #eaeaea,inset 0 0 0 3px rgba(120, 189, 32, .3); } 50% { box-shadow: inset 0 0 0 1px #eaeaea,inset 0 0 0 3px rgba(120, 189, 32, .7); } 75% { box-shadow: inset 0 0 0 1px #eaeaea,inset 0 0 0 3px rgba(120, 189, 32, .3); } 100% { box-shadow: inset 0 0 0 1px #eaeaea,inset 0 0 0 3px transparent } } form input.form-input.disabled, form select.form-input.disabled, form input.disabled, form select.disabled, fieldset input.form-input.disabled, fieldset select.form-input.disabled, fieldset input.disabled, fieldset select.disabled { pointer-events: none; --tw-bg-opacity: 1; background-color: rgb(240 240 240 / var(--tw-bg-opacity)); } form input:disabled, fieldset input:disabled { --tw-bg-opacity: 1; background-color: rgb(234 234 234 / var(--tw-bg-opacity)); } form .field, fieldset .field { margin-bottom: 0.75rem; } /* Reserve space for single line form validation messages */ form .field.field-reserved.field-error, fieldset .field.field-reserved.field-error { margin-bottom: 1.75rem; } form .field.field-reserved ul:last-of-type, fieldset .field.field-reserved ul:last-of-type { margin-bottom: -1.5rem; padding-bottom: 0.25rem; } form .field.field-reserved ul, fieldset .field.field-reserved ul { font-size: 12px; } form label, fieldset label { margin-bottom: 0.5rem; display: block; --tw-text-opacity: 1; color: rgb(31 41 55 / var(--tw-text-opacity)); } [data-content-type$='block'] form label p:last-child,[data-content-type$='block'] fieldset label p:last-child { margin-bottom: 1rem; margin-top: 0px; } .category-view .sidebar form label.filter,.category-view .sidebar fieldset label.filter { } form .field.choice, fieldset .field.choice { display: flex; align-items: center; } form .field.choice input, fieldset .field.choice input { margin-right: 1rem; } form .field.choice label, fieldset .field.choice label { margin-bottom: 0px; } form .field.field-error .messages, fieldset .field.field-error .messages { --tw-text-opacity: 1; color: rgb(220 38 38 / var(--tw-text-opacity)); max-width: -moz-fit-content; max-width: fit-content; } form legend, fieldset legend { margin-bottom: 0.75rem; font-size: 16px; --tw-text-opacity: 1; color: rgb(31 41 55 / var(--tw-text-opacity)); } form legend + br, fieldset legend + br { display: none; } fieldset ~ fieldset { margin-top: 2rem; } /* For backwards compatibility */ .cms-no-route.cms-noroute-index.page-layout-2columns-right .columns { display: flex; flex-direction: column; } .flex-columns-wrapper { display: flex; flex-direction: column; } @media (min-width: 768px) { .flex-columns-wrapper { flex-direction: row; } } a { --tw-text-opacity: 1; color: rgb(49 49 49 / var(--tw-text-opacity)); } [type='checkbox']:checked { background-image: none; } [type='checkbox']:checked + label:before { display: inline-block; font-family: "leroy-icons"; font-style: normal; font-weight: normal; font-variant: normal; line-height: 1; text-decoration: inherit; text-rendering: optimizeLegibility; text-transform: none; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; content: "\f1a9"; } .kuFilters .kuFilterBox .kuFilterNames ul li a .kuFilterIcon [type='checkbox']:checked + label { font-size: 14px; } [type='checkbox']:checked + label::before { display: flex; align-items: center; --tw-text-opacity: 1; color: rgb(60 135 0 / var(--tw-text-opacity)); } [type='checkbox'] + label:before { display: inline-block; font-family: "leroy-icons"; font-style: normal; font-weight: normal; font-variant: normal; line-height: 1; text-decoration: inherit; text-rendering: optimizeLegibility; text-transform: none; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; content: "\f1aa"; } [type='checkbox']:checked + label, [type='radio']:checked + label { --tw-text-opacity: 1; color: rgb(60 135 0 / var(--tw-text-opacity)); } [type='radio'] + label:before { display: inline-block; font-family: "leroy-icons"; font-style: normal; font-weight: normal; font-variant: normal; line-height: 1; text-decoration: inherit; text-rendering: optimizeLegibility; text-transform: none; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; content: "\f1a7"; } [type='radio']:checked { background-image: none; } [type='radio']:checked + label:before { display: inline-block; font-family: "leroy-icons"; font-style: normal; font-weight: normal; font-variant: normal; line-height: 1; text-decoration: inherit; text-rendering: optimizeLegibility; text-transform: none; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; content: "\f1a8"; } [type='radio']:checked + label::before { display: flex; align-items: center; --tw-text-opacity: 1; color: rgb(60 135 0 / var(--tw-text-opacity)); } [type='checkbox'], [type='radio'] { position: absolute; background-image: none; --tw-text-opacity: 1; color: rgb(0 0 0 / var(--tw-text-opacity)); opacity: 0; } @media (min-width: 1024px) { [type='checkbox'] + label, [type='radio'] + label { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } [type='checkbox']:hover + label, [type='radio']:hover + label { --tw-text-opacity: 1; color: rgb(60 135 0 / var(--tw-text-opacity)); } } [type='checkbox'] + label, [type='radio'] + label { pointer-events: auto; position: relative; top: 0px; left: 0px; display: flex; cursor: pointer; align-items: center; font-size: 16px; --tw-text-opacity: 1; color: rgb(0 0 0 / var(--tw-text-opacity)); } [type='checkbox'] + label::before, [type='radio'] + label::before { margin-right: 0.5rem; display: flex; height: 1.5rem; align-items: center; font-size: 20px; line-height: 1.5rem; } .breadcrumbs { padding-top: 0.75rem; --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); } .breadcrumbs .container { margin-top: 0.5rem; margin-bottom: 1.5rem; border-style: none; padding-left: 1rem; padding-right: 1rem; --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 (min-width: 1272px) { .breadcrumbs .container { padding-left: 0px; padding-right: 0px; } } .breadcrumbs .container .items { border-style: none; padding-top: 0px; padding-bottom: 0px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; } .breadcrumbs .container .items .item { display: inline; } .breadcrumbs .container .items .item a { font-size: 12px; line-height: 1rem; --tw-text-opacity: 1; color: rgb(147 147 147 / var(--tw-text-opacity)); } @media (min-width: 1024px) { .breadcrumbs .container .items .item a { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .breadcrumbs .container .items .item a:hover { --tw-text-opacity: 1; color: rgb(120 190 32 / var(--tw-text-opacity)); } } .breadcrumbs .container .items .item:nth-of-type(n+4) { display: none; } @media (min-width: 1024px) { .breadcrumbs .container .items .item:nth-of-type(n+4) { display: inline; } } .breadcrumbs .container .items .item:nth-of-type(3):not(.product) a { display: none; } @media (min-width: 1024px) { .breadcrumbs .container .items .item:nth-of-type(3):not(.product) a { display: inline; } .breadcrumbs .container .items .item:nth-of-type(3):not(.product)::after { display: none; } } .breadcrumbs .container .items .item:nth-of-type(3):not(.product)::after { content: '...'; } .breadcrumbs .container .items .item.product { display: inline; } .breadcrumbs .container .items .item span { font-size: 12px; font-weight: 600; line-height: 1rem; --tw-text-opacity: 1; color: rgb(147 147 147 / var(--tw-text-opacity)); } .breadcrumbs .container .items .item span.separator { font-weight: 400; } .footer-pagination-global .pagination-link.pagination-link-forward, .footer-pagination-global .pagination-link.pagination-link-back { --tw-bg-opacity: 1; background-color: rgb(120 190 32 / var(--tw-bg-opacity)); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); --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); background: linear-gradient(to bottom left, #89C201 6.37%, #89C201 49.61%, #62B51C 49.62%, #62B51C 92.75%); } .footer-pagination-global .pagination-link.pagination-link-forward:hover, .footer-pagination-global .pagination-link.pagination-link-back:hover { --tw-bg-opacity: 1; background-color: rgb(120 190 32 / var(--tw-bg-opacity)); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .checkout-cart-index .table-wrapper .update.footer-pagination-global .pagination-link.pagination-link-forward,.checkout-cart-index .table-wrapper .update .footer-pagination-global .pagination-link.pagination-link-back { right: 0px; width: 100%; } .footer-pagination-global .pagination-link.pagination-link-forward ::before, .footer-pagination-global .pagination-link.pagination-link-back ::before { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .footer-pagination-global .pagination-link ::before { position: absolute; top: 50%; width: 100%; --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)); text-align: center; font-size: 16px; } @media (min-width: 1024px) { .kuPagination a:hover { --tw-shadow: 0 5px 5px -3px rgba(0, 0, 0, .2), 0 8px 10px 1px rgba(0, 0, 0, .14), 0 3px 14px 2px rgba(0, 0, 0, .12); --tw-shadow-colored: 0 5px 5px -3px var(--tw-shadow-color), 0 8px 10px 1px var(--tw-shadow-color), 0 3px 14px 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); } .kuPagination a.pagination-link-forward:hover, .kuPagination a.pagination-link-back:hover { --tw-shadow: 0 5px 5px -3px rgba(0, 0, 0, .2), 0 8px 10px 1px rgba(0, 0, 0, .14), 0 3px 14px 2px rgba(0, 0, 0, .12); --tw-shadow-colored: 0 5px 5px -3px var(--tw-shadow-color), 0 8px 10px 1px var(--tw-shadow-color), 0 3px 14px 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); } } .customer-account-login .page-main { margin-top: 1.5rem; margin-bottom: 0px; } @media (min-width: 768px) { .customer-account-login .page-main { margin-top: 64px; } .customer-account-login .columns { row-gap: 2rem; } .customer-account-login .login-container { display: grid; height: 440px; grid-template-columns: repeat(2, minmax(0, 1fr)); } } .customer-account-login .block-info .block-title { margin-bottom: 0.75rem; font-size: 16px; line-height: 1.5rem; } @media (min-width: 768px) { .customer-account-login .block-info .block-title { font-size: 18px; } } .customer-account-login .block-info .item { display: flex; align-items: center; padding-top: 0.5rem; padding-bottom: 0.5rem; } @media (min-width: 768px) { .customer-account-login .block-info .item { padding-top: 0.25rem; padding-bottom: 0.25rem; } } .customer-account-login .block-info .item.faster-checkout span:before { display: inline-block; font-family: "leroy-icons"; font-style: normal; font-weight: normal; font-variant: normal; line-height: 1; text-decoration: inherit; text-rendering: optimizeLegibility; text-transform: none; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; content: "\f1ad"; } .customer-account-login .block-info .item.track-checkout span:before { display: inline-block; font-family: "leroy-icons"; font-style: normal; font-weight: normal; font-variant: normal; line-height: 1; text-decoration: inherit; text-rendering: optimizeLegibility; text-transform: none; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; content: "\f1ae"; } .customer-account-login .block-info .item.order-history span:before { display: inline-block; font-family: "leroy-icons"; font-style: normal; font-weight: normal; font-variant: normal; line-height: 1; text-decoration: inherit; text-rendering: optimizeLegibility; text-transform: none; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; content: "\f1b0"; } .customer-account-login .block-info .item.faster-checkout, .customer-account-login .block-info .item.track-checkout, .customer-account-login .block-info .item.order-history { font-size: 12px; } .customer-account-login .block-info .item.faster-checkout span, .customer-account-login .block-info .item.track-checkout span, .customer-account-login .block-info .item.order-history span { margin-right: 0.5rem; border-radius: 9999px; --tw-bg-opacity: 1; background-color: rgb(239 246 230 / var(--tw-bg-opacity)); } .customer-account-login .block-info .item.faster-checkout span::before, .customer-account-login .block-info .item.track-checkout span::before, .customer-account-login .block-info .item.order-history span::before { display: flex; height: 2rem; width: 2rem; align-items: center; justify-content: center; text-align: center; font-size: 16px; line-height: 2rem; --tw-text-opacity: 1; color: rgb(60 135 0 / var(--tw-text-opacity)); } @media (min-width: 768px) { .customer-account-login .block-info .item.faster-checkout span::before, .customer-account-login .block-info .item.track-checkout span::before, .customer-account-login .block-info .item.order-history span::before { height: 1.5rem; width: 1.5rem; line-height: 1.5rem; } } .customer-account-forgotpassword .page-main, .customer-account-createpassword .page-main { margin-top: 1.5rem; margin-bottom: 0px; } @media (min-width: 768px) { .customer-account-forgotpassword .page-main, .customer-account-createpassword .page-main { margin: 0px; --tw-bg-opacity: 1; background-color: rgb(247 247 247 / var(--tw-bg-opacity)); padding-top: 1.5rem; padding-bottom: 3rem; } .customer-account-forgotpassword .columns, .customer-account-createpassword .columns { row-gap: 0px; } .customer-account-forgotpassword .columns .column.main, .customer-account-createpassword .columns .column.main { display: flex; align-items: center; justify-content: center; } .customer-account-forgotpassword .page-footer, .customer-account-createpassword .page-footer { margin-top: 0px; } } .customer-account-forgotpassword [data-msg-field="password"], .customer-account-createpassword [data-msg-field="password"] { display: none !important; } /*Styling for Pagebuilder carousel, Pagebuilder, Klevu search, Klevu SRP and Dynamic Yield Cards*/ /*wishlist, quick search, compare will be seperate files.*/ /*MattJ*/ /* im keeping this for now cause not all cards are updated and this is css for them */ .three-in-line .global-product-card.dynamic-yield, .three-in-line .global-product-card.pagebuilder { width: calc(50% - 8px); } @media (min-width: 768px) { .three-in-line .global-product-card.dynamic-yield, .three-in-line .global-product-card.pagebuilder { width: calc(33% - 9px); } } @media (min-width: 1024px) { .three-in-line .global-product-card.dynamic-yield, .three-in-line .global-product-card.pagebuilder { width: calc(33% - 9px); } } @media (min-width: 1240px) { .three-in-line .global-product-card.dynamic-yield, .three-in-line .global-product-card.pagebuilder { width: calc(33% - 9px); } } .four-in-line .global-product-card.dynamic-yield, .four-in-line .global-product-card.pagebuilder { width: calc(50% - 8px); } @media (min-width: 768px) { .four-in-line .global-product-card.dynamic-yield, .four-in-line .global-product-card.pagebuilder { width: calc(33% - 9px); } } @media (min-width: 1024px) { .four-in-line .global-product-card.dynamic-yield, .four-in-line .global-product-card.pagebuilder { width: calc(25% - 12px); } } @media (min-width: 1240px) { .four-in-line .global-product-card.dynamic-yield, .four-in-line .global-product-card.pagebuilder { width: calc(25% - 12px); } } .mobile-only { display: flex; } @media (min-width: 1024px) { .mobile-only { display: none; } } .desktop-only { display: none; } @media (min-width: 1024px) { .desktop-only { display: flex; } } .global-product-card { display: flex; height: 400px; width: 50%; flex-direction: column; justify-content: space-between; overflow: hidden; border-width: 1px; border-color: rgb(120 190 32 / var(--tw-border-opacity)); --tw-border-opacity: 0; --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); --tw-shadow: 0 0 8px 0 rgba(0, 0, 0, .08);; --tw-shadow-colored: 0 0 8px 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); 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(0.4, 0, 0.2, 1); transition-duration: 150ms; transition: transform 250ms ease, color 250ms ease; } .global-product-card:hover { --tw-border-opacity: 1; } @media (min-width: 768px) { .global-product-card { width: 33.333333%; } } @media (min-width: 1024px) { .global-product-card { height: 340px; width: 25%; } } @media (min-width: 1240px) { .global-product-card { width: 20%; } } .global-product-card.pagebuilder { width: calc(50% - 8px); } @media (min-width: 768px) { .global-product-card.pagebuilder { width: calc(33% - 9px); } } @media (min-width: 1024px) { .global-product-card.pagebuilder { width: calc(25% - 13px); } } @media (min-width: 1240px) { .global-product-card.pagebuilder { width: calc(20% - 13px); } } .global-product-card.plp-srp { width: calc(50% - 2px); } @media (min-width: 768px) { .global-product-card.plp-srp { width: calc(33% - 2px); } } @media (min-width: 1024px) { .global-product-card.plp-srp { width: calc(33% - 9px); } } @media (min-width: 1240px) { .global-product-card.plp-srp { width: calc(25% - 12px); } } .global-product-card.no-results-card { width: calc(50% - 2px); } @media (min-width: 1024px) { .global-product-card.no-results-card { width: calc(25% - 12px); } } .global-product-card [data-bv-rating] .bv_main_container, .global-product-card [data-bv-show=inline_rating] .bv_main_container { flex-direction: row !important; justify-content: start !important; } @media (min-width: 1024px) { .global-product-card:hover .global-card-bottom-part { --tw-translate-y: -44px; 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)); } } .global-product-card:hover .global-card-top-part .wishlist-compare { --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)); } .global-product-card .global-card-top-part { position: relative; height: 140px; overflow: hidden; padding: 0.5rem; } @media (min-width: 1024px) { .global-product-card .global-card-top-part { height: 172px; min-height: 172px; } } .global-product-card .global-card-top-part .product-image-container, .global-product-card .global-card-top-part img { margin: auto; height: 100%; max-height: 124px; } @media (min-width: 1024px) { .global-product-card .global-card-top-part .product-image-container, .global-product-card .global-card-top-part img { max-height: 156px; } } .global-product-card .global-card-top-part .onsale-product-banner { position: absolute; top: 1.75rem; left: -2.25rem; height: 1.5rem; width: 160px; --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)); --tw-bg-opacity: 1; background-color: rgb(157 32 23 / var(--tw-bg-opacity)); padding-top: 0.25rem; padding-bottom: 0.25rem; text-align: center; font-family: leroy-sans, Helvetica Neue, Arial, sans-serif; font-size: 12px; line-height: 1rem; --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .global-product-card .global-card-top-part .top-price { --tw-bg-opacity: 1; background-color: rgb(244 190 0 / var(--tw-bg-opacity)); --tw-text-opacity: 1; color: rgb(0 0 0 / var(--tw-text-opacity)); } .global-product-card .global-card-top-part .wishlist-compare { position: absolute; top: 1rem; right: 1rem; display: flex; flex-direction: column; gap: 2rem; font-size: 16px; --tw-text-opacity: 1; color: rgb(60 135 0 / var(--tw-text-opacity)); transition-property: transform; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } @media (min-width: 1024px) { .global-product-card .global-card-top-part .wishlist-compare { --tw-translate-x: 48px; 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)); } } .global-product-card .global-card-top-part .wishlist-compare .icons-2023-heart:before, .global-product-card .global-card-top-part .wishlist-compare .icons-2023-compare:before { display: flex; height: 30px; width: 30px; align-items: center; justify-content: center; border-radius: 9999px; --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); } .global-product-card .global-card-top-part .wishlist-compare .wishlist, .global-product-card .global-card-top-part .wishlist-compare .compare { position: relative; cursor: pointer; } .global-product-card .global-card-top-part .wishlist-compare .wishlist .popup, .global-product-card .global-card-top-part .wishlist-compare .compare .popup { position: absolute; right: 2.5rem; bottom: -2px; display: none; width: 102px; border-radius: 0.375rem; border-style: none; --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); padding-left: 0.5rem; padding-right: 0.5rem; padding-top: 6px; padding-bottom: 6px; font-size: 12px; --tw-text-opacity: 1; color: rgb(96 96 96 / var(--tw-text-opacity)); --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); } .global-product-card .global-card-top-part .wishlist-compare .wishlist .popup::before, .global-product-card .global-card-top-part .wishlist-compare .compare .popup::before { position: absolute; top: 10px; right: -5px; display: block; height: 10px; width: 10px; --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)); --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); } [data-content-type$='block'] .global-product-card .global-card-top-part .wishlist-compare .wishlist .popup::before p:last-child,[data-content-type$='block'] .global-product-card .global-card-top-part .wishlist-compare .compare .popup::before p:last-child { margin-bottom: 1rem; margin-top: 0px; } .category-view .sidebar .global-product-card .global-card-top-part .wishlist-compare .wishlist .popup.filter::before,.category-view .sidebar .global-product-card .global-card-top-part .wishlist-compare .compare .popup.filter::before { } .global-product-card .global-card-top-part .wishlist-compare .wishlist .popup::before, .global-product-card .global-card-top-part .wishlist-compare .compare .popup::before { content: ""; box-shadow: 4px -3px 7px rgba(0,0,0,.1); } @media (min-width: 1024px) { .global-product-card .global-card-top-part .wishlist-compare .wishlist:hover .popup, .global-product-card .global-card-top-part .wishlist-compare .compare:hover .popup { display: block; } } .global-product-card .global-card-top-part .wishlist-compare .compare { display: none; } @media (min-width: 1024px) { .global-product-card .global-card-top-part .wishlist-compare .compare { display: block; } } .global-product-card .global-card-top-part .wishlist-compare .compare .popup { width: 106px; } .global-product-card .global-card-bottom-part, .global-product-card .global-card-bottom-part-list { height: 260px; transition-property: transform; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } @media (min-width: 1024px) { .global-product-card .global-card-bottom-part, .global-product-card .global-card-bottom-part-list { height: 212px; --tw-translate-y: 4px; 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)); } } .global-product-card .global-card-bottom-part .add-to-cart button, .global-product-card .global-card-bottom-part-list .add-to-cart button { display: flex; align-items: center; justify-content: center; border-radius: 4px; --tw-bg-opacity: 1; background-color: rgb(153 153 153 / var(--tw-bg-opacity)); padding-left: 1rem; padding-right: 1rem; padding-top: 0.5rem; padding-bottom: 0.5rem; font-size: 14px; font-weight: 500; --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); --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); transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 300ms; } @media (min-width: 1240px) { .global-product-card .global-card-bottom-part .add-to-cart button, .global-product-card .global-card-bottom-part-list .add-to-cart button { font-size: 14px; } } .global-product-card .global-card-bottom-part .add-to-cart button svg, .global-product-card .global-card-bottom-part-list .add-to-cart button svg { display: inline-flex; } .global-product-card .global-card-bottom-part .add-to-cart button span, .global-product-card .global-card-bottom-part-list .add-to-cart button span { vertical-align: middle; } .global-product-card .global-card-bottom-part .add-to-cart button:hover, .global-product-card .global-card-bottom-part-list .add-to-cart button:hover { --tw-bg-opacity: 1; background-color: rgb(128 128 128 / var(--tw-bg-opacity)); } .global-product-card .global-card-bottom-part .add-to-cart button:focus-visible, .global-product-card .global-card-bottom-part-list .add-to-cart button:focus-visible { outline: none } .global-product-card .global-card-bottom-part .add-to-cart button[disabled], .global-product-card .global-card-bottom-part-list .add-to-cart button[disabled] { opacity: 0.8; } .global-product-card .global-card-bottom-part .add-to-cart button[disabled]:hover, .global-product-card .global-card-bottom-part-list .add-to-cart button[disabled]:hover { --tw-text-opacity: 1; color: rgb(147 147 147 / var(--tw-text-opacity)); --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); } .global-product-card .global-card-bottom-part .add-to-cart button[disabled], .global-product-card .global-card-bottom-part-list .add-to-cart button[disabled] { background: #F0F0F0; color: #939393; } .global-product-card .global-card-bottom-part .add-to-cart button.btn-loading, .global-product-card .global-card-bottom-part-list .add-to-cart button.btn-loading { pointer-events: none; position: relative; opacity: 0.75; transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; font-size: 0; } .global-product-card .global-card-bottom-part .add-to-cart button.btn-loading span, .global-product-card .global-card-bottom-part-list .add-to-cart button.btn-loading span { font-size: 0; } .global-product-card .global-card-bottom-part .add-to-cart button.btn-loading::before, .global-product-card .global-card-bottom-part-list .add-to-cart button.btn-loading::before { position: absolute; left: calc(50% - 11px); top: calc(50% - 11px); } @keyframes spin { to { transform: rotate(360deg); } } .global-product-card .global-card-bottom-part .add-to-cart button.btn-loading::before, .global-product-card .global-card-bottom-part-list .add-to-cart button.btn-loading::before { animation: spin 1s linear infinite; font-family: leroy-icons; font-size: 20px; line-height: 1.25rem; content: '\f176'; } .global-product-card .global-card-bottom-part .add-to-cart button, .global-product-card .global-card-bottom-part-list .add-to-cart button { --tw-bg-opacity: 1; background-color: rgb(120 190 32 / var(--tw-bg-opacity)); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); --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); background: linear-gradient(to bottom left, #89C201 6.37%, #89C201 49.61%, #62B51C 49.62%, #62B51C 92.75%); } .global-product-card .global-card-bottom-part .add-to-cart button:hover, .global-product-card .global-card-bottom-part-list .add-to-cart button:hover { --tw-bg-opacity: 1; background-color: rgb(120 190 32 / var(--tw-bg-opacity)); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .global-product-card .global-card-bottom-part .add-to-cart button, .global-product-card .global-card-bottom-part-list .add-to-cart button { display: flex; height: 48px; width: 100%; gap: 0.25rem; border-top-left-radius: 0px; border-top-right-radius: 0px; font-size: 16px; font-weight: 600; } .actions-toolbar a.back:not(.global-product-card .global-card-bottom-part .add-to-cart button),.actions-toolbar a.back:not( .global-product-card .global-card-bottom-part-list .add-to-cart button) { --tw-text-opacity: 1; color: rgb(31 41 55 / var(--tw-text-opacity)); text-decoration-line: underline; } .checkout-cart-index .table-wrapper .update.global-product-card .global-card-bottom-part .add-to-cart button,.checkout-cart-index .table-wrapper .update .global-product-card .global-card-bottom-part-list .add-to-cart button { right: 0px; width: 100%; } @media (min-width: 768px) { .global-product-card .global-card-bottom-part .add-to-cart button, .global-product-card .global-card-bottom-part-list .add-to-cart button { gap: 0.75rem; } } .global-product-card .global-card-bottom-part .price-wrapper, .global-product-card .global-card-bottom-part-list .price-wrapper { position: relative; margin-top: 0.5rem; margin-bottom: 0.5rem; display: flex; height: 48px; flex-direction: column; justify-content: flex-end; padding-left: 0.5rem; padding-right: 0.5rem; } @media (min-width: 1024px) { .global-product-card .global-card-bottom-part .price-wrapper, .global-product-card .global-card-bottom-part-list .price-wrapper { flex-direction: row; flex-wrap: wrap; justify-content: flex-start; } } .global-product-card .global-card-bottom-part .price-wrapper.cashbuild-price div, .global-product-card .global-card-bottom-part .price-wrapper.cashbuild-price span, .global-product-card .global-card-bottom-part-list .price-wrapper.cashbuild-price div, .global-product-card .global-card-bottom-part-list .price-wrapper.cashbuild-price span { opacity: 0; transition-property: opacity; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .global-product-card .global-card-bottom-part .price-wrapper.cashbuild-price::before, .global-product-card .global-card-bottom-part-list .price-wrapper.cashbuild-price::before { content: ''; position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; left: 0.5rem; right: 0.5rem; z-index: 10; display: block; } @keyframes pulse { 50% { opacity: .5; } } .global-product-card .global-card-bottom-part .price-wrapper.cashbuild-price::before, .global-product-card .global-card-bottom-part-list .price-wrapper.cashbuild-price::before { animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite; border-radius: 4px; --tw-bg-opacity: 1; background-color: rgb(235 235 235 / var(--tw-bg-opacity)); } [data-content-type$='block'] .global-product-card .global-card-bottom-part .price-wrapper.cashbuild-price::before p:last-child,[data-content-type$='block'] .global-product-card .global-card-bottom-part-list .price-wrapper.cashbuild-price::before p:last-child { margin-bottom: 1rem; margin-top: 0px; } .category-view .sidebar .global-product-card .global-card-bottom-part .price-wrapper.cashbuild-price.filter::before,.category-view .sidebar .global-product-card .global-card-bottom-part-list .price-wrapper.cashbuild-price.filter::before { } .global-product-card .global-card-bottom-part .price-wrapper.cashbuild-price.loaded:before, .global-product-card .global-card-bottom-part-list .price-wrapper.cashbuild-price.loaded:before { display: none; } .global-product-card .global-card-bottom-part .price-wrapper.cashbuild-price.loaded div, .global-product-card .global-card-bottom-part .price-wrapper.cashbuild-price.loaded span, .global-product-card .global-card-bottom-part-list .price-wrapper.cashbuild-price.loaded div, .global-product-card .global-card-bottom-part-list .price-wrapper.cashbuild-price.loaded span { opacity: 1; } .global-product-card .global-card-bottom-part .price-wrapper .special-price, .global-product-card .global-card-bottom-part .price-wrapper .original-price, .global-product-card .global-card-bottom-part-list .price-wrapper .special-price, .global-product-card .global-card-bottom-part-list .price-wrapper .original-price { display: flex; font-size: 16px; font-weight: 700; line-height: 1.25rem; } .global-product-card .global-card-bottom-part .price-wrapper .special-price .cents-font, .global-product-card .global-card-bottom-part .price-wrapper .special-price .cents, .global-product-card .global-card-bottom-part .price-wrapper .original-price .cents-font, .global-product-card .global-card-bottom-part .price-wrapper .original-price .cents, .global-product-card .global-card-bottom-part-list .price-wrapper .special-price .cents-font, .global-product-card .global-card-bottom-part-list .price-wrapper .special-price .cents, .global-product-card .global-card-bottom-part-list .price-wrapper .original-price .cents-font, .global-product-card .global-card-bottom-part-list .price-wrapper .original-price .cents { position: relative; top: 2px; font-size: 12px; } .global-product-card .global-card-bottom-part .price-wrapper .special-price, .global-product-card .global-card-bottom-part-list .price-wrapper .special-price { order: 2; --tw-text-opacity: 1; color: rgb(157 32 23 / var(--tw-text-opacity)); } @media (min-width: 1024px) { .global-product-card .global-card-bottom-part .price-wrapper .special-price, .global-product-card .global-card-bottom-part-list .price-wrapper .special-price { order: 1; } } .global-product-card .global-card-bottom-part .price-wrapper .special-price .cents-font, .global-product-card .global-card-bottom-part .price-wrapper .special-price .cents, .global-product-card .global-card-bottom-part-list .price-wrapper .special-price .cents-font, .global-product-card .global-card-bottom-part-list .price-wrapper .special-price .cents { top: 2px; } .global-product-card .global-card-bottom-part .price-wrapper .original-price, .global-product-card .global-card-bottom-part-list .price-wrapper .original-price { align-items: flex-end; --tw-text-opacity: 1; color: rgb(49 49 49 / var(--tw-text-opacity)); } @media (min-width: 1024px) { .global-product-card .global-card-bottom-part .price-wrapper .original-price, .global-product-card .global-card-bottom-part-list .price-wrapper .original-price { order: 2; } } .global-product-card .global-card-bottom-part .price-wrapper .special-price + .original-price, .global-product-card .global-card-bottom-part-list .price-wrapper .special-price + .original-price { align-items: center; font-size: 0.75rem; font-weight: 400; line-height: 1.25rem; --tw-text-opacity: 1; color: rgb(147 147 147 / var(--tw-text-opacity)); text-decoration-line: line-through; } @media (min-width: 1024px) { .global-product-card .global-card-bottom-part .price-wrapper .special-price + .original-price, .global-product-card .global-card-bottom-part-list .price-wrapper .special-price + .original-price { padding-left: 0.25rem; } } .global-product-card .global-card-bottom-part .price-wrapper .special-price + .original-price .cents-font, .global-product-card .global-card-bottom-part .price-wrapper .special-price + .original-price .cents, .global-product-card .global-card-bottom-part-list .price-wrapper .special-price + .original-price .cents-font, .global-product-card .global-card-bottom-part-list .price-wrapper .special-price + .original-price .cents { font-size: 10px; } .global-product-card .global-card-bottom-part .price-wrapper .saving-price, .global-product-card .global-card-bottom-part-list .price-wrapper .saving-price { order: 3; display: block; height: 1.25rem; width: 100%; } [data-content-type$='block'] .global-product-card .global-card-bottom-part .price-wrapper .saving-price p:last-child,[data-content-type$='block'] .global-product-card .global-card-bottom-part-list .price-wrapper .saving-price p:last-child { margin-bottom: 1rem; margin-top: 0px; } .category-view .sidebar .global-product-card .global-card-bottom-part .price-wrapper .saving-price.filter,.category-view .sidebar .global-product-card .global-card-bottom-part-list .price-wrapper .saving-price.filter { } .global-product-card .global-card-bottom-part .price-wrapper .saving-price span, .global-product-card .global-card-bottom-part-list .price-wrapper .saving-price span { display: inline-block; height: 1.25rem; border-radius: 0.25rem; --tw-bg-opacity: 1; background-color: rgb(157 32 23 / var(--tw-bg-opacity)); padding-top: 2px; padding-bottom: 2px; padding-left: 0.5rem; padding-right: 0.5rem; font-size: 0.75rem; line-height: 1rem; --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .global-product-card .global-card-bottom-part .price-wrapper .saving-price.empty, .global-product-card .global-card-bottom-part-list .price-wrapper .saving-price.empty { display: none; } .global-product-card .global-card-bottom-part .product-name, .global-product-card .global-card-bottom-part-list .product-name { margin-top: 0.5rem; height: 40px; padding-left: 0.5rem; padding-right: 0.5rem; font-size: 14px; font-weight: 400; line-height: 1.25rem; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .global-product-card .global-card-bottom-part .rating, .global-product-card .global-card-bottom-part-list .rating { margin-top: 0.5rem; height: 1rem; padding-left: 0px; padding-right: 0px; } @media (min-width: 768px) { .global-product-card .global-card-bottom-part .rating, .global-product-card .global-card-bottom-part-list .rating { padding-left: 0.5rem; padding-right: 0.5rem; } } .global-product-card .global-card-bottom-part .banners, .global-product-card .global-card-bottom-part-list .banners { margin-top: 0.5rem; display: flex; height: 56px; flex-direction: column; gap: 0.5rem; padding-left: 0.5rem; padding-right: 0.5rem; font-size: 12px; line-height: 1rem; } @media (min-width: 1024px) { .global-product-card .global-card-bottom-part .banners, .global-product-card .global-card-bottom-part-list .banners { margin-top: 0.25rem; height: auto; min-height: 24px; flex-direction: row; } } .global-product-card .global-card-bottom-part .banners .seller-availability, .global-product-card .global-card-bottom-part-list .banners .seller-availability { display: flex; height: auto; min-height: 24px; width: -moz-fit-content; width: fit-content; align-items: center; justify-content: center; border-radius: 4px; border-width: 1px; --tw-border-opacity: 1; border-color: rgb(60 135 0 / var(--tw-border-opacity)); --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); padding-left: 0.5rem; padding-right: 0.5rem; --tw-text-opacity: 1; color: rgb(60 135 0 / var(--tw-text-opacity)); } @media (min-width: 1024px) { .global-product-card .global-card-bottom-part .banners .seller-availability, .global-product-card .global-card-bottom-part-list .banners .seller-availability { padding-left: 0.25rem; padding-right: 0.25rem; } } .global-product-card .global-card-bottom-part .banners .has-offers, .global-product-card .global-card-bottom-part-list .banners .has-offers { display: flex; height: auto; min-height: 24px; width: -moz-fit-content; width: fit-content; align-items: center; justify-content: center; border-radius: 4px; border-width: 1px; --tw-border-opacity: 1; border-color: rgb(16 94 122 / var(--tw-border-opacity)); --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); padding-left: 0.5rem; padding-right: 0.5rem; --tw-text-opacity: 1; color: rgb(16 94 122 / var(--tw-text-opacity)); } @media (min-width: 1024px) { .global-product-card .global-card-bottom-part .banners .has-offers, .global-product-card .global-card-bottom-part-list .banners .has-offers { padding-left: 0.25rem; padding-right: 0.25rem; } } .form-wishlist-items .product-items > div { height: -moz-fit-content; height: fit-content; overflow: hidden; } .form-wishlist-items .product-items .product-image-photo { width: auto; } .form-wishlist-items .product-items .onsale-product-banner { position: absolute; top: 1.75rem; left: -2.25rem; height: 1.5rem; width: 160px; --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)); --tw-bg-opacity: 1; background-color: rgb(157 32 23 / var(--tw-bg-opacity)); padding-top: 0.25rem; padding-bottom: 0.25rem; text-align: center; font-size: 12px; line-height: 1rem; --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .form-wishlist-items .product-items .top-price { --tw-bg-opacity: 1; background-color: rgb(244 190 0 / var(--tw-bg-opacity)); --tw-text-opacity: 1; color: rgb(0 0 0 / var(--tw-text-opacity)); } .form-wishlist-items .product-items .banners { margin-top: 0.5rem; display: flex; height: 56px; flex-direction: column; gap: 0.5rem; font-size: 12px; line-height: 1rem; } @media (min-width: 1024px) { .form-wishlist-items .product-items .banners { height: auto; min-height: 24px; flex-direction: row; } } .form-wishlist-items .product-items .banners .seller-availability { display: flex; height: auto; min-height: 24px; width: -moz-fit-content; width: fit-content; align-items: center; justify-content: center; border-radius: 4px; border-width: 1px; --tw-border-opacity: 1; border-color: rgb(60 135 0 / var(--tw-border-opacity)); --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); padding-left: 0.5rem; padding-right: 0.5rem; --tw-text-opacity: 1; color: rgb(60 135 0 / var(--tw-text-opacity)); } @media (min-width: 1024px) { .form-wishlist-items .product-items .banners .seller-availability { padding-left: 0.25rem; padding-right: 0.25rem; } } .form-wishlist-items .product-items .banners .has-offers { display: flex; height: auto; min-height: 24px; width: -moz-fit-content; width: fit-content; align-items: center; justify-content: center; border-radius: 4px; border-width: 1px; --tw-border-opacity: 1; border-color: rgb(16 94 122 / var(--tw-border-opacity)); --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); padding-left: 0.5rem; padding-right: 0.5rem; --tw-text-opacity: 1; color: rgb(16 94 122 / var(--tw-text-opacity)); } @media (min-width: 1024px) { .form-wishlist-items .product-items .banners .has-offers { padding-left: 0.25rem; padding-right: 0.25rem; } } .form-wishlist-items .product-items .price-as-configured { display: flex; gap: 0.5rem; } .form-wishlist-items .product-items .price-as-configured .special-price .price { --tw-text-opacity: 1; color: rgb(157 32 23 / var(--tw-text-opacity)); } .form-wishlist-items .product-items .price-as-configured .old-price .price { font-size: 14px; font-weight: 400; --tw-text-opacity: 1; color: rgb(147 147 147 / var(--tw-text-opacity)); } .form-wishlist-items .product-items .price-as-configured .price-label { display: none; } /* new card class for 2025*/ .leroy-product-card { display: flex; height: 342px; width: 100%; flex-direction: column; overflow: hidden; border-radius: 4px; border-width: 1px; --tw-border-opacity: 1; border-color: rgb(201 201 201 / var(--tw-border-opacity)); padding: 0.75rem; padding-top: 1.5rem; 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(0.4, 0, 0.2, 1); transition-duration: 150ms; transition: transform 250ms ease, color 250ms ease; } @media (min-width: 768px) { .leroy-product-card { width: calc(50% - 8px); } } @media (min-width: 1024px) { .leroy-product-card { height: 479px; width: calc(25% - 13px); gap: 0.25rem; padding-top: 0.75rem; } .leroy-product-card:hover { --tw-border-opacity: 1; border-color: rgb(60 135 0 / var(--tw-border-opacity)); } } @media (min-width: 1240px) { .leroy-product-card { width: calc(20% - 13px); } } @media (min-width: 1024px) { .leroy-product-card.no-results { width: calc(25% - 12px); } .leroy-product-card.plp-srp { width: calc(33% - 7px); } } @media (min-width: 1240px) { .leroy-product-card.plp-srp { width: calc(25% - 11px); } } .leroy-product-card:hover .top-part .top-left-part .wishlist-compare { --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)); } .leroy-product-card:hover .bottom-part, .leroy-product-card:hover .bottom-part .wishlist-add-to-cart-wrapper { --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)); } .leroy-product-card .banners { display: flex; flex-direction: column; gap: 0.5rem; font-size: 10px; line-height: 1rem; } @media (min-width: 1024px) { .leroy-product-card .banners { flex-direction: row; } } .leroy-product-card .banners .seller-availability { display: flex; height: 1.5rem; width: -moz-fit-content; width: fit-content; align-items: center; justify-content: center; border-radius: 4px; border-width: 1px; --tw-border-opacity: 1; border-color: rgb(60 135 0 / var(--tw-border-opacity)); --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); padding-left: 0.5rem; padding-right: 0.5rem; padding-top: 0.25rem; padding-bottom: 0.25rem; --tw-text-opacity: 1; color: rgb(60 135 0 / var(--tw-text-opacity)); } .leroy-product-card .banners .has-offers { display: flex; height: 1.5rem; width: -moz-fit-content; width: fit-content; align-items: center; justify-content: center; border-radius: 4px; border-width: 1px; --tw-border-opacity: 1; border-color: rgb(16 94 122 / var(--tw-border-opacity)); --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); padding-left: 0.5rem; padding-right: 0.5rem; padding-top: 0.25rem; padding-bottom: 0.25rem; --tw-text-opacity: 1; color: rgb(16 94 122 / var(--tw-text-opacity)); } .leroy-product-card .banners.desktop-only { margin-bottom: 0.25rem; display: none; height: 0px; gap: 0.25rem; } @media (min-width: 1024px) { .leroy-product-card .banners.desktop-only { display: flex; height: 24px; min-height: 24px; } } .leroy-product-card .banners.mobile-only { margin-top: 0px; gap: 0.25rem; } @media (min-width: 1024px) { .leroy-product-card .banners.mobile-only { display: none; } } .leroy-product-card .rating { position: relative; display: flex; height: 1.5rem; width: 182px; align-items: center; } .leroy-product-card .wishlist-compare { position: absolute; top: 0px; right: 0px; display: none; flex-direction: column; gap: 0.75rem; font-size: 16px; --tw-text-opacity: 1; color: rgb(60 135 0 / var(--tw-text-opacity)); transition-property: transform; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } @media (min-width: 1024px) { .leroy-product-card .wishlist-compare { --tw-translate-x: 64px; 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)); } } .leroy-product-card .wishlist-compare button { height: 48px; width: 48px; } .leroy-product-card .wishlist-compare .icons-2023-heart, .leroy-product-card .wishlist-compare .icons-2023-compare { display: flex; align-items: center; justify-content: center; } .leroy-product-card .wishlist-compare .icons-2023-heart:before, .leroy-product-card .wishlist-compare .icons-2023-compare:before { display: flex; height: 1rem; width: 1rem; align-items: center; justify-content: center; border-radius: 9999px; --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); } @media (min-width: 1024px) { .leroy-product-card .wishlist-compare .icons-2023-heart:before, .leroy-product-card .wishlist-compare .icons-2023-compare:before { height: 48px; width: 48px; } } .leroy-product-card .wishlist-compare .wishlist, .leroy-product-card .wishlist-compare .compare { position: relative; cursor: pointer; } .leroy-product-card .wishlist-compare .wishlist .popup, .leroy-product-card .wishlist-compare .compare .popup { position: absolute; right: 2.5rem; bottom: 0px; display: none; width: 112px; border-radius: 0.375rem; border-style: none; --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); padding: 0.75rem; font-size: 12px; --tw-text-opacity: 1; color: rgb(96 96 96 / var(--tw-text-opacity)); --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); } .leroy-product-card .wishlist-compare .wishlist .popup::before, .leroy-product-card .wishlist-compare .compare .popup::before { position: absolute; top: 10px; right: -5px; display: block; height: 16px; width: 16px; --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)); --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); } [data-content-type$='block'] .leroy-product-card .wishlist-compare .wishlist .popup::before p:last-child,[data-content-type$='block'] .leroy-product-card .wishlist-compare .compare .popup::before p:last-child { margin-bottom: 1rem; margin-top: 0px; } .category-view .sidebar .leroy-product-card .wishlist-compare .wishlist .popup.filter::before,.category-view .sidebar .leroy-product-card .wishlist-compare .compare .popup.filter::before { } .leroy-product-card .wishlist-compare .wishlist .popup::before, .leroy-product-card .wishlist-compare .compare .popup::before { content: ""; box-shadow: 4px -3px 7px rgba(0,0,0,.1); } @media (min-width: 1024px) { .leroy-product-card .wishlist-compare .wishlist:hover .popup, .leroy-product-card .wishlist-compare .compare:hover .popup { display: block; } } .leroy-product-card .wishlist-compare .compare .popup { width: 114px; } .leroy-product-card .top-part { position: relative; display: flex; height: 182px; } @media (min-width: 1024px) { .leroy-product-card .top-part { height: 347px; flex-direction: column; gap: 0.25rem; } } .leroy-product-card .top-part .top-left-part { position: relative; margin-right: 0.75rem; aspect-ratio: 1 / 1; width: 160px; flex-shrink: 0; } @media (min-width: 1024px) { .leroy-product-card .top-part .top-left-part { margin-right: 0px; height: 211px; width: 100%; } .leroy-product-card .top-part .top-left-part .wishlist-compare { display: flex; } } .leroy-product-card .top-part .top-left-part .product-image-wrapper, .leroy-product-card .top-part .top-left-part .product-image-container, .leroy-product-card .top-part .top-left-part img { display: flex; aspect-ratio: 1 / 1; height: 160px; width: 160px; align-items: center; justify-content: center; } @media (min-width: 1024px) { .leroy-product-card .top-part .top-left-part .product-image-wrapper, .leroy-product-card .top-part .top-left-part .product-image-container, .leroy-product-card .top-part .top-left-part img { height: 100%; max-height: 211px; width: 100%; } } .leroy-product-card .top-part .top-left-part img { border-radius: 4px; } @media (min-width: 1024px) { .leroy-product-card .top-part .top-left-part img { margin: auto; width: auto; } } .leroy-product-card .top-part .top-left-part .banners-group { position: absolute; top: 0px; left: 0px; display: flex; flex-direction: column-reverse; gap: 0.5rem; } @media (min-width: 1024px) { .leroy-product-card .top-part .top-left-part .banners-group { flex-direction: row; } } .leroy-product-card .top-part .top-left-part .banners-group .banner { height: 1.25rem; border-radius: 4px; padding-left: 6px; padding-right: 6px; padding-top: 0.25rem; font-size: 10px; font-weight: 600; line-height: 12px; } .leroy-product-card .top-part .top-left-part .banners-group .banner.promotion { --tw-bg-opacity: 1; background-color: rgb(157 32 23 / var(--tw-bg-opacity)); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .leroy-product-card .top-part .top-left-part .banners-group .round-banner { display: flex; height: 39px; width: 39px; align-items: center; justify-content: center; border-radius: 9999px; text-align: center; font-size: 10px; font-weight: 600; line-height: 10px; } .leroy-product-card .top-part .top-left-part .banners-group .round-banner.first-price { --tw-bg-opacity: 1; background-color: rgb(255 163 0 / var(--tw-bg-opacity)); padding-left: 0.25rem; padding-right: 0.25rem; --tw-text-opacity: 1; color: rgb(0 0 0 / var(--tw-text-opacity)); } .leroy-product-card .top-part .top-left-part .banners-group .round-banner.price-drop { --tw-bg-opacity: 1; background-color: rgb(218 41 28 / var(--tw-bg-opacity)); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .leroy-product-card .top-part .top-left-part .banners-group .round-banner.price-drop:after { position: absolute; left: 28px; bottom: 7px; height: 0px; width: 0px; --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)); border-left-width: 3px; border-right-width: 3px; border-top-width: 3px; border-left-color: transparent; border-right-color: transparent; --tw-border-opacity: 1; border-top-color: rgb(255 255 255 / var(--tw-border-opacity)); --tw-content: ''; content: var(--tw-content); } .leroy-product-card .top-part .top-right-part { position: relative; display: flex; height: 182px; width: 100%; flex-direction: column; overflow: hidden; } @media (min-width: 1024px) { .leroy-product-card .top-part .top-right-part { height: 128px; } } .leroy-product-card .top-part .top-right-part .product-title { height: 32px; min-height: 32px; width: 100%; font-size: 0.75rem; line-height: 1rem; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .leroy-product-card .top-part .top-right-part .sold-by { margin-top: 0.25rem; display: flex; align-items: flex-start; gap: 0.25rem; line-height: .75rem; } .leroy-product-card .top-part .top-right-part .sold-by .sold-by-text-wrapper { display: flex; padding-top: 1px; font-size: 10px; } .leroy-product-card .top-part .top-right-part .sold-by .sold-by-text-wrapper .sold-by-text { margin-right: 0.25rem; flex-shrink: 0; padding-top: 1px; } .leroy-product-card .top-part .top-right-part .sold-by .sold-by-text-wrapper .sold-by-shop-name { font-weight: 600; --tw-text-opacity: 1; color: rgb(60 135 0 / var(--tw-text-opacity)); text-decoration-line: underline; } @media (min-width: 1024px) { .leroy-product-card .top-part .top-right-part .sold-by .sold-by-text-wrapper .sold-by-shop-name { cursor: pointer; } } .leroy-product-card .top-part .top-right-part .available-for-delivery { margin-top: 0.25rem; display: flex; align-items: flex-start; gap: 0.25rem; font-size: 0.75rem; line-height: .75rem; } .leroy-product-card .top-part .top-right-part .available-for-delivery .available-for-delivery-text { font-size: 10px; font-weight: 600; } .leroy-product-card .top-part .top-right-part .available-for-delivery .for-delivery-text { font-size: 10px; } .leroy-product-card .top-part .top-right-part .stock-check-wrapper { margin-top: 0.25rem; display: flex; align-items: center; gap: 0.25rem; font-size: 0.75rem; font-weight: 600; line-height: .75rem; } .leroy-product-card .top-part .top-right-part .stock-check-wrapper .stock-check-text-wrapper { display: flex; flex-direction: column; align-items: flex-start; font-size: 10px; } .leroy-product-card .top-part .top-right-part .stock-check-wrapper .stock-check-text-wrapper .small-font { font-weight: 400; } .leroy-product-card .top-part .top-right-part .stock-check-wrapper .stock-check-text-wrapper .stock-check-button { --tw-text-opacity: 1; color: rgb(60 135 0 / var(--tw-text-opacity)); text-decoration-line: underline; } @media (min-width: 1024px) { .leroy-product-card .top-part .top-right-part .stock-check-wrapper .stock-check-text-wrapper .stock-check-button { cursor: pointer; } } .leroy-product-card .bottom-part { display: flex; height: 124px; flex-direction: column; justify-content: space-between; gap: 0.25rem; } @media (min-width: 1024px) { .leroy-product-card .bottom-part { height: 108px; --tw-translate-y: 40px; 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)); transition-property: transform; transition-duration: 300ms; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } .leroy-product-card .bottom-part .wishlist-add-to-cart-wrapper { --tw-translate-y: 55px; 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)); } } .leroy-product-card .bottom-part .wishlist-compare { position: static; display: block; } [data-content-type$='block'] .leroy-product-card .bottom-part .wishlist-compare p:last-child { margin-bottom: 1rem; margin-top: 0px; } .category-view .sidebar .leroy-product-card .bottom-part .wishlist-compare.filter { } @media (min-width: 1024px) { .leroy-product-card .bottom-part .wishlist-compare { position: absolute; } } .leroy-product-card .bottom-part .wishlist-compare .compare { display: none; } @media (min-width: 1024px) { .leroy-product-card .bottom-part .wishlist-compare .compare { display: flex; } } .leroy-product-card .bottom-part .wishlist-compare .wishlist { border-radius: 4px; border-width: 1px; --tw-border-opacity: 1; border-color: rgb(60 135 0 / var(--tw-border-opacity)); } @media (min-width: 1024px) { .leroy-product-card .bottom-part .wishlist-compare .wishlist { border-width: 0px; } } .leroy-product-card .bottom-part .price-wrapper { margin-bottom: 0.25rem; display: flex; height: 64px; width: calc(100% - 176px); flex-direction: column; gap: 2px; align-self: flex-end; } @media (min-width: 1024px) { .leroy-product-card .bottom-part .price-wrapper { width: 100%; gap: 0.25rem; } } .leroy-product-card .bottom-part .price-wrapper .was-price { gap: 2px; text-decoration-line: none; } .leroy-product-card .bottom-part .price-wrapper .bottom-price-wrapper { display: flex; flex-direction: column; } @media (min-width: 1024px) { .leroy-product-card .bottom-part .price-wrapper .bottom-price-wrapper { gap: 0.25rem; } } .leroy-product-card .bottom-part .price-wrapper .bottom-price-wrapper .old-price { display: flex; height: 16px; gap: 2px; font-size: 0.75rem; line-height: 1rem; --tw-text-opacity: 1; color: rgb(147 147 147 / var(--tw-text-opacity)); } .leroy-product-card .bottom-part .price-wrapper .bottom-price-wrapper .old-price .was-price-value { text-decoration-line: line-through; } .leroy-product-card .bottom-part .price-wrapper .bottom-price-wrapper .saving-price { margin-left: 2px; display: flex; height: 20px; width: -moz-fit-content; width: fit-content; align-items: center; border-radius: 4px; border-width: 1px; --tw-border-opacity: 1; border-color: rgb(169 41 39 / var(--tw-border-opacity)); font-size: 0.75rem; line-height: 1.25rem; } .leroy-product-card .bottom-part .price-wrapper .bottom-price-wrapper .saving-price .saving-price-text { position: relative; right: 2px; display: inline-block; border-top-left-radius: 4px; border-bottom-left-radius: 4px; --tw-bg-opacity: 1; background-color: rgb(169 41 39 / var(--tw-bg-opacity)); padding-left: 0.5rem; padding-right: 0.5rem; --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .leroy-product-card .bottom-part .price-wrapper .bottom-price-wrapper .saving-price .saving-price-value { padding-right: 0.5rem; padding-left: 6px; --tw-text-opacity: 1; color: rgb(169 41 39 / var(--tw-text-opacity)); } .leroy-product-card .bottom-part .price-wrapper .special-price { height: 24px; font-size: 18px; font-weight: 700; line-height: 1.5rem; --tw-text-opacity: 1; color: rgb(169 41 39 / var(--tw-text-opacity)); } .leroy-product-card .bottom-part .price-wrapper .original-price { margin-top: auto; height: 24px; font-size: 18px; font-weight: 700; line-height: 1.5rem; --tw-text-opacity: 1; color: rgb(28 28 28 / var(--tw-text-opacity)); } .leroy-product-card .bottom-part .wishlist-add-to-cart-wrapper { display: flex; height: 48px; gap: 0.75rem; } @media (min-width: 1024px) { .leroy-product-card .bottom-part .wishlist-add-to-cart-wrapper { height: 40px; } } .leroy-product-card .bottom-part .wishlist-add-to-cart-wrapper .add-to-cart { width: 100%; border-radius: 4px; } .leroy-product-card .desktop-only { display: none; } @media (min-width: 1024px) { .leroy-product-card .desktop-only { display: flex; } } /* LIST VIEW START*/ .kuResultsListing [data-result-view="list"] .kuResults { gap: 0.5rem; } @media (min-width: 1024px) { .kuResultsListing [data-result-view="list"] .kuResults .leroy-product-card { height: 168px; width: 100%; flex-direction: row; justify-content: space-between; padding: 10px; } .kuResultsListing [data-result-view="list"] .kuResults .leroy-product-card .wishlist-add-to-cart-wrapper { position: relative; } .kuResultsListing [data-result-view="list"] .kuResults .leroy-product-card .top-part { height: 148px; flex-direction: row; gap: 84px; } .kuResultsListing [data-result-view="list"] .kuResults .leroy-product-card .top-part .top-left-part { height: 148px; width: 148px; } .kuResultsListing [data-result-view="list"] .kuResults .leroy-product-card .top-part .top-left-part .wishlist-compare { display: none; } .kuResultsListing [data-result-view="list"] .kuResults .leroy-product-card .top-part .top-right-part { height: 148px; width: 330px; } .kuResultsListing [data-result-view="list"] .kuResults .leroy-product-card .top-part .top-right-part .banners.desktop-only { display: none; } .kuResultsListing [data-result-view="list"] .kuResults .leroy-product-card .top-part .top-right-part .banners.mobile-only { display: flex; } .kuResultsListing [data-result-view="list"] .kuResults .leroy-product-card .top-part .top-right-part .stock-check-text-wrapper { flex-direction: row; gap: 2px; } .kuResultsListing [data-result-view="list"] .kuResults .leroy-product-card .top-part .top-right-part .product-title { height: 20px; min-height: 20px; width: 330px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 14px; line-height: 1.25rem; } .kuResultsListing [data-result-view="list"] .kuResults .leroy-product-card .top-part .top-right-part .sold-by .sold-by-text-wrapper, .kuResultsListing [data-result-view="list"] .kuResults .leroy-product-card .top-part .top-right-part .available-for-delivery .available-for-delivery-text, .kuResultsListing [data-result-view="list"] .kuResults .leroy-product-card .top-part .top-right-part .available-for-delivery .for-delivery-text, .kuResultsListing [data-result-view="list"] .kuResults .leroy-product-card .top-part .top-right-part .stock-check-text-wrapper { font-size: 0.75rem; line-height: 1rem; } .kuResultsListing [data-result-view="list"] .kuResults .leroy-product-card .top-part .top-right-part .sold-by, .kuResultsListing [data-result-view="list"] .kuResults .leroy-product-card .top-part .top-right-part .available-for-delivery { line-height: 1rem; } .kuResultsListing [data-result-view="list"] .kuResults .leroy-product-card .top-part .top-right-part .icons-2023-delivery, .kuResultsListing [data-result-view="list"] .kuResults .leroy-product-card .top-part .top-right-part .icons-2023-cardboard-box { font-size: 18px; } .kuResultsListing [data-result-view="list"] .kuResults .leroy-product-card .bottom-part { height: 148px; width: 316px; transform: none; transition-property: none; } .kuResultsListing [data-result-view="list"] .kuResults .leroy-product-card .bottom-part .price-wrapper .bottom-price-wrapper .old-price { font-size: 14px; } .kuResultsListing [data-result-view="list"] .kuResults .leroy-product-card .bottom-part .price-wrapper .special-price { height: 32px; font-size: 24px; line-height: 2rem; } .kuResultsListing [data-result-view="list"] .kuResults .leroy-product-card .bottom-part .price-wrapper .original-price { height: 32px; font-size: 24px; line-height: 2rem; } .kuResultsListing [data-result-view="list"] .kuResults .leroy-product-card .bottom-part .wishlist-add-to-cart-wrapper { --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)); transform: none; transition-property: none; } } .kuResultsListing [data-result-view="list"] .kuResults .leroy-product-card .bottom-part .wishlist-compare { gap: 0px; } @media (min-width: 1024px) { .kuResultsListing [data-result-view="list"] .kuResults .leroy-product-card .bottom-part .wishlist-compare { top: auto; bottom: 60px; display: flex; --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)); transition-property: none; } .kuResultsListing [data-result-view="list"] .kuResults .leroy-product-card .bottom-part .bottom-price-wrapper { flex-direction: row; align-items: center; } .kuResultsListing [data-result-view="list"] .kuResults .leroy-product-card .bottom-part .original-price { margin-top: 0px; } } .klevu-quick-search-card { width: calc(50% - 4px); --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); } @media (min-width: 768px) { .klevu-quick-search-card { width: calc(33% - 3px); } } @media (min-width: 1024px) { .klevu-quick-search-card { width: calc(25% - 13px); } } .klevu-quick-search-card .klevuProductItemTop { position: relative; height: 104px; } @media (min-width: 1024px) { .klevu-quick-search-card .klevuProductItemTop { height: 155px; } } .klevu-quick-search-card .klevuQuickImgWrap { position: relative; height: 80px; } @media (min-width: 1024px) { .klevu-quick-search-card .klevuQuickImgWrap { height: 104px; } } .klevu-quick-search-card .klevuQuickImgWrap img { margin: auto; height: 80px; } .klevu-quick-search-card .banners-group { position: absolute; top: 0px; left: 0px; z-index: 2; display: flex; flex-direction: column-reverse; gap: 0.5rem; } @media (min-width: 1024px) { .klevu-quick-search-card .banners-group { flex-direction: row; } } .klevu-quick-search-card .banners-group .banner { height: 1.25rem; border-radius: 4px; padding-left: 6px; padding-right: 6px; padding-top: 0.25rem; font-size: 10px; font-weight: 600; line-height: 12px; } .klevu-quick-search-card .banners-group .banner.promotion { --tw-bg-opacity: 1; background-color: rgb(157 32 23 / var(--tw-bg-opacity)); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .klevu-quick-search-card .banners-group .round-banner { display: flex; height: 39px; width: 39px; align-items: center; justify-content: center; border-radius: 9999px; text-align: center; font-size: 10px; font-weight: 600; line-height: 10px; } .klevu-quick-search-card .banners-group .round-banner.first-price { --tw-bg-opacity: 1; background-color: rgb(255 163 0 / var(--tw-bg-opacity)); padding-left: 0.25rem; padding-right: 0.25rem; --tw-text-opacity: 1; color: rgb(0 0 0 / var(--tw-text-opacity)); } .klevu-quick-search-card .banners-group .round-banner.price-drop { --tw-bg-opacity: 1; background-color: rgb(218 41 28 / var(--tw-bg-opacity)); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .klevu-quick-search-card .banners-group .round-banner.price-drop:after { position: absolute; left: 28px; bottom: 7px; height: 0px; width: 0px; --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)); border-left-width: 3px; border-right-width: 3px; border-top-width: 3px; border-left-color: transparent; border-right-color: transparent; --tw-border-opacity: 1; border-top-color: rgb(255 255 255 / var(--tw-border-opacity)); --tw-content: ''; content: var(--tw-content); } .klevu-quick-search-card a { display: block; height: 240px; overflow: hidden; border-radius: 4px; border-color: transparent; padding: 0.75rem; --tw-shadow: 0 0 8px 0 rgba(0, 0, 0, .08);; --tw-shadow-colored: 0 0 8px 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); } [data-content-type$='block'] .klevu-quick-search-card a p:last-child { margin-bottom: 1rem; margin-top: 0px; } .category-view .sidebar .klevu-quick-search-card a.filter { } @media (min-width: 1024px) { .klevu-quick-search-card a { border-width: 1px; } } .klevu-quick-search-card a .banners { position: absolute; bottom: 0px; display: flex; gap: 2px; font-size: 8px; line-height: 10px; } @media (min-width: 1024px) { .klevu-quick-search-card a .banners { flex-direction: row; font-size: 10px; line-height: .75rem; } } .klevu-quick-search-card a .banners .seller-availability { display: flex; height: auto; min-height: 20px; width: -moz-fit-content; width: fit-content; align-items: center; justify-content: center; border-radius: 4px; border-width: 1px; --tw-border-opacity: 1; border-color: rgb(60 135 0 / var(--tw-border-opacity)); --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); padding-left: 2px; padding-right: 2px; --tw-text-opacity: 1; color: rgb(60 135 0 / var(--tw-text-opacity)); } .klevu-quick-search-card a .banners .has-offers { display: flex; height: auto; min-height: 20px; width: -moz-fit-content; width: fit-content; align-items: center; justify-content: center; border-radius: 4px; border-width: 1px; --tw-border-opacity: 1; border-color: rgb(16 94 122 / var(--tw-border-opacity)); --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); padding-left: 2px; padding-right: 2px; --tw-text-opacity: 1; color: rgb(16 94 122 / var(--tw-text-opacity)); } .klevu-quick-search-card a .kuResultsHeadingTitleContainer-found { font-weight: 400; --tw-text-opacity: 1; color: rgb(0 0 0 / var(--tw-text-opacity)); } .klevu-quick-search-card a .kuResultsHeadingTitleContainer-found span { font-weight: 400; --tw-text-opacity: 1; color: rgb(0 0 0 / var(--tw-text-opacity)); } .klevu-quick-search-card a .wishlis-add-to-cart-wrappe { position: relative; transition-property: transform; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } @media (min-width: 1024px) { .klevu-quick-search-card a .wishlis-add-to-cart-wrappe { --tw-translate-y: 34px; 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)); } .klevu-quick-search-card a:hover { --tw-border-opacity: 1; border-color: rgb(120 190 32 / var(--tw-border-opacity)); } .klevu-quick-search-card a:hover .klevuProductItemBottom, .klevu-quick-search-card a:hover .banners, .klevu-quick-search-card a:hover .klevuQuickProductName { --tw-translate-y: -50px; 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)); transition-property: transform; transition-duration: 300ms; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } .klevu-quick-search-card a:hover .banners, .klevu-quick-search-card a:hover .klevuQuickProductName { --tw-translate-y: -18px; 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)); } } .klevu-quick-search-card a .price-wrapper { margin-bottom: 0.25rem; display: flex; height: 64px; flex-direction: column; gap: 2px; align-self: flex-end; } @media (min-width: 1024px) { .klevu-quick-search-card a .price-wrapper { margin-bottom: 0.5rem; gap: 0.25rem; } } .klevu-quick-search-card a .price-wrapper .bottom-price-wrapper { display: flex; flex-direction: column; gap: 0.25rem; } .klevu-quick-search-card a .price-wrapper .bottom-price-wrapper .old-price { height: 16px; font-size: 0.75rem; line-height: 1rem; --tw-text-opacity: 1; color: rgb(147 147 147 / var(--tw-text-opacity)); text-decoration-line: line-through; } .klevu-quick-search-card a .price-wrapper .bottom-price-wrapper .saving-price { margin-left: 2px; display: flex; height: 20px; width: -moz-fit-content; width: fit-content; align-items: center; border-radius: 4px; border-width: 1px; --tw-border-opacity: 1; border-color: rgb(169 41 39 / var(--tw-border-opacity)); font-size: 0.75rem; line-height: 1.25rem; } .klevu-quick-search-card a .price-wrapper .bottom-price-wrapper .saving-price .saving-price-text { position: relative; right: 2px; display: inline-block; border-top-left-radius: 4px; border-bottom-left-radius: 4px; --tw-bg-opacity: 1; background-color: rgb(169 41 39 / var(--tw-bg-opacity)); padding-left: 0.5rem; padding-right: 0.5rem; --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .klevu-quick-search-card a .price-wrapper .bottom-price-wrapper .saving-price .saving-price-value { padding-right: 0.5rem; padding-left: 6px; --tw-text-opacity: 1; color: rgb(169 41 39 / var(--tw-text-opacity)); } .klevu-quick-search-card a .price-wrapper .special-price { height: 24px; font-size: 18px; font-weight: 700; line-height: 1.5rem; --tw-text-opacity: 1; color: rgb(169 41 39 / var(--tw-text-opacity)); } .klevu-quick-search-card a .price-wrapper .original-price { margin-top: auto; height: 24px; font-size: 18px; font-weight: 700; line-height: 1.5rem; --tw-text-opacity: 1; color: rgb(28 28 28 / var(--tw-text-opacity)); } @keyframes shimmer { from { transform: translateX(-33.3%); } to { transform: translateX(33.3%); } } .widget-dy:not(.loaded) .widget-dy-campaign { height: 0px; overflow: hidden; } .widget-dy.loaded .dy-placeholder { display: none; } .widget-dy.loaded .widget-dy-campaign { height: auto; } .dyClsZone { padding-top: 1.5rem; padding-bottom: 1.5rem; padding-left: 1rem; padding-right: 1rem; } @media (min-width: 1272px) { .dyClsZone { padding-left: 0px; padding-right: 0px; } } .dyClsZone .dy-recommendations__title-container { margin-bottom: 1rem; height: 32px; } @media (min-width: 1024px) { .dyClsZone .dy-recommendations__title-container { height: 40px; } } .dyClsZone .dy-recommendations__title { height: 32px; font-size: 20px; font-weight: 700; line-height: 2rem; } @media (min-width: 1024px) { .dyClsZone .dy-recommendations__title { height: 32px; font-size: 28px; line-height: 2.5rem; } } .dyClsZone .splide__track { margin-left: -8px; margin-right: -8px; padding-top: 1px; padding-bottom: 1px; padding-left: 0.5rem !important; padding-right: 0.5rem !important; } .dyClsZone .global-product-card .global-card-bottom-part .rating { padding-left: 0px; padding-right: 0px; } @media (min-width: 768px) { .dyClsZone .global-product-card .global-card-bottom-part .rating { padding-left: 0.5rem; padding-right: 0.5rem; } } .dyClsZone .splide__arrows .splide__arrow { height: 2rem; width: 2rem; --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); 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) { .dyClsZone .splide__arrows .splide__arrow { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .dyClsZone .splide__arrows .splide__arrow:hover { --tw-text-opacity: 1; color: rgb(60 135 0 / var(--tw-text-opacity)); } } .dyClsZone .splide__arrows .splide__arrow::before { position: absolute; top: 50%; left: 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)); } .dyClsZone .splide__arrows .splide__arrow--next { right: -12px; } .dyClsZone .splide__arrows .splide__arrow--prev { left: -12px; } .dy-placeholder-row { margin-left: -12px !important; margin-right: -12px !important; height: 498px; overflow: hidden; padding-left: 12px !important; padding-right: 12px !important; } @media (min-width: 1024px) { .dy-placeholder-row { height: 446px; } } /*PLACEHOLDER*/ .dy-placeholder { position: relative; height: 498px; max-width: 1240px; padding-left: 1rem; padding-right: 1rem; padding-top: 1.5rem; padding-bottom: 1.5rem; } @media (min-width: 1024px) { .dy-placeholder { height: 446px; } } @media (min-width: 1272px) { .dy-placeholder { padding-left: 0px; padding-right: 0px; } } .dy-placeholder .container-temp { margin-left: -8px; margin-right: -8px; height: 402px; padding-top: 1px; padding-bottom: 1px; padding-left: 0.5rem !important; padding-right: 0.5rem !important; } @media (min-width: 1024px) { .dy-placeholder .container-temp { height: 342px; } } .dy-placeholder .slide-temp.temp-slide3 { display: none; } @media (min-width: 768px) { .dy-placeholder .slide-temp.temp-slide3 { display: flex; } } .dy-placeholder .slide-temp.temp-slide4 { display: none; } @media (min-width: 1024px) { .dy-placeholder .slide-temp.temp-slide4 { display: flex; } } .dy-placeholder .slide-temp.temp-slide5 { display: none; } @media (min-width: 1240px) { .dy-placeholder .slide-temp.temp-slide5 { display: flex; } } .dy-placeholder .keen-slider-temp { display: flex; height: 400px; gap: 1rem; } @media (min-width: 1024px) { .dy-placeholder .keen-slider-temp { height: 342px; } } .dy-placeholder .slide-temp { pointer-events: none; display: flex; height: 400px; width: calc(50% - 8px); flex-direction: column; justify-content: space-between; border-radius: 4px; border-width: 1px; border-color: transparent; --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); --tw-shadow: 0 0 8px 0 rgba(0, 0, 0, .08);; --tw-shadow-colored: 0 0 8px 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); } @media (min-width: 768px) { .dy-placeholder .slide-temp { width: calc(33% - 9px); } } @media (min-width: 1024px) { .dy-placeholder .slide-temp { height: 342px; width: calc(25% - 13px); } } @media (min-width: 1240px) { .dy-placeholder .slide-temp { width: calc(20% - 13px); } } .dy-placeholder .slide-temp { transform: translate3d(0px, 0px, 0px); } .dy-placeholder .image-container-temp { max-height: 240px; padding-top: 1rem; padding-bottom: 1rem; padding-left: 0.5rem; padding-right: 0.5rem; } .dy-placeholder .img { height: 156px; width: 100%; } .dy-placeholder .info-area-temp { margin-bottom: 36px; height: 72px; width: 100%; } .dy-placeholder .price-temp { height: 32px; width: 105px; } .dy-placeholder .title-temp { position: relative; margin-bottom: 1rem; display: block; height: 32px; width: 280px; } @keyframes pulse { 50% { opacity: .5; } } .dy-placeholder .title-temp { animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite; overflow: hidden; border-radius: 4px; --tw-bg-opacity: 1; background-color: rgb(235 235 235 / var(--tw-bg-opacity)); } [data-content-type$='block'] .dy-placeholder .title-temp p:last-child { margin-bottom: 1rem; margin-top: 0px; } .category-view .sidebar .dy-placeholder .title-temp.filter { } @media (min-width: 1024px) { .dy-placeholder .title-temp { height: 40px; } } .dy-placeholder .info-temp { padding-left: 0.5rem; padding-right: 0.5rem; padding-bottom: 1rem; } .dy-placeholder .img, .dy-placeholder .info-area-temp, .dy-placeholder .price-temp { position: relative; } @keyframes pulse { 50% { opacity: .5; } } .dy-placeholder .img, .dy-placeholder .info-area-temp, .dy-placeholder .price-temp { animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite; overflow: hidden; border-radius: 4px; --tw-bg-opacity: 1; background-color: rgb(235 235 235 / var(--tw-bg-opacity)); } .dy-placeholder.loaded { display: none; } /*PDP Bundle api*/ .dy-pdp-bundle-api .splide__list { padding: 1px !important; } @media (min-width: 1024px) { .dy-pdp-bundle-api .splide__list { visibility: visible !important; display: flex !important; gap: 2.25rem !important; } .dy-pdp-bundle-api .splide.four-products ul.splide__list { justify-content: center; } .dy-pdp-bundle-api .splide.four-products ul.splide__list .global-product-card { width: calc(25% - 27px); } } .dy-pdp-bundle-api .splide.two-products { visibility: visible; } .dy-pdp-bundle-api .splide.two-products .splide__arrows { display: none; } .dy-pdp-bundle-api .splide.two-products .splide__list { justify-content: center; gap: 1.25rem; } .dy-pdp-bundle-api .splide.two-products .global-product-card { width: calc(50% - 10px); max-width: 230px; } .dy-pdp-bundle-api .global-product-card { height: 343px; flex-shrink: 0; } .dy-pdp-bundle-api .global-product-card .onsale-product-banner.lowest-price { --tw-bg-opacity: 1; background-color: rgb(244 190 0 / var(--tw-bg-opacity)); --tw-text-opacity: 1; color: rgb(0 0 0 / var(--tw-text-opacity)); } /*style just for the main card*/ .dy-pdp-bundle-api .global-product-card.main-product { --tw-border-opacity: 1; border-color: rgb(120 190 32 / var(--tw-border-opacity)); } @media (min-width: 1240px) { .dy-pdp-bundle-api .global-product-card.main-product { width: 230px !important; } } .dy-pdp-bundle-api .global-product-card.main-product .add-to-bundle { border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; } .dy-pdp-bundle-api .global-product-card.main-product .add-to-bundle:hover { --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); } .dy-pdp-bundle-api .global-product-card.main-product .global-card-top-part { bottom: 153px; } @media (min-width: 1024px) { .dy-pdp-bundle-api .global-product-card.main-product .global-card-top-part { bottom: 123px; } } /*style just for bundle products*/ .dy-pdp-bundle-api .global-product-card.bundle-product { overflow: visible; border-style: none; --tw-shadow: 0 0 8px 0 rgba(0, 0, 0, .25); --tw-shadow-colored: 0 0 8px 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); } @media (min-width: 1240px) { .dy-pdp-bundle-api .global-product-card.bundle-product { width: 170px !important; } } .dy-pdp-bundle-api .global-product-card.bundle-product .add-to-bundle { --tw-bg-opacity: 1; background-color: rgb(120 190 32 / var(--tw-bg-opacity)); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); --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); background: linear-gradient(to bottom left, #89C201 6.37%, #89C201 49.61%, #62B51C 49.62%, #62B51C 92.75%); } .dy-pdp-bundle-api .global-product-card.bundle-product .add-to-bundle:hover { --tw-bg-opacity: 1; background-color: rgb(120 190 32 / var(--tw-bg-opacity)); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .checkout-cart-index .table-wrapper .update.dy-pdp-bundle-api .global-product-card.bundle-product .add-to-bundle { right: 0px; width: 100%; } .dy-pdp-bundle-api .global-product-card.bundle-product.selected { --tw-border-opacity: 1; border-color: rgb(120 190 32 / var(--tw-border-opacity)); } .dy-pdp-bundle-api .global-product-card.bundle-product.selected .add-to-bundle { --tw-bg-opacity: 1; background-color: rgb(120 190 32 / var(--tw-bg-opacity)); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); --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); background: linear-gradient(to bottom left, #3C8700 4.88%, #3C8700 49.93%, #47A100 49.95%, #47A100 82.85%); } .dy-pdp-bundle-api .global-product-card .global-card-bottom-part { position: absolute; height: auto; width: 100%; transform: none; } .dy-pdp-bundle-api .global-product-card .global-card-bottom-part .add-to-bundle { gap: 0.5rem; font-size: 14px; } .dy-pdp-bundle-api .global-product-card .global-card-bottom-part .rating { height: 1.5rem; } .dy-pdp-bundle-api .global-product-card .global-card-bottom-part .banners { flex-direction: column; } .dy-pdp-bundle-api .global-product-card .global-card-bottom-part .price-wrapper { margin-top: 0.25rem; height: auto; flex-direction: column-reverse; } .dy-pdp-bundle-api .global-product-card .global-card-bottom-part .price-wrapper .original-price { padding-left: 0px; } .minicart-dy-recs .price-wrapper { position: relative; display: flex; height: 20px; gap: 0.5rem; } .minicart-dy-recs .price-wrapper .special-price, .minicart-dy-recs .price-wrapper .original-price { display: flex; height: 20px; font-size: 14px; font-weight: 600; line-height: 1.25rem; } .minicart-dy-recs .price-wrapper .special-price { --tw-text-opacity: 1; color: rgb(157 32 23 / var(--tw-text-opacity)); } .minicart-dy-recs .price-wrapper .original-price { --tw-text-opacity: 1; color: rgb(49 49 49 / var(--tw-text-opacity)); } .minicart-dy-recs .price-wrapper .special-price + .original-price { font-size: 14px; font-weight: 400; --tw-text-opacity: 1; color: rgb(147 147 147 / var(--tw-text-opacity)); text-decoration-line: line-through; } .catalog-product_compare-index .title-wrapper { margin-bottom: 2rem; height: 48px; } .catalog-product_compare-index .title-wrapper h1, .catalog-product_compare-index .title-wrapper span { margin-bottom: 0px; height: 48px; font-size: 36px; font-weight: 700; line-height: 48px; --tw-text-opacity: 1; color: rgb(49 49 49 / var(--tw-text-opacity)); } .catalog-product_compare-index .compare-top .price-wrapper { position: relative; display: flex; height: 3rem; flex-wrap: wrap; align-items: flex-end; } .catalog-product_compare-index .compare-top .price-wrapper .special-price, .catalog-product_compare-index .compare-top .price-wrapper .original-price { display: flex; font-size: 16px; font-weight: 700; line-height: 1.25rem; } .catalog-product_compare-index .compare-top .price-wrapper .special-price .cents-font, .catalog-product_compare-index .compare-top .price-wrapper .special-price .cents, .catalog-product_compare-index .compare-top .price-wrapper .original-price .cents-font, .catalog-product_compare-index .compare-top .price-wrapper .original-price .cents { position: relative; top: 2px; font-size: 12px; } .catalog-product_compare-index .compare-top .price-wrapper .special-price { --tw-text-opacity: 1; color: rgb(157 32 23 / var(--tw-text-opacity)); } .catalog-product_compare-index .compare-top .price-wrapper .original-price { --tw-text-opacity: 1; color: rgb(49 49 49 / var(--tw-text-opacity)); } .catalog-product_compare-index .compare-top .price-wrapper .special-price + .original-price { padding-left: 0.25rem; font-size: 14px; font-weight: 400; line-height: 18px; --tw-text-opacity: 1; color: rgb(147 147 147 / var(--tw-text-opacity)); text-decoration-line: line-through; } .catalog-product_compare-index .compare-top .price-wrapper .special-price + .original-price .cents-font, .catalog-product_compare-index .compare-top .price-wrapper .special-price + .original-price .cents { font-size: 10px; } .catalog-product_compare-index .compare-top .price-wrapper .saving-price { height: 1.25rem; width: 100%; } @media (min-width: 1024px) { .catalog-product_compare-index .compare-top .price-wrapper .saving-price { order: 3; } } .catalog-product_compare-index .compare-top .price-wrapper .saving-price span { display: inline-block; height: 1.25rem; border-radius: 0.25rem; --tw-bg-opacity: 1; background-color: rgb(157 32 23 / var(--tw-bg-opacity)); padding-top: 2px; padding-bottom: 2px; padding-left: 0.5rem; padding-right: 0.5rem; font-size: 0.75rem; line-height: 1rem; --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .catalog-product_compare-index .compare-top .banners-group { position: absolute; top: 0.75rem; left: 0.75rem; display: flex; flex-direction: column-reverse; gap: 0.5rem; } @media (min-width: 1024px) { .catalog-product_compare-index .compare-top .banners-group { flex-direction: row; } } .catalog-product_compare-index .compare-top .banners-group .banner { height: 1.25rem; border-radius: 4px; padding-left: 6px; padding-right: 6px; padding-top: 0.25rem; font-size: 10px; font-weight: 600; line-height: 12px; } .catalog-product_compare-index .compare-top .banners-group .banner.promotion { --tw-bg-opacity: 1; background-color: rgb(157 32 23 / var(--tw-bg-opacity)); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .catalog-product_compare-index .compare-top .banners-group .round-banner { display: flex; height: 39px; width: 39px; align-items: center; justify-content: center; border-radius: 9999px; text-align: center; font-size: 10px; font-weight: 600; line-height: 10px; } .catalog-product_compare-index .compare-top .banners-group .round-banner.first-price { --tw-bg-opacity: 1; background-color: rgb(255 163 0 / var(--tw-bg-opacity)); padding-left: 0.25rem; padding-right: 0.25rem; --tw-text-opacity: 1; color: rgb(0 0 0 / var(--tw-text-opacity)); } .catalog-product_compare-index .compare-top .banners-group .round-banner.price-drop { --tw-bg-opacity: 1; background-color: rgb(218 41 28 / var(--tw-bg-opacity)); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .catalog-product_compare-index .compare-top .banners-group .round-banner.price-drop:after { position: absolute; left: 28px; bottom: 7px; height: 0px; width: 0px; --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)); border-left-width: 3px; border-right-width: 3px; border-top-width: 3px; border-left-color: transparent; border-right-color: transparent; --tw-border-opacity: 1; border-top-color: rgb(255 255 255 / var(--tw-border-opacity)); --tw-content: ''; content: var(--tw-content); } .catalog-product_compare-index .wishlist-compare { position: absolute; top: 1rem; right: 1rem; display: flex; flex-direction: column; gap: 2rem; font-size: 16px; --tw-text-opacity: 1; color: rgb(60 135 0 / var(--tw-text-opacity)); } .catalog-product_compare-index .wishlist-compare .icons-2023-heart:before { display: flex; height: 30px; width: 30px; align-items: center; justify-content: center; border-radius: 9999px; --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); } .catalog-product_compare-index .wishlist-compare .wishlist { position: relative; cursor: pointer; } .catalog-product_compare-index .wishlist-compare .wishlist .popup { position: absolute; right: 2.5rem; bottom: -2px; display: none; width: 102px; border-radius: 0.375rem; border-style: none; --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); padding-left: 0.5rem; padding-right: 0.5rem; padding-top: 6px; padding-bottom: 6px; font-size: 12px; --tw-text-opacity: 1; color: rgb(96 96 96 / var(--tw-text-opacity)); --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); } .catalog-product_compare-index .wishlist-compare .wishlist .popup::before { position: absolute; top: 10px; right: -5px; display: block; height: 10px; width: 10px; --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)); --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); } [data-content-type$='block'] .catalog-product_compare-index .wishlist-compare .wishlist .popup::before p:last-child { margin-bottom: 1rem; margin-top: 0px; } .category-view .sidebar .catalog-product_compare-index .wishlist-compare .wishlist .popup.filter::before { } .catalog-product_compare-index .wishlist-compare .wishlist .popup::before { content: ""; box-shadow: 4px -3px 7px rgba(0,0,0,.1); } .catalog-product_compare-index .wishlist-compare .wishlist:hover .popup { display: block; } [data-content-type$='block'] .catalog-product_compare-index .wishlist-compare .wishlist:hover .popup p:last-child { margin-bottom: 1rem; margin-top: 0px; } .category-view .sidebar .catalog-product_compare-index .wishlist-compare .wishlist:hover .popup.filter { } .catalog-product_compare-index .img-container img { max-height: 156px; width: auto; } .catalog-product_compare-index .compare-list td { border-right-width: 1px; --tw-border-opacity: 1; border-color: rgb(255 255 255 / var(--tw-border-opacity)); padding-left: 1.5rem; padding-right: 1.5rem; font-size: 16px; line-height: 1.5rem; --tw-text-opacity: 1; color: rgb(49 49 49 / var(--tw-text-opacity)); } .catalog-product_compare-index .compare-list td span, .catalog-product_compare-index .compare-list td ul, .catalog-product_compare-index .compare-list td li, .catalog-product_compare-index .compare-list td h5 { font-size: 16px; line-height: 1.5rem; --tw-text-opacity: 1; color: rgb(49 49 49 / var(--tw-text-opacity)); } .catalog-product_compare-index .compare-list td li { list-style-type: disc; } .catalog-product_compare-index .compare-list td ul { padding-left: 1.5rem; } .catalog-product_compare-index .compare-list td:first-child { padding-left: 0px; } .catalog-product_compare-index .compare-list td:last-child { border-style: none; padding-right: 0px; } .catalog-product_compare-index .compare-bottom .info-title:first-of-type { margin-top: 0px; } .compare-widget { left: calc((100vw - 311px)); top: 130px; padding-right: 40px; } @media (min-width: 1240px) { .compare-widget { left: calc((100vw - 50% + 291px)); padding-right: 0px; } } .compare-widget:hover .close-button { display: block; } [data-content-type$='block'] .compare-widget:hover .close-button p:last-child { margin-bottom: 1rem; margin-top: 0px; } .category-view .sidebar .compare-widget:hover .close-button.filter { } .compare-widget.scrolled { top: 16px; } .compare-widget .placeholder .icons-2023-plus::before { width: 100%; text-align: center; --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .compare-widget .icons-2023-compare::before { padding-right: 0.5rem; } .compare-widget .compare-card:hover { opacity: 0.6; } .compare-widget .compare-card:hover button { top: calc(50% - 11px); left: calc(50% - 11px); display: block; cursor: pointer; } [data-content-type$='block'] .compare-widget .compare-card:hover button p:last-child { margin-bottom: 1rem; margin-top: 0px; } .category-view .sidebar .compare-widget .compare-card:hover button.filter { } .compare-widget .compare-card:hover button .icons-2023-trash::before { width: 100%; text-align: center; --tw-text-opacity: 1; color: rgb(49 49 49 / var(--tw-text-opacity)); } .compare-widget .compare-popup { position: absolute; top: 25vh; right: calc(50% - 240px); } @media (min-width: 1240px) { .compare-widget .compare-popup { right: 140px; } } .compare-widget .close-button { display: none; } .kuQuickSearchResultsContainer::before { content: ""; pointer-events: none; position: fixed; top: 116px; left: 0px; z-index: 10; height: 100vh; width: 100%; background-color: rgb(173 173 173 / var(--tw-bg-opacity)); --tw-bg-opacity: 0.4; } .quick-search-close-button { display: flex; height: 32px; width: 32px; align-items: center; justify-content: center; --tw-bg-opacity: 1; background-color: rgb(252 252 252 / var(--tw-bg-opacity)); } .quick-search-close-button:before { display: none; font-size: 16px; } .quicksearch-input:focus ~ .search-close-button .quick-search-close-button::before { --tw-text-opacity: 1; color: rgb(96 96 96 / var(--tw-text-opacity)); } html.no-scrolling, body.no-scrolling { overflow: hidden !important; height: 100% !important; position: fixed !important; width: 100% !important; } html.no-scrolling .klevuQuickSearchingArea, body.no-scrolling .klevuQuickSearchingArea { overflow-y: auto !important; -webkit-overflow-scrolling: touch !important; } .quick-search-close-button:before { display: block; color: black; } .klevu-fluid { --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); } .klevuSearchResults_wrapper { position: absolute; top: 112px; left: 0px; right: 0px; z-index: 50; width: 100%; max-width: 100%; --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); } @media (min-width: 1024px) { .klevuSearchResults_wrapper { top: 64px; } } .klevuSearchResults_wrapper .btn-outline:hover { --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); --tw-text-opacity: 1; color: rgb(49 49 49 / var(--tw-text-opacity)); } .klevuSearchResults_wrapper .kuResultsHeadingTitleContainer-found { font-weight: 400; --tw-text-opacity: 1; color: rgb(0 0 0 / var(--tw-text-opacity)); } .klevuSearchResults_wrapper .kuResultsHeadingTitleContainer-found span { font-weight: 400; --tw-text-opacity: 1; color: rgb(0 0 0 / var(--tw-text-opacity)); } .klevuSearchResults_wrapper .nothing-found-message { position: relative; margin-bottom: 0.75rem; display: flex; width: 100%; align-items: center; justify-content: space-between; border-radius: 4px; border-width: 1px; --tw-border-opacity: 1; border-color: rgb(157 32 23 / var(--tw-border-opacity)); --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); padding-top: 0.5rem; padding-bottom: 0.5rem; padding-right: 0.5rem; padding-left: 46px; font-size: 12px; line-height: 1.25rem; --tw-text-opacity: 1; color: rgb(157 32 23 / var(--tw-text-opacity)); } @media (min-width: 1024px) { .klevuSearchResults_wrapper .nothing-found-message { margin-bottom: 1rem; } } .klevuSearchResults_wrapper .nothing-found-message span::before { position: absolute; left: 1rem; top: 50%; margin-right: 1rem; --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)); font-family: leroy-icons; font-size: 12px; content: '\f169'; } .klevuSearchResults_wrapper .quick-carousel-container:before { position: absolute; top: 0px; left: 50%; z-index: 0; height: 100%; width: 100vw; --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)); --tw-bg-opacity: 1; background-color: rgb(247 247 247 / var(--tw-bg-opacity)); } @media (min-width: 1024px) { .klevuSearchResults_wrapper .quick-carousel-container:before { display: none; } } .klevuSearchResults_wrapper .quick-carousel-container:before { content: ""; } /*CAROUSEL!!!*/ .klevuSearchResults_wrapper .splide .splide__list { margin: 1px!important; padding: 1px!important; } .klevuSearchResults_wrapper .splide .splide__arrows { position: absolute; bottom: 128px; width: 100%; } .klevuSearchResults_wrapper .splide .splide__arrows .splide__arrow { height: 2rem; width: 2rem; --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); --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) { .klevuSearchResults_wrapper .splide .splide__arrows .splide__arrow { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .klevuSearchResults_wrapper .splide .splide__arrows .splide__arrow:hover { --tw-text-opacity: 1; color: rgb(60 135 0 / var(--tw-text-opacity)); } } .klevuSearchResults_wrapper .splide .splide__arrows .splide__arrow::before { position: absolute; bottom: 150px; left: 50%; --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)); } .klevuSearchResults_wrapper .splide .splide__arrows .splide__arrow--next { right: 2px; } .klevuSearchResults_wrapper .splide .splide__arrows .splide__arrow--prev { left: 2px; } .klevuSearchResults_wrapper .klevuWrap { position: absolute; z-index: 125; --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); left: 0 !important; right: 0 !important; top: 4px !important; max-width: 100vw !important; height: 64px !important; } .klevuSearchResults_wrapper .klevuWrap .kuTabs .tabs-number { display: flex; flex-direction: row-reverse; justify-content: center; gap: 2px; } .klevuSearchResults_wrapper .klevuWrap .kuTabs .tabs-number b:before { content: '('; } .klevuSearchResults_wrapper .klevuWrap .kuTabs .tabs-number b:after { content: ')'; } .klevuSearchResults_wrapper .klevuWrap.productListActive .kuTabs [data-section="productList"] { border-bottom-width: 2px; --tw-border-opacity: 1; border-color: rgb(120 190 32 / var(--tw-border-opacity)); padding-bottom: 5px; --tw-text-opacity: 1; color: rgb(49 49 49 / var(--tw-text-opacity)); } .klevuSearchResults_wrapper .klevuWrap.productListActive [data-container-position="left"] { display: none; } @media (min-width: 1024px) { .klevuSearchResults_wrapper .klevuWrap.productListActive [data-container-position="left"] { display: block; } } .klevuSearchResults_wrapper .klevuWrap.productListActive [data-content="cmsCompressed"] { display: none; } .klevuSearchResults_wrapper .klevuWrap.productListActive [data-content="productList"] { display: flex; } .klevuSearchResults_wrapper .klevuWrap.cmsCompressedActive .kuTabs [data-section="cmsCompressed"] { border-bottom-width: 2px; --tw-border-opacity: 1; border-color: rgb(120 190 32 / var(--tw-border-opacity)); padding-bottom: 5px; --tw-text-opacity: 1; color: rgb(49 49 49 / var(--tw-text-opacity)); } .klevuSearchResults_wrapper .klevuWrap.cmsCompressedActive [data-container-position="left"] { display: none; } @media (min-width: 1024px) { .klevuSearchResults_wrapper .klevuWrap.cmsCompressedActive [data-container-position="left"] { display: block; } } .klevuSearchResults_wrapper .klevuWrap.cmsCompressedActive [data-content="cmsCompressed"] { display: flex; } .klevuSearchResults_wrapper .klevuWrap.cmsCompressedActive [data-content="productList"] { display: none; } .klevuSearchResults_wrapper .desktop-only { display: none; } @media (min-width: 1024px) { .klevuSearchResults_wrapper .desktop-only { display: flex; } } .klevuSearchResults_wrapper .klevuSearchResults { position: relative; display: none; height: auto; } .ku_quick_left_banner [data-content-type="row"] div { margin: 0px; margin-top: 0.5rem; padding: 0px; } [data-container-id="ku_quick_main_content_container"] { display: flex; flex-direction: column; } @media (min-width: 1024px) { [data-container-id="ku_quick_main_content_container"] { flex-direction: row; } } [data-container-id="ku_quick_main_content_container"].results-found-section { flex-direction: column-reverse; } @media (min-width: 1024px) { [data-container-id="ku_quick_main_content_container"].results-found-section { flex-direction: row; } } [data-container-id="ku_quick_main_content_container"] [data-container-id="ku_quick_main_content_left"] { margin-bottom: 1rem; width: 100%; overflow: hidden; } @media (min-width: 1024px) { [data-container-id="ku_quick_main_content_container"] [data-container-id="ku_quick_main_content_left"] { margin-bottom: 0px; margin-right: 1rem; max-height: 563px; width: 240px; } } [data-container-id="ku_quick_main_content_container"] [data-container-id="ku_quick_main_content_center"] { width: 100%; --tw-border-opacity: 1; border-color: rgb(201 201 201 / var(--tw-border-opacity)); } @media (min-width: 1024px) { [data-container-id="ku_quick_main_content_container"] [data-container-id="ku_quick_main_content_center"] { max-height: 563px; width: calc(100% - 240px); border-left-width: 1px; padding-left: 1rem; padding-bottom: 1rem; } } .kuFilters { display: flex; max-height: 471px; flex-direction: column; gap: 0.5rem; overflow-y: auto; overflow-x: hidden; } .kuFilters .kuFilterBox[data-filter="stock_flag"] .icons-2023-forward, .kuFilters .kuFilterBox[data-filter="store_flag"] .icons-2023-forward, .kuFilters .kuFilterBox[data-filter="delivery_flag"] .icons-2023-forward { display: none; } .kuFilters .kuFilterBox[data-filter="stock_flag"] .kuFilterNames ul li a, .kuFilters .kuFilterBox[data-filter="store_flag"] .kuFilterNames ul li a, .kuFilters .kuFilterBox[data-filter="delivery_flag"] .kuFilterNames ul li a { position: absolute; right: 0px; bottom: 0px; z-index: 10; } .kuFilters .kuFilterBox[data-filter="stock_flag"] .kuFilterNames ul li a .kuFilterTotal, .kuFilters .kuFilterBox[data-filter="stock_flag"] .kuFilterNames ul li a .kufacet-text, .kuFilters .kuFilterBox[data-filter="store_flag"] .kuFilterNames ul li a .kuFilterTotal, .kuFilters .kuFilterBox[data-filter="store_flag"] .kuFilterNames ul li a .kufacet-text, .kuFilters .kuFilterBox[data-filter="delivery_flag"] .kuFilterNames ul li a .kuFilterTotal, .kuFilters .kuFilterBox[data-filter="delivery_flag"] .kuFilterNames ul li a .kufacet-text { display: none; } .kuFilters .kuFilterBox[data-filter="stock_flag"] .kuFilterNames ul li a .kuFilterIcon, .kuFilters .kuFilterBox[data-filter="store_flag"] .kuFilterNames ul li a .kuFilterIcon, .kuFilters .kuFilterBox[data-filter="delivery_flag"] .kuFilterNames ul li a .kuFilterIcon { position: relative; height: 1.25rem; width: 2.5rem; border-radius: 48px; --tw-bg-opacity: 1; background-color: rgb(201 201 201 / var(--tw-bg-opacity)); } .kuFilters .kuFilterBox[data-filter="stock_flag"] .kuFilterNames ul li a .kuFilterIcon::before, .kuFilters .kuFilterBox[data-filter="store_flag"] .kuFilterNames ul li a .kuFilterIcon::before, .kuFilters .kuFilterBox[data-filter="delivery_flag"] .kuFilterNames ul li a .kuFilterIcon::before { display: none; } .kuFilters .kuFilterBox[data-filter="stock_flag"] .kuFilterNames ul li a .kuFilterIcon::after, .kuFilters .kuFilterBox[data-filter="store_flag"] .kuFilterNames ul li a .kuFilterIcon::after, .kuFilters .kuFilterBox[data-filter="delivery_flag"] .kuFilterNames ul li a .kuFilterIcon::after { position: absolute; left: 0.25rem; bottom: 3px; height: 14px; width: 14px; border-radius: 9999px; border-width: 1px; --tw-border-opacity: 1; border-color: rgb(194 194 194 / var(--tw-border-opacity)); --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); content: ''; } .kuFilters .kuFilterBox[data-filter="stock_flag"] .kuFilterNames ul li a .kuFilterIcon.kuFilterCancel, .kuFilters .kuFilterBox[data-filter="store_flag"] .kuFilterNames ul li a .kuFilterIcon.kuFilterCancel, .kuFilters .kuFilterBox[data-filter="delivery_flag"] .kuFilterNames ul li a .kuFilterIcon.kuFilterCancel { --tw-bg-opacity: 1; background-color: rgb(120 190 32 / var(--tw-bg-opacity)); } .kuFilters .kuFilterBox[data-filter="stock_flag"] .kuFilterNames ul li a .kuFilterIcon.kuFilterCancel::after, .kuFilters .kuFilterBox[data-filter="store_flag"] .kuFilterNames ul li a .kuFilterIcon.kuFilterCancel::after, .kuFilters .kuFilterBox[data-filter="delivery_flag"] .kuFilterNames ul li a .kuFilterIcon.kuFilterCancel::after { left: auto; right: 0.25rem; } .kuFilters .kuFilterBox:last-of-type .kuFilterHead { border-bottom-width: 0px; } .kuFilters .kuFilterBox .kuFilterHead { display: flex; height: auto; align-items: center; border-bottom-width: 1px; --tw-border-opacity: 1; border-color: rgb(201 201 201 / var(--tw-border-opacity)); padding-left: 0.5rem; padding-top: 6px; padding-bottom: 6px; padding-right: 1rem; font-size: 0.75rem; font-weight: 700; text-transform: capitalize; line-height: 1.25rem; --tw-text-opacity: 1; color: rgb(0 0 0 / var(--tw-text-opacity)); } @media (min-width: 1024px) { .kuFilters .kuFilterBox .kuFilterHead { cursor: pointer; } } .kuFilters .kuFilterBox .kuFilterHead .icons-2023-forward { position: absolute; right: 0.5rem; --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)); font-size: 0.75rem; line-height: 1rem; --tw-text-opacity: 1; color: rgb(0 0 0 / var(--tw-text-opacity)); transition-property: transform; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .kuFilters .kuFilterBox .kuFilterHead.kuExpand .icons-2023-forward { --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)); } .kuFilters .kuFilterBox[data-filter="klevu_price"] .kuFilterHead { margin-bottom: 0.5rem; } .kuFilters .kuFilterBox[data-filter="klevu_price"] .kuFilterHead.kuExpand { margin-bottom: 0px; } .kuFilters .kuFilterBox[data-filter="klevu_price"] .icons-2023-forward { right: 0.75rem; --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)); } .kuFilters .kuFilterBox[data-filter="klevu_price"] .kuFilterHead.kuExpand .icons-2023-forward { --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)); } .kuFilters .kuFilterBox .kuFilterNames.kuFilterCollapse { height: 0px; overflow: hidden; } .kuFilters .kuFilterBox .kuFilterNames.with-more-buttom ul { height: 168px; overflow: hidden; } .kuFilters .kuFilterBox .kuFilterNames.kuFilterShowAll ul { height: 100%; } .kuFilters .kuFilterBox .kuFilterNames.kuFilterShowAll .kuShowOpt span { position: relative; color: transparent; } .kuFilters .kuFilterBox .kuFilterNames.kuFilterShowAll .kuShowOpt span::before { position: absolute; margin-right: 1rem; --tw-text-opacity: 1; color: rgb(0 0 0 / var(--tw-text-opacity)); content: 'View Less'; } .kuFilters .kuFilterBox .kuFilterNames.kuFilterShowAll .kuShowOpt .more-btn-icon { --tw-text-opacity: 1; color: rgb(49 49 49 / var(--tw-text-opacity)); } .kuFilters .kuFilterBox .kuFilterNames.kuFilterShowAll .kuShowOpt .more-btn-icon:before { display: inline-block; font-family: "leroy-icons"; font-style: normal; font-weight: normal; font-variant: normal; line-height: 1; text-decoration: inherit; text-rendering: optimizeLegibility; text-transform: none; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; content: "\f17c"; } .kuFilters .kuFilterBox .kuFilterNames ul { display: flex; flex-direction: column; padding-top: 0.5rem; } .kuFilters .kuFilterBox .kuFilterNames ul li a { position: relative; display: flex; min-height: 32px; align-items: center; gap: 1rem; padding-left: 0.5rem; padding-right: 0.5rem; font-size: 0.75rem; text-transform: capitalize; line-height: 1rem; --tw-text-opacity: 1; color: rgb(49 49 49 / var(--tw-text-opacity)); } @media (min-width: 1024px) { .kuFilters .kuFilterBox .kuFilterNames ul li a:hover { --tw-text-opacity: 1; color: rgb(60 135 0 / var(--tw-text-opacity)); } } .kuFilters .kuFilterBox .kuFilterNames ul li a .kufacet-text { order: 2; width: 100%; line-height: 1rem; } .kuFilters .kuFilterBox .kuFilterNames ul li a .kuFilterTotal { order: 3; flex-shrink: 0; justify-self: end; } .kuFilters .kuFilterBox .kuFilterNames ul li a .kuFilterIcon { order: 1; flex-shrink: 0; font-size: 14px; } .kuFilters .kuFilterBox .kuFilterNames ul li a .kuFilterIcon .icons-2023-checked-checkbox { font-size: 14px; } .kuFilters .kuFilterBox .kuFilterNames ul li a.klevuFilterOptionActive { --tw-text-opacity: 1; color: rgb(60 135 0 / var(--tw-text-opacity)); } .kuFilters .kuFilterBox .kuFilterNames .kuShowOpt { padding-top: 0.5rem; } .kuFilters .kuFilterBox .kuFilterNames .kuShowOpt .more-btn-icon { --tw-text-opacity: 1; color: rgb(49 49 49 / var(--tw-text-opacity)); } .kuFilters .kuFilterBox .kuFilterNames .kuShowOpt .more-btn-icon:before { display: inline-block; font-family: "leroy-icons"; font-style: normal; font-weight: normal; font-variant: normal; line-height: 1; text-decoration: inherit; text-rendering: optimizeLegibility; text-transform: none; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; content: "\f184"; } .compare-widget .placeholder .kuFilters .kuFilterBox .kuFilterNames .kuShowOpt .more-btn-icon::before { width: 100%; text-align: center; --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .kuPagination .pagination-link.pagination-link-forward, .kuPagination .pagination-link.pagination-link-back { --tw-bg-opacity: 1; background-color: rgb(120 190 32 / var(--tw-bg-opacity)); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); --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); background: linear-gradient(to bottom left, #89C201 6.37%, #89C201 49.61%, #62B51C 49.62%, #62B51C 92.75%); } .kuPagination .pagination-link.pagination-link-forward:hover, .kuPagination .pagination-link.pagination-link-back:hover { --tw-bg-opacity: 1; background-color: rgb(120 190 32 / var(--tw-bg-opacity)); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .checkout-cart-index .table-wrapper .update.kuPagination .pagination-link.pagination-link-forward,.checkout-cart-index .table-wrapper .update .kuPagination .pagination-link.pagination-link-back { right: 0px; width: 100%; } .kuPagination .pagination-link.pagination-link-forward ::before, .kuPagination .pagination-link.pagination-link-back ::before { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .kuPagination .pagination-link ::before { position: absolute; top: 50%; width: 100%; --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)); text-align: center; font-size: 16px; } /* .klevu-search-result-page, .klevu-catalog-page { .plp-srp-filters, .mobile-filters-block { .noUi-target .noUi-base { @apply w-[calc(100%-5px)]; } } } */ .noUi-target { height: 50px; width: calc(100% - 9px); overflow: hidden; padding-left: 0.5rem; padding-right: 13px; } .noUi-target .noUi-base { position: relative; margin-top: 6px; height: 6px; width: 100%; --tw-translate-x: -7px; 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)); --tw-bg-opacity: 1; background-color: rgb(240 240 240 / var(--tw-bg-opacity)); } .noUi-target .noUi-handle { position: absolute; top: -6px; height: 20px; width: 20px; cursor: pointer; border-radius: 9999px; border-width: 1px; --tw-border-opacity: 1; border-color: rgb(201 201 201 / var(--tw-border-opacity)); --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); } .noUi-target .noUi-handle-lower { z-index: 2; --tw-translate-x: -1px; 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)); } .noUi-target .noUi-handle-upper { z-index: 1; } .noUi-target .noUi-tooltip { pointer-events: none; position: absolute; top: 25px; height: 1.5rem; width: max-content; border-radius: 4px; border-width: 1px; --tw-border-opacity: 1; border-color: rgb(201 201 201 / var(--tw-border-opacity)); padding-left: 0.5rem; padding-right: 0.5rem; padding-top: 0.25rem; padding-bottom: 0.25rem; font-size: 0.75rem; line-height: 1rem; font-weight: 600; --tw-text-opacity: 1; color: rgb(51 51 51 / var(--tw-text-opacity)); } .noUi-target .noUi-origin { position: absolute; top: -6px; left: 0px; margin-top: 6px; margin-bottom: 6px; height: 100%; width: 100%; } .noUi-target .noUi-origin.noUi-background { --tw-bg-opacity: 1; background-color: rgb(240 240 240 / var(--tw-bg-opacity)); } .noUi-target .noUi-origin.noUi-background .noUi-tooltip { right: 0px; } .noUi-target .noUi-origin.noUi-connect { position: absolute; height: 100%; --tw-translate-x: 1px; 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)); --tw-bg-opacity: 1; background-color: rgb(194 194 194 / var(--tw-bg-opacity)); } .kuLandingNoResultsMessage { display: none; } [class="klevuLanding"] { position: relative; margin-left: auto; margin-right: auto; box-sizing: content-box; min-height: 48px; width: 100%; border-radius: 4px; background-image: url('../img/leroy-loader.gif'); background-position: center; background-repeat: no-repeat; padding-top: 2rem; padding-bottom: 2rem; } [class="klevuLanding"]::before { position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; z-index: -1; display: block; height: 100%; width: 100%; } @keyframes pulse { 50% { opacity: .5; } } [class="klevuLanding"]::before { animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite; border-radius: 4px; --tw-bg-opacity: 1; background-color: rgb(235 235 235 / var(--tw-bg-opacity)); } [data-content-type$='block'] [class="klevuLanding"]::before p:last-child { margin-bottom: 1rem; margin-top: 0px; } .category-view .sidebar [class="klevuLanding"].filter::before { } [class="klevuLanding"]::before { content: ''; } .klevu-search-result-page, .klevu-catalog-page { /*TOOLBAR END*/ } .klevu-search-result-page .columns, .klevu-catalog-page .columns { display: flex; width: 100%; gap: 0px; } .klevu-search-result-page .columns .sidebar-additional, .klevu-catalog-page .columns .sidebar-additional { display: none; } .klevu-search-result-page .columns .main, .klevu-catalog-page .columns .main { grid-column-start: none !important; display: flex; width: 100%; flex-direction: column; gap: 0px; } .klevu-search-result-page .columns .main .kuSearchResultsSearchBarContainer, .klevu-search-result-page .columns .main .kuTabs, .klevu-catalog-page .columns .main .kuSearchResultsSearchBarContainer, .klevu-catalog-page .columns .main .kuTabs { display: none !important; } .klevu-search-result-page .columns .main .kuSearchResultsPageContainer, .klevu-catalog-page .columns .main .kuSearchResultsPageContainer { margin-left: 1rem; margin-right: 1rem; width: calc(100% - 32px); } @media (min-width: 1240px) { .klevu-search-result-page .columns .main .kuSearchResultsPageContainer, .klevu-catalog-page .columns .main .kuSearchResultsPageContainer { margin-left: 0px; margin-right: 0px; width: 100%; } } .klevu-search-result-page .columns .main .kuSearchResultsPageContainer .mobile-filters-block, .klevu-catalog-page .columns .main .kuSearchResultsPageContainer .mobile-filters-block { margin-bottom: 1.5rem; display: flex; align-items: center; justify-content: space-between; } @media (min-width: 1024px) { .klevu-search-result-page .columns .main .kuSearchResultsPageContainer .mobile-filters-block, .klevu-catalog-page .columns .main .kuSearchResultsPageContainer .mobile-filters-block { margin-bottom: 0px; display: none; } } .klevu-search-result-page .columns .main .kuSearchResultsPageContainer .mobile-filters-block .filter-button, .klevu-catalog-page .columns .main .kuSearchResultsPageContainer .mobile-filters-block .filter-button { display: flex; height: 48px; width: 138px; align-items: center; justify-content: center; border-radius: 4px; border-width: 1px; --tw-border-opacity: 1; border-color: rgb(49 49 49 / var(--tw-border-opacity)); --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); font-size: 16px; font-weight: 600; line-height: 1.5rem; --tw-text-opacity: 1; color: rgb(49 49 49 / var(--tw-text-opacity)); } @media (min-width: 1024px) { .klevu-search-result-page .columns .main .kuSearchResultsPageContainer .mobile-filters-block .filter-button, .klevu-catalog-page .columns .main .kuSearchResultsPageContainer .mobile-filters-block .filter-button { display: none; } } .klevu-search-result-page .columns .main .kuSearchResultsPageContainer .kuFilters, .klevu-catalog-page .columns .main .kuSearchResultsPageContainer .kuFilters { max-height: 100vh; } @media (min-width: 1024px) { .klevu-search-result-page .columns .main .kuSearchResultsPageContainer .kuFilters, .klevu-catalog-page .columns .main .kuSearchResultsPageContainer .kuFilters { max-height: none; } .klevu-search-result-page .columns .main .kuSearchResultsPageContainer .selectedTags, .klevu-catalog-page .columns .main .kuSearchResultsPageContainer .selectedTags { margin-bottom: 0.5rem; } } .klevu-search-result-page .columns .main .kuSearchResultsPageContainer .selectedTags .tagsHead, .klevu-catalog-page .columns .main .kuSearchResultsPageContainer .selectedTags .tagsHead { display: flex; height: 32px; width: 100%; align-items: center; justify-content: space-between; border-bottom-width: 1px; --tw-border-opacity: 1; border-color: rgb(201 201 201 / var(--tw-border-opacity)); padding-left: 0.5rem; padding-right: 0.5rem; } .klevu-search-result-page .columns .main .kuSearchResultsPageContainer .selectedTags .tagsHead .icons-2023-forward, .klevu-catalog-page .columns .main .kuSearchResultsPageContainer .selectedTags .tagsHead .icons-2023-forward { --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)); transition-property: transform; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .klevu-search-result-page .columns .main .kuSearchResultsPageContainer .selectedTags .tagsHead.open .icons-2023-forward, .klevu-catalog-page .columns .main .kuSearchResultsPageContainer .selectedTags .tagsHead.open .icons-2023-forward { --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)); } .klevu-search-result-page .columns .main .kuSearchResultsPageContainer .selectedTags .kuFilterTagsContainer, .klevu-catalog-page .columns .main .kuSearchResultsPageContainer .selectedTags .kuFilterTagsContainer { display: flex; flex-direction: column; padding-left: 0.5rem; padding-right: 0.5rem; } .klevu-search-result-page .columns .main .kuSearchResultsPageContainer .selectedTags .kuFilterTagsContainer .kuFilterTag, .klevu-catalog-page .columns .main .kuSearchResultsPageContainer .selectedTags .kuFilterTagsContainer .kuFilterTag { display: flex; flex-direction: column; } .klevu-search-result-page .mobile-filters-block .kuFilters, .klevu-catalog-page .mobile-filters-block .kuFilters { height: 100vh; padding-bottom: 78px; } /*FILTERS END*/ /*TOOLBAR START*/ .klevu-search-result-page .kuDropSortBy .kuDropdownOptions, .klevu-search-result-page .kuDropItemsPerpage .kuDropdownOptions, .klevu-catalog-page .kuDropSortBy .kuDropdownOptions, .klevu-catalog-page .kuDropItemsPerpage .kuDropdownOptions { display: none; } .klevu-search-result-page .kuDropSortBy:hover .kuDropdownOptions, .klevu-search-result-page .kuDropItemsPerpage:hover .kuDropdownOptions, .klevu-catalog-page .kuDropSortBy:hover .kuDropdownOptions, .klevu-catalog-page .kuDropItemsPerpage:hover .kuDropdownOptions { display: block; } [data-content-type$='block'] .klevu-search-result-page .kuDropSortBy:hover .kuDropdownOptions p:last-child,[data-content-type$='block'] .klevu-search-result-page .kuDropItemsPerpage:hover .kuDropdownOptions p:last-child,[data-content-type$='block'] .klevu-catalog-page .kuDropSortBy:hover .kuDropdownOptions p:last-child,[data-content-type$='block'] .klevu-catalog-page .kuDropItemsPerpage:hover .kuDropdownOptions p:last-child { margin-bottom: 1rem; margin-top: 0px; } .category-view .sidebar .klevu-search-result-page .kuDropSortBy:hover .kuDropdownOptions.filter,.category-view .sidebar .klevu-search-result-page .kuDropItemsPerpage:hover .kuDropdownOptions.filter,.category-view .sidebar .klevu-catalog-page .kuDropSortBy:hover .kuDropdownOptions.filter,.category-view .sidebar .klevu-catalog-page .kuDropItemsPerpage:hover .kuDropdownOptions.filter { } .klevu-search-result-page .kuDropSortBy:hover .kuDropdownOptions:hover, .klevu-search-result-page .kuDropItemsPerpage:hover .kuDropdownOptions:hover, .klevu-catalog-page .kuDropSortBy:hover .kuDropdownOptions:hover, .klevu-catalog-page .kuDropItemsPerpage:hover .kuDropdownOptions:hover { display: block; } [data-content-type$='block'] .klevu-search-result-page .kuDropSortBy:hover .kuDropdownOptions:hover p:last-child,[data-content-type$='block'] .klevu-search-result-page .kuDropItemsPerpage:hover .kuDropdownOptions:hover p:last-child,[data-content-type$='block'] .klevu-catalog-page .kuDropSortBy:hover .kuDropdownOptions:hover p:last-child,[data-content-type$='block'] .klevu-catalog-page .kuDropItemsPerpage:hover .kuDropdownOptions:hover p:last-child { margin-bottom: 1rem; margin-top: 0px; } .category-view .sidebar .klevu-search-result-page .kuDropSortBy:hover .kuDropdownOptions:hover.filter,.category-view .sidebar .klevu-search-result-page .kuDropItemsPerpage:hover .kuDropdownOptions:hover.filter,.category-view .sidebar .klevu-catalog-page .kuDropSortBy:hover .kuDropdownOptions:hover.filter,.category-view .sidebar .klevu-catalog-page .kuDropItemsPerpage:hover .kuDropdownOptions:hover.filter { } .klevu-search-result-page .kuDropSortBy:focus-within .kuDropdownOptions, .klevu-search-result-page .kuDropItemsPerpage:focus-within .kuDropdownOptions, .klevu-catalog-page .kuDropSortBy:focus-within .kuDropdownOptions, .klevu-catalog-page .kuDropItemsPerpage:focus-within .kuDropdownOptions { display: block; } [data-content-type$='block'] .klevu-search-result-page .kuDropSortBy:focus-within .kuDropdownOptions p:last-child,[data-content-type$='block'] .klevu-search-result-page .kuDropItemsPerpage:focus-within .kuDropdownOptions p:last-child,[data-content-type$='block'] .klevu-catalog-page .kuDropSortBy:focus-within .kuDropdownOptions p:last-child,[data-content-type$='block'] .klevu-catalog-page .kuDropItemsPerpage:focus-within .kuDropdownOptions p:last-child { margin-bottom: 1rem; margin-top: 0px; } .category-view .sidebar .klevu-search-result-page .kuDropSortBy:focus-within .kuDropdownOptions.filter,.category-view .sidebar .klevu-search-result-page .kuDropItemsPerpage:focus-within .kuDropdownOptions.filter,.category-view .sidebar .klevu-catalog-page .kuDropSortBy:focus-within .kuDropdownOptions.filter,.category-view .sidebar .klevu-catalog-page .kuDropItemsPerpage:focus-within .kuDropdownOptions.filter { } .klevu-search-result-page .grid-list-switch .kuListViewBtn:after, .klevu-catalog-page .grid-list-switch .kuListViewBtn:after { position: absolute; top: 0.25rem; left: 2.5rem; z-index: 10; height: 2rem; width: 2rem; border-radius: 4px; --tw-bg-opacity: 1; background-color: rgb(49 49 49 / var(--tw-bg-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(0.4, 0, 0.2, 1); transition-duration: 300ms; transition-timing-function: linear; transition: transform 250ms ease, color 250ms ease; content: ''; } .klevu-search-result-page .grid-list-switch .kuListViewBtn.kuCurrent:after, .klevu-catalog-page .grid-list-switch .kuListViewBtn.kuCurrent:after { left: 0.25rem; } .klevu-search-result-page .grid-list-switch .kuViewSwitch span:before, .klevu-catalog-page .grid-list-switch .kuViewSwitch span:before { position: absolute; z-index: 20; font-size: 24px; --tw-text-opacity: 1; color: rgb(128 128 128 / var(--tw-text-opacity)); } .klevu-search-result-page .grid-list-switch .kuViewSwitch.kuListViewBtn span:before, .klevu-catalog-page .grid-list-switch .kuViewSwitch.kuListViewBtn span:before { left: 2px; top: 2px; font-size: 20px; } .klevu-search-result-page .grid-list-switch .kuViewSwitch.kuCurrent span:before,.klevu-catalog-page .grid-list-switch .kuViewSwitch.kuCurrent span:before { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .klevu-search-result-page .kuDropItemsPerpage .icons-2023-forward, .klevu-catalog-page .kuDropItemsPerpage .icons-2023-forward { position: absolute; right: 0.5rem; --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)); font-size: 14px; --tw-text-opacity: 1; color: rgb(0 0 0 / var(--tw-text-opacity)); transition-property: transform; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .klevu-search-result-page .kuDropItemsPerpage:hover .icons-2023-forward, .klevu-catalog-page .kuDropItemsPerpage:hover .icons-2023-forward { --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)); } .klevu-search-result-page .mobile-filters-block .filters, .klevu-catalog-page .mobile-filters-block .filters { display: none; } .klevu-search-result-page .mobile-filters-block.opened .filters, .klevu-catalog-page .mobile-filters-block.opened .filters { display: block; } [data-content-type$='block'] .klevu-search-result-page .mobile-filters-block.opened .filters p:last-child,[data-content-type$='block'] .klevu-catalog-page .mobile-filters-block.opened .filters p:last-child { margin-bottom: 1rem; margin-top: 0px; } .category-view .sidebar .klevu-search-result-page .mobile-filters-block.opened .filters.filter,.category-view .sidebar .klevu-catalog-page .mobile-filters-block.opened .filters.filter { } .customer-account-create .page-main { margin: 0px; padding-left: 1rem; padding-right: 1rem; padding-top: 1.5rem; padding-bottom: 0px; } @media (min-width: 1024px) { .customer-account-create .page-main { margin-top: 1.5rem; } } .customer-account-create .page-footer { margin-top: 0.75rem; } @media (min-width: 1024px) { .customer-account-create .page-footer { margin-top: 60px; } } .customer-account-create .tooltip-wrapper { text-align: left; } .customer-account-create .tooltip-wrapper li::marker { font-size: 11px; } .customer-account-create .title-wrapper { text-align: center; } .customer-account-create .title-wrapper h1 { margin-bottom: 0.5rem; font-size: 28px; font-weight: 700; } @media (min-width: 1024px) { .customer-account-create .title-wrapper h1 { font-weight: 600; line-height: 2.5rem; } .customer-account-create .container { padding-left: 0px; padding-right: 0px; padding-top: 0px; padding-bottom: 0px; } .customer-account-create .field-name-firstname, .customer-account-create .field-name-lastname, .customer-account-create .field.telephone { margin-right: 0px; width: 100%; } .customer-account-create .columns { max-width: 694px; } } .customer-account-create form .field.date { width: 100%; } .customer-account-create .customer-dob { width: 100%; } .customer-account-create .customer-dob div::before { position: absolute; right: 0.75rem; --tw-translate-y: 65%; 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)); } .customer-account-create [data-msg-field="password"] { display: none !important; } .estimated-delivery-date:has(.actual-delivery) .to-be-determined { display: none; } .checkout-cart-index .cart-product-info-badges-badge { width: 100%; border-style: none; } .checkout-cart-index .cart-product-info-badges-badge .tooltip-element.tooltip-top .tooltip-wrapper { left: -48px; } @media (min-width: 1024px) { .checkout-cart-index .cart-product-info-badges-badge .tooltip-element.tooltip-top .tooltip-wrapper { left: 50%; } } .checkout-cart-index .cart-product-info-badges-badge .tooltip-element.tooltip-top .tooltip-wrapper:after { left: 120px; } @media (min-width: 1024px) { .checkout-cart-index .cart-product-info-badges-badge .tooltip-element.tooltip-top .tooltip-wrapper:after { left: 50%; } } .checkout-cart-index .cart-product-info-badges-badge .tooltip-element.tooltip-top .tooltip-wrapper.refunds-in-store-tooltip { left: -73px; } @media (min-width: 1024px) { .checkout-cart-index .cart-product-info-badges-badge .tooltip-element.tooltip-top .tooltip-wrapper.refunds-in-store-tooltip { left: 50%; } } .checkout-cart-index .cart-product-info-badges-badge .tooltip-element.tooltip-top .tooltip-wrapper.refunds-in-store-tooltip:after { left: 185px; } @media (min-width: 1024px) { .checkout-cart-index .cart-product-info-badges-badge .tooltip-element.tooltip-top .tooltip-wrapper.refunds-in-store-tooltip:after { left: 50%; } } .checkout-cart-index .page-main { margin-top: 1.5rem; padding-left: 1rem; padding-right: 1rem; } .checkout-cart-index .to-checkout-button::before { margin-right: 0.75rem; } .checkout-cart-index .info-delivery::before { margin-top: -3px; display: block; } [data-content-type$='block'] .checkout-cart-index .info-delivery::before p:last-child { margin-bottom: 1rem; margin-top: 0px; } .category-view .sidebar .checkout-cart-index .info-delivery.filter::before { } .checkout-cart-index .table-wrapper .action-delete { display: none; } .checkout-cart-index .table-wrapper .update.btn-primary { right: 0px; width: 100%; } .checkout-cart-index .table-wrapper .cart.items > div:last-child { margin-bottom: 0px; } .checkout-cart-index .table-wrapper .cart.items .image a { height: 56px; } .checkout-cart-index .table-wrapper .cart.items .image a img { height: 56px; } @media (min-width: 1024px) { .checkout-cart-index .table-wrapper .decrease-button, .checkout-cart-index .table-wrapper .increase-button, .checkout-cart-index .table-wrapper .qty-rocker-input input, .checkout-cart-index .table-wrapper .qty-rocker-input { height: 32px; min-height: 32px; } } .checkout-cart-index .table-wrapper .message.error { margin-bottom: 0px; justify-content: flex-start; padding-top: 0.5rem; padding-bottom: 0.5rem; padding-left: 0.75rem; padding-right: 0.75rem; } @media (min-width: 1024px) { .checkout-cart-index .table-wrapper .message.error { margin-top: 0.75rem; } } .checkout-cart-index .table-wrapper .message.error div::before { font-size: 12px; } .checkout-cart-index .marketplace-icon::before { font-size: 32px; } .checkout-cart-index .additional-fee-message { margin-bottom: 0.75rem; } .checkout-cart-index .additional-fee-message span::before { left: 0.75rem; font-size: 12px; } .checkout-cart-index .print-button::before { margin-right: 0.5rem; } .hyva_checkout-index-index .page-main { padding-left: 0.75rem; padding-right: 0.75rem; } .hyva_checkout-index-index [input-name*="field-wrapper-shipping-address-"][style="display: none;"] ~ [input-name="field-wrapper-shipping-address-building_details"] { display: none; } @media (min-width: 1024px) { .hyva_checkout-index-index .order-summary-wrapper { position: sticky; top: 0px; max-width: 400px; } } .hyva_checkout-index-index .order-summary-wrapper .cart-item-list img { height: 64px; } .hyva_checkout-index-index section.price-summary { border-radius: 4px; --tw-bg-opacity: 1; background-color: rgb(247 247 247 / var(--tw-bg-opacity)); padding: 1.5rem; } .hyva_checkout-index-index .place-order-button::before { margin-right: 0.75rem; } .hyva_checkout-index-index .edit-cart-button::before { margin-right: 0.5rem; } .hyva_checkout-index-index .modal-address-new [role="dialog"] { max-height: 100lvh; overflow: auto; padding-top: 0.75rem; -ms-overflow-style: none; /* IE and Edge */ scrollbar-width: none; } .hyva_checkout-index-index .modal-address-new [role="dialog"]::-webkit-scrollbar { display: none; } @media (min-width: 768px) { .hyva_checkout-index-index .modal-address-new [role="dialog"] { max-height: 86lvh; min-height: 638px; width: 700px; } .hyva_checkout-index-index .modal-address-new .email, .hyva_checkout-index-index .modal-address-new .telephone { width: calc(50% - 6px); } } @media (min-width: 640px) { .hyva_checkout-index-index .cart-item-count.mobile, .hyva_checkout-index-index .cart-item-count .mobile { display: none; } } .hyva_checkout-index-index .cart-item-count.tablet, .hyva_checkout-index-index .cart-item-count .tablet { display: none; } @media (min-width: 640px) { .hyva_checkout-index-index .cart-item-count.tablet, .hyva_checkout-index-index .cart-item-count .tablet { display: flex; } } @media (min-width: 768px) { .hyva_checkout-index-index .cart-item-count.tablet, .hyva_checkout-index-index .cart-item-count .tablet { display: none; } } .hyva_checkout-index-index .cart-item-count.mini-desktop, .hyva_checkout-index-index .cart-item-count .mini-desktop { display: none; } @media (min-width: 1024px) { .hyva_checkout-index-index .cart-item-count.mini-desktop, .hyva_checkout-index-index .cart-item-count .mini-desktop { display: flex; } } @media (min-width: 1240px) { .hyva_checkout-index-index .cart-item-count.mini-desktop, .hyva_checkout-index-index .cart-item-count .mini-desktop { display: none; } } .hyva_checkout-index-index .cart-item-count.desktop, .hyva_checkout-index-index .cart-item-count .desktop { display: none; } @media (min-width: 1240px) { .hyva_checkout-index-index .cart-item-count.desktop, .hyva_checkout-index-index .cart-item-count .desktop { display: flex; } } .hyva_checkout-index-index #guest_details { display: none; } .hyva_checkout-index-index .price-summary { margin-top: 1.5rem; } @media (min-width: 768px) { .hyva_checkout-index-index .price-summary { margin-top: 0px; } } .hyva_checkout-index-index .address-item label::before { --tw-text-opacity: 1; color: rgb(0 95 97 / var(--tw-text-opacity)); } .hyva_checkout-index-index .address-item .region::after { content: ','; margin-left: -2px; } .hyva_checkout-index-index .address-item .radio-check:checked + label { --tw-border-opacity: 1; border-color: rgb(0 95 97 / var(--tw-border-opacity)); --tw-bg-opacity: 1; background-color: rgb(247 250 242 / var(--tw-bg-opacity)); } .hyva_checkout-index-index .address-item .top { margin-bottom: 0.25rem; font-size: 14px; font-weight: 600; line-height: 1rem; --tw-text-opacity: 1; color: rgb(28 28 28 / var(--tw-text-opacity)); } .hyva_checkout-index-index .address-item .bottom { font-size: 14px; line-height: 1rem; --tw-text-opacity: 1; color: rgb(28 28 28 / var(--tw-text-opacity)); } .hyva_checkout-index-index .address-item .bottom .street, .hyva_checkout-index-index .address-item .bottom .city, .hyva_checkout-index-index .address-item .bottom .telephone { display: inline-block; width: 100%; } .hyva_checkout-index-index .address-item .bottom .telephone { margin-top: 10px; } .hyva_checkout-index-index .address-item label::before { position: absolute; left: 0.75rem; top: 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)); } .hyva_checkout-index-index .cart-item-list div { display: none; } .hyva_checkout-index-index .cart-item-list div:nth-child(1), .hyva_checkout-index-index .cart-item-list div:nth-child(2) { display: block; } [data-content-type$='block'] .hyva_checkout-index-index .cart-item-list div:nth-child(1) p:last-child,[data-content-type$='block'] .hyva_checkout-index-index .cart-item-list div:nth-child(2) p:last-child { margin-bottom: 1rem; margin-top: 0px; } .category-view .sidebar .hyva_checkout-index-index .cart-item-list div:nth-child(1).filter,.category-view .sidebar .hyva_checkout-index-index .cart-item-list div:nth-child(2).filter { } @media (min-width: 640px) { .hyva_checkout-index-index .cart-item-list div:nth-child(3), .hyva_checkout-index-index .cart-item-list div:nth-child(4), .hyva_checkout-index-index .cart-item-list div:nth-child(5), .hyva_checkout-index-index .cart-item-list div:nth-child(6) { display: block; } } @media (min-width: 1024px) { .hyva_checkout-index-index .cart-item-list div:nth-child(3), .hyva_checkout-index-index .cart-item-list div:nth-child(4), .hyva_checkout-index-index .cart-item-list div:nth-child(5), .hyva_checkout-index-index .cart-item-list div:nth-child(6) { display: none; } } @media (min-width: 1240px) { .hyva_checkout-index-index .cart-item-list div:nth-child(3) { display: block; } } .login-popup .showPassword .icons-2023-see, .login-popup .showPassword .icons-2023-hide { pointer-events: none; } .bazaarvoice-rating-widget .bazaarvoice-widget-carousel { height: 0px; overflow: hidden; } .bazaarvoice-rating-widget .bazaarvoice-widget-carousel .splide__arrows { visibility: hidden; } .bazaarvoice-rating-widget .bazaarvoice-widget-carousel.is-initialized { height: auto; overflow: visible; } .bazaarvoice-rating-widget .bazaarvoice-widget-carousel.is-initialized .splide__arrows { visibility: visible; } .bazaarvoice-rating-widget .bazaarvoice-widget-carousel .splide__slide .card::before { content: ''; position: absolute; top: 0px; left: 50%; z-index: 2; height: 112px; width: 112px; --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)); border-radius: 9999px; border-top-width: 1px; --tw-border-opacity: 1; border-color: rgb(201 201 201 / var(--tw-border-opacity)); --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); } .bazaarvoice-rating-widget .bazaarvoice-widget-carousel img { display: flex; height: 100%; max-height: 64px; width: 100%; max-width: 64px; align-items: center; justify-content: center; } .bazaarvoice-rating-widget .bazaarvoice-widget-carousel .rating-container-stars:before { content: "\f19c \f19c \f19c \f19c \f19c"; font-family: "leroy-icons"; height: 14px; width: 86px; letter-spacing: 4px; } .bazaarvoice-rating-widget .bazaarvoice-widget-carousel .rating-container-stars-full:before { content: "\f19d \f19d \f19d \f19d \f19cd"; font-family: "leroy-icons"; bottom: 0px; height: 14px; max-width: 86px; letter-spacing: 4px; } .bazaarvoice-rating-widget .bazaarvoice-widget-carousel .splide__arrows .splide__arrow--prev { left: 0px; } @media (min-width: 1240px) { .bazaarvoice-rating-widget .bazaarvoice-widget-carousel .splide__arrows .splide__arrow--prev { left: -12px; } } .bazaarvoice-rating-widget .bazaarvoice-widget-carousel .splide__arrows .splide__arrow--next { right: 0px; } @media (min-width: 1240px) { .bazaarvoice-rating-widget .bazaarvoice-widget-carousel .splide__arrows .splide__arrow--next { right: -12px; } } .category-links-widget { display: flex; } .category-links-widget:not(.is-active) { visibility: visible; display: flex; } .category-links-widget:not(.is-active) .splide__track { overflow: hidden; } .category-links-widget:not(.is-active) .splide__track .splide__list { display: flex; gap: 1rem; } .category-links-widget:not(.is-active) .splide__track .splide__list .splide__slide { flex-shrink: 0; } .category-links-widget:not(.is-active) .splide__arrow { display: none; } .category-links-widget a { text-align: center; } .category-links-widget a img { margin-bottom: 1rem; height: 168px; width: 168px; flex-shrink: 0; border-radius: 0.5rem; } @media (min-width: 1024px) { .category-links-widget a img { height: 193px; width: 193px; } } .category-links-widget a .title { height: 2.5rem; width: 168px; overflow: hidden; text-align: center; font-family: leroy-sans, Helvetica Neue, Arial, sans-serif; font-size: 12px; font-weight: 600; } @media (min-width: 1024px) { .category-links-widget a .title { width: 193px; font-size: 14px; line-height: 1.25rem; } } .category-links-widget.horizontal a { display: flex; height: 72px; width: 184px; flex-direction: row; align-items: center; justify-content: flex-start; gap: 0.5rem; border-radius: 0.5rem; --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); padding: 0.5rem; } @media (min-width: 1024px) { .category-links-widget.horizontal a { height: 5rem; width: 298px; } } .category-links-widget.horizontal a img { margin-bottom: 0px; height: 2rem; width: 2rem; } @media (min-width: 1024px) { .category-links-widget.horizontal a img { height: 64px; width: 64px; } } .category-links-widget.horizontal a .title { height: auto; width: 152px; text-align: start; font-family: leroy-sans, Helvetica Neue, Arial, sans-serif; font-size: 0.75rem; font-weight: 600; line-height: 1rem; } @media (min-width: 1024px) { .category-links-widget.horizontal a .title { width: 210px; font-size: 14px; line-height: 1.25rem; } } .category-links-widget.vertical .splide__arrow { top: 40%; } .category-links-widget.is-dropdown { flex-direction: column; align-items: center; } .category-links-widget.is-dropdown .show-more-button { margin-top: 0.5rem; height: 48px; padding-top: 0.75rem; padding-bottom: 0.75rem; font-size: 16px; font-weight: 600; line-height: 1.5rem; } .category-links-widget.is-dropdown .show-more-button .icons-2023-forward { position: absolute; margin-left: 0.75rem; --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)); transition-property: transform; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .category-links-widget.is-dropdown .splide__track .splide__list { height: 176px; width: 100%; max-width: 1240px; flex-wrap: wrap; overflow: hidden; transition-property: all; transition-duration: 500ms; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } .category-links-widget.is-dropdown .splide__track .splide__list .splide__slide { width: calc(25% - 12px); } .category-links-widget.is-dropdown.open .splide__list { height: auto; } .category-links-widget.is-dropdown.open .icons-2023-forward { --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)); } /* * Copyright Magmodules.eu. All rights reserved. * See COPYING.txt for license details. */ .mollie-buttons { margin-top: 10%; text-align: center; opacity: 0; animation: fadeIn 1s; animation-delay: 1s; animation-fill-mode: forwards; } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } .mollie-buttons .button { display: inline-block; margin: 20px; max-width: 100%; padding: 0 16px; border: 0; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .19); border-radius: 6px; background-color: #0095FF; color: #FFF; font-size: 1.8rem; font-weight: 700; line-height: 4.4rem; text-align: center; text-decoration: none; outline: none; overflow: hidden; text-overflow: ellipsis; transition: background .15s; white-space: nowrap; -webkit-user-select: none; -ms-user-select: none; user-select: none; } .mollie-buttons { opacity: 0; transition: opacity 2s ease-in; } .mollie-buttons .button:hover { background-color: #0077CB; } .mollie-loading .redirect-block { padding: 10%; text-align: center; } .checkout-payment-method #mollie_methods_ideal-form .label { height: 35px; display: inline-block; } .checkout-payment-method #mollie_methods_ideal-form .payment-icon { width: 35px; max-height: 30px; } .checkout-payment-method #mollie_methods_kbc-form .label { height: 35px; display: inline-block; } .checkout-payment-method #mollie_methods_kbc-form .payment-icon { width: 35px; max-height: 30px; } .checkout-payment-method #mollie_methods_giftcard-form .label { height: 40px; display: inline-block; } .checkout-payment-method #mollie_methods_giftcard-form .payment-icon { width: 35px; max-height: 30px; } .mollie-payment-icon { width: 25px; margin-right: 5px; vertical-align: middle; } .mollie-loading .loader { border: 16px solid #E3F0FA; border-top: 16px solid #31A8F0; border-radius: 50%; width: 50px; height: 50px; animation: spin 2s linear infinite; margin-left: auto; margin-right: auto; } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .payment-method-content .card-container { max-width: 400px; overflow: auto; background-color: #FFF; border-radius: 10px; border: 1px solid rgba(0, 0, 0, 0.1); display: block; padding: 20px; margin-bottom: 10px; } /* Apple Pay start */ .apple-pay-button { -webkit-appearance: -apple-pay-button; } @supports (-webkit-appearance: -apple-pay-button) { .apple-pay-button-with-text { -webkit-appearance: -apple-pay-button; -apple-pay-button-type: buy; } .apple-pay-button-with-text > * { visibility: hidden; } .apple-pay-button-black-with-text { -apple-pay-button-style: black; } .apple-pay-button-white-with-text { -apple-pay-button-style: white; cursor: pointer; } .apple-pay-button-white-with-line-with-text { -apple-pay-button-style: white-outline; } .apple-pay-button-color-black { -apple-pay-button-style: black; } .apple-pay-button-color-white { -apple-pay-button-style: white; } .apple-pay-button-color-white-outline { -apple-pay-button-style: white-outline; } .apple-pay-button-text-buy { -apple-pay-button-type: buy; } .apple-pay-button-text-donate { -apple-pay-button-type: donate; } .apple-pay-button-text-plain { -apple-pay-button-type: plain; } .apple-pay-button-text-book { -apple-pay-button-type: book; } .apple-pay-button-text-check-out { -apple-pay-button-type: check-out; } .apple-pay-button-text-subscribe { -apple-pay-button-type: subscribe; } .apple-pay-button-text-add-money { -apple-pay-button-type: add-money; } .apple-pay-button-text-contribute { -apple-pay-button-type: contribute; } .apple-pay-button-text-order { -apple-pay-button-type: order; } .apple-pay-button-text-reload { -apple-pay-button-type: reload; } .apple-pay-button-text-rent { -apple-pay-button-type: rent; } .apple-pay-button-text-support { -apple-pay-button-type: support; } .apple-pay-button-text-tip { -apple-pay-button-type: tip; } .apple-pay-button-text-top-up { -apple-pay-button-type: top-up; } } .mollie-applepay-button-hidden { display: none; } .mollie-applepay-minicart-button { height: 40px; } /* Apple Pay end */ [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; } @media (min-width: 768px) { .md\:btn { display: flex; align-items: center; justify-content: center; border-radius: 4px; --tw-bg-opacity: 1; background-color: rgb(153 153 153 / var(--tw-bg-opacity)); padding-left: 1rem; padding-right: 1rem; padding-top: 0.5rem; padding-bottom: 0.5rem; font-size: 14px; font-weight: 500; --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); --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); transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 300ms; } @media (min-width: 1240px) { .md\:btn { font-size: 14px; } } .md\:btn svg { display: inline-flex; } .md\:btn span { vertical-align: middle; } .md\:btn:hover { --tw-bg-opacity: 1; background-color: rgb(128 128 128 / var(--tw-bg-opacity)); } .md\:btn:focus-visible { outline: none !important } .md\:btn[disabled] { opacity: 0.8; } .md\:btn[disabled]:hover { --tw-text-opacity: 1; color: rgb(147 147 147 / var(--tw-text-opacity)); --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); } .md\:btn[disabled] { background: #F0F0F0 !important; color: #939393 !important; } .md\:btn.btn-loading { pointer-events: none; position: relative; opacity: 0.75; transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; font-size: 0; } .md\:btn.btn-loading span { font-size: 0; } .md\:btn.btn-loading::before { position: absolute; left: calc(50% - 11px); top: calc(50% - 11px); } @keyframes spin { to { transform: rotate(360deg); } } .md\:btn.btn-loading::before { animation: spin 1s linear infinite; font-family: leroy-icons; font-size: 20px; line-height: 1.25rem; content: '\f176'; } .md\:btn-outline:hover { --tw-bg-opacity: 1; background-color: rgb(49 49 49 / var(--tw-bg-opacity)); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .md\:btn-outline { border-width: 1px; border-style: solid; --tw-border-opacity: 1; border-color: rgb(49 49 49 / var(--tw-border-opacity)); --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); --tw-text-opacity: 1; color: rgb(49 49 49 / var(--tw-text-opacity)); --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); transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .md\:span-action-dark { --tw-text-opacity: 1; color: rgb(49 49 49 / var(--tw-text-opacity)); text-decoration-line: underline; } @media (min-width: 1024px) { .md\:span-action-dark { cursor: pointer; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .md\:span-action-dark:hover { --tw-text-opacity: 1; color: rgb(60 135 0 / var(--tw-text-opacity)); } } } .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(120 190 32 / var(--tw-bg-opacity)); } .before\:bg-red-500::before { content: var(--tw-content); --tw-bg-opacity: 1; background-color: rgb(113 113 122 / var(--tw-bg-opacity)); } .after\:text-red-500::after { content: var(--tw-content); --tw-text-opacity: 1; color: rgb(239 68 68 / var(--tw-text-opacity)); } .after\:content-\[\'\*\'\]::after { --tw-content: '*'; content: var(--tw-content); } .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\: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(250 250 250 / var(--tw-bg-opacity)); } .even\:bg-container-darker:nth-child(even) { --tw-bg-opacity: 1; background-color: rgb(245 245 245 / var(--tw-bg-opacity)); } .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(113 113 122 / var(--tw-ring-opacity)); } .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\:cursor-pointer:hover { cursor: pointer; } .hover\:border-gray-600:hover { --tw-border-opacity: 1; border-color: rgb(128 128 128 / var(--tw-border-opacity)); } .hover\:border-primary:hover { --tw-border-opacity: 1; border-color: rgb(29 78 216 / var(--tw-border-opacity)); } .hover\:bg-container-darker:hover { --tw-bg-opacity: 1; background-color: rgb(245 245 245 / var(--tw-bg-opacity)); } .hover\:bg-gray-100:hover { --tw-bg-opacity: 1; background-color: rgb(235 235 235 / var(--tw-bg-opacity)); } .hover\:bg-gray-200:hover { --tw-bg-opacity: 1; background-color: rgb(214 214 214 / var(--tw-bg-opacity)); } .hover\:bg-green-500:hover { --tw-bg-opacity: 1; background-color: rgb(120 190 32 / var(--tw-bg-opacity)); } .hover\:bg-green-600:hover { --tw-bg-opacity: 1; background-color: rgb(86 147 37 / var(--tw-bg-opacity)); } .hover\:bg-primary\/10:hover { background-color: rgb(29 78 216 / 0.1); } .hover\:bg-white:hover { --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); } .hover\:\!text-white:hover { --tw-text-opacity: 1 !important; color: rgb(255 255 255 / var(--tw-text-opacity)) !important; } .hover\:text-black:hover { --tw-text-opacity: 1; color: rgb(0 0 0 / var(--tw-text-opacity)); } .hover\:text-blue-600:hover { --tw-text-opacity: 1; color: rgb(37 99 235 / var(--tw-text-opacity)); } .hover\:text-gray-400:hover { --tw-text-opacity: 1; color: rgb(173 173 173 / var(--tw-text-opacity)); } .hover\:text-gray-500:hover { --tw-text-opacity: 1; color: rgb(153 153 153 / var(--tw-text-opacity)); } .hover\:text-gray-600:hover { --tw-text-opacity: 1; color: rgb(128 128 128 / var(--tw-text-opacity)); } .hover\:text-green-500:hover { --tw-text-opacity: 1; color: rgb(120 190 32 / var(--tw-text-opacity)); } .hover\:text-green-700:hover { --tw-text-opacity: 1; color: rgb(60 135 0 / var(--tw-text-opacity)); } .hover\:text-primary:hover { --tw-text-opacity: 1; color: rgb(31 41 55 / var(--tw-text-opacity)); } .hover\:text-primary-darker:hover { --tw-text-opacity: 1; color: rgb(17 24 39 / var(--tw-text-opacity)); } .hover\:text-red-600:hover { --tw-text-opacity: 1; color: rgb(220 38 38 / var(--tw-text-opacity)); } .hover\:text-secondary-darker:hover { --tw-text-opacity: 1; color: rgb(31 41 55 / var(--tw-text-opacity)); } .hover\:text-yellow-500:hover { --tw-text-opacity: 1; color: rgb(245 158 11 / var(--tw-text-opacity)); } .hover\:underline:hover { text-decoration-line: underline; } .hover\:no-underline:hover { text-decoration-line: none; } .hover\:opacity-100:hover { opacity: 1; } .hover\:shadow-none:hover { --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); } .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\:shadow-small:hover { --tw-shadow: 0 0 8px 0 rgba(0, 0, 0, .08);; --tw-shadow-colored: 0 0 8px 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\:outline-none:hover { outline: 2px solid transparent; outline-offset: 2px; } .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)); } .focus\:border-primary:focus { --tw-border-opacity: 1; border-color: rgb(29 78 216 / var(--tw-border-opacity)); } .focus\:border-primary-lighter:focus { --tw-border-opacity: 1; border-color: rgb(37 99 235 / var(--tw-border-opacity)); } .focus\:border-red-500:focus { --tw-border-opacity: 1; border-color: rgb(113 113 122 / var(--tw-border-opacity)); } .focus\:border-transparent:focus { border-color: transparent; } .focus\:bg-white:focus { --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); } .focus\:text-gray-600:focus { --tw-text-opacity: 1; color: rgb(128 128 128 / var(--tw-text-opacity)); } .focus\:text-green-500:focus { --tw-text-opacity: 1; color: rgb(120 190 32 / var(--tw-text-opacity)); } .focus\:shadow-none:focus { --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); } .focus\:outline-none:focus { outline: 2px solid transparent; outline-offset: 2px; } .focus\:outline-transparent:focus { outline-color: transparent; } .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(113 113 122 / var(--tw-ring-opacity)); } .active\:bg-gray-100:active { --tw-bg-opacity: 1; background-color: rgb(235 235 235 / var(--tw-bg-opacity)); } .active\:text-gray-500:active { --tw-text-opacity: 1; color: rgb(153 153 153 / var(--tw-text-opacity)); } .active\:text-gray-700:active { --tw-text-opacity: 1; color: rgb(96 96 96 / var(--tw-text-opacity)); } .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(235 235 235 / var(--tw-bg-opacity)); } .disabled\:opacity-10:disabled { opacity: 0.1; } .disabled\:opacity-25:disabled { opacity: 0.25; } .disabled\:opacity-50:disabled { opacity: 0.5; } .disabled\:opacity-60:disabled { opacity: 0.6; } .disabled\:opacity-75:disabled { opacity: 0.75; } .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(194 194 194 / var(--tw-bg-opacity)); } .group:hover .group-hover\:text-gray-600 { --tw-text-opacity: 1; color: rgb(128 128 128 / var(--tw-text-opacity)); } .aria-\[current\=page\]\:underline[aria-current=page] { text-decoration-line: underline; } .data-\[active\]\:border-primary[data-active] { --tw-border-opacity: 1; border-color: rgb(29 78 216 / var(--tw-border-opacity)); } @media (min-width: 320px) { .mini\:mt-4 { margin-top: 1rem; } .mini\:hidden { display: none; } .mini\:w-\[200px\] { width: 200px; } } @media (min-width: 360px) { .sx\:w-\[260px\] { width: 260px; } } @media (min-width: 640px) { .sm\:left-\[-24px\] { left: -24px; } .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-20 { width: 5rem; } .sm\:w-48 { width: 12rem; } .sm\:w-5\/6 { width: 83.333333%; } .sm\:w-96 { width: 24rem; } .sm\:w-auto { width: auto; } .sm\:max-w-\[480px\] { max-width: 480px; } .sm\:table-fixed { table-layout: fixed; } .sm\:grid-cols-2 { grid-template-columns: repeat(2, 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: 18px; } .sm\:text-3xl { font-size: 20px; } .sm\:text-4xl { font-size: 24px; } .sm\:text-5xl { font-size: 32px; } .sm\:duration-700 { transition-duration: 700ms; } } @media (min-width: 768px) { .md\:right-5 { right: 1.25rem; } .md\:right-6 { right: 1.5rem; } .md\:top-1\/2 { top: 50%; } .md\:order-1 { order: 1; } .md\:order-3 { order: 3; } .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-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\:row-span-2 { grid-row: span 2 / span 2; } .md\:row-start-1 { grid-row-start: 1; } .md\:m-0 { margin: 0px; } .md\:-mx-4 { margin-left: -1rem; margin-right: -1rem; } .md\:mx-0 { margin-left: 0px; margin-right: 0px; } .md\:mx-10 { margin-left: 2.5rem; margin-right: 2.5rem; } .md\:mx-4 { margin-left: 1rem; margin-right: 1rem; } .md\:mx-\[16px\] { margin-left: 16px; margin-right: 16px; } .md\:mx-auto { margin-left: auto; margin-right: auto; } .md\:my-0 { margin-top: 0px; margin-bottom: 0px; } .md\:-mr-1 { margin-right: -0.25rem; } .md\:-mt-1 { margin-top: -0.25rem; } .md\:-mt-8 { margin-top: -2rem; } .md\:mb-0 { margin-bottom: 0px; } .md\:mb-2 { margin-bottom: 0.5rem; } .md\:mb-3 { margin-bottom: 0.75rem; } .md\:mb-4 { margin-bottom: 1rem; } .md\:mb-6 { margin-bottom: 1.5rem; } .md\:ml-0 { margin-left: 0px; } .md\:ml-auto { margin-left: auto; } .md\:mr-0 { margin-right: 0px; } .md\:mr-3 { margin-right: 0.75rem; } .md\:mr-4 { margin-right: 1rem; } .md\:mr-5 { margin-right: 1.25rem; } .md\:mt-0 { margin-top: 0px; } .md\:mt-10 { margin-top: 2.5rem; } .md\:mt-2 { margin-top: 0.5rem; } .md\:mt-4 { margin-top: 1rem; } .md\:mt-5 { margin-top: 1.25rem; } .md\:mt-\[31px\] { margin-top: 31px; } .md\:mt-\[48px\] { margin-top: 48px; } .md\:mt-\[52px\] { margin-top: 52px; } .md\:block { display: block; } .md\:inline-block { display: inline-block; } .md\:flex { display: flex; } .md\:grid { display: grid; } .md\:hidden { display: none; } .md\:h-10 { height: 2.5rem; } .md\:h-24 { height: 6rem; } .md\:h-6 { height: 1.5rem; } .md\:h-\[252px\] { height: 252px; } .md\:h-\[300px\] { height: 300px; } .md\:h-\[48px\] { height: 48px; } .md\:h-\[52px\] { height: 52px; } .md\:h-auto { height: auto; } .md\:min-h-\[180px\] { min-height: 180px; } .md\:w-1\/2 { width: 50%; } .md\:w-1\/3 { width: 33.333333%; } .md\:w-1\/4 { width: 25%; } .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-\[120px\] { width: 120px; } .md\:w-\[134px\] { width: 134px; } .md\:w-\[175px\] { width: 175px; } .md\:w-\[266px\] { width: 266px; } .md\:w-\[360px\] { width: 360px; } .md\:w-\[500px\] { width: 500px; } .md\:w-\[50vw\] { width: 50vw; } .md\:w-\[calc\(33\%-9px\)\] { width: calc(33% - 9px); } .md\:w-auto { width: auto; } .md\:w-full { width: 100%; } .md\:max-w-\[1000px\] { max-width: 1000px; } .md\:max-w-\[140px\] { max-width: 140px; } .md\:max-w-\[600px\] { max-width: 600px; } .md\:max-w-sm { max-width: 24rem; } .md\:max-w-xs { max-width: 20rem; } .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\:-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)); } .md\:cursor-pointer { cursor: pointer; } .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-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-end { justify-content: flex-end; } .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-3 { gap: 0.75rem; } .md\:gap-4 { gap: 1rem; } .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\:rounded-leroy { border-radius: 4px; } .md\:border-0 { border-width: 0px; } .md\:border-b { border-bottom-width: 1px; } .md\:border-gray-200 { --tw-border-opacity: 1; border-color: rgb(214 214 214 / var(--tw-border-opacity)); } .md\:bg-transparent { background-color: transparent; } .md\:bg-white { --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); } .md\:p-6 { padding: 1.5rem; } .md\:px-0 { padding-left: 0px; padding-right: 0px; } .md\:px-1 { padding-left: 0.25rem; padding-right: 0.25rem; } .md\:px-10 { padding-left: 2.5rem; padding-right: 2.5rem; } .md\:px-4 { padding-left: 1rem; padding-right: 1rem; } .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-12 { padding-top: 3rem; padding-bottom: 3rem; } .md\:py-2 { padding-top: 0.5rem; padding-bottom: 0.5rem; } .md\:py-4 { padding-top: 1rem; padding-bottom: 1rem; } .md\:py-6 { padding-top: 1.5rem; padding-bottom: 1.5rem; } .md\:py-\[32px\] { padding-top: 32px; padding-bottom: 32px; } .md\:pl-16 { padding-left: 4rem; } .md\:pl-6 { padding-left: 1.5rem; } .md\:pr-4 { padding-right: 1rem; } .md\:pt-0 { padding-top: 0px; } .md\:pt-6 { padding-top: 1.5rem; } .md\:text-left { text-align: left; } .md\:text-start { text-align: start; } .md\:text-2xl { font-size: 18px; } .md\:text-3xl { font-size: 20px; } .md\:text-4xl { font-size: 24px; } .md\:text-\[18px\] { font-size: 18px; } .md\:text-\[20px\] { font-size: 20px; } .md\:text-\[24px\] { font-size: 24px; } .md\:text-\[32px\] { font-size: 32px; } .md\:text-\[36px\] { font-size: 36px; } .md\:text-base { font-size: 14px; } .md\:text-lg { font-size: 1.125rem; line-height: 1.75rem; } .md\:text-sm { font-size: 12px; } .md\:text-xl { font-size: 16px; } .md\:font-semibold { font-weight: 600; } .md\:leading-10 { line-height: 2.5rem; } .md\:leading-4 { line-height: 1rem; } .md\:leading-5 { line-height: 1.25rem; } .md\:leading-6 { line-height: 1.5rem; } .md\:leading-8 { line-height: 2rem; } .md\:leading-\[46px\] { line-height: 46px; } .md\:leading-\[48px\] { line-height: 48px; } .md\:shadow-basic { --tw-shadow: 1px 4px 4px 2px rgba(0, 0, 0, .12); --tw-shadow-colored: 1px 4px 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) { .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\:pointer-events-none { pointer-events: none; } .lg\:invisible { visibility: hidden; } .lg\:static { position: static; } .lg\:absolute { position: absolute; } .lg\:relative { position: relative; } .lg\:sticky { position: sticky; } .lg\:bottom-0 { bottom: 0px; } .lg\:bottom-\[-36px\] { bottom: -36px; } .lg\:bottom-\[inherit\] { bottom: inherit; } .lg\:bottom-auto { bottom: auto; } .lg\:left-0 { left: 0px; } .lg\:left-1\/2 { left: 50%; } .lg\:left-\[-29px\] { left: -29px; } .lg\:left-\[116px\] { left: 116px; } .lg\:left-\[var\(--msrp-inline-offset\)\] { left: var(--msrp-inline-offset); } .lg\:right-3 { right: 0.75rem; } .lg\:right-4 { right: 1rem; } .lg\:right-\[-154px\] { right: -154px; } .lg\:right-\[24px\] { right: 24px; } .lg\:right-\[35px\] { right: 35px; } .lg\:right-auto { right: auto; } .lg\:top-0 { top: 0px; } .lg\:top-1\/2 { top: 50%; } .lg\:top-\[72px\] { top: 72px; } .lg\:top-\[8px\] { top: 8px; } .lg\:top-\[var\(--msrp-block-offset\)\] { top: var(--msrp-block-offset); } .lg\:order-1 { order: 1; } .lg\:order-2 { order: 2; } .lg\:col-span-2 { grid-column: span 2 / span 2; } .lg\:col-span-6 { grid-column: span 6 / span 6; } .lg\:col-start-1 { grid-column-start: 1; } .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\:m-4 { margin: 1rem; } .lg\:mx-0 { margin-left: 0px; margin-right: 0px; } .lg\:mx-\[88px\] { margin-left: 88px; margin-right: 88px; } .lg\:mx-auto { margin-left: auto; margin-right: auto; } .lg\:my-0 { margin-top: 0px; margin-bottom: 0px; } .lg\:my-2 { margin-top: 0.5rem; margin-bottom: 0.5rem; } .lg\:my-\[2px\] { margin-top: 2px; margin-bottom: 2px; } .lg\:my-\[9px\] { margin-top: 9px; margin-bottom: 9px; } .lg\:\!mt-6 { margin-top: 1.5rem !important; } .lg\:mb-0 { margin-bottom: 0px; } .lg\:mb-2 { margin-bottom: 0.5rem; } .lg\:mb-3 { margin-bottom: 0.75rem; } .lg\:mb-4 { margin-bottom: 1rem; } .lg\:mb-6 { margin-bottom: 1.5rem; } .lg\:mb-\[48px\] { margin-bottom: 48px; } .lg\:ml-0 { margin-left: 0px; } .lg\:ml-2 { margin-left: 0.5rem; } .lg\:ml-5 { margin-left: 1.25rem; } .lg\:ml-\[140px\] { margin-left: 140px; } .lg\:mr-0 { margin-right: 0px; } .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-6 { margin-right: 1.5rem; } .lg\:mr-\[28px\] { margin-right: 28px; } .lg\:mr-\[60px\] { margin-right: 60px; } .lg\:mr-auto { margin-right: auto; } .lg\:mt-0 { margin-top: 0px; } .lg\:mt-2 { margin-top: 0.5rem; } .lg\:mt-3 { margin-top: 0.75rem; } .lg\:mt-4 { margin-top: 1rem; } .lg\:mt-6 { margin-top: 1.5rem; } .lg\:mt-8 { margin-top: 2rem; } .lg\:mt-\[-4px\] { margin-top: -4px; } .lg\:mt-\[60px\] { margin-top: 60px; } .lg\:box-border { box-sizing: border-box; } .lg\:box-content { box-sizing: content-box; } .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 !important; } .lg\:hidden { display: none; } .lg\:h-0 { height: 0px; } .lg\:h-10 { height: 2.5rem; } .lg\:h-14 { height: 3.5rem; } .lg\:h-16 { height: 4rem; } .lg\:h-4 { height: 1rem; } .lg\:h-5 { height: 1.25rem; } .lg\:h-6 { height: 1.5rem; } .lg\:h-9 { height: 2.25rem; } .lg\:h-\[102px\] { height: 102px; } .lg\:h-\[114px\] { height: 114px; } .lg\:h-\[140px\] { height: 140px; } .lg\:h-\[156px\] { height: 156px; } .lg\:h-\[200px\] { height: 200px; } .lg\:h-\[208px\] { height: 208px; } .lg\:h-\[24px\] { height: 24px; } .lg\:h-\[288px\] { height: 288px; } .lg\:h-\[32px\] { height: 32px; } .lg\:h-\[348px\] { height: 348px; } .lg\:h-\[40\] { height: 40; } .lg\:h-\[40px\] { height: 40px; } .lg\:h-\[44px\] { height: 44px; } .lg\:h-\[472px\] { height: 472px; } .lg\:h-\[480px\] { height: 480px; } .lg\:h-\[56px\] { height: 56px; } .lg\:h-\[600px\] { height: 600px; } .lg\:h-\[64px\] { height: 64px; } .lg\:h-\[88px\] { height: 88px; } .lg\:h-\[94px\] { height: 94px; } .lg\:h-\[96px\] { height: 96px; } .lg\:h-auto { height: auto; } .lg\:h-full { height: 100%; } .lg\:max-h-\[102px\] { max-height: 102px; } .lg\:max-h-\[360px\] { max-height: 360px; } .lg\:max-h-\[435px\] { max-height: 435px; } .lg\:max-h-\[478px\] { max-height: 478px; } .lg\:max-h-\[480px\] { max-height: 480px; } .lg\:max-h-\[550px\] { max-height: 550px; } .lg\:max-h-\[588px\] { max-height: 588px; } .lg\:max-h-\[calc\(100vh-400px\)\] { max-height: calc(100vh - 400px); } .lg\:max-h-full { max-height: 100%; } .lg\:max-h-none { max-height: none; } .lg\:min-h-0 { min-height: 0px; } .lg\:min-h-\[100px\] { min-height: 100px; } .lg\:min-h-\[32px\] { min-height: 32px; } .lg\:min-h-\[346px\] { min-height: 346px; } .lg\:min-h-\[34px\] { min-height: 34px; } .lg\:min-h-\[48px\] { min-height: 48px; } .lg\:w-0 { width: 0px; } .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-2\/3 { width: 66.666667%; } .lg\:w-3\/4 { width: 75%; } .lg\:w-56 { width: 14rem; } .lg\:w-\[100px\] { width: 100px; } .lg\:w-\[1012px\] { width: 1012px; } .lg\:w-\[102px\] { width: 102px; } .lg\:w-\[104px\] { width: 104px; } .lg\:w-\[108px\] { width: 108px; } .lg\:w-\[110px\] { width: 110px; } .lg\:w-\[114px\] { width: 114px; } .lg\:w-\[117px\] { width: 117px; } .lg\:w-\[118px\] { width: 118px; } .lg\:w-\[1200px\] { width: 1200px; } .lg\:w-\[120px\] { width: 120px; } .lg\:w-\[122px\] { width: 122px; } .lg\:w-\[124px\] { width: 124px; } .lg\:w-\[130px\] { width: 130px; } .lg\:w-\[132px\] { width: 132px; } .lg\:w-\[134px\] { width: 134px; } .lg\:w-\[135px\] { width: 135px; } .lg\:w-\[140px\] { width: 140px; } .lg\:w-\[144px\] { width: 144px; } .lg\:w-\[150px\] { width: 150px; } .lg\:w-\[152px\] { width: 152px; } .lg\:w-\[160px\] { width: 160px; } .lg\:w-\[163px\] { width: 163px; } .lg\:w-\[164px\] { width: 164px; } .lg\:w-\[170px\] { width: 170px; } .lg\:w-\[177px\] { width: 177px; } .lg\:w-\[178px\] { width: 178px; } .lg\:w-\[182px\] { width: 182px; } .lg\:w-\[200px\] { width: 200px; } .lg\:w-\[235px\] { width: 235px; } .lg\:w-\[236px\] { width: 236px; } .lg\:w-\[240px\] { width: 240px; } .lg\:w-\[248px\] { width: 248px; } .lg\:w-\[270px\] { width: 270px; } .lg\:w-\[276px\] { width: 276px; } .lg\:w-\[280px\] { width: 280px; } .lg\:w-\[295px\] { width: 295px; } .lg\:w-\[308px\] { width: 308px; } .lg\:w-\[320px\] { width: 320px; } .lg\:w-\[346px\] { width: 346px; } .lg\:w-\[360px\] { width: 360px; } .lg\:w-\[392px\] { width: 392px; } .lg\:w-\[400px\] { width: 400px; } .lg\:w-\[440px\] { width: 440px; } .lg\:w-\[45px\] { width: 45px; } .lg\:w-\[480px\] { width: 480px; } .lg\:w-\[50px\] { width: 50px; } .lg\:w-\[52px\] { width: 52px; } .lg\:w-\[620px\] { width: 620px; } .lg\:w-\[632px\] { width: 632px; } .lg\:w-\[64px\] { width: 64px; } .lg\:w-\[700px\] { width: 700px; } .lg\:w-\[72px\] { width: 72px; } .lg\:w-\[74px\] { width: 74px; } .lg\:w-\[78px\] { width: 78px; } .lg\:w-\[80px\] { width: 80px; } .lg\:w-\[84px\] { width: 84px; } .lg\:w-\[85px\] { width: 85px; } .lg\:w-\[90px\] { width: 90px; } .lg\:w-\[96px\] { width: 96px; } .lg\:w-\[calc\(\(100\%-496px\)\/2\)\] { width: calc((100% - 496px) / 2); } .lg\:w-\[calc\(100\%-108px\)\] { width: calc(100% - 108px); } .lg\:w-\[calc\(100\%-121px-8px\)\] { width: calc(100% - 121px - 8px); } .lg\:w-\[calc\(100\%-258px\)\] { width: calc(100% - 258px); } .lg\:w-\[calc\(100\%-32px\)\] { width: calc(100% - 32px); } .lg\:w-\[calc\(100\%-400px-20px\)\] { width: calc(100% - 400px - 20px); } .lg\:w-\[calc\(100\%-96px-8px\)\] { width: calc(100% - 96px - 8px); } .lg\:w-\[calc\(50\%-10px\)\] { width: calc(50% - 10px); } .lg\:w-auto { width: auto; } .lg\:w-desktopHeader { width: calc(100% - 304px); } .lg\:w-desktopSearch { width: calc(100% - 348px); } .lg\:w-footer-rows { width: calc(100% - 240px - 140px); } .lg\:w-full { width: 100%; } .lg\:w-half-gap { width: calc(50% - 8px); } .lg\:w-min { width: min-content; } .lg\:min-w-20 { min-width: 5rem; } .lg\:min-w-\[400px\] { min-width: 400px; } .lg\:min-w-\[84px\] { min-width: 84px; } .lg\:min-w-fit { min-width: -moz-fit-content; min-width: fit-content; } .lg\:max-w-\[1000px\] { max-width: 1000px; } .lg\:max-w-\[102px\] { max-width: 102px; } .lg\:max-w-\[1054px\] { max-width: 1054px; } .lg\:max-w-\[120px\] { max-width: 120px; } .lg\:max-w-\[177px\] { max-width: 177px; } .lg\:max-w-\[180px\] { max-width: 180px; } .lg\:max-w-\[186px\] { max-width: 186px; } .lg\:max-w-\[200px\] { max-width: 200px; } .lg\:max-w-\[208px\] { max-width: 208px; } .lg\:max-w-\[224px\] { max-width: 224px; } .lg\:max-w-\[250px\] { max-width: 250px; } .lg\:max-w-\[296px\] { max-width: 296px; } .lg\:max-w-\[330px\] { max-width: 330px; } .lg\:max-w-\[360px\] { max-width: 360px; } .lg\:max-w-\[472px\] { max-width: 472px; } .lg\:max-w-\[480px\] { max-width: 480px; } .lg\:max-w-\[521px\] { max-width: 521px; } .lg\:max-w-\[600px\] { max-width: 600px; } .lg\:max-w-\[618px\] { max-width: 618px; } .lg\:max-w-\[632px\] { max-width: 632px; } .lg\:max-w-\[820px\] { max-width: 820px; } .lg\:max-w-\[calc\(100\%-102px-64px\)\] { max-width: calc(100% - 102px - 64px); } .lg\:max-w-\[calc\(100\%-400px\)\] { max-width: calc(100% - 400px); } .lg\:max-w-\[calc\(100\%-76px\)\] { max-width: calc(100% - 76px); } .lg\:max-w-full { max-width: 100%; } .lg\:max-w-none { max-width: none; } .lg\:max-w-xs { max-width: 20rem; } .lg\:table-auto { table-layout: auto; } .lg\:-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)); } .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-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)); } .lg\:translate-y-\[-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)); } .lg\:transform-none { transform: none; } .lg\:cursor-pointer { cursor: pointer; } .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-row-reverse { flex-direction: row-reverse; } .lg\:flex-col { flex-direction: column; } .lg\:flex-wrap { flex-wrap: wrap; } .lg\:flex-nowrap { flex-wrap: nowrap; } .lg\:content-center { align-content: center; } .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\:gap-0 { gap: 0px; } .lg\:gap-2 { gap: 0.5rem; } .lg\:gap-3 { gap: 0.75rem; } .lg\:gap-4 { gap: 1rem; } .lg\:gap-6 { gap: 1.5rem; } .lg\:gap-\[40px\] { gap: 40px; } .lg\:gap-\[48px\] { gap: 48px; } .lg\:gap-x-10 { column-gap: 2.5rem; } .lg\:gap-x-3 { column-gap: 0.75rem; } .lg\:gap-y-6 { row-gap: 1.5rem; } .lg\:overflow-hidden { overflow: hidden; } .lg\:truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .lg\:text-ellipsis { text-overflow: ellipsis; } .lg\:whitespace-nowrap { white-space: nowrap; } .lg\:rounded-leroy { border-radius: 4px; } .lg\:rounded-b-none { border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; } .lg\:border { border-width: 1px; } .lg\:border-0 { border-width: 0px; } .lg\:border-l { border-left-width: 1px; } .lg\:border-r { border-right-width: 1px; } .lg\:border-none { border-style: none; } .lg\:border-gray-footerDiver { --tw-border-opacity: 1; border-color: rgb(201 201 201 / var(--tw-border-opacity)); } .lg\:border-success-600 { --tw-border-opacity: 1; border-color: rgb(0 95 97 / var(--tw-border-opacity)); } .lg\:bg-\[\#71ac2e\] { --tw-bg-opacity: 1; background-color: rgb(113 172 46 / var(--tw-bg-opacity)); } .lg\:bg-gray-border { --tw-bg-opacity: 1; background-color: rgb(240 240 240 / var(--tw-bg-opacity)); } .lg\:bg-gray-disabled { --tw-bg-opacity: 1; background-color: rgb(240 240 240 / var(--tw-bg-opacity)); } .lg\:bg-gray-footeritems { --tw-bg-opacity: 1; background-color: rgb(247 247 247 / var(--tw-bg-opacity)); } .lg\:bg-gray-searchBackground { --tw-bg-opacity: 1; background-color: rgb(252 252 252 / var(--tw-bg-opacity)); } .lg\:bg-transparent { background-color: transparent; } .lg\:bg-white { --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); } .lg\:p-0 { padding: 0px; } .lg\:p-10 { padding: 2.5rem; } .lg\:p-4 { padding: 1rem; } .lg\:p-6 { padding: 1.5rem; } .lg\:px-0 { padding-left: 0px; padding-right: 0px; } .lg\:px-16 { padding-left: 4rem; padding-right: 4rem; } .lg\:px-2 { padding-left: 0.5rem; padding-right: 0.5rem; } .lg\:px-3 { padding-left: 0.75rem; padding-right: 0.75rem; } .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\:px-\[228px\] { padding-left: 228px; padding-right: 228px; } .lg\:py-0 { padding-top: 0px; padding-bottom: 0px; } .lg\:py-10 { padding-top: 2.5rem; padding-bottom: 2.5rem; } .lg\:py-12 { padding-top: 3rem; padding-bottom: 3rem; } .lg\:py-2 { padding-top: 0.5rem; padding-bottom: 0.5rem; } .lg\:py-3 { padding-top: 0.75rem; padding-bottom: 0.75rem; } .lg\:py-32 { padding-top: 8rem; padding-bottom: 8rem; } .lg\:py-4 { padding-top: 1rem; padding-bottom: 1rem; } .lg\:py-5 { padding-top: 1.25rem; padding-bottom: 1.25rem; } .lg\:pb-0 { padding-bottom: 0px; } .lg\:pb-10 { padding-bottom: 2.5rem; } .lg\:pb-3 { padding-bottom: 0.75rem; } .lg\:pb-4 { padding-bottom: 1rem; } .lg\:pb-6 { padding-bottom: 1.5rem; } .lg\:pl-10 { padding-left: 2.5rem; } .lg\:pl-2 { padding-left: 0.5rem; } .lg\:pl-24 { padding-left: 6rem; } .lg\:pl-6 { padding-left: 1.5rem; } .lg\:pl-\[42px\] { padding-left: 42px; } .lg\:pl-\[64px\] { padding-left: 64px; } .lg\:pr-0 { padding-right: 0px; } .lg\:pr-10 { padding-right: 2.5rem; } .lg\:pr-2 { padding-right: 0.5rem; } .lg\:pr-3 { padding-right: 0.75rem; } .lg\:pr-4 { padding-right: 1rem; } .lg\:pr-6 { padding-right: 1.5rem; } .lg\:pr-8 { padding-right: 2rem; } .lg\:pr-\[62px\] { padding-right: 62px; } .lg\:pt-0 { padding-top: 0px; } .lg\:pt-1 { padding-top: 0.25rem; } .lg\:pt-2 { padding-top: 0.5rem; } .lg\:pt-3 { padding-top: 0.75rem; } .lg\:pt-6 { padding-top: 1.5rem; } .lg\:pt-\[283px\] { padding-top: 283px; } .lg\:pt-\[6px\] { padding-top: 6px; } .lg\:text-left { text-align: left; } .lg\:text-right { text-align: right; } .lg\:text-start { text-align: start; } .lg\:text-end { text-align: end; } .lg\:align-top { vertical-align: top; } .lg\:text-\[12px\] { font-size: 12px; } .lg\:text-\[14px\] { font-size: 14px; } .lg\:text-\[16px\] { font-size: 16px; } .lg\:text-\[18px\] { font-size: 18px; } .lg\:text-\[20px\] { font-size: 20px; } .lg\:text-\[24px\] { font-size: 24px; } .lg\:text-\[28px\] { font-size: 28px; } .lg\:text-\[32px\] { font-size: 32px; } .lg\:text-\[40px\] { font-size: 40px; } .lg\:text-\[56px\] { font-size: 56px; } .lg\:text-base { font-size: 14px; } .lg\:text-sm { font-size: 12px; } .lg\:text-xl { font-size: 16px; } .lg\:text-xs { font-size: 0.75rem; line-height: 1rem; } .lg\:font-normal { font-weight: 400; } .lg\:font-semibold { font-weight: 600; } .lg\:leading-10 { line-height: 2.5rem; } .lg\:leading-4 { line-height: 1rem; } .lg\:leading-5 { line-height: 1.25rem; } .lg\:leading-6 { line-height: 1.5rem; } .lg\:leading-8 { line-height: 2rem; } .lg\:leading-\[32px\] { line-height: 32px; } .lg\:leading-\[48px\] { line-height: 48px; } .lg\:leading-\[56px\] { line-height: 56px; } .lg\:leading-\[80px\] { line-height: 80px; } .lg\:text-gray-800 { --tw-text-opacity: 1; color: rgb(49 49 49 / var(--tw-text-opacity)); } .lg\:text-green-700 { --tw-text-opacity: 1; color: rgb(60 135 0 / var(--tw-text-opacity)); } .lg\:text-white { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .lg\:opacity-0 { opacity: 0; } .lg\:opacity-100 { opacity: 1; } .lg\:shadow-basic { --tw-shadow: 1px 4px 4px 2px rgba(0, 0, 0, .12); --tw-shadow-colored: 1px 4px 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); } .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\: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); } .lg\:shadow-stickyTop { --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, .20), 0 2px 1px -1px rgba(0, 0, 0, .12), 0 0 1px 0 rgba(0, 0, 0, .14), 0 4px 4px 0 rgba(0, 0, 0, .25); --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 2px 1px -1px var(--tw-shadow-color), 0 0 1px 0 var(--tw-shadow-color), 0 4px 4px 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); } .lg\:transition-all { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .lg\:transition-colors { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .lg\:transition-opacity { transition-property: opacity; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .lg\:duration-200 { transition-duration: 200ms; } .lg\:ease-in-out { transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } .lg\:hover\:cursor-pointer:hover { cursor: pointer; } .lg\:hover\:\!border-gray-800:hover { --tw-border-opacity: 1 !important; border-color: rgb(49 49 49 / var(--tw-border-opacity)) !important; } .lg\:hover\:border-gray-700:hover { --tw-border-opacity: 1; border-color: rgb(96 96 96 / var(--tw-border-opacity)); } .lg\:hover\:border-gray-800:hover { --tw-border-opacity: 1; border-color: rgb(49 49 49 / var(--tw-border-opacity)); } .lg\:hover\:border-green-700:hover { --tw-border-opacity: 1; border-color: rgb(60 135 0 / var(--tw-border-opacity)); } .lg\:hover\:border-success-600:hover { --tw-border-opacity: 1; border-color: rgb(0 95 97 / var(--tw-border-opacity)); } .lg\:hover\:border-success-800:hover { --tw-border-opacity: 1; border-color: rgb(33 69 68 / var(--tw-border-opacity)); } .lg\:hover\:bg-green-25:hover { --tw-bg-opacity: 1; background-color: rgb(247 250 242 / var(--tw-bg-opacity)); } .lg\:hover\:bg-transparent:hover { background-color: transparent; } .lg\:hover\:text-error-600:hover { --tw-text-opacity: 1; color: rgb(218 41 28 / var(--tw-text-opacity)); } .lg\:hover\:text-gray-500:hover { --tw-text-opacity: 1; color: rgb(153 153 153 / var(--tw-text-opacity)); } .lg\:hover\:text-gray-600:hover { --tw-text-opacity: 1; color: rgb(128 128 128 / var(--tw-text-opacity)); } .lg\:hover\:text-gray-700:hover { --tw-text-opacity: 1; color: rgb(96 96 96 / var(--tw-text-opacity)); } .lg\:hover\:text-gray-800:hover { --tw-text-opacity: 1; color: rgb(49 49 49 / var(--tw-text-opacity)); } .lg\:hover\:text-green-500:hover { --tw-text-opacity: 1; color: rgb(120 190 32 / var(--tw-text-opacity)); } .lg\:hover\:text-green-600:hover { --tw-text-opacity: 1; color: rgb(86 147 37 / var(--tw-text-opacity)); } .lg\:hover\:text-green-700:hover { --tw-text-opacity: 1; color: rgb(60 135 0 / var(--tw-text-opacity)); } .lg\:hover\:text-success-600:hover { --tw-text-opacity: 1; color: rgb(0 95 97 / var(--tw-text-opacity)); } .lg\:hover\:text-white:hover { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .lg\:hover\:opacity-40:hover { opacity: 0.4; } .lg\:hover\:opacity-70:hover { opacity: 0.7; } .lg\:hover\:shadow-none:hover { --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); } .lg\:hover\:shadow-normal:hover { --tw-shadow: 0 5px 5px -3px rgba(0, 0, 0, .2), 0 8px 10px 1px rgba(0, 0, 0, .14), 0 3px 14px 2px rgba(0, 0, 0, .12); --tw-shadow-colored: 0 5px 5px -3px var(--tw-shadow-color), 0 8px 10px 1px var(--tw-shadow-color), 0 3px 14px 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); } .lg\:hover\:shadow-xl:hover { --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); } .lg\:hover\:transition-colors:hover { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } } @media (min-width: 1240px) { .xl\:bottom-0 { bottom: 0px; } .xl\:col-span-2 { grid-column: span 2 / span 2; } .xl\:mx-\[88px\] { margin-left: 88px; margin-right: 88px; } .xl\:-mt-12 { margin-top: -3rem; } .xl\:mr-0 { margin-right: 0px; } .xl\:mr-3 { margin-right: 0.75rem; } .xl\:mt-0 { margin-top: 0px; } .xl\:mt-3 { margin-top: 0.75rem; } .xl\:mt-6 { margin-top: 1.5rem; } .xl\:mt-\[6px\] { margin-top: 6px; } .xl\:block { display: block; } .xl\:flex { display: flex; } .xl\:h-10 { height: 2.5rem; } .xl\:w-1\/2 { width: 50%; } .xl\:w-1\/3 { width: 33.333333%; } .xl\:w-1\/4 { width: 25%; } .xl\:w-\[256px\] { width: 256px; } .xl\:w-\[292px\] { width: 292px; } .xl\:w-\[308px\] { width: 308px; } .xl\:w-\[calc\(33\%-8px\)\] { width: calc(33% - 8px); } .xl\:w-auto { width: auto; } .xl\:min-w-fit { min-width: -moz-fit-content; min-width: fit-content; } .xl\:max-w-\[400px\] { max-width: 400px; } .xl\:max-w-full { max-width: 100%; } .xl\:grow { flex-grow: 1; } .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\:flex-row { flex-direction: row; } .xl\:flex-col { flex-direction: column; } .xl\:items-center { align-items: center; } .xl\:justify-center { justify-content: center; } .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\:p-6 { padding: 1.5rem; } .xl\:px-0 { padding-left: 0px; padding-right: 0px; } .xl\:px-2 { padding-left: 0.5rem; padding-right: 0.5rem; } .xl\:px-\[122px\] { padding-left: 122px; padding-right: 122px; } .xl\:py-0 { padding-top: 0px; padding-bottom: 0px; } .xl\:text-right { text-align: right; } .xl\:text-\[28px\] { font-size: 28px; } .xl\:leading-10 { line-height: 2.5rem; } .xl\:shadow-block { --tw-shadow: 0 0 8px 0 rgba(0, 0, 0, .25); --tw-shadow-colored: 0 0 8px 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); } .xl\:focus-within\:relative:focus-within { position: relative; } }