.accordion-content { max-height: 0; overflow: hidden; transition: max-height 0.3s ease-out; } .accordion-trigger svg { transition: transform 0.3s ease; transform: rotate(0deg); } .accordion-trigger svg.open { transform: rotate(180deg); } .tw-root ::before, .tw-root ::after { --tw-content: ""; } /* postcss-nested: .tw-root { https://github.com/tailwindlabs/tailwindcss/blob/next/packages/tailwindcss/preflight.css } */ /* 1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4) 2. Remove default margins and padding 3. Reset all borders. */ .tw-root *, .tw-root ::after, .tw-root ::before, .tw-root ::backdrop, .tw-root ::file-selector-button { box-sizing: border-box; /* 1 */ margin: 0; /* 2 */ padding: 0; /* 2 */ border: 0 solid; /* 3 */ } /* 1. Use a consistent sensible line-height in all browsers. 2. Prevent adjustments of font size after orientation changes in iOS. 3. Use a more readable tab size. 4. Use the user's configured `sans` font-family by default. 5. Use the user's configured `sans` font-feature-settings by default. 6. Use the user's configured `sans` font-variation-settings by default. 7. Disable tap highlights on iOS. */ /* .tw-root html, */ .tw-root :host { line-height: 1.5; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ -moz-tab-size: 4; -o-tab-size: 4; tab-size: 4; /* 3 */ font-family: var( --default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" ); /* 4 */ font-feature-settings: var(--default-font-feature-settings, normal); /* 5 */ font-variation-settings: var(--default-font-variation-settings, normal); /* 6 */ -webkit-tap-highlight-color: transparent; /* 7 */ } /* Inherit line-height from `html` so users can set them as a class directly on the `html` element. */ /* body { line-height: inherit; } */ /* 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. Reset the default border style to a 1px solid border. */ .tw-root hr { height: 0; /* 1 */ color: inherit; /* 2 */ border-top-width: 1px; /* 3 */ } /* Add the correct text decoration in Chrome, Edge, and Safari. */ .tw-root abbr:where([title]) { -webkit-text-decoration: underline dotted; text-decoration: underline dotted; } /* Remove the default font size and weight for headings. */ .tw-root h1, .tw-root h2, .tw-root h3, .tw-root h4, .tw-root h5, .tw-root h6 { font-size: inherit; font-weight: inherit; } /* Reset links to optimize for opt-in styling instead of opt-out. */ .tw-root a { color: inherit; -webkit-text-decoration: inherit; text-decoration: inherit; } /* Add the correct font weight in Edge and Safari. */ .tw-root b, .tw-root strong { font-weight: bolder; } /* 1. Use the user's configured `mono` font-family by default. 2. Use the user's configured `mono` font-feature-settings by default. 3. Use the user's configured `mono` font-variation-settings by default. 4. Correct the odd `em` font sizing in all browsers. */ .tw-root code, .tw-root kbd, .tw-root samp, .tw-root pre { font-family: var( --default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace ); /* 4 */ font-feature-settings: var(--default-mono-font-feature-settings, normal); /* 5 */ font-variation-settings: var(--default-mono-font-variation-settings, normal); /* 6 */ font-size: 1em; /* 4 */ } /* Add the correct font size in all browsers. */ .tw-root small { font-size: 80%; } /* Prevent `sub` and `sup` elements from affecting the line height in all browsers. */ .tw-root sub, .tw-root sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } /* https://github.com/tailwindlabs/tailwindcss/blob/next/packages/tailwindcss/preflight.css */ .tw-root sub { bottom: -0.25em; } .tw-root 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. */ .tw-root table { text-indent: 0; /* 1 */ border-color: inherit; /* 2 */ border-collapse: collapse; /* 3 */ } /* 1. Inherit the font styles in all browsers. 2. Remove the default background color. */ .tw-root button, .tw-root input, .tw-root optgroup, .tw-root select, .tw-root textarea, .tw-root ::file-selector-button { font: inherit; /* 1 */ font-feature-settings: inherit; /* 1 */ font-variation-settings: inherit; /* 1 */ letter-spacing: inherit; /* 1 */ color: inherit; /* 1 */ background: transparent; /* 2 */ } /* Reset the default inset border style for form controls to solid. */ .tw-root input:where(:not([type="button"], [type="reset"], [type="submit"])), .tw-root select, .tw-root textarea { border: 1px solid; } /* Correct the inability to style the border radius in iOS Safari. */ .tw-root button, .tw-root input:where([type="button"], [type="reset"], [type="submit"]), .tw-root ::file-selector-button { -webkit-appearance: button; -moz-appearance: button; appearance: button; } /* Use the modern Firefox focus style for all focusable elements. */ .tw-root :-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) */ .tw-root :-moz-ui-invalid { box-shadow: none; } /* Add the correct vertical alignment in Chrome and Firefox. */ .tw-root progress { vertical-align: baseline; } /* Correct the cursor style of increment and decrement buttons in Safari. */ .tw-root ::-webkit-inner-spin-button, .tw-root ::-webkit-outer-spin-button { height: auto; } /* Remove the inner padding in Chrome and Safari on macOS. */ .tw-root ::-webkit-search-decoration { -webkit-appearance: none; } /* Add the correct display in Chrome and Safari. */ .tw-root summary { display: list-item; } /* Make lists unstyled by default. */ .tw-root ol, .tw-root ul, .tw-root menu { list-style: none; } /* Prevent resizing textareas horizontally by default. */ .tw-root 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 a semi-transparent version of the current text color. */ .tw-root ::-moz-placeholder { opacity: 1; /* 1 */ color: color-mix(in srgb, currentColor 50%, transparent); /* 2 */ } .tw-root ::placeholder { opacity: 1; /* 1 */ color: color-mix(in srgb, currentColor 50%, transparent); /* 2 */ } /* 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. */ .tw-root img, .tw-root svg, .tw-root video, .tw-root canvas, .tw-root audio, .tw-root iframe, .tw-root embed, .tw-root 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) */ .tw-root img, .tw-root video { max-width: 100%; height: auto; } /* Make elements with the HTML hidden attribute stay hidden by default. */ .tw-root [hidden] { display: none !important; } .tw-root { --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; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); font-family: "Open Sans", sans-serif; font-size: 0.875rem; line-height: 1.3125rem; --tw-text-opacity: 1; color: rgb(77 80 82 / var(--tw-text-opacity, 1)); } /* NOTE: corePlugins: { preflight: false } */ /* @tailwind base; */ .tw-root .tw-button-base { position: relative; display: inline-flex; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; user-select: none; align-items: center; justify-content: center; border-radius: 0.5rem; vertical-align: top; } .tw-root .tw-button-base:focus { outline-width: 0px; } /* */ .tw-root .tw-button-color-primary-orange { --tw-bg-opacity: 1; background-color: rgb(241 93 34 / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); } .tw-root .tw-button-color-primary-orange:hover { --tw-bg-opacity: 1; background-color: rgb(210 77 25 / var(--tw-bg-opacity, 1)); } .tw-root .tw-button-color-primary-orange:focus-visible { position: relative; outline-width: 0px; } .tw-root .tw-button-color-primary-orange:focus-visible::before { position: absolute; inset: -0.125rem; border-radius: 10px; border-width: 2px; border-style: solid; border-color: currentColor; content: var(--tw-content); --tw-shadow: 0px 0px 0px 2px rgba(241,93,34,0.3); --tw-shadow-colored: 0px 0px 0px 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); } .tw-root .tw-button-color-primary-orange:active { --tw-bg-opacity: 1; background-color: rgb(210 77 25 / var(--tw-bg-opacity, 1)); } .tw-root .tw-button-color-primary-orange:disabled { pointer-events: none; --tw-bg-opacity: 1; background-color: rgb(247 247 247 / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: rgb(188 189 190 / var(--tw-text-opacity, 1)); } .tw-root .tw-button-color-primary-orange:focus-visible:disabled::before { --tw-content: none; content: var(--tw-content); } .tw-root .tw-button-color-primary-ocean-900 { --tw-bg-opacity: 1; background-color: rgb(0 74 102 / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); } .tw-root .tw-button-color-primary-ocean-900:hover { --tw-bg-opacity: 1; background-color: rgb(0 51 70 / var(--tw-bg-opacity, 1)); } .tw-root .tw-button-color-primary-ocean-900:focus-visible { position: relative; outline-width: 0px; } .tw-root .tw-button-color-primary-ocean-900:focus-visible::before { position: absolute; inset: -0.125rem; border-radius: 10px; border-width: 2px; border-style: solid; border-color: currentColor; content: var(--tw-content); --tw-shadow: 0px 0px 0px 2px rgba(0,74,102,0.3); --tw-shadow-colored: 0px 0px 0px 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); } .tw-root .tw-button-color-primary-ocean-900:active { --tw-bg-opacity: 1; background-color: rgb(0 51 70 / var(--tw-bg-opacity, 1)); } .tw-root .tw-button-color-primary-ocean-900:disabled { pointer-events: none; --tw-bg-opacity: 1; background-color: rgb(247 247 247 / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: rgb(188 189 190 / var(--tw-text-opacity, 1)); } .tw-root .tw-button-color-primary-ocean-900:focus-visible:disabled::before { --tw-content: none; content: var(--tw-content); } .tw-root .tw-button-color-primary-white-has-shadow { --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: rgb(0 74 102 / var(--tw-text-opacity, 1)); --tw-shadow: 0px 4px 6px 0px rgb(0 0 0 / 0.04); --tw-shadow-colored: 0px 4px 6px 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); } .tw-root .tw-button-color-primary-white-has-shadow:hover { --tw-shadow: 0px 12px 16px 0px rgb(0 0 0 / 0.04); --tw-shadow-colored: 0px 12px 16px 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); } .tw-root .tw-button-color-primary-white-has-shadow:focus-visible { position: relative; outline-width: 0px; } .tw-root .tw-button-color-primary-white-has-shadow:focus-visible::before { position: absolute; inset: -0.125rem; border-radius: 10px; border-width: 2px; border-style: solid; border-color: currentColor; content: var(--tw-content); --tw-shadow: 0px 0px 0px 2px rgba(0,74,102,0.3); --tw-shadow-colored: 0px 0px 0px 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); } .tw-root .tw-button-color-primary-white-has-shadow:active { --tw-shadow: 0px 12px 16px 0px rgb(0 0 0 / 0.04); --tw-shadow-colored: 0px 12px 16px 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); } .tw-root .tw-button-color-primary-white-has-shadow:disabled { pointer-events: none; opacity: 0.4; } .tw-root .tw-button-color-primary-white-has-shadow:focus-visible:disabled::before { --tw-content: none; content: var(--tw-content); } .tw-root .tw-button-color-secondary-orange { --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: rgb(241 93 34 / var(--tw-text-opacity, 1)); --tw-shadow: inset 0px 0px 0px 1px #F15D22; --tw-shadow-colored: inset 0px 0px 0px 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); } .tw-root .tw-button-color-secondary-orange:hover { --tw-bg-opacity: 1; background-color: rgb(241 93 34 / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); } .tw-root .tw-button-color-secondary-orange:focus-visible { position: relative; outline-width: 0px; } .tw-root .tw-button-color-secondary-orange:focus-visible::before { position: absolute; inset: -0.125rem; border-radius: 10px; border-width: 2px; border-style: solid; border-color: currentColor; content: var(--tw-content); --tw-shadow: 0px 0px 0px 2px rgba(241,93,34,0.3); --tw-shadow-colored: 0px 0px 0px 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); } .tw-root .tw-button-color-secondary-orange:active { --tw-bg-opacity: 1; background-color: rgb(241 93 34 / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); } .tw-root .tw-button-color-secondary-orange:disabled { pointer-events: none; --tw-text-opacity: 1; color: rgb(188 189 190 / var(--tw-text-opacity, 1)); --tw-shadow: inset 0px 0px 0px 1px #BCBDBE; --tw-shadow-colored: inset 0px 0px 0px 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); } .tw-root .tw-button-color-secondary-orange:focus-visible:disabled::before { --tw-content: none; content: var(--tw-content); } .tw-root .tw-button-color-secondary-ocean-900 { --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: rgb(0 74 102 / var(--tw-text-opacity, 1)); --tw-shadow: inset 0px 0px 0px 1px #004A66; --tw-shadow-colored: inset 0px 0px 0px 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); } .tw-root .tw-button-color-secondary-ocean-900:hover { --tw-bg-opacity: 1; background-color: rgb(0 74 102 / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); } .tw-root .tw-button-color-secondary-ocean-900:focus-visible { position: relative; outline-width: 0px; } .tw-root .tw-button-color-secondary-ocean-900:focus-visible::before { position: absolute; inset: -0.125rem; border-radius: 10px; border-width: 2px; border-style: solid; border-color: currentColor; content: var(--tw-content); --tw-shadow: 0px 0px 0px 2px rgba(0,74,102,0.3); --tw-shadow-colored: 0px 0px 0px 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); } .tw-root .tw-button-color-secondary-ocean-900:active { --tw-bg-opacity: 1; background-color: rgb(0 74 102 / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); } .tw-root .tw-button-color-secondary-ocean-900:disabled { pointer-events: none; --tw-text-opacity: 1; color: rgb(188 189 190 / var(--tw-text-opacity, 1)); --tw-shadow: inset 0px 0px 0px 1px #BCBDBE; --tw-shadow-colored: inset 0px 0px 0px 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); } .tw-root .tw-button-color-secondary-ocean-900:focus-visible:disabled::before { --tw-content: none; content: var(--tw-content); } /* */ .tw-root .tw-button-size-x-large { min-height: 4rem; gap: 0.75rem; padding-left: 1.5rem; padding-right: 1.5rem; padding-top: 1.25rem; padding-bottom: 1.25rem; } .tw-root .tw-button-size-x-large-icon-only { min-height: 3.5rem; border-radius: 9999px; padding: 1.25rem; } .tw-root .tw-button-size-large { min-height: 3.5rem; gap: 0.25rem; padding-left: 1.5rem; padding-right: 1.5rem; padding-top: 1rem; padding-bottom: 1rem; } .tw-root .tw-button-size-large-icon-only { min-height: 3.5rem; border-radius: 9999px; padding: 18px; } .tw-root .tw-button-size-medium { min-height: 2.5rem; gap: 0.25rem; padding-left: 1rem; padding-right: 1rem; padding-top: 0.625rem; padding-bottom: 0.625rem; } .tw-root .tw-button-size-medium-icon-only { min-height: 2.5rem; border-radius: 9999px; padding: 0.625rem; } .tw-root .tw-button-size-small { min-height: 2rem; gap: 0.25rem; padding-left: 0.5rem; padding-right: 0.5rem; padding-top: 0.375rem; padding-bottom: 0.375rem; } .tw-root .tw-button-size-small-icon-only { min-height: 2rem; border-radius: 9999px; padding: 0.375rem; } /* */ .tw-root .tw-button-primary-orange-large { position: relative; display: inline-flex; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; user-select: none; align-items: center; justify-content: center; border-radius: 0.5rem; vertical-align: top; } .tw-root .tw-button-primary-orange-large:focus { outline-width: 0px; } .tw-root .tw-button-primary-orange-large { --tw-bg-opacity: 1; background-color: rgb(241 93 34 / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); } .tw-root .tw-button-primary-orange-large:hover { --tw-bg-opacity: 1; background-color: rgb(210 77 25 / var(--tw-bg-opacity, 1)); } .tw-root .tw-button-primary-orange-large:focus-visible { position: relative; outline-width: 0px; } .tw-root .tw-button-primary-orange-large:focus-visible::before { position: absolute; inset: -0.125rem; border-radius: 10px; border-width: 2px; border-style: solid; border-color: currentColor; content: var(--tw-content); --tw-shadow: 0px 0px 0px 2px rgba(241,93,34,0.3); --tw-shadow-colored: 0px 0px 0px 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); } .tw-root .tw-button-primary-orange-large:active { --tw-bg-opacity: 1; background-color: rgb(210 77 25 / var(--tw-bg-opacity, 1)); } .tw-root .tw-button-primary-orange-large:disabled { pointer-events: none; --tw-bg-opacity: 1; background-color: rgb(247 247 247 / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: rgb(188 189 190 / var(--tw-text-opacity, 1)); } .tw-root .tw-button-primary-orange-large:focus-visible:disabled::before { --tw-content: none; content: var(--tw-content); } .tw-root .tw-button-primary-orange-large { min-height: 3.5rem; gap: 0.25rem; padding-left: 1.5rem; padding-right: 1.5rem; padding-top: 1rem; padding-bottom: 1rem; font-size: 1rem; line-height: 1.5rem; font-family: "Ubuntu", sans-serif; font-weight: 500; } .tw-root .tw-button-primary-orange-medium { position: relative; display: inline-flex; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; user-select: none; align-items: center; justify-content: center; border-radius: 0.5rem; vertical-align: top; } .tw-root .tw-button-primary-orange-medium:focus { outline-width: 0px; } .tw-root .tw-button-primary-orange-medium { --tw-bg-opacity: 1; background-color: rgb(241 93 34 / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); } .tw-root .tw-button-primary-orange-medium:hover { --tw-bg-opacity: 1; background-color: rgb(210 77 25 / var(--tw-bg-opacity, 1)); } .tw-root .tw-button-primary-orange-medium:focus-visible { position: relative; outline-width: 0px; } .tw-root .tw-button-primary-orange-medium:focus-visible::before { position: absolute; inset: -0.125rem; border-radius: 10px; border-width: 2px; border-style: solid; border-color: currentColor; content: var(--tw-content); --tw-shadow: 0px 0px 0px 2px rgba(241,93,34,0.3); --tw-shadow-colored: 0px 0px 0px 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); } .tw-root .tw-button-primary-orange-medium:active { --tw-bg-opacity: 1; background-color: rgb(210 77 25 / var(--tw-bg-opacity, 1)); } .tw-root .tw-button-primary-orange-medium:disabled { pointer-events: none; --tw-bg-opacity: 1; background-color: rgb(247 247 247 / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: rgb(188 189 190 / var(--tw-text-opacity, 1)); } .tw-root .tw-button-primary-orange-medium:focus-visible:disabled::before { --tw-content: none; content: var(--tw-content); } .tw-root .tw-button-primary-orange-medium { min-height: 2.5rem; gap: 0.25rem; padding-left: 1rem; padding-right: 1rem; padding-top: 0.625rem; padding-bottom: 0.625rem; font-size: 0.875rem; line-height: 1.25rem; font-family: "Ubuntu", sans-serif; font-weight: 500; } .tw-root .tw-button-primary-orange-small { position: relative; display: inline-flex; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; user-select: none; align-items: center; justify-content: center; border-radius: 0.5rem; vertical-align: top; } .tw-root .tw-button-primary-orange-small:focus { outline-width: 0px; } .tw-root .tw-button-primary-orange-small { --tw-bg-opacity: 1; background-color: rgb(241 93 34 / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); } .tw-root .tw-button-primary-orange-small:hover { --tw-bg-opacity: 1; background-color: rgb(210 77 25 / var(--tw-bg-opacity, 1)); } .tw-root .tw-button-primary-orange-small:focus-visible { position: relative; outline-width: 0px; } .tw-root .tw-button-primary-orange-small:focus-visible::before { position: absolute; inset: -0.125rem; border-radius: 10px; border-width: 2px; border-style: solid; border-color: currentColor; content: var(--tw-content); --tw-shadow: 0px 0px 0px 2px rgba(241,93,34,0.3); --tw-shadow-colored: 0px 0px 0px 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); } .tw-root .tw-button-primary-orange-small:active { --tw-bg-opacity: 1; background-color: rgb(210 77 25 / var(--tw-bg-opacity, 1)); } .tw-root .tw-button-primary-orange-small:disabled { pointer-events: none; --tw-bg-opacity: 1; background-color: rgb(247 247 247 / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: rgb(188 189 190 / var(--tw-text-opacity, 1)); } .tw-root .tw-button-primary-orange-small:focus-visible:disabled::before { --tw-content: none; content: var(--tw-content); } .tw-root .tw-button-primary-orange-small { min-height: 2rem; gap: 0.25rem; padding-left: 0.5rem; padding-right: 0.5rem; padding-top: 0.375rem; padding-bottom: 0.375rem; font-size: 0.75rem; line-height: 1.25rem; font-family: "Ubuntu", sans-serif; font-weight: 500; } .tw-root .tw-button-primary-ocean-900-medium { position: relative; display: inline-flex; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; user-select: none; align-items: center; justify-content: center; border-radius: 0.5rem; vertical-align: top; } .tw-root .tw-button-primary-ocean-900-medium:focus { outline-width: 0px; } .tw-root .tw-button-primary-ocean-900-medium { --tw-bg-opacity: 1; background-color: rgb(0 74 102 / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); } .tw-root .tw-button-primary-ocean-900-medium:hover { --tw-bg-opacity: 1; background-color: rgb(0 51 70 / var(--tw-bg-opacity, 1)); } .tw-root .tw-button-primary-ocean-900-medium:focus-visible { position: relative; outline-width: 0px; } .tw-root .tw-button-primary-ocean-900-medium:focus-visible::before { position: absolute; inset: -0.125rem; border-radius: 10px; border-width: 2px; border-style: solid; border-color: currentColor; content: var(--tw-content); --tw-shadow: 0px 0px 0px 2px rgba(0,74,102,0.3); --tw-shadow-colored: 0px 0px 0px 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); } .tw-root .tw-button-primary-ocean-900-medium:active { --tw-bg-opacity: 1; background-color: rgb(0 51 70 / var(--tw-bg-opacity, 1)); } .tw-root .tw-button-primary-ocean-900-medium:disabled { pointer-events: none; --tw-bg-opacity: 1; background-color: rgb(247 247 247 / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: rgb(188 189 190 / var(--tw-text-opacity, 1)); } .tw-root .tw-button-primary-ocean-900-medium:focus-visible:disabled::before { --tw-content: none; content: var(--tw-content); } .tw-root .tw-button-primary-ocean-900-medium { min-height: 2.5rem; gap: 0.25rem; padding-left: 1rem; padding-right: 1rem; padding-top: 0.625rem; padding-bottom: 0.625rem; font-size: 0.875rem; line-height: 1.25rem; font-family: "Ubuntu", sans-serif; font-weight: 500; } .tw-root .tw-button-primary-white-has-shadow-small { position: relative; display: inline-flex; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; user-select: none; align-items: center; justify-content: center; border-radius: 0.5rem; vertical-align: top; } .tw-root .tw-button-primary-white-has-shadow-small:focus { outline-width: 0px; } .tw-root .tw-button-primary-white-has-shadow-small { --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: rgb(0 74 102 / var(--tw-text-opacity, 1)); --tw-shadow: 0px 4px 6px 0px rgb(0 0 0 / 0.04); --tw-shadow-colored: 0px 4px 6px 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); } .tw-root .tw-button-primary-white-has-shadow-small:hover { --tw-shadow: 0px 12px 16px 0px rgb(0 0 0 / 0.04); --tw-shadow-colored: 0px 12px 16px 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); } .tw-root .tw-button-primary-white-has-shadow-small:focus-visible { position: relative; outline-width: 0px; } .tw-root .tw-button-primary-white-has-shadow-small:focus-visible::before { position: absolute; inset: -0.125rem; border-radius: 10px; border-width: 2px; border-style: solid; border-color: currentColor; content: var(--tw-content); --tw-shadow: 0px 0px 0px 2px rgba(0,74,102,0.3); --tw-shadow-colored: 0px 0px 0px 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); } .tw-root .tw-button-primary-white-has-shadow-small:active { --tw-shadow: 0px 12px 16px 0px rgb(0 0 0 / 0.04); --tw-shadow-colored: 0px 12px 16px 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); } .tw-root .tw-button-primary-white-has-shadow-small:disabled { pointer-events: none; opacity: 0.4; } .tw-root .tw-button-primary-white-has-shadow-small:focus-visible:disabled::before { --tw-content: none; content: var(--tw-content); } .tw-root .tw-button-primary-white-has-shadow-small { min-height: 2rem; gap: 0.25rem; padding-left: 0.5rem; padding-right: 0.5rem; padding-top: 0.375rem; padding-bottom: 0.375rem; font-size: 0.75rem; line-height: 1.25rem; font-family: "Ubuntu", sans-serif; font-weight: 500; } .tw-root .tw-button-primary-white-has-shadow-small-icon-only { position: relative; display: inline-flex; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; user-select: none; align-items: center; justify-content: center; border-radius: 0.5rem; vertical-align: top; } .tw-root .tw-button-primary-white-has-shadow-small-icon-only:focus { outline-width: 0px; } .tw-root .tw-button-primary-white-has-shadow-small-icon-only { --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: rgb(0 74 102 / var(--tw-text-opacity, 1)); --tw-shadow: 0px 4px 6px 0px rgb(0 0 0 / 0.04); --tw-shadow-colored: 0px 4px 6px 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); } .tw-root .tw-button-primary-white-has-shadow-small-icon-only:hover { --tw-shadow: 0px 12px 16px 0px rgb(0 0 0 / 0.04); --tw-shadow-colored: 0px 12px 16px 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); } .tw-root .tw-button-primary-white-has-shadow-small-icon-only:focus-visible { position: relative; outline-width: 0px; } .tw-root .tw-button-primary-white-has-shadow-small-icon-only:focus-visible::before { position: absolute; inset: -0.125rem; border-radius: 10px; border-width: 2px; border-style: solid; border-color: currentColor; content: var(--tw-content); --tw-shadow: 0px 0px 0px 2px rgba(0,74,102,0.3); --tw-shadow-colored: 0px 0px 0px 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); } .tw-root .tw-button-primary-white-has-shadow-small-icon-only:active { --tw-shadow: 0px 12px 16px 0px rgb(0 0 0 / 0.04); --tw-shadow-colored: 0px 12px 16px 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); } .tw-root .tw-button-primary-white-has-shadow-small-icon-only:disabled { pointer-events: none; opacity: 0.4; } .tw-root .tw-button-primary-white-has-shadow-small-icon-only:focus-visible:disabled::before { --tw-content: none; content: var(--tw-content); } .tw-root .tw-button-primary-white-has-shadow-small-icon-only { min-height: 2rem; border-radius: 9999px; padding: 0.375rem; } .tw-root .tw-button-secondary-orange-small { position: relative; display: inline-flex; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; user-select: none; align-items: center; justify-content: center; border-radius: 0.5rem; vertical-align: top; } .tw-root .tw-button-secondary-orange-small:focus { outline-width: 0px; } .tw-root .tw-button-secondary-orange-small { --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: rgb(241 93 34 / var(--tw-text-opacity, 1)); --tw-shadow: inset 0px 0px 0px 1px #F15D22; --tw-shadow-colored: inset 0px 0px 0px 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); } .tw-root .tw-button-secondary-orange-small:hover { --tw-bg-opacity: 1; background-color: rgb(241 93 34 / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); } .tw-root .tw-button-secondary-orange-small:focus-visible { position: relative; outline-width: 0px; } .tw-root .tw-button-secondary-orange-small:focus-visible::before { position: absolute; inset: -0.125rem; border-radius: 10px; border-width: 2px; border-style: solid; border-color: currentColor; content: var(--tw-content); --tw-shadow: 0px 0px 0px 2px rgba(241,93,34,0.3); --tw-shadow-colored: 0px 0px 0px 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); } .tw-root .tw-button-secondary-orange-small:active { --tw-bg-opacity: 1; background-color: rgb(241 93 34 / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); } .tw-root .tw-button-secondary-orange-small:disabled { pointer-events: none; --tw-text-opacity: 1; color: rgb(188 189 190 / var(--tw-text-opacity, 1)); --tw-shadow: inset 0px 0px 0px 1px #BCBDBE; --tw-shadow-colored: inset 0px 0px 0px 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); } .tw-root .tw-button-secondary-orange-small:focus-visible:disabled::before { --tw-content: none; content: var(--tw-content); } .tw-root .tw-button-secondary-orange-small { min-height: 2rem; gap: 0.25rem; padding-left: 0.5rem; padding-right: 0.5rem; padding-top: 0.375rem; padding-bottom: 0.375rem; font-size: 0.75rem; line-height: 1.25rem; font-family: "Ubuntu", sans-serif; font-weight: 500; } .tw-root .tw-button-secondary-ocean-900-large { position: relative; display: inline-flex; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; user-select: none; align-items: center; justify-content: center; border-radius: 0.5rem; vertical-align: top; } .tw-root .tw-button-secondary-ocean-900-large:focus { outline-width: 0px; } .tw-root .tw-button-secondary-ocean-900-large { --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: rgb(0 74 102 / var(--tw-text-opacity, 1)); --tw-shadow: inset 0px 0px 0px 1px #004A66; --tw-shadow-colored: inset 0px 0px 0px 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); } .tw-root .tw-button-secondary-ocean-900-large:hover { --tw-bg-opacity: 1; background-color: rgb(0 74 102 / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); } .tw-root .tw-button-secondary-ocean-900-large:focus-visible { position: relative; outline-width: 0px; } .tw-root .tw-button-secondary-ocean-900-large:focus-visible::before { position: absolute; inset: -0.125rem; border-radius: 10px; border-width: 2px; border-style: solid; border-color: currentColor; content: var(--tw-content); --tw-shadow: 0px 0px 0px 2px rgba(0,74,102,0.3); --tw-shadow-colored: 0px 0px 0px 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); } .tw-root .tw-button-secondary-ocean-900-large:active { --tw-bg-opacity: 1; background-color: rgb(0 74 102 / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); } .tw-root .tw-button-secondary-ocean-900-large:disabled { pointer-events: none; --tw-text-opacity: 1; color: rgb(188 189 190 / var(--tw-text-opacity, 1)); --tw-shadow: inset 0px 0px 0px 1px #BCBDBE; --tw-shadow-colored: inset 0px 0px 0px 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); } .tw-root .tw-button-secondary-ocean-900-large:focus-visible:disabled::before { --tw-content: none; content: var(--tw-content); } .tw-root .tw-button-secondary-ocean-900-large { min-height: 3.5rem; gap: 0.25rem; padding-left: 1.5rem; padding-right: 1.5rem; padding-top: 1rem; padding-bottom: 1rem; font-size: 1rem; line-height: 1.5rem; font-family: "Ubuntu", sans-serif; font-weight: 500; } .tw-root .tw-button-secondary-ocean-900-medium { position: relative; display: inline-flex; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; user-select: none; align-items: center; justify-content: center; border-radius: 0.5rem; vertical-align: top; } .tw-root .tw-button-secondary-ocean-900-medium:focus { outline-width: 0px; } .tw-root .tw-button-secondary-ocean-900-medium { --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: rgb(0 74 102 / var(--tw-text-opacity, 1)); --tw-shadow: inset 0px 0px 0px 1px #004A66; --tw-shadow-colored: inset 0px 0px 0px 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); } .tw-root .tw-button-secondary-ocean-900-medium:hover { --tw-bg-opacity: 1; background-color: rgb(0 74 102 / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); } .tw-root .tw-button-secondary-ocean-900-medium:focus-visible { position: relative; outline-width: 0px; } .tw-root .tw-button-secondary-ocean-900-medium:focus-visible::before { position: absolute; inset: -0.125rem; border-radius: 10px; border-width: 2px; border-style: solid; border-color: currentColor; content: var(--tw-content); --tw-shadow: 0px 0px 0px 2px rgba(0,74,102,0.3); --tw-shadow-colored: 0px 0px 0px 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); } .tw-root .tw-button-secondary-ocean-900-medium:active { --tw-bg-opacity: 1; background-color: rgb(0 74 102 / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); } .tw-root .tw-button-secondary-ocean-900-medium:disabled { pointer-events: none; --tw-text-opacity: 1; color: rgb(188 189 190 / var(--tw-text-opacity, 1)); --tw-shadow: inset 0px 0px 0px 1px #BCBDBE; --tw-shadow-colored: inset 0px 0px 0px 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); } .tw-root .tw-button-secondary-ocean-900-medium:focus-visible:disabled::before { --tw-content: none; content: var(--tw-content); } .tw-root .tw-button-secondary-ocean-900-medium { min-height: 2.5rem; gap: 0.25rem; padding-left: 1rem; padding-right: 1rem; padding-top: 0.625rem; padding-bottom: 0.625rem; font-size: 0.875rem; line-height: 1.25rem; font-family: "Ubuntu", sans-serif; font-weight: 500; } /* */ .tw-root .tw-button-primary-orange { position: relative; display: inline-flex; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; user-select: none; align-items: center; justify-content: center; border-radius: 0.5rem; vertical-align: top; } .tw-root .tw-button-primary-orange:focus { outline-width: 0px; } .tw-root .tw-button-primary-orange { --tw-bg-opacity: 1; background-color: rgb(241 93 34 / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); } .tw-root .tw-button-primary-orange:hover { --tw-bg-opacity: 1; background-color: rgb(210 77 25 / var(--tw-bg-opacity, 1)); } .tw-root .tw-button-primary-orange:focus-visible { position: relative; outline-width: 0px; } .tw-root .tw-button-primary-orange:focus-visible::before { position: absolute; inset: -0.125rem; border-radius: 10px; border-width: 2px; border-style: solid; border-color: currentColor; content: var(--tw-content); --tw-shadow: 0px 0px 0px 2px rgba(241,93,34,0.3); --tw-shadow-colored: 0px 0px 0px 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); } .tw-root .tw-button-primary-orange:active { --tw-bg-opacity: 1; background-color: rgb(210 77 25 / var(--tw-bg-opacity, 1)); } .tw-root .tw-button-primary-orange:disabled { pointer-events: none; --tw-bg-opacity: 1; background-color: rgb(247 247 247 / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: rgb(188 189 190 / var(--tw-text-opacity, 1)); } .tw-root .tw-button-primary-orange:focus-visible:disabled::before { --tw-content: none; content: var(--tw-content); } .tw-root .tw-button-primary-orange { min-height: 2.5rem; gap: 0.25rem; padding-left: 1rem; padding-right: 1rem; padding-top: 0.625rem; padding-bottom: 0.625rem; font-size: 0.875rem; line-height: 1.25rem; font-family: "Ubuntu", sans-serif; font-weight: 500; } .tw-root .tw-button-primary-ocean-900 { position: relative; display: inline-flex; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; user-select: none; align-items: center; justify-content: center; border-radius: 0.5rem; vertical-align: top; } .tw-root .tw-button-primary-ocean-900:focus { outline-width: 0px; } .tw-root .tw-button-primary-ocean-900 { --tw-bg-opacity: 1; background-color: rgb(0 74 102 / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); } .tw-root .tw-button-primary-ocean-900:hover { --tw-bg-opacity: 1; background-color: rgb(0 51 70 / var(--tw-bg-opacity, 1)); } .tw-root .tw-button-primary-ocean-900:focus-visible { position: relative; outline-width: 0px; } .tw-root .tw-button-primary-ocean-900:focus-visible::before { position: absolute; inset: -0.125rem; border-radius: 10px; border-width: 2px; border-style: solid; border-color: currentColor; content: var(--tw-content); --tw-shadow: 0px 0px 0px 2px rgba(0,74,102,0.3); --tw-shadow-colored: 0px 0px 0px 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); } .tw-root .tw-button-primary-ocean-900:active { --tw-bg-opacity: 1; background-color: rgb(0 51 70 / var(--tw-bg-opacity, 1)); } .tw-root .tw-button-primary-ocean-900:disabled { pointer-events: none; --tw-bg-opacity: 1; background-color: rgb(247 247 247 / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: rgb(188 189 190 / var(--tw-text-opacity, 1)); } .tw-root .tw-button-primary-ocean-900:focus-visible:disabled::before { --tw-content: none; content: var(--tw-content); } .tw-root .tw-button-primary-ocean-900 { min-height: 2.5rem; gap: 0.25rem; padding-left: 1rem; padding-right: 1rem; padding-top: 0.625rem; padding-bottom: 0.625rem; font-size: 0.875rem; line-height: 1.25rem; font-family: "Ubuntu", sans-serif; font-weight: 500; } .tw-root .tw-button-primary-white-has-shadow-icon-only { position: relative; display: inline-flex; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; user-select: none; align-items: center; justify-content: center; border-radius: 0.5rem; vertical-align: top; } .tw-root .tw-button-primary-white-has-shadow-icon-only:focus { outline-width: 0px; } .tw-root .tw-button-primary-white-has-shadow-icon-only { --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: rgb(0 74 102 / var(--tw-text-opacity, 1)); --tw-shadow: 0px 4px 6px 0px rgb(0 0 0 / 0.04); --tw-shadow-colored: 0px 4px 6px 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); } .tw-root .tw-button-primary-white-has-shadow-icon-only:hover { --tw-shadow: 0px 12px 16px 0px rgb(0 0 0 / 0.04); --tw-shadow-colored: 0px 12px 16px 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); } .tw-root .tw-button-primary-white-has-shadow-icon-only:focus-visible { position: relative; outline-width: 0px; } .tw-root .tw-button-primary-white-has-shadow-icon-only:focus-visible::before { position: absolute; inset: -0.125rem; border-radius: 10px; border-width: 2px; border-style: solid; border-color: currentColor; content: var(--tw-content); --tw-shadow: 0px 0px 0px 2px rgba(0,74,102,0.3); --tw-shadow-colored: 0px 0px 0px 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); } .tw-root .tw-button-primary-white-has-shadow-icon-only:active { --tw-shadow: 0px 12px 16px 0px rgb(0 0 0 / 0.04); --tw-shadow-colored: 0px 12px 16px 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); } .tw-root .tw-button-primary-white-has-shadow-icon-only:disabled { pointer-events: none; opacity: 0.4; } .tw-root .tw-button-primary-white-has-shadow-icon-only:focus-visible:disabled::before { --tw-content: none; content: var(--tw-content); } .tw-root .tw-button-primary-white-has-shadow-icon-only { min-height: 2.5rem; border-radius: 9999px; padding: 0.625rem; } .tw-root .tw-button-secondary-ocean-900 { position: relative; display: inline-flex; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; user-select: none; align-items: center; justify-content: center; border-radius: 0.5rem; vertical-align: top; } .tw-root .tw-button-secondary-ocean-900:focus { outline-width: 0px; } .tw-root .tw-button-secondary-ocean-900 { --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: rgb(0 74 102 / var(--tw-text-opacity, 1)); --tw-shadow: inset 0px 0px 0px 1px #004A66; --tw-shadow-colored: inset 0px 0px 0px 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); } .tw-root .tw-button-secondary-ocean-900:hover { --tw-bg-opacity: 1; background-color: rgb(0 74 102 / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); } .tw-root .tw-button-secondary-ocean-900:focus-visible { position: relative; outline-width: 0px; } .tw-root .tw-button-secondary-ocean-900:focus-visible::before { position: absolute; inset: -0.125rem; border-radius: 10px; border-width: 2px; border-style: solid; border-color: currentColor; content: var(--tw-content); --tw-shadow: 0px 0px 0px 2px rgba(0,74,102,0.3); --tw-shadow-colored: 0px 0px 0px 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); } .tw-root .tw-button-secondary-ocean-900:active { --tw-bg-opacity: 1; background-color: rgb(0 74 102 / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); } .tw-root .tw-button-secondary-ocean-900:disabled { pointer-events: none; --tw-text-opacity: 1; color: rgb(188 189 190 / var(--tw-text-opacity, 1)); --tw-shadow: inset 0px 0px 0px 1px #BCBDBE; --tw-shadow-colored: inset 0px 0px 0px 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); } .tw-root .tw-button-secondary-ocean-900:focus-visible:disabled::before { --tw-content: none; content: var(--tw-content); } .tw-root .tw-button-secondary-ocean-900 { min-height: 2.5rem; gap: 0.25rem; padding-left: 1rem; padding-right: 1rem; padding-top: 0.625rem; padding-bottom: 0.625rem; font-size: 0.875rem; line-height: 1.25rem; font-family: "Ubuntu", sans-serif; font-weight: 500; } /* .tw-root .tw-checkbox-base { } */ .tw-root .tw-checkbox-stack { position: relative; display: flex; align-items: center; gap: 0.5rem; } .tw-root .tw-checkbox-dummy { display: flex; height: 1.5rem; width: 1.5rem; flex: none; align-items: center; justify-content: center; align-self: flex-start; border-radius: 0.25rem; --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); --tw-shadow: inset 0px 0px 0px 1px #D3D3D4; --tw-shadow-colored: inset 0px 0px 0px 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); } .tw-root .tw-checkbox-dummy-big { display: flex; height: 32px; width: 32px; flex: none; cursor: pointer; align-items: center; justify-content: center; align-self: flex-start; border-radius: 0.25rem; --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); --tw-shadow: inset 0px 0px 0px 1px #D3D3D4; --tw-shadow-colored: inset 0px 0px 0px 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); } .tw-root .tw-checkbox-label { min-width: 0px; } .tw-root .tw-checkbox-label::before { position: absolute; top: 0px; left: 0px; height: 1.5rem; width: 1.5rem; content: var(--tw-content); cursor: pointer; } .tw-root .tw-checkbox-label-big { min-width: 0px; } .tw-root .tw-checkbox-label-big::before { position: absolute; top: 0px; left: 0px; height: 2rem; width: 2rem; content: var(--tw-content); cursor: pointer; } .tw-root .tw-checkbox-base:checked ~ .tw-checkbox-dummy, .tw-root .tw-checkbox-base:checked ~ .tw-checkbox-dummy-big { --tw-bg-opacity: 1; background-color: rgb(241 93 34 / var(--tw-bg-opacity, 1)); --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .tw-root .tw-checkbox-base:disabled ~ .tw-checkbox-dummy, .tw-root .tw-checkbox-base:disabled ~ .tw-checkbox-dummy-big { --tw-bg-opacity: 1; background-color: rgb(122 124 125 / var(--tw-bg-opacity, 1)); --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .tw-root .tw-checkbox-base:focus-visible ~ .tw-checkbox-dummy, .tw-root .tw-checkbox-base:focus-visible ~ .tw-checkbox-dummy-big { outline: inset #636667; } .tw-root .price-ico { margin-right: 0.5rem; display: inline-flex; height: 30px; align-items: center; justify-content: center; gap: 0.625rem; border-radius: 0.125rem; padding-left: 0.5rem; padding-right: 0.5rem; padding-top: 0.625rem; padding-bottom: 0.625rem; font-family: "Ubuntu", sans-serif; font-weight: 700; } .tw-root .price-ico-fix-text { --tw-bg-opacity: 1; background-color: rgb(255 227 215 / var(--tw-bg-opacity, 1)); font-family: "Ubuntu", sans-serif; font-size: 10px; --tw-text-opacity: 1; color: rgb(241 93 34 / var(--tw-text-opacity, 1)); } .tw-root .qty-min-border { border-top-left-radius: 0.5rem; border-bottom-left-radius: 0.5rem; border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-width: 1px; border-right-width: 0px; --tw-border-opacity: 1; border-color: rgb(211 211 212 / var(--tw-border-opacity, 1)); } .tw-root .qty-plus-border { border-top-right-radius: 0.5rem; border-bottom-right-radius: 0.5rem; border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-width: 1px; border-left-width: 0px; --tw-border-opacity: 1; border-color: rgb(211 211 212 / var(--tw-border-opacity, 1)); } .tw-root .qty-input { height: 42px; width: 80px; border-radius: 0px; text-align: center; font-weight: 600; --tw-text-opacity: 1; color: rgb(55 58 60 / var(--tw-text-opacity, 1)); } .tw-root .has-ico{ display: inline-block; background-size: 24px 24px; background-position: 10px 8px; } .tw-root .alert-box .has-ico{ background-position: 12px 0px; } .tw-root .arrow-small-right{ background-image: url('data:image/svg+xml,'); background-repeat: no-repeat; background-size: contain; } .tw-root .info-circle{ background-image: url('data:image/svg+xml,'); background-repeat: no-repeat; background-size: contain; } .tw-root .warning-bg { background-image: url('data:image/svg+xml,'); background-repeat: no-repeat; } .tw-root .warning-bg-black{ background-image: url('data:image/svg+xml,'); background-repeat: no-repeat; } .tw-root .success-ico { background-image: url('data:image/svg+xml,'); background-repeat: no-repeat; } .tw-root .success-ico-green{ background-image: url('data:image/svg+xml,'); background-repeat: no-repeat; } .tw-root .call-ico{ background-image: url('data:image/svg+xml,'); background-repeat: no-repeat; } .tw-root .check-circle-small:before{ background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDE2IDE2IiBmaWxsPSJub25lIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xNC42NjU0IDcuOTk5NjdDMTQuNjY1NCAxMS42ODE2IDExLjY4MDYgMTQuNjY2MyA3Ljk5ODcgMTQuNjY2M0M0LjMxNjggMTQuNjY2MyAxLjMzMjAzIDExLjY4MTYgMS4zMzIwMyA3Ljk5OTY3QzEuMzMyMDMgNC4zMTc3OCA0LjMxNjggMS4zMzMwMSA3Ljk5ODcgMS4zMzMwMUMxMS42ODA2IDEuMzMzMDEgMTQuNjY1NCA0LjMxNzc4IDE0LjY2NTQgNy45OTk2N1pNMTAuNjg1NiA1Ljk3OTQ1QzEwLjg4MDggNi4xNzQ3MiAxMC44ODA4IDYuNDkxMyAxMC42ODU2IDYuNjg2NTZMNzIuMzUyMjVIMTAuMzg1MjUgN0xwYXRoIGZpbGw9ImN1cnJlbnRDb2xvciIvPjwvc3ZnPg=='); background-size: contain; background-repeat: no-repeat; width: 16px; height: 16px; color: #00BAFF; } /* .tw-root .tw-input-base--has-slot-left { } */ /* .tw-root .tw-input-base--has-slot-right { } */ .tw-root .tw-input-base { -webkit-appearance: none; -moz-appearance: none; appearance: none; background-clip: padding-box; border: 0; border-radius: 8px; caret-color: currentColor; display: block; filter: none; padding: 10px 15px; height: 44px; width: 100%; font-size: 1rem; line-height: 1.5rem; } .tw-root .tw-input-base::-moz-placeholder { font-family: inherit; font-size: inherit; font-weight: inherit; letter-spacing: inherit; line-height: inherit; opacity: 1; } .tw-root .tw-input-base::placeholder { font-family: inherit; font-size: inherit; font-weight: inherit; letter-spacing: inherit; line-height: inherit; opacity: 1; } .tw-root .tw-input-base:focus { outline: 0; } .tw-root .tw-input-base:disabled, .tw-root .tw-input-base[aria-disabled="true"] { --tw-bg-opacity: 1; background-color: rgb(247 247 247 / var(--tw-bg-opacity, 1)); } tw-root .tw-input-base:-webkit-autofill, tw-root .tw-input-base:-webkit-autofill:hover, tw-root .tw-input-base:-webkit-autofill:focus, tw-root .tw-input-base:-webkit-autofill:active { -webkit-transition: background-color 5500s ease-in-out 0s; transition: background-color 5500s ease-in-out 0s; } tw-root .tw-input-base::-webkit-calendar-picker-indicator { display: none !important; } .tw-root .tw-input-base.tw-input-base--has-slot-left { padding-left: 49px; } .tw-root .tw-input-base.tw-input-base--has-slot-right { padding-right: 49px; } .tw-root .tw-input-color { --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: rgb(55 58 60 / var(--tw-text-opacity, 1)); --tw-shadow: inset 0px 0px 0px 1px #D3D3D4; --tw-shadow-colored: inset 0px 0px 0px 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); } @media (hover: hover) { .tw-root .tw-input-color:hover { --tw-shadow: inset 0px 0px 0px 1px #373A3C; --tw-shadow-colored: inset 0px 0px 0px 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); } } .tw-root .tw-input-color:focus { --tw-shadow: inset 0px 0px 0px 1px #373A3C; --tw-shadow-colored: inset 0px 0px 0px 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); } .tw-root .tw-input-color::-moz-placeholder { --tw-text-opacity: 1; color: rgb(99 102 103 / var(--tw-text-opacity, 1)); } .tw-root .tw-input-color::placeholder { --tw-text-opacity: 1; color: rgb(99 102 103 / var(--tw-text-opacity, 1)); } .tw-root .tw-input-color:-webkit-autofill, .tw-root .tw-input-color:-webkit-autofill:hover, .tw-root .tw-input-color:-webkit-autofill:focus, .tw-root .tw-input-color:-webkit-autofill:active { -webkit-text-fill-color: #373a3c !important; box-shadow: 0px 0px 0px 1000px #ffffff inset; } .tw-root .tw-input-stack { position: relative; } .tw-root .tw-input-label { font-size: 1rem; line-height: 1.5rem; margin-bottom: 0.25rem; --tw-text-opacity: 1; color: rgb(55 58 60 / var(--tw-text-opacity, 1)); } .tw-root .tw-input-slot { align-items: center; bottom: 0; display: flex; justify-content: center; padding: 12px; position: absolute; top: 0; --tw-text-opacity: 1; color: rgb(55 58 60 / var(--tw-text-opacity, 1)); } .tw-root .tw-input-slot--left { left: 0; } .tw-root .tw-input-slot--right { right: 0; } .tw-root .tw-input-hint { font-size: 0.875rem; line-height: 1.3125rem; margin-top: 0.25rem; --tw-text-opacity: 1; color: rgb(55 58 60 / var(--tw-text-opacity, 1)); } .tw-root .tw-input-error { font-size: 0.875rem; line-height: 1.3125rem; margin-top: 0.25rem; --tw-text-opacity: 1; color: rgb(226 44 53 / var(--tw-text-opacity, 1)); } .tw-root .tw-input--has-error { box-shadow: inset 0px 0px 0px 1px #e22c35; } .tw-root .tw-input--is-filled { box-shadow: inset 0px 0px 0px 2px #bcbdbe; } /* .tw-root .tw-radio-base { } */ .tw-root .tw-radio-stack { position: relative; display: flex; align-items: center; gap: 0.5rem; } .tw-root .tw-radio-dummy { display: flex; height: 1.5rem; width: 1.5rem; flex: none; align-items: center; justify-content: center; align-self: flex-start; border-radius: 50%; --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); --tw-shadow: inset 0px 0px 0px 1px #D3D3D4; --tw-shadow-colored: inset 0px 0px 0px 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); } .tw-root .tw-radio-dummy::before { height: 0.75rem; width: 0.75rem; border-radius: inherit; content: var(--tw-content); background-color: currentColor; } .tw-root .tw-radio-label { min-width: 0px; } .tw-root .tw-radio-label::before { position: absolute; top: 0px; left: 0px; height: 1.5rem; width: 1.5rem; content: var(--tw-content); cursor: pointer; } .tw-root .tw-radio-base:checked ~ .tw-radio-dummy { --tw-text-opacity: 1; color: rgb(241 93 34 / var(--tw-text-opacity, 1)); --tw-shadow: inset 0px 0px 0px 1px #7A7C7D; --tw-shadow-colored: inset 0px 0px 0px 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); } .tw-root .tw-radio-base:focus-visible ~ .tw-radio-dummy { outline: inset #636667; } .tw-root .tw-text-button-x-large { font-size: 1.25rem; line-height: 1.5rem; font-family: "Ubuntu", sans-serif; font-weight: 500; } .tw-root .tw-text-button-large { font-size: 1rem; line-height: 1.5rem; font-family: "Ubuntu", sans-serif; font-weight: 500; } .tw-root .tw-text-button-medium { font-size: 0.875rem; line-height: 1.25rem; font-family: "Ubuntu", sans-serif; font-weight: 500; } .tw-root .tw-text-button-small { font-size: 0.75rem; line-height: 1.25rem; font-family: "Ubuntu", sans-serif; font-weight: 500; } .tw-root .tw-text-desktop-h1 { font-size: 2.875rem; line-height: 4.3125rem; font-family: "Ubuntu", sans-serif; font-weight: 700; } .tw-root .tw-text-desktop-h2 { font-size: 2.5rem; line-height: 3.75rem; font-family: "Ubuntu", sans-serif; font-weight: 700; } .tw-root .tw-text-desktop-h3 { font-size: 2.25rem; line-height: 3.375rem; font-family: "Ubuntu", sans-serif; font-weight: 700; } .tw-root .tw-text-desktop-h4 { font-size: 2rem; line-height: 3rem; font-family: "Ubuntu", sans-serif; font-weight: 700; } .tw-root .tw-text-desktop-h5 { font-size: 1.625rem; line-height: 2.4375rem; font-family: "Ubuntu", sans-serif; font-weight: 700; } .tw-root .tw-text-desktop-h6 { font-size: 1.375rem; line-height: 2.0625rem; font-family: "Ubuntu", sans-serif; font-weight: 700; } .tw-root .tw-text-desktop-title { font-size: 1.125rem; line-height: 1.6875rem; font-weight: 600; } .tw-root .tw-text-desktop-body-large { font-size: 1.125rem; line-height: 1.6875rem; } .tw-root .tw-text-desktop-body-medium { font-size: 1rem; line-height: 1.5rem; } .tw-root .tw-text-desktop-body-small { font-size: 0.875rem; line-height: 1.3125rem; } .tw-root .tw-text-desktop-product-price-large { font-size: 1rem; line-height: 1.5rem; font-weight: 600; } .tw-root .tw-text-desktop-product-price-small { font-size: 0.875rem; line-height: 1.3125rem; } .tw-root .tw-text-desktop-label { font-size: 0.75rem; line-height: 1.125rem; font-weight: 600; } .tw-root .tw-text-desktop-link { font-size: 0.875rem; line-height: 1.3125rem; } .tw-root .tw-text-mobile-h1 { font-size: 2.25rem; line-height: 3.375rem; font-weight: 700; } .tw-root .tw-text-mobile-h2 { font-size: 2rem; line-height: 3rem; font-weight: 700; } .tw-root .tw-text-mobile-h3 { font-size: 1.625rem; line-height: 2.4375rem; font-weight: 700; } .tw-root .tw-text-mobile-h4 { font-size: 1.375rem; line-height: 2.0625rem; font-weight: 700; } .tw-root .tw-text-mobile-h5 { font-size: 1.25rem; line-height: 1.875rem; font-weight: 700; } .tw-root .tw-text-mobile-h6 { font-size: 1rem; line-height: 1.5rem; font-weight: 700; } .tw-root .tw-text-mobile-title { font-size: 1rem; line-height: 1.5rem; font-weight: 600; } .tw-root .tw-text-mobile-body-large { font-size: 1.125rem; line-height: 1.6875rem; } .tw-root .tw-text-mobile-body-medium { font-size: 1rem; line-height: 1.5rem; } .tw-root .tw-text-mobile-body-small { font-size: 0.875rem; line-height: 1.3125rem; } .tw-root .tw-text-mobile-product-price-large { font-size: 0.875rem; line-height: 1.3125rem; } .tw-root .tw-text-mobile-product-price-small { font-size: 0.875rem; line-height: 1.3125rem; } .tw-root .tw-text-mobile-label { font-size: 0.75rem; line-height: 1.125rem; font-weight: 600; } .tw-root .tw-text-mobile-link { font-size: 0.875rem; line-height: 1.3125rem; } .tw-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; } .tw-pointer-events-none { pointer-events: none; } .tw-fixed { position: fixed; } .tw-absolute { position: absolute; } .tw-relative { position: relative; } .tw-sticky { position: sticky; } .tw-inset-0 { inset: 0px; } .tw-inset-x-0 { left: 0px; right: 0px; } .tw--bottom-4 { bottom: -1rem; } .tw--left-\[50\%\] { left: -50%; } .tw--top-4 { top: -1rem; } .tw--top-\[50\%\] { top: -50%; } .tw-bottom-0 { bottom: 0px; } .tw-bottom-\[var\(--driverjs-position-bottom\,_0\)\] { bottom: var(--driverjs-position-bottom, 0); } .tw-left-0 { left: 0px; } .tw-left-3 { left: 0.75rem; } .tw-left-\[50\%\] { left: 50%; } .tw-right-0 { right: 0px; } .tw-right-3 { right: 0.75rem; } .tw-top-0 { top: 0px; } .tw-top-3 { top: 0.75rem; } .tw-top-6 { top: 1.5rem; } .tw-top-\[50\%\] { top: 50%; } .tw-z-\[1000\] { z-index: 1000; } .tw-z-\[10\] { z-index: 10; } .tw-z-\[1\] { z-index: 1; } .tw-z-\[2000\] { z-index: 2000; } .tw-z-\[2\] { z-index: 2; } .tw-z-\[3000\] { z-index: 3000; } .tw-col-span-full { grid-column: 1 / -1; } .tw-float-right { float: right; } .tw-m-auto { margin: auto; } .\!tw-my-3 { margin-top: 0.75rem !important; margin-bottom: 0.75rem !important; } .-tw-mx-2\.5 { margin-left: -0.625rem; margin-right: -0.625rem; } .-tw-mx-\[15px\] { margin-left: -15px; margin-right: -15px; } .tw--my-1 { margin-top: -0.25rem; margin-bottom: -0.25rem; } .tw-mx-6 { margin-left: 1.5rem; margin-right: 1.5rem; } .tw-mx-auto { margin-left: auto; margin-right: auto; } .tw-my-2 { margin-top: 0.5rem; margin-bottom: 0.5rem; } .tw-my-3 { margin-top: 0.75rem; margin-bottom: 0.75rem; } .tw-my-4 { margin-top: 1rem; margin-bottom: 1rem; } .tw-my-6 { margin-top: 1.5rem; margin-bottom: 1.5rem; } .tw-my-\[15px\] { margin-top: 15px; margin-bottom: 15px; } .tw-my-\[8px\] { margin-top: 8px; margin-bottom: 8px; } .\!tw-mb-\[-20px\] { margin-bottom: -20px !important; } .\!tw-mt-0 { margin-top: 0px !important; } .\!tw-mt-\[5px\] { margin-top: 5px !important; } .tw--mt-3 { margin-top: -0.75rem; } .tw-mb-0 { margin-bottom: 0px; } .tw-mb-2 { margin-bottom: 0.5rem; } .tw-mb-3 { margin-bottom: 0.75rem; } .tw-mb-4 { margin-bottom: 1rem; } .tw-mb-6 { margin-bottom: 1.5rem; } .tw-mb-\[12px\] { margin-bottom: 12px; } .tw-mb-\[20px\] { margin-bottom: 20px; } .tw-mb-\[24px\] { margin-bottom: 24px; } .tw-mb-\[35px\] { margin-bottom: 35px; } .tw-mb-\[4px\] { margin-bottom: 4px; } .tw-ml-2 { margin-left: 0.5rem; } .tw-ml-4 { margin-left: 1rem; } .tw-ml-\[-15px\] { margin-left: -15px; } .tw-ml-\[10px\] { margin-left: 10px; } .tw-ml-\[14px\] { margin-left: 14px; } .tw-ml-\[16px\] { margin-left: 16px; } .tw-ml-\[42px\] { margin-left: 42px; } .tw-ml-\[4px\] { margin-left: 4px; } .tw-ml-\[6px\] { margin-left: 6px; } .tw-ml-\[8px\] { margin-left: 8px; } .tw-ml-auto { margin-left: auto; } .tw-mr-3 { margin-right: 0.75rem; } .tw-mr-\[-15px\] { margin-right: -15px; } .tw-mt-1 { margin-top: 0.25rem; } .tw-mt-2 { margin-top: 0.5rem; } .tw-mt-3 { margin-top: 0.75rem; } .tw-mt-4 { margin-top: 1rem; } .tw-mt-6 { margin-top: 1.5rem; } .tw-mt-\[10px\] { margin-top: 10px; } .tw-mt-\[12px\] { margin-top: 12px; } .tw-mt-\[24px\] { margin-top: 24px; } .tw-mt-\[32px\] { margin-top: 32px; } .tw-mt-\[34px\] { margin-top: 34px; } .tw-mt-\[4px\] { margin-top: 4px; } .tw-mt-\[8px\] { margin-top: 8px; } .tw-mt-auto { margin-top: auto; } .\!tw-box-border { box-sizing: border-box !important; } .tw-block { display: block; } .\!tw-inline-block { display: inline-block !important; } .tw-inline-block { display: inline-block; } .tw-inline { display: inline; } .\!tw-flex { display: flex !important; } .tw-flex { display: flex; } .tw-inline-flex { display: inline-flex; } .tw-table { display: table; } .tw-table-cell { display: table-cell; } .tw-table-row { display: table-row; } .tw-grid { display: grid; } .tw-hidden { display: none; } .\!tw-h-10 { height: 2.5rem !important; } .\!tw-h-6 { height: 1.5rem !important; } .\!tw-h-\[140px\] { height: 140px !important; } .\!tw-h-\[206px\] { height: 206px !important; } .\!tw-h-auto { height: auto !important; } .\!tw-h-full { height: 100% !important; } .tw-h-10 { height: 2.5rem; } .tw-h-5 { height: 1.25rem; } .tw-h-6 { height: 1.5rem; } .tw-h-8 { height: 2rem; } .tw-h-\[100px\] { height: 100px; } .tw-h-\[124px\] { height: 124px; } .tw-h-\[186px\] { height: 186px; } .tw-h-\[2px\] { height: 2px; } .tw-h-\[30px\] { height: 30px; } .tw-h-\[35px\] { height: 35px; } .tw-h-auto { height: auto; } .tw-h-full { height: 100%; } .tw-max-h-\[calc\(100vh_-_120px\)\] { max-height: calc(100vh - 120px); } .tw-min-h-0 { min-height: 0px; } .tw-min-h-\[22px\] { min-height: 22px; } .\!tw-w-full { width: 100% !important; } .tw-w-10 { width: 2.5rem; } .tw-w-5 { width: 1.25rem; } .tw-w-6 { width: 1.5rem; } .tw-w-\[104px\] { width: 104px; } .tw-w-\[200px\] { width: 200px; } .tw-w-\[250px\] { width: 250px; } .tw-w-\[254px\] { width: 254px; } .tw-w-\[30px\] { width: 30px; } .tw-w-\[310px\] { width: 310px; } .tw-w-\[333px\] { width: 333px; } .tw-w-\[363px\] { width: 363px; } .tw-w-\[40\%\] { width: 40%; } .tw-w-\[40px\] { width: 40px; } .tw-w-fit { width: -moz-fit-content; width: fit-content; } .tw-w-full { width: 100%; } .tw-min-w-0 { min-width: 0px; } .tw-min-w-\[116px\] { min-width: 116px; } .tw-min-w-full { min-width: 100%; } .\!tw-max-w-none { max-width: none !important; } .tw-max-w-\[150px\] { max-width: 150px; } .tw-max-w-\[160px\] { max-width: 160px; } .tw-max-w-\[33\.33333\%\] { max-width: 33.33333%; } .tw-max-w-\[331px\] { max-width: 331px; } .tw-max-w-\[355px\] { max-width: 355px; } .tw-max-w-\[406px\] { max-width: 406px; } .tw-max-w-\[413px\] { max-width: 413px; } .tw-max-w-\[50px\] { max-width: 50px; } .tw-max-w-\[554px\] { max-width: 554px; } .tw-max-w-\[567px\] { max-width: 567px; } .tw-max-w-\[66\.66667\%\] { max-width: 66.66667%; } .tw-max-w-\[749px\] { max-width: 749px; } .tw-max-w-\[83\.333333\%\] { max-width: 83.333333%; } .tw-max-w-full { max-width: 100%; } .tw-max-w-min { max-width: -moz-min-content; max-width: min-content; } .tw-flex-1 { flex: 1 1 0%; } .tw-flex-\[0_0_33\.33333\%\] { flex: 0 0 33.33333%; } .tw-flex-\[0_0_66\.66667\%\] { flex: 0 0 66.66667%; } .tw-flex-\[0_0_83\.333333\%\] { flex: 0 0 83.333333%; } .tw-flex-\[1_0_0\] { flex: 1 0 0; } .tw-flex-\[1_1_100\%\] { flex: 1 1 100%; } .tw-flex-none { flex: none; } .tw-flex-shrink { flex-shrink: 1; } .tw-flex-shrink-0 { flex-shrink: 0; } .tw-shrink { flex-shrink: 1; } .tw-flex-grow { flex-grow: 1; } .tw-grow { flex-grow: 1; } .tw-basis-0 { flex-basis: 0px; } .tw-basis-\[45\%\] { flex-basis: 45%; } .tw-basis-full { flex-basis: 100%; } .tw-cursor-pointer { cursor: pointer; } .tw-cursor-zoom-in { cursor: zoom-in; } .tw-list-none { list-style-type: none; } .tw-grid-cols-\[auto_1fr\] { grid-template-columns: auto 1fr; } .tw-flex-col { flex-direction: column; } .tw-flex-wrap { flex-wrap: wrap; } .tw-content-center { align-content: center; } .tw-content-start { align-content: flex-start; } .tw-items-start { align-items: flex-start; } .tw-items-end { align-items: flex-end; } .tw-items-center { align-items: center; } .tw-justify-start { justify-content: flex-start; } .tw-justify-end { justify-content: flex-end; } .tw-justify-center { justify-content: center; } .tw-justify-between { justify-content: space-between; } .tw-gap-0 { gap: 0px; } .tw-gap-1 { gap: 0.25rem; } .tw-gap-2 { gap: 0.5rem; } .tw-gap-2\.5 { gap: 0.625rem; } .tw-gap-3 { gap: 0.75rem; } .tw-gap-4 { gap: 1rem; } .tw-gap-5 { gap: 1.25rem; } .tw-gap-6 { gap: 1.5rem; } .tw-gap-8 { gap: 2rem; } .tw-gap-\[0\.625rem\] { gap: 0.625rem; } .tw-gap-\[100px\] { gap: 100px; } .tw-gap-\[16px_24px\] { gap: 16px 24px; } .tw-gap-\[24px\] { gap: 24px; } .tw-gap-\[28px\] { gap: 28px; } .tw-gap-\[30px\] { gap: 30px; } .tw-gap-\[34px\] { gap: 34px; } .tw-gap-\[35px\] { gap: 35px; } .tw-gap-\[4px\] { gap: 4px; } .tw-gap-\[6px\] { gap: 6px; } .tw-gap-\[8px\] { gap: 8px; } .tw-gap-x-1 { -moz-column-gap: 0.25rem; column-gap: 0.25rem; } .tw-gap-x-2 { -moz-column-gap: 0.5rem; column-gap: 0.5rem; } .tw-gap-x-3 { -moz-column-gap: 0.75rem; column-gap: 0.75rem; } .tw-gap-x-5 { -moz-column-gap: 1.25rem; column-gap: 1.25rem; } .tw-gap-y-2 { row-gap: 0.5rem; } .tw-gap-y-3 { row-gap: 0.75rem; } .tw-gap-y-6 { row-gap: 1.5rem; } .tw-self-start { align-self: flex-start; } .tw-self-center { align-self: center; } .tw-self-stretch { align-self: stretch; } .tw-overflow-auto { overflow: auto; } .tw-overflow-hidden { overflow: hidden; } .tw-hyphens-auto { -webkit-hyphens: auto; hyphens: auto; } .tw-whitespace-nowrap { white-space: nowrap; } .tw-break-words { overflow-wrap: break-word; } .tw-break-all { word-break: break-all; } .tw-rounded { border-radius: 0.25rem; } .tw-rounded-2xl { border-radius: 1rem; } .tw-rounded-3xl { border-radius: 1.5rem; } .tw-rounded-\[0px_8px_8px_8px\] { border-radius: 0px 8px 8px 8px; } .tw-rounded-\[12px\] { border-radius: 12px; } .tw-rounded-\[16px\] { border-radius: 16px; } .tw-rounded-\[4px\] { border-radius: 4px; } .tw-rounded-\[8px_8px_0px_8px\] { border-radius: 8px 8px 0px 8px; } .tw-rounded-full { border-radius: 9999px; } .tw-rounded-lg { border-radius: 0.5rem; } .tw-rounded-sm { border-radius: 0.125rem; } .tw-rounded-xl { border-radius: 0.75rem; } .tw-rounded-bl-2xl { border-bottom-left-radius: 1rem; } .tw-rounded-br-2xl { border-bottom-right-radius: 1rem; } .tw-rounded-tr-2xl { border-top-right-radius: 1rem; } .\!tw-border-0 { border-width: 0px !important; } .tw-border { border-width: 1px; } .tw-border-2 { border-width: 2px; } .tw-border-b { border-bottom-width: 1px; } .tw-border-l { border-left-width: 1px; } .tw-border-t { border-top-width: 1px; } .tw-border-solid { border-style: solid; } .\!tw-border-none { border-style: none !important; } .\!tw-border-warm-grey-100 { --tw-border-opacity: 1 !important; border-color: rgb(242 242 242 / var(--tw-border-opacity, 1)) !important; } .\!tw-border-warm-grey-200 { --tw-border-opacity: 1 !important; border-color: rgb(211 211 212 / var(--tw-border-opacity, 1)) !important; } .tw-border-\[\#96DDCC\] { --tw-border-opacity: 1; border-color: rgb(150 221 204 / var(--tw-border-opacity, 1)); } .tw-border-warm-grey-200 { --tw-border-opacity: 1; border-color: rgb(211 211 212 / var(--tw-border-opacity, 1)); } .tw-border-white { --tw-border-opacity: 1; border-color: rgb(255 255 255 / var(--tw-border-opacity, 1)); } .tw-border-\[\#A1CCDC\] { --tw-border-opacity: 1; border-color: rgb(161 204 220 / var(--tw-border-opacity, 1)); } .tw-border-b-warm-grey-100 { --tw-border-opacity: 1; border-bottom-color: rgb(242 242 242 / var(--tw-border-opacity, 1)); } .tw-border-b-warm-grey-200 { --tw-border-opacity: 1; border-bottom-color: rgb(211 211 212 / var(--tw-border-opacity, 1)); } .tw-border-t-\[\#F2F2F2\] { --tw-border-opacity: 1; border-top-color: rgb(242 242 242 / var(--tw-border-opacity, 1)); } .\!tw-bg-transparent { background-color: transparent !important; } .\!tw-bg-warm-grey-050 { --tw-bg-opacity: 1 !important; background-color: rgb(247 247 247 / var(--tw-bg-opacity, 1)) !important; } .\!tw-bg-warm-grey-100 { --tw-bg-opacity: 1 !important; background-color: rgb(242 242 242 / var(--tw-bg-opacity, 1)) !important; } .\!tw-bg-white { --tw-bg-opacity: 1 !important; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)) !important; } .tw-bg-FFE3D7 { --tw-bg-opacity: 1; background-color: rgb(255 227 215 / var(--tw-bg-opacity, 1)); } .tw-bg-FFF0F0 { --tw-bg-opacity: 1; background-color: rgb(255 240 240 / var(--tw-bg-opacity, 1)); } .tw-bg-FFFCE2 { --tw-bg-opacity: 1; background-color: rgb(255 252 226 / var(--tw-bg-opacity, 1)); } .tw-bg-\[\#00CC9F\] { --tw-bg-opacity: 1; background-color: rgb(0 204 159 / var(--tw-bg-opacity, 1)); } .tw-bg-\[\#666\] { --tw-bg-opacity: 1; background-color: rgb(102 102 102 / var(--tw-bg-opacity, 1)); } .tw-bg-\[\#e8e8e8\] { --tw-bg-opacity: 1; background-color: rgb(232 232 232 / var(--tw-bg-opacity, 1)); } .tw-bg-black { --tw-bg-opacity: 1; background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1)); } .tw-bg-green-100 { --tw-bg-opacity: 1; background-color: rgb(221 255 247 / var(--tw-bg-opacity, 1)); } .tw-bg-green-800 { --tw-bg-opacity: 1; background-color: rgb(0 153 119 / var(--tw-bg-opacity, 1)); } .tw-bg-ocean-050 { --tw-bg-opacity: 1; background-color: rgb(242 252 255 / var(--tw-bg-opacity, 1)); } .tw-bg-ocean-100 { --tw-bg-opacity: 1; background-color: rgb(229 248 255 / var(--tw-bg-opacity, 1)); } .tw-bg-ocean-500 { --tw-bg-opacity: 1; background-color: rgb(0 186 255 / var(--tw-bg-opacity, 1)); } .tw-bg-ocean-900 { --tw-bg-opacity: 1; background-color: rgb(0 74 102 / var(--tw-bg-opacity, 1)); } .tw-bg-primary-orange { --tw-bg-opacity: 1; background-color: rgb(241 93 34 / var(--tw-bg-opacity, 1)); } .tw-bg-transparent { background-color: transparent; } .tw-bg-warm-grey-050 { --tw-bg-opacity: 1; background-color: rgb(247 247 247 / var(--tw-bg-opacity, 1)); } .tw-bg-warm-grey-100 { --tw-bg-opacity: 1; background-color: rgb(242 242 242 / var(--tw-bg-opacity, 1)); } .tw-bg-warm-grey-200 { --tw-bg-opacity: 1; background-color: rgb(211 211 212 / var(--tw-bg-opacity, 1)); } .tw-bg-white { --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); } .\!tw-stroke-current { stroke: currentColor !important; } .tw-stroke-0 { stroke-width: 0; } .tw-object-contain { -o-object-fit: contain; object-fit: contain; } .tw-object-cover { -o-object-fit: cover; object-fit: cover; } .tw-object-\[0px_-35px\] { -o-object-position: 0px -35px; object-position: 0px -35px; } .tw-object-\[0px_-70px\] { -o-object-position: 0px -70px; object-position: 0px -70px; } .\!tw-p-0 { padding: 0px !important; } .tw-p-0 { padding: 0px; } .tw-p-1 { padding: 0.25rem; } .tw-p-2 { padding: 0.5rem; } .tw-p-3 { padding: 0.75rem; } .tw-p-4 { padding: 1rem; } .tw-p-6 { padding: 1.5rem; } .tw-p-8 { padding: 2rem; } .tw-p-\[0\.625rem\] { padding: 0.625rem; } .tw-p-\[10px\] { padding: 10px; } .tw-p-\[12px\] { padding: 12px; } .tw-p-\[16px\] { padding: 16px; } .tw-p-\[24px\] { padding: 24px; } .tw-p-\[3px\] { padding: 3px; } .\!tw-px-\[15px\] { padding-left: 15px !important; padding-right: 15px !important; } .\!tw-py-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } .tw-px-0 { padding-left: 0px; padding-right: 0px; } .tw-px-0\.5 { padding-left: 0.125rem; padding-right: 0.125rem; } .tw-px-1\.5 { padding-left: 0.375rem; padding-right: 0.375rem; } .tw-px-2 { padding-left: 0.5rem; padding-right: 0.5rem; } .tw-px-2\.5 { padding-left: 0.625rem; padding-right: 0.625rem; } .tw-px-3 { padding-left: 0.75rem; padding-right: 0.75rem; } .tw-px-4 { padding-left: 1rem; padding-right: 1rem; } .tw-px-6 { padding-left: 1.5rem; padding-right: 1.5rem; } .tw-px-\[10px\] { padding-left: 10px; padding-right: 10px; } .tw-px-\[15px\] { padding-left: 15px; padding-right: 15px; } .tw-px-\[16px\] { padding-left: 16px; padding-right: 16px; } .tw-px-\[6px\] { padding-left: 6px; padding-right: 6px; } .tw-px-\[7px\] { padding-left: 7px; padding-right: 7px; } .tw-px-\[8px\] { padding-left: 8px; padding-right: 8px; } .tw-py-0\.5 { padding-top: 0.125rem; padding-bottom: 0.125rem; } .tw-py-1 { padding-top: 0.25rem; padding-bottom: 0.25rem; } .tw-py-2\.5 { padding-top: 0.625rem; padding-bottom: 0.625rem; } .tw-py-3 { padding-top: 0.75rem; padding-bottom: 0.75rem; } .tw-py-4 { padding-top: 1rem; padding-bottom: 1rem; } .tw-py-6 { padding-top: 1.5rem; padding-bottom: 1.5rem; } .tw-py-\[10px\] { padding-top: 10px; padding-bottom: 10px; } .tw-py-\[12px\] { padding-top: 12px; padding-bottom: 12px; } .tw-py-\[15px\] { padding-top: 15px; padding-bottom: 15px; } .tw-py-\[2px\] { padding-top: 2px; padding-bottom: 2px; } .tw-py-\[4px\] { padding-top: 4px; padding-bottom: 4px; } .tw-py-\[5px\] { padding-top: 5px; padding-bottom: 5px; } .tw-py-\[8px\] { padding-top: 8px; padding-bottom: 8px; } .tw-py-\[11px\] { padding-top: 11px; padding-bottom: 11px; } .tw-pb-2\.5 { padding-bottom: 0.625rem; } .tw-pb-3 { padding-bottom: 0.75rem; } .tw-pb-4 { padding-bottom: 1rem; } .tw-pb-5 { padding-bottom: 1.25rem; } .tw-pb-6 { padding-bottom: 1.5rem; } .tw-pb-\[12px\] { padding-bottom: 12px; } .tw-pb-\[2\.76px\] { padding-bottom: 2.76px; } .tw-pb-\[24px\] { padding-bottom: 24px; } .tw-pb-\[2px\] { padding-bottom: 2px; } .tw-pb-\[4px\] { padding-bottom: 4px; } .tw-pb-\[8px\] { padding-bottom: 8px; } .tw-pb-\[9px\] { padding-bottom: 9px; } .tw-pl-0 { padding-left: 0px; } .tw-pl-0\.5 { padding-left: 0.125rem; } .tw-pl-1 { padding-left: 0.25rem; } .tw-pl-1\.5 { padding-left: 0.375rem; } .tw-pl-2 { padding-left: 0.5rem; } .tw-pl-\[12px\] { padding-left: 12px; } .tw-pl-\[35px\] { padding-left: 35px; } .tw-pl-\[40px\] { padding-left: 40px; } .tw-pl-\[56px\] { padding-left: 56px; } .tw-pl-\[5px\] { padding-left: 5px; } .tw-pl-\[8px\] { padding-left: 8px; } .tw-pr-1\.5 { padding-right: 0.375rem; } .tw-pr-2\.5 { padding-right: 0.625rem; } .tw-pr-\[2\.15px\] { padding-right: 2.15px; } .tw-pt-0 { padding-top: 0px; } .tw-pt-1 { padding-top: 0.25rem; } .tw-pt-2 { padding-top: 0.5rem; } .tw-pt-2\.5 { padding-top: 0.625rem; } .tw-pt-3 { padding-top: 0.75rem; } .tw-pt-4 { padding-top: 1rem; } .tw-pt-6 { padding-top: 1.5rem; } .tw-pt-\[100\%\] { padding-top: 100%; } .tw-pt-\[12px\] { padding-top: 12px; } .tw-pt-\[24px\] { padding-top: 24px; } .tw-pt-\[3px\] { padding-top: 3px; } .tw-pt-\[4px\] { padding-top: 4px; } .tw-pt-\[8px\] { padding-top: 8px; } .tw-text-center { text-align: center; } .tw-text-right { text-align: right; } .tw-font-sans { font-family: "Open Sans", sans-serif; } .tw-font-ubuntu { font-family: "Ubuntu", sans-serif; } .\!tw-text-\[1\.1rem\] { font-size: 1.1rem !important; } .\!tw-text-\[1\.3rem\] { font-size: 1.3rem !important; } .\!tw-text-\[1\.7rem\] { font-size: 1.7rem !important; } .tw-text-\[1\.7rem\] { font-size: 1.7rem; } .tw-text-\[10px\] { font-size: 10px; } .tw-text-\[11px\] { font-size: 11px; } .tw-text-\[12px\] { font-size: 12px; } .tw-text-\[13px\] { font-size: 13px; } .tw-text-\[14px\] { font-size: 14px; } .tw-text-\[16px\] { font-size: 16px; } .tw-text-\[24px\] { font-size: 24px; } .tw-text-body-mobile { font-size: 0.875rem; line-height: 1.3125rem; } .\!tw-font-bold { font-weight: 700 !important; } .tw-font-bold { font-weight: 700; } .tw-font-medium { font-weight: 500; } .tw-font-normal { font-weight: 400; } .tw-font-semibold { font-weight: 600; } .tw-lowercase { text-transform: lowercase; } .\!tw-leading-none { line-height: 1 !important; } .tw-leading-3 { line-height: .75rem; } .tw-leading-5 { line-height: 1.25rem; } .tw-leading-6 { line-height: 1.5rem; } .tw-leading-\[21px\] { line-height: 21px; } .tw-leading-\[22px\] { line-height: 22px; } .tw-leading-\[30px\] { line-height: 30px; } .tw-leading-none { line-height: 1; } .tw-leading-normal { line-height: 1.5; } .\!tw-text-black { --tw-text-opacity: 1 !important; color: rgb(0 0 0 / var(--tw-text-opacity, 1)) !important; } .\!tw-text-ocean-900 { --tw-text-opacity: 1 !important; color: rgb(0 74 102 / var(--tw-text-opacity, 1)) !important; } .\!tw-text-warm-grey-800 { --tw-text-opacity: 1 !important; color: rgb(77 80 82 / var(--tw-text-opacity, 1)) !important; } .tw-text-E22C35 { --tw-text-opacity: 1; color: rgb(226 44 53 / var(--tw-text-opacity, 1)); } .tw-text-EB1C00 { --tw-text-opacity: 1; color: rgb(235 28 0 / var(--tw-text-opacity, 1)); } .tw-text-\[white\] { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); } .tw-text-black { --tw-text-opacity: 1; color: rgb(0 0 0 / var(--tw-text-opacity, 1)); } .tw-text-green-800 { --tw-text-opacity: 1; color: rgb(0 153 119 / var(--tw-text-opacity, 1)); } .tw-text-green-900 { --tw-text-opacity: 1; color: rgb(0 102 80 / var(--tw-text-opacity, 1)); } .tw-text-ocean-500 { --tw-text-opacity: 1; color: rgb(0 186 255 / var(--tw-text-opacity, 1)); } .tw-text-ocean-900 { --tw-text-opacity: 1; color: rgb(0 74 102 / var(--tw-text-opacity, 1)); } .tw-text-primary-orange { --tw-text-opacity: 1; color: rgb(241 93 34 / var(--tw-text-opacity, 1)); } .tw-text-warm-grey-500 { --tw-text-opacity: 1; color: rgb(144 146 147 / var(--tw-text-opacity, 1)); } .tw-text-warm-grey-600 { --tw-text-opacity: 1; color: rgb(122 124 125 / var(--tw-text-opacity, 1)); } .tw-text-warm-grey-700 { --tw-text-opacity: 1; color: rgb(99 102 103 / var(--tw-text-opacity, 1)); } .tw-text-warm-grey-800 { --tw-text-opacity: 1; color: rgb(77 80 82 / var(--tw-text-opacity, 1)); } .tw-text-warm-grey-900 { --tw-text-opacity: 1; color: rgb(55 58 60 / var(--tw-text-opacity, 1)); } .tw-text-white { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); } .tw-line-through { text-decoration-line: line-through; } .tw-shadow-\[0px_-4px_24px_0px_rgba\(0\,0\,0\,0\.08\)\] { --tw-shadow: 0px -4px 24px 0px rgba(0,0,0,0.08); --tw-shadow-colored: 0px -4px 24px 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); } .tw-shadow-\[0px_-6px_16px_rgba\(0\,0\,0\,0\.08\)\,0px_12px_16px_rgba\(0\,0\,0\,0\.16\)\] { --tw-shadow: 0px -6px 16px rgba(0,0,0,0.08),0px 12px 16px rgba(0,0,0,0.16); --tw-shadow-colored: 0px -6px 16px var(--tw-shadow-color), 0px 12px 16px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .tw-shadow-\[0px_12px_16px_0px_rgba\(0\,0\,0\,0\.04\)\] { --tw-shadow: 0px 12px 16px 0px rgba(0,0,0,0.04); --tw-shadow-colored: 0px 12px 16px 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); } .tw-shadow-\[0px_2px_8px_rgba\(0\,0\,0\,0\.16\)\] { --tw-shadow: 0px 2px 8px rgba(0,0,0,0.16); --tw-shadow-colored: 0px 2px 8px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .tw-shadow-\[inset_0px_-1px_0px_0px_\#F2F2F2\] { --tw-shadow: inset 0px -1px 0px 0px #F2F2F2; --tw-shadow-colored: inset 0px -1px 0px 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); } .tw-shadow-medium { --tw-shadow: 0px 12px 16px 0px rgb(0 0 0 / 0.04); --tw-shadow-colored: 0px 12px 16px 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); } .tw-shadow-small { --tw-shadow: 0px 4px 6px 0px rgb(0 0 0 / 0.04); --tw-shadow-colored: 0px 4px 6px 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); } .tw-transition-transform { transition-property: transform; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .tw-duration-300 { transition-duration: 300ms; } .tw-ease-out { transition-timing-function: cubic-bezier(0, 0, 0.2, 1); } .tw-root .group-driverjs-details summary::-webkit-details-marker { display: none; } .tw-root.driver-popover { --tw-bg-opacity: 1; background-color: rgb(229 248 255 / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: rgb(55 58 60 / var(--tw-text-opacity, 1)); padding: 16px; border-radius: 16px; max-width: 345px; box-shadow: none; } .tw-root .driver-popover-arrow { border-width: 12px; } .tw-root .driver-popover-arrow-side-top.driver-popover-arrow { --tw-border-opacity: 1; border-top-color: rgb(229 248 255 / var(--tw-border-opacity, 1)); } .tw-root .driver-popover-arrow-side-right.driver-popover-arrow { --tw-border-opacity: 1; border-right-color: rgb(229 248 255 / var(--tw-border-opacity, 1)); } .tw-root .driver-popover-arrow-side-bottom.driver-popover-arrow { --tw-border-opacity: 1; border-bottom-color: rgb(229 248 255 / var(--tw-border-opacity, 1)); } .tw-root .driver-popover-arrow-side-left.driver-popover-arrow { --tw-border-opacity: 1; border-left-color: rgb(229 248 255 / var(--tw-border-opacity, 1)); } .tw-root .driver-popover-title { font-family: "Open Sans", sans-serif; font-size: 14px; font-weight: 700; line-height: 21px; padding-right: 24px; } .tw-root .driver-popover-title[style*="block"] + .driver-popover-description { margin-top: 10px; } .tw-root .driver-popover-description { font-size: 14px; font-weight: 400; line-height: 21px; } .tw-root .driver-popover-close-btn { width: 32px; height: 32px; font-size: 24px; line-height: 1; top: 10px; right: 10px; } .tw-root .driver-popover-navigation-btns { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; } .tw-root .driver-popover-prev-btn { min-height: 2rem; gap: 0.25rem; padding-left: 0.5rem; padding-right: 0.5rem; padding-top: 0.375rem; padding-bottom: 0.375rem; font-size: 0.75rem; line-height: 1.25rem; font-family: "Ubuntu", sans-serif; font-weight: 500; --tw-bg-opacity: 1; background-color: rgb(255 255 255 / 0); --tw-text-opacity: 1; color: rgb(0 74 102 / var(--tw-text-opacity)); --tw-shadow: inset 0px 0px 0px 1px #004a66; --tw-shadow-colored: inset 0px 0px 0px 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); position: relative; display: inline-flex; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; user-select: none; align-items: center; justify-content: center; border-radius: 0.5rem; vertical-align: top; -webkit-appearance: button; -moz-appearance: button; appearance: button; border: 0; text-align: center; text-shadow: none; } .tw-root .driver-popover-prev-btn[style*="block"] { display: inline-flex !important; } .tw-root .driver-popover-prev-btn:hover, .tw-root .driver-popover-prev-btn:active { --tw-bg-opacity: 1; background-color: rgb(0 74 102 / var(--tw-bg-opacity)); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .tw-root .driver-popover-prev-btn::before { content: ""; display: block; width: 20px; height: 20px; background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMSAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xNi4zMzIyIDkuMTY2ODdINi42NzcyNEw5LjQyMTQxIDYuNDIyNzFDOS43NDcyNCA2LjA5Njg3IDkuNzQ3MjQgNS41NzAyMSA5LjQyMTQxIDUuMjQ0MzdDOS4wOTU1NyA0LjkxODU0IDguNTY4OTEgNC45MTg1NCA4LjI0MzA3IDUuMjQ0MzdMNC4wNzY0MSA5LjQxMTA0QzMuNzUwNTcgOS43MzY4OCAzLjc1MDU3IDEwLjI2MzUgNC4wNzY0MSAxMC41ODk0TDguMjQzMDcgMTQuNzU2QzguNDA1NTcgMTQuOTE4NSA4LjYxODkxIDE1LjAwMDIgOC44MzIyNCAxNS4wMDAyQzkuMDQ1NTcgMTUuMDAwMiA5LjI1ODkxIDE0LjkxODUgOS40MjE0MSAxNC43NTZDOS43NDcyNCAxNC40MzAyIDkuNzQ3MjQgMTMuOTAzNSA5LjQyMTQxIDEzLjU3NzdMNi42NzcyNCAxMC44MzM1SDE2LjMzMjJDMTYuNzkzMSAxMC44MzM1IDE3LjE2NTYgMTAuNDYwMiAxNy4xNjU2IDEwLjAwMDJDMTcuMTY1NiA5LjU0MDIxIDE2Ljc5MzEgOS4xNjY4NyAxNi4zMzIyIDkuMTY2ODdaIiBmaWxsPSIjMDA0QTY2Ii8+Cjwvc3ZnPgo="); background-position: center; background-repeat: no-repeat; } .tw-root .driver-popover-prev-btn:hover::before, .tw-root .driver-popover-prev-btn:active::before { background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMSAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xNi4zMzIyIDkuMTY2ODdINi42NzcyNEw5LjQyMTQxIDYuNDIyNzFDOS43NDcyNCA2LjA5Njg3IDkuNzQ3MjQgNS41NzAyMSA5LjQyMTQxIDUuMjQ0MzdDOS4wOTU1NyA0LjkxODU0IDguNTY4OTEgNC45MTg1NCA4LjI0MzA3IDUuMjQ0MzdMNC4wNzY0MSA5LjQxMTA0QzMuNzUwNTcgOS43MzY4NyAzLjc1MDU3IDEwLjI2MzUgNC4wNzY0MSAxMC41ODk0TDguMjQzMDcgMTQuNzU2QzguNDA1NTcgMTQuOTE4NSA4LjYxODkxIDE1LjAwMDIgOC44MzIyNCAxNS4wMDAyQzkuMDQ1NTcgMTUuMDAwMiA5LjI1ODkxIDE0LjkxODUgOS40MjE0MSAxNC43NTZDOS43NDcyNCAxNC40MzAyIDkuNzQ3MjQgMTMuOTAzNSA5LjQyMTQxIDEzLjU3NzdMNi42NzcyNCAxMC44MzM1SDE2LjMzMjJDMTYuNzkzMSAxMC44MzM1IDE3LjE2NTYgMTAuNDYwMiAxNy4xNjU2IDEwLjAwMDJDMTcuMTY1NiA5LjU0MDIxIDE2Ljc5MzEgOS4xNjY4NyAxNi4zMzIyIDkuMTY2ODciIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo="); } .tw-root .driver-popover-next-btn { min-height: 2rem; gap: 0.25rem; padding-left: 0.5rem; padding-right: 0.5rem; padding-top: 0.375rem; padding-bottom: 0.375rem; font-size: 0.75rem; line-height: 1.25rem; font-family: "Ubuntu", sans-serif; font-weight: 500; --tw-bg-opacity: 1; background-color: rgb(0 74 102 / var(--tw-bg-opacity)); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); position: relative; display: inline-flex; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; user-select: none; align-items: center; justify-content: center; border-radius: 0.5rem; vertical-align: top; -webkit-appearance: button; -moz-appearance: button; appearance: button; border: 0; text-align: center; text-shadow: none; margin-left: 0; } .tw-root .driver-popover-next-btn[style*="block"] { display: inline-flex !important; } .tw-root .driver-popover-next-btn:hover, .tw-root .driver-popover-next-btn:active { --tw-bg-opacity: 1; background-color: rgb(0 51 70 / var(--tw-bg-opacity)); } .tw-root .driver-popover-next-btn::after { content: ""; display: block; width: 20px; height: 20px; background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xNi40MjEyIDkuNDExMDRMMTIuMjU0NSA1LjI0NDM3QzExLjkyODcgNC45MTg1NCAxMS40MDIgNC45MTg1NCAxMS4wNzYyIDUuMjQ0MzdDMTAuNzUwNCA1LjU3MDIxIDEwLjc1MDQgNi4wOTY4NyAxMS4wNzYyIDYuNDIyNzFMMTMuODIwNCA5LjE2Njg3SDQuMTY1MzZDMy43MDQ1MyA5LjE2Njg3IDMuMzMyMDMgOS41NDAyMSAzLjMzMjAzIDEwLjAwMDJDMy4zMzIwMyAxMC40NjAyIDMuNzA0NTMgMTAuODMzNSA0LjE2NTM2IDEwLjgzMzVIMTMuODIwNEwxMS4wNzYyIDEzLjU3NzdDMTAuNzUwNCAxMy45MDM1IDEwLjc1MDQgMTQuNDMwMiAxMS4wNzYyIDE0Ljc1NkMxMS4yMzg3IDE0LjkxODUgMTEuNDUyIDE1LjAwMDIgMTEuNjY1NCAxNS4wMDAyQzExLjg3ODcgMTUuMDAwMiAxMi4wOTIgMTQuOTE4NSAxMi4yNTQ1IDE0Ljc1NkwxNi40MjEyIDEwLjU4OTRDMTYuNzQ3IDEwLjI2MzUgMTYuNzQ3IDkuNzM2ODggMTYuNDIxMiA5LjQxMTA0WiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+Cg=="); background-position: center; background-repeat: no-repeat; } .tw-root .driver-popover-next-btn:hover::before, .tw-root .driver-popover-next-btn:active::before { background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xNi40MjEyIDkuNDExMDRMMTIuMjU0NSA1LjI0NDM3QzExLjkyODcgNC45MTg1NCAxMS40MDIgNC45MTg1NCAxMS4wNzYyIDUuMjQ0MzdDMTAuNzUwNCA1LjU3MDIxIDEwLjc1MDQgNi4wOTY4NyAxMS4wNzYyIDYuNDIyNzFMMTMuODIwNCA5LjE2Njg3SDQuMTY1MzZDMy43MDQ1MyA5LjE2Njg3IDMuMzMyMDMgOS41NDAyMSAzLjMzMjAzIDEwLjAwMDJDMy4zMzIwMyAxMC40NjAyIDMuNzA0NTMgMTAuODMzNSA0LjE2NTM2IDEwLjgzMzVIMTMuODIwNEwxMS4wNzYyIDEzLjU3NzdDMTAuNzUwNCAxMy45MDM1IDEwLjc1MDQgMTQuNDMwMiAxMS4wNzYyIDE0Ljc1NkMxMS4yMzg3IDE0LjkxODUgMTEuNDUyIDE1LjAwMDIgMTEuNjY1NCAxNS4wMDAyQzExLjg3ODcgMTUuMDAwMiAxMi4wOTIgMTQuOTE4NSAxMi4yNTQ1IDE0Ljc1NkwxNi40MjEyIDEwLjU4OTRDMTYuNzQ3IDEwLjI2MzUgMTYuNzQ3IDkuNzM2ODcgMTYuNDIxMiA5LjQxMTA0IiBmaWxsPSIjMDA0QTY2Ii8+Cjwvc3ZnPgo="); } .tw-root .driver-popover-footer .driver-popover-btn-disabled { opacity: 0; } .driver-active .tw-root .group-driverjs-details { opacity: 0; } /* https://csswizardry.com/2013/04/shame-css/ */ @keyframes fadeInOpacity50 { 0% { opacity: 0.02; } 50% { opacity: 0.02; } 100% { opacity: 1; } } .tw-root .fadeInOpacity2000-animation { animation: 2s fadeInOpacity50; } .tw-root .alert-message { --tw-text-opacity: 1; color: rgb(226 44 53 / var(--tw-text-opacity, 1)); } .tw-root .product-feature-item-selected{ border: 1px solid #007099; } .tw-root #photo-zoom-container .product-watched-button[data-action="del"] { --tw-bg-opacity: 1; background-color: rgb(241 93 34 / var(--tw-bg-opacity, 1)); box-shadow: unset !important; } .tw-root .product-watched-button[data-action="add"] svg{ stroke: #004A66; } .tw-root .userrating a{ color: rgb(241 93 34 / var(--tw-text-opacity)) !important; font-size: 16px; font-family: "Ubuntu", sans-serif; font-weight: 700; } .tw-root .image-badge { font-size: 0.75rem; line-height: 1.125rem; display: inline-flex; align-items: center; justify-content: flex-start; border-radius: 1.5rem; font-weight: 600; --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); --tw-shadow: 0px 12px 16px 0px rgb(0 0 0 / 0.04); --tw-shadow-colored: 0px 12px 16px 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); } .tw-root .warning-text { padding-top: 0.75rem; padding-bottom: 0.75rem; padding-left: 2.5rem; font-weight: 600; } .tw-root .alert-box { display: flex; height: 100%; width: 100%; flex-shrink: 1; flex-grow: 1; flex-basis: 0px; justify-content: flex-start; justify-items: start; gap: 0.5rem; border-radius: 1rem; padding: 0.75rem; font-size: 0.875rem; line-height: 1.3125rem; font-weight: 600; } .tw-root .toast-message { height: 100%; width: 100%; flex-shrink: 1; flex-grow: 1; flex-basis: 0px; justify-content: flex-start; justify-items: start; gap: 0.5rem; border-radius: 1rem; --tw-bg-opacity: 1; background-color: rgb(229 248 255 / var(--tw-bg-opacity, 1)); padding: 0.75rem; padding-left: 2.5rem; font-size: 0.875rem; line-height: 1.3125rem; font-weight: 600; --tw-text-opacity: 1; color: rgb(0 74 102 / var(--tw-text-opacity, 1)); } .tw-root .discount-badge { position: absolute; top: 0.75rem; left: 0.75rem; box-sizing: border-box; border-width: 2px; --tw-border-opacity: 1; border-color: rgb(255 255 255 / var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: rgb(241 93 34 / var(--tw-bg-opacity, 1)); padding-left: 0.625rem; padding-right: 0.625rem; padding-top: 0.125rem; padding-bottom: 0.125rem; } .tw-root .input-price { display: inline-flex; width: 100%; flex-shrink: 1; flex-grow: 1; flex-basis: 0px; align-items: center; justify-content: flex-start; gap: 0.625rem; align-self: stretch; border-radius: 0.5rem; --tw-bg-opacity: 1; background-color: rgb(247 247 247 / var(--tw-bg-opacity, 1)); padding-left: 15px; padding-right: 15px; padding-top: 0.625rem; padding-bottom: 0.625rem; --tw-text-opacity: 1; color: rgb(0 0 0 / var(--tw-text-opacity, 1)); } .tw-root .badge-image-small { border-radius: 0.5rem; border-width: 1px; --tw-border-opacity: 1; border-color: rgb(211 211 212 / var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); padding: 0.25rem; font-family: "Ubuntu", sans-serif; font-weight: 500; --tw-text-opacity: 1; color: rgb(55 58 60 / var(--tw-text-opacity, 1)); } .tw-root .input-price::-moz-placeholder { --tw-text-opacity: 1; color: rgb(77 80 82 / var(--tw-text-opacity, 1)); } .tw-root .input-price::placeholder { --tw-text-opacity: 1; color: rgb(77 80 82 / var(--tw-text-opacity, 1)); } .tw-root .description-content .without-template { overflow-wrap: break-word; } .tw-root .ext-msg:empty { display: none; } #item-container .btn-link { --tw-text-opacity: 1; color: rgb(241 93 34 / var(--tw-text-opacity, 1)); } #item-container .btn-link:hover { --tw-text-opacity: 1; color: rgb(210 77 25 / var(--tw-text-opacity, 1)); } .tw-root .user_message_body .btn.btn-link.btn-loadmore, .tw-root .user_message_body .btn.btn-link.btn-close { align-self: flex-start; font-size: 0.875rem; line-height: 1.3125rem; font-weight: 700; --tw-text-opacity: 1 !important; color: rgb(55 58 60 / var(--tw-text-opacity, 1)) !important; } .tw-root .user_message_body .btn.btn-link.btn-loadmore:hover, .tw-root .user_message_body .btn.btn-link.btn-close:hover { --tw-text-opacity: 1 !important; color: rgb(241 93 34 / var(--tw-text-opacity, 1)) !important; } .tw-root .user_message_body .btn.btn-link.btn-loadmore i, .tw-root .user_message_body .btn.btn-link.btn-close i { display: none; } .tw-root .box-right-sticky{ position: sticky; top: 25px; right: 0px; float: right; border-radius: 1rem; } .tw-root .box-right-sticky .no-shadow div{ box-shadow: none; } .tw-root .box-right-sticky .product-metadata{ display: none; } .tw-root .box-right-sticky .buynow-content{ box-shadow: unset !important; } .tw-root .prodbox-container{ gap: 24px; } .tw-root .scroll-back-to-top { display: none; } .tw-root .scroll-back-to-top::before, .tw-root .scroll-back-to-top::after { content: normal; } @media (min-width: 768px) { .tw-root .scroll-back-to-top { width: 52px; height: 52px; display: flex; align-items: center; text-align: center; border-radius: 8px 0 0 8px; position: fixed; bottom: 100px; right: 0; cursor: pointer; z-index: 1050; background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE5IDE1TDEyIDlMNSAxNSIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K"); background-position: center; background-repeat: no-repeat; background-size: 20px; --tw-bg-opacity: 1; background-color: rgb(241 93 34 / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); --tw-shadow: -4px 4px 12px rgba(0,0,0,0.16); --tw-shadow-colored: -4px 4px 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); } .tw-root .scroll-back-to-top:hover { --tw-bg-opacity: 1; background-color: rgb(210 77 25 / var(--tw-bg-opacity, 1)); } } .tw-root.tw-footer .group-footer-details + .group-footer-details { box-shadow: 0 -1px 0 0 #f2f2f2; } .tw-root .tw-footer summary::-webkit-details-marker, .tw-root.tw-footer summary::-webkit-details-marker { display: none; } .tw-root.tw-footer .tw-footer-lang a { font-size: 0.875rem; line-height: 1.25rem; position: relative; display: inline-flex; min-height: 2.5rem; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; user-select: none; align-items: center; justify-content: center; gap: 0.25rem; border-radius: 0.5rem; --tw-bg-opacity: 1; background-color: rgb(242 242 242 / var(--tw-bg-opacity, 1)); padding-left: 1rem; padding-right: 1rem; padding-top: 0.625rem; padding-bottom: 0.625rem; vertical-align: top; font-family: "Ubuntu", sans-serif; font-weight: 500; --tw-text-opacity: 1; color: rgb(77 80 82 / var(--tw-text-opacity, 1)); } .tw-root.tw-footer .tw-footer-lang a:hover { --tw-bg-opacity: 1; background-color: rgb(211 211 212 / var(--tw-bg-opacity, 1)); } .tw-root.tw-footer .tw-footer-lang a:focus { outline-width: 0px; } .tw-root.tw-footer .tw-footer-lang a:focus-visible { position: relative; outline-width: 0px; } .tw-root.tw-footer .tw-footer-lang a:focus-visible::before { position: absolute; inset: -0.125rem; border-radius: 10px; border-width: 2px; border-style: solid; border-color: currentColor; content: var(--tw-content); --tw-shadow: 0px 0px 0px 2px rgba(241,93,34,0.3); --tw-shadow-colored: 0px 0px 0px 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); } .tw-root.tw-footer .tw-footer-lang a:active { --tw-bg-opacity: 1; background-color: rgb(211 211 212 / var(--tw-bg-opacity, 1)); } .tw-root.tw-footer .tw-footer-lang a:disabled { pointer-events: none; --tw-bg-opacity: 1; background-color: rgb(247 247 247 / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: rgb(188 189 190 / var(--tw-text-opacity, 1)); } .tw-root.tw-footer .tw-footer-lang a:focus-visible:disabled::before { --tw-content: none; content: var(--tw-content); } .a219d main[class*="tw-bg-warm-grey-050"] { --tw-bg-opacity: 1; background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1)); } .a219d .tw-root #breadcrumb [class*="text-warm-grey-500"], .a219d .tw-root #breadcrumb [class*="text-warm-grey-600"] { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); } .a219d .tw-root .itemblock.top-box [class*="text-warm-grey-800"], .a219d .tw-root .itemblock.top-box [class*="text-warm-grey-900"] { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); } .a219d .tw-root #social_container [class*="text-gray"] { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); } .a219d .tw-root #social_container svg { filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(306deg) brightness(103%) contrast(101%); } .a219d .tw-root #item-gallery-thumbs swiper-slide { border-radius: 4px; overflow: hidden; } .a219d .tw-root #top10-heading, .a219d .tw-root #top10-heading ~ ul li[class*="text-warm-grey"], .a219d .tw-root #recommendation_wrapper > div > div h2[class*="text-mobile-h5"] { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); } .tw-root .breadcrumb { flex-wrap: unset; background-color: unset; border-radius: 0; } .tw-root .breadcrumb-item + .breadcrumb-item { padding-left: 0; } .tw-root .breadcrumb-item + .breadcrumb-item::before { float: none; padding-right: 0; content: none; } .tw-root .breadcrumb-item + .breadcrumb-item:hover::before { text-decoration: none; } .tw-root div.discount-code-selected { background-color: transparent; } .tw-root .discount-code-unselected div { --tw-text-opacity: 1 !important; color: rgb(55 58 60 / var(--tw-text-opacity, 1)) !important; } .tw-root div#features-container-othersite { display:none; } .tw-root div#step3_conteiner { display:none; } .tw-root #tv_ribbon-highlight-select-container.ribbon-error select { background-color:#FA8071; color: white; } .tw-hidden-scroll { -ms-overflow-style: none; overflow: scroll; /* NOTE: prevents vertical scroll */ /* overscroll-behavior: contain; */ scrollbar-width: none; -webkit-overflow-scrolling: touch; }; .tw-hidden-scroll::-webkit-scrollbar { display: none; } @media (min-width: 768px) { .tw-root .md\:tw-button-secondary-ocean-900-large { position: relative; display: inline-flex; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; user-select: none; align-items: center; justify-content: center; border-radius: 0.5rem; vertical-align: top; } .tw-root .md\:tw-button-secondary-ocean-900-large:focus { outline-width: 0px; } .tw-root .md\:tw-button-secondary-ocean-900-large { --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: rgb(0 74 102 / var(--tw-text-opacity, 1)); --tw-shadow: inset 0px 0px 0px 1px #004A66; --tw-shadow-colored: inset 0px 0px 0px 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); } .tw-root .md\:tw-button-secondary-ocean-900-large:hover { --tw-bg-opacity: 1; background-color: rgb(0 74 102 / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); } .tw-root .md\:tw-button-secondary-ocean-900-large:focus-visible { position: relative; outline-width: 0px; } .tw-root .md\:tw-button-secondary-ocean-900-large:focus-visible::before { position: absolute; inset: -0.125rem; border-radius: 10px; border-width: 2px; border-style: solid; border-color: currentColor; content: var(--tw-content); --tw-shadow: 0px 0px 0px 2px rgba(0,74,102,0.3); --tw-shadow-colored: 0px 0px 0px 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); } .tw-root .md\:tw-button-secondary-ocean-900-large:active { --tw-bg-opacity: 1; background-color: rgb(0 74 102 / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); } .tw-root .md\:tw-button-secondary-ocean-900-large:disabled { pointer-events: none; --tw-text-opacity: 1; color: rgb(188 189 190 / var(--tw-text-opacity, 1)); --tw-shadow: inset 0px 0px 0px 1px #BCBDBE; --tw-shadow-colored: inset 0px 0px 0px 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); } .tw-root .md\:tw-button-secondary-ocean-900-large:focus-visible:disabled::before { --tw-content: none; content: var(--tw-content); } .tw-root .md\:tw-button-secondary-ocean-900-large { min-height: 3.5rem; gap: 0.25rem; padding-left: 1.5rem; padding-right: 1.5rem; padding-top: 1rem; padding-bottom: 1rem; font-size: 1rem; line-height: 1.5rem; font-family: "Ubuntu", sans-serif; font-weight: 500; } .tw-root .md\:tw-text-desktop-h4 { font-size: 2rem; line-height: 3rem; font-family: "Ubuntu", sans-serif; font-weight: 700; } .tw-root .md\:tw-text-desktop-h5 { font-size: 1.625rem; line-height: 2.4375rem; font-family: "Ubuntu", sans-serif; font-weight: 700; } .tw-root .md\:tw-text-desktop-h6 { font-size: 1.375rem; line-height: 2.0625rem; font-family: "Ubuntu", sans-serif; font-weight: 700; } .tw-root .md\:tw-text-desktop-body-large { font-size: 1.125rem; line-height: 1.6875rem; } } @media (min-width: 1024px) { .tw-root .lg\:tw-button-primary-orange-large { position: relative; display: inline-flex; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; user-select: none; align-items: center; justify-content: center; border-radius: 0.5rem; vertical-align: top; } .tw-root .lg\:tw-button-primary-orange-large:focus { outline-width: 0px; } .tw-root .lg\:tw-button-primary-orange-large { --tw-bg-opacity: 1; background-color: rgb(241 93 34 / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); } .tw-root .lg\:tw-button-primary-orange-large:hover { --tw-bg-opacity: 1; background-color: rgb(210 77 25 / var(--tw-bg-opacity, 1)); } .tw-root .lg\:tw-button-primary-orange-large:focus-visible { position: relative; outline-width: 0px; } .tw-root .lg\:tw-button-primary-orange-large:focus-visible::before { position: absolute; inset: -0.125rem; border-radius: 10px; border-width: 2px; border-style: solid; border-color: currentColor; content: var(--tw-content); --tw-shadow: 0px 0px 0px 2px rgba(241,93,34,0.3); --tw-shadow-colored: 0px 0px 0px 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); } .tw-root .lg\:tw-button-primary-orange-large:active { --tw-bg-opacity: 1; background-color: rgb(210 77 25 / var(--tw-bg-opacity, 1)); } .tw-root .lg\:tw-button-primary-orange-large:disabled { pointer-events: none; --tw-bg-opacity: 1; background-color: rgb(247 247 247 / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: rgb(188 189 190 / var(--tw-text-opacity, 1)); } .tw-root .lg\:tw-button-primary-orange-large:focus-visible:disabled::before { --tw-content: none; content: var(--tw-content); } .tw-root .lg\:tw-button-primary-orange-large { min-height: 3.5rem; gap: 0.25rem; padding-left: 1.5rem; padding-right: 1.5rem; padding-top: 1rem; padding-bottom: 1rem; font-size: 1rem; line-height: 1.5rem; font-family: "Ubuntu", sans-serif; font-weight: 500; } .tw-root .lg\:tw-button-primary-ocean-900-large { position: relative; display: inline-flex; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; user-select: none; align-items: center; justify-content: center; border-radius: 0.5rem; vertical-align: top; } .tw-root .lg\:tw-button-primary-ocean-900-large:focus { outline-width: 0px; } .tw-root .lg\:tw-button-primary-ocean-900-large { --tw-bg-opacity: 1; background-color: rgb(0 74 102 / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); } .tw-root .lg\:tw-button-primary-ocean-900-large:hover { --tw-bg-opacity: 1; background-color: rgb(0 51 70 / var(--tw-bg-opacity, 1)); } .tw-root .lg\:tw-button-primary-ocean-900-large:focus-visible { position: relative; outline-width: 0px; } .tw-root .lg\:tw-button-primary-ocean-900-large:focus-visible::before { position: absolute; inset: -0.125rem; border-radius: 10px; border-width: 2px; border-style: solid; border-color: currentColor; content: var(--tw-content); --tw-shadow: 0px 0px 0px 2px rgba(0,74,102,0.3); --tw-shadow-colored: 0px 0px 0px 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); } .tw-root .lg\:tw-button-primary-ocean-900-large:active { --tw-bg-opacity: 1; background-color: rgb(0 51 70 / var(--tw-bg-opacity, 1)); } .tw-root .lg\:tw-button-primary-ocean-900-large:disabled { pointer-events: none; --tw-bg-opacity: 1; background-color: rgb(247 247 247 / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: rgb(188 189 190 / var(--tw-text-opacity, 1)); } .tw-root .lg\:tw-button-primary-ocean-900-large:focus-visible:disabled::before { --tw-content: none; content: var(--tw-content); } .tw-root .lg\:tw-button-primary-ocean-900-large { min-height: 3.5rem; gap: 0.25rem; padding-left: 1.5rem; padding-right: 1.5rem; padding-top: 1rem; padding-bottom: 1rem; font-size: 1rem; line-height: 1.5rem; font-family: "Ubuntu", sans-serif; font-weight: 500; } .tw-root .lg\:tw-button-secondary-ocean-900-large { position: relative; display: inline-flex; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; user-select: none; align-items: center; justify-content: center; border-radius: 0.5rem; vertical-align: top; } .tw-root .lg\:tw-button-secondary-ocean-900-large:focus { outline-width: 0px; } .tw-root .lg\:tw-button-secondary-ocean-900-large { --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: rgb(0 74 102 / var(--tw-text-opacity, 1)); --tw-shadow: inset 0px 0px 0px 1px #004A66; --tw-shadow-colored: inset 0px 0px 0px 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); } .tw-root .lg\:tw-button-secondary-ocean-900-large:hover { --tw-bg-opacity: 1; background-color: rgb(0 74 102 / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); } .tw-root .lg\:tw-button-secondary-ocean-900-large:focus-visible { position: relative; outline-width: 0px; } .tw-root .lg\:tw-button-secondary-ocean-900-large:focus-visible::before { position: absolute; inset: -0.125rem; border-radius: 10px; border-width: 2px; border-style: solid; border-color: currentColor; content: var(--tw-content); --tw-shadow: 0px 0px 0px 2px rgba(0,74,102,0.3); --tw-shadow-colored: 0px 0px 0px 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); } .tw-root .lg\:tw-button-secondary-ocean-900-large:active { --tw-bg-opacity: 1; background-color: rgb(0 74 102 / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); } .tw-root .lg\:tw-button-secondary-ocean-900-large:disabled { pointer-events: none; --tw-text-opacity: 1; color: rgb(188 189 190 / var(--tw-text-opacity, 1)); --tw-shadow: inset 0px 0px 0px 1px #BCBDBE; --tw-shadow-colored: inset 0px 0px 0px 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); } .tw-root .lg\:tw-button-secondary-ocean-900-large:focus-visible:disabled::before { --tw-content: none; content: var(--tw-content); } .tw-root .lg\:tw-button-secondary-ocean-900-large { min-height: 3.5rem; gap: 0.25rem; padding-left: 1.5rem; padding-right: 1.5rem; padding-top: 1rem; padding-bottom: 1rem; font-size: 1rem; line-height: 1.5rem; font-family: "Ubuntu", sans-serif; font-weight: 500; } .tw-root .lg\:tw-button-primary-orange { position: relative; display: inline-flex; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; user-select: none; align-items: center; justify-content: center; border-radius: 0.5rem; vertical-align: top; } .tw-root .lg\:tw-button-primary-orange:focus { outline-width: 0px; } .tw-root .lg\:tw-button-primary-orange { --tw-bg-opacity: 1; background-color: rgb(241 93 34 / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); } .tw-root .lg\:tw-button-primary-orange:hover { --tw-bg-opacity: 1; background-color: rgb(210 77 25 / var(--tw-bg-opacity, 1)); } .tw-root .lg\:tw-button-primary-orange:focus-visible { position: relative; outline-width: 0px; } .tw-root .lg\:tw-button-primary-orange:focus-visible::before { position: absolute; inset: -0.125rem; border-radius: 10px; border-width: 2px; border-style: solid; border-color: currentColor; content: var(--tw-content); --tw-shadow: 0px 0px 0px 2px rgba(241,93,34,0.3); --tw-shadow-colored: 0px 0px 0px 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); } .tw-root .lg\:tw-button-primary-orange:active { --tw-bg-opacity: 1; background-color: rgb(210 77 25 / var(--tw-bg-opacity, 1)); } .tw-root .lg\:tw-button-primary-orange:disabled { pointer-events: none; --tw-bg-opacity: 1; background-color: rgb(247 247 247 / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: rgb(188 189 190 / var(--tw-text-opacity, 1)); } .tw-root .lg\:tw-button-primary-orange:focus-visible:disabled::before { --tw-content: none; content: var(--tw-content); } .tw-root .lg\:tw-button-primary-orange { min-height: 2.5rem; gap: 0.25rem; padding-left: 1rem; padding-right: 1rem; padding-top: 0.625rem; padding-bottom: 0.625rem; font-size: 0.875rem; line-height: 1.25rem; font-family: "Ubuntu", sans-serif; font-weight: 500; } .tw-root .lg\:tw-text-desktop-h6 { font-size: 1.375rem; line-height: 2.0625rem; font-family: "Ubuntu", sans-serif; font-weight: 700; } .tw-root .lg\:tw-text-desktop-body-medium { font-size: 1rem; line-height: 1.5rem; } .tw-root .lg\:tw-text-mobile-h4 { font-size: 1.375rem; line-height: 2.0625rem; font-weight: 700; } } .tw-root .\[\&_\.user-contact-info-header\]\:\!tw-text-mobile-h6 .user-contact-info-header { font-size: 1rem !important; line-height: 1.5rem !important; font-weight: 700; } @media (min-width: 1024px) { .tw-root .lg\:\[\&_\.user-contact-info-header\]\:\!tw-text-desktop-h6 .user-contact-info-header { font-size: 1.375rem !important; line-height: 2.0625rem !important; font-family: "Ubuntu", sans-serif; font-weight: 700; } } .first-letter\:tw-capitalize::first-letter { text-transform: capitalize; } .before\:tw-absolute::before { content: var(--tw-content); position: absolute; } .before\:tw--inset-0\.5::before { content: var(--tw-content); inset: -0.125rem; } .before\:tw-z-\[1\]::before { content: var(--tw-content); z-index: 1; } .before\:tw-rounded-lg::before { content: var(--tw-content); border-radius: 0.5rem; } .before\:tw-border-2::before { content: var(--tw-content); border-width: 2px; } .before\:tw-border-solid::before { content: var(--tw-content); border-style: solid; } .before\:tw-border-white::before { content: var(--tw-content); --tw-border-opacity: 1; border-color: rgb(255 255 255 / var(--tw-border-opacity, 1)); } .after\:tw-pointer-events-none::after { content: var(--tw-content); pointer-events: none; } .after\:tw-absolute::after { content: var(--tw-content); position: absolute; } .after\:tw-inset-0::after { content: var(--tw-content); inset: 0px; } .after\:tw--bottom-4::after { content: var(--tw-content); bottom: -1rem; } .after\:tw--left-3::after { content: var(--tw-content); left: -0.75rem; } .after\:tw--right-3::after { content: var(--tw-content); right: -0.75rem; } .after\:tw--top-4::after { content: var(--tw-content); top: -1rem; } .after\:tw-z-\[1\]::after { content: var(--tw-content); z-index: 1; } .after\:tw-rounded-xl::after { content: var(--tw-content); border-radius: 0.75rem; } .after\:tw-border::after { content: var(--tw-content); border-width: 1px; } .after\:tw-border-solid::after { content: var(--tw-content); border-style: solid; } .after\:tw-border-\[\#96DDCC\]::after { content: var(--tw-content); --tw-border-opacity: 1; border-color: rgb(150 221 204 / var(--tw-border-opacity, 1)); } .after\:tw-border-\[\#FDCDB9\]::after { content: var(--tw-content); --tw-border-opacity: 1; border-color: rgb(253 205 185 / var(--tw-border-opacity, 1)); } .after\:tw-mix-blend-multiply::after { content: var(--tw-content); mix-blend-mode: multiply; } .after\:tw-shadow-small::after { content: var(--tw-content); --tw-shadow: 0px 4px 6px 0px rgb(0 0 0 / 0.04); --tw-shadow-colored: 0px 4px 6px 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); } .empty\:tw-hidden:empty { display: none; } .hover\:\!tw-bg-ocean-900:hover { --tw-bg-opacity: 1 !important; background-color: rgb(0 74 102 / var(--tw-bg-opacity, 1)) !important; } .hover\:tw-bg-white:hover { --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); } .hover\:tw-text-primary-orange:hover { --tw-text-opacity: 1; color: rgb(241 93 34 / var(--tw-text-opacity, 1)); } .hover\:tw-shadow-medium:hover { --tw-shadow: 0px 12px 16px 0px rgb(0 0 0 / 0.04); --tw-shadow-colored: 0px 12px 16px 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); } .focus-visible\:tw-border-warm-grey-900:focus-visible { --tw-border-opacity: 1; border-color: rgb(55 58 60 / var(--tw-border-opacity, 1)); } .active\:tw-bg-white:active { --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); } .active\:tw-text-primary-orange:active { --tw-text-opacity: 1; color: rgb(241 93 34 / var(--tw-text-opacity, 1)); } @media (min-width: 640px) { .sm\:tw-max-w-\[540px\] { max-width: 540px; } .sm\:tw-max-w-\[58\.333333\%\] { max-width: 58.333333%; } .sm\:tw-flex-\[0_0_58\.333333\%\] { flex: 0 0 58.333333%; } .sm\:tw-px-\[15px\] { padding-left: 15px; padding-right: 15px; } } @media (min-width: 768px) { .md\:tw-absolute { position: absolute; } .md\:tw-relative { position: relative; } .md\:tw-inset-0 { inset: 0px; } .md\:tw-bottom-0 { bottom: 0px; } .md\:tw-mx-auto { margin-left: auto; margin-right: auto; } .md\:tw-my-0 { margin-top: 0px; margin-bottom: 0px; } .md\:tw-mb-0 { margin-bottom: 0px; } .md\:tw-mb-3 { margin-bottom: 0.75rem; } .md\:tw-ml-auto { margin-left: auto; } .md\:tw-mt-6 { margin-top: 1.5rem; } .md\:tw-block { display: block; } .md\:tw-inline { display: inline; } .md\:tw-flex { display: flex; } .md\:tw-hidden { display: none; } .md\:\!tw-h-\[385px\] { height: 385px !important; } .md\:tw-h-\[148px\] { height: 148px; } .md\:tw-h-\[450px\] { height: 450px; } .md\:tw-w-\[13\%\] { width: 13%; } .md\:tw-w-\[264px\] { width: 264px; } .md\:tw-w-\[416px\] { width: 416px; } .md\:tw-w-auto { width: auto; } .md\:tw-min-w-\[50\%\] { min-width: 50%; } .md\:tw-max-w-\[480px\] { max-width: 480px; } .md\:tw-max-w-\[50\%\] { max-width: 50%; } .md\:tw-max-w-\[760px\] { max-width: 760px; } .md\:tw-max-w-full { max-width: 100%; } .md\:tw-max-w-none { max-width: none; } .md\:tw-flex-1 { flex: 1 1 0%; } .md\:tw-flex-\[0_0_100\%\] { flex: 0 0 100%; } .md\:tw-flex-none { flex: none; } .md\:tw-flex-row-reverse { flex-direction: row-reverse; } .md\:tw-flex-nowrap { flex-wrap: nowrap; } .md\:tw-gap-0 { gap: 0px; } .md\:tw-gap-6 { gap: 1.5rem; } .md\:tw-gap-\[15px\] { gap: 15px; } .md\:tw-gap-x-6 { -moz-column-gap: 1.5rem; column-gap: 1.5rem; } .md\:tw-gap-y-6 { row-gap: 1.5rem; } .md\:tw-overflow-hidden { overflow: hidden; } .md\:tw-rounded { border-radius: 0.25rem; } .md\:tw-rounded-2xl { border-radius: 1rem; } .md\:tw-p-0 { padding: 0px; } .md\:tw-p-4 { padding: 1rem; } .md\:tw-p-8 { padding: 2rem; } .md\:tw-px-5 { padding-left: 1.25rem; padding-right: 1.25rem; } .md\:tw-pb-5 { padding-bottom: 1.25rem; } .md\:tw-pb-\[24px\] { padding-bottom: 24px; } .md\:tw-pt-\[100\%\] { padding-top: 100%; } .md\:tw-pt-\[25px\] { padding-top: 25px; } .md\:tw-pt-\[8px\] { padding-top: 8px; } .md\:tw-text-\[16px\] { font-size: 16px; } .md\:tw-text-\[18px\] { font-size: 18px; } } @media (min-width: 1024px) { .lg\:tw-mx-0 { margin-left: 0px; margin-right: 0px; } .lg\:tw-mx-auto { margin-left: auto; margin-right: auto; } .lg\:tw-my-6 { margin-top: 1.5rem; margin-bottom: 1.5rem; } .lg\:tw-ml-auto { margin-left: auto; } .lg\:tw-mt-10 { margin-top: 2.5rem; } .lg\:tw-mt-5 { margin-top: 1.25rem; } .lg\:tw-mt-8 { margin-top: 2rem; } .lg\:tw-mt-\[52px\] { margin-top: 52px; } .lg\:tw-flex { display: flex; } .lg\:tw-hidden { display: none; } .lg\:tw-min-h-8 { min-height: 2rem; } .lg\:tw-w-\[14\%\] { width: 14%; } .lg\:tw-max-w-\[1140px\] { max-width: 1140px; } .lg\:tw-max-w-\[66\.666667\%\] { max-width: 66.666667%; } .lg\:tw-max-w-\[980px\] { max-width: 980px; } .lg\:tw-max-w-none { max-width: none; } .lg\:tw-flex-1 { flex: 1 1 0%; } .lg\:tw-flex-\[0_0_66\.666667\%\] { flex: 0 0 66.666667%; } .lg\:tw-flex-none { flex: none; } .lg\:tw-flex-row { flex-direction: row; } .lg\:tw-items-center { align-items: center; } .lg\:tw-gap-3 { gap: 0.75rem; } .lg\:tw-gap-6 { gap: 1.5rem; } .lg\:tw-gap-8 { gap: 2rem; } .lg\:tw-rounded-3xl { border-radius: 1.5rem; } .lg\:tw-p-6 { padding: 1.5rem; } .lg\:tw-p-8 { padding: 2rem; } .lg\:tw-px-2\.5 { padding-left: 0.625rem; padding-right: 0.625rem; } .lg\:tw-px-3 { padding-left: 0.75rem; padding-right: 0.75rem; } .lg\:tw-py-10 { padding-top: 2.5rem; padding-bottom: 2.5rem; } .lg\:tw-py-5 { padding-top: 1.25rem; padding-bottom: 1.25rem; } .lg\:tw-py-6 { padding-top: 1.5rem; padding-bottom: 1.5rem; } .lg\:tw-py-\[16px\] { padding-top: 16px; padding-bottom: 16px; } .lg\:tw-pb-14 { padding-bottom: 3.5rem; } .lg\:tw-pl-4 { padding-left: 1rem; } .lg\:tw-pt-0 { padding-top: 0px; } .lg\:tw-text-center { text-align: center; } .lg\:tw-text-\[12px\] { font-size: 12px; } .lg\:hover\:tw-text-primary-orange:hover { --tw-text-opacity: 1; color: rgb(241 93 34 / var(--tw-text-opacity, 1)); } } @media (min-width: 1280px) { .xl\:tw-w-\[102px\] { width: 102px; } .xl\:tw-min-w-\[245px\] { min-width: 245px; } .xl\:tw-min-w-\[684px\] { min-width: 684px; } .xl\:tw-max-w-\[1140px\] { max-width: 1140px; } .xl\:tw-max-w-\[416px\] { max-width: 416px; } } .\[\&\.active\]\:tw-bg-white.active { --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); } .\[\&\.swiper-slide-thumb-active\]\:tw-bg-warm-grey-900.swiper-slide-thumb-active { --tw-bg-opacity: 1; background-color: rgb(55 58 60 / var(--tw-bg-opacity, 1)); } @media (min-width: 768px) { .md\:\[\&\.swiper-slide-thumb-active\]\:before\:tw-pointer-events-none.swiper-slide-thumb-active::before { content: var(--tw-content); pointer-events: none; } .md\:\[\&\.swiper-slide-thumb-active\]\:before\:tw-absolute.swiper-slide-thumb-active::before { content: var(--tw-content); position: absolute; } .md\:\[\&\.swiper-slide-thumb-active\]\:before\:tw-inset-0.swiper-slide-thumb-active::before { content: var(--tw-content); inset: 0px; } .md\:\[\&\.swiper-slide-thumb-active\]\:before\:tw-border-\[5px\].swiper-slide-thumb-active::before { content: var(--tw-content); border-width: 5px; } .md\:\[\&\.swiper-slide-thumb-active\]\:before\:tw-border-white.swiper-slide-thumb-active::before { content: var(--tw-content); --tw-border-opacity: 1; border-color: rgb(255 255 255 / var(--tw-border-opacity, 1)); } .md\:\[\&\.swiper-slide-thumb-active\]\:after\:tw-pointer-events-none.swiper-slide-thumb-active::after { content: var(--tw-content); pointer-events: none; } .md\:\[\&\.swiper-slide-thumb-active\]\:after\:tw-absolute.swiper-slide-thumb-active::after { content: var(--tw-content); position: absolute; } .md\:\[\&\.swiper-slide-thumb-active\]\:after\:tw-inset-0.swiper-slide-thumb-active::after { content: var(--tw-content); inset: 0px; } .md\:\[\&\.swiper-slide-thumb-active\]\:after\:tw-rounded.swiper-slide-thumb-active::after { content: var(--tw-content); border-radius: 0.25rem; } .md\:\[\&\.swiper-slide-thumb-active\]\:after\:tw-border-\[1px\].swiper-slide-thumb-active::after { content: var(--tw-content); border-width: 1px; } .md\:\[\&\.swiper-slide-thumb-active\]\:after\:tw-border-warm-grey-900.swiper-slide-thumb-active::after { content: var(--tw-content); --tw-border-opacity: 1; border-color: rgb(55 58 60 / var(--tw-border-opacity, 1)); } .md\:\[\&\:hover_\#item-gallery-thumbs-navigation\]\:tw-block:hover #item-gallery-thumbs-navigation { display: block; } } .\[\&\[aria-disabled\=\'true\'\]\]\:tw-pointer-events-none[aria-disabled='true'] { pointer-events: none; } .\[\&\[aria-disabled\=\'true\'\]\]\:tw-opacity-50[aria-disabled='true'] { opacity: 0.5; } .\[\&_\.user-contact-info-header\]\:tw-absolute .user-contact-info-header { position: absolute; } .\[\&_\.user-contact-info-header\]\:\!tw-bottom-\[100\%\] .user-contact-info-header { bottom: 100% !important; } .\[\&_\.user-contact-info-header\]\:\!tw-mb-0 .user-contact-info-header { margin-bottom: 0px !important; } .\[\&_\.user-contact-info-header\]\:\!tw-block .user-contact-info-header { display: block !important; } .\[\&_\.user-contact-info-header\]\:\!tw-border-0 .user-contact-info-header { border-width: 0px !important; } .\[\&_\.user-contact-info-header\]\:\!tw-pb-0 .user-contact-info-header { padding-bottom: 0px !important; } .\[\&_\.user-contact-info-header\]\:\!tw-pb-4 .user-contact-info-header { padding-bottom: 1rem !important; } .\[\&_\.user-contact-info-header\]\:\!tw-pr-14 .user-contact-info-header { padding-right: 3.5rem !important; } .\[\&_\.user-contact-info-header\]\:\!tw-text-warm-grey-900 .user-contact-info-header { --tw-text-opacity: 1 !important; color: rgb(55 58 60 / var(--tw-text-opacity, 1)) !important; } @media (min-width: 1024px) { .lg\:\[\&_\.user-contact-info-header\]\:\!tw-pb-5 .user-contact-info-header { padding-bottom: 1.25rem !important; } } .\[\&_\.user-contact-info-header_i\]\:tw-hidden .user-contact-info-header i { display: none; } .\[\&_\>_\.tw-table-cell\:first-of-type\]\:tw-rounded-bl-xl > .tw-table-cell:first-of-type { border-bottom-left-radius: 0.75rem; } .\[\&_\>_\.tw-table-cell\:first-of-type\]\:tw-rounded-tl-xl > .tw-table-cell:first-of-type { border-top-left-radius: 0.75rem; } .\[\&_\>_\.tw-table-cell\:first-of-type\]\:tw-pl-3 > .tw-table-cell:first-of-type { padding-left: 0.75rem; } .\[\&_\>_\.tw-table-cell\:last-of-type\]\:tw-rounded-br-xl > .tw-table-cell:last-of-type { border-bottom-right-radius: 0.75rem; } .\[\&_\>_\.tw-table-cell\:last-of-type\]\:tw-rounded-tr-xl > .tw-table-cell:last-of-type { border-top-right-radius: 0.75rem; } .\[\&_\>_\.tw-table-cell\:last-of-type\]\:tw-pr-3 > .tw-table-cell:last-of-type { padding-right: 0.75rem; } .\[\&_\>_\.tw-table-cell\]\:tw-px-0\.5 > .tw-table-cell { padding-left: 0.125rem; padding-right: 0.125rem; } .\[\&_\>_\.tw-table-cell\]\:tw-py-2\.5 > .tw-table-cell { padding-top: 0.625rem; padding-bottom: 0.625rem; } .\[\&_a\:hover\]\:tw-text-current a:hover { color: currentColor; } .\[\&_a\]\:\!tw-m-0 a { margin: 0px !important; } .\[\&_a\]\:tw-font-bold a { font-weight: 700; } .\[\&_a\]\:tw-text-ocean-900 a { --tw-text-opacity: 1; color: rgb(0 74 102 / var(--tw-text-opacity, 1)); } .\[\&_li\:first-of-type\]\:tw-rounded-tl-lg li:first-of-type { border-top-left-radius: 0.5rem; } .\[\&_li\:last-of-type\]\:tw-rounded-tr-lg li:last-of-type { border-top-right-radius: 0.5rem; } .group-driverjs-details[open] .\[\.group-driverjs-details\[open\]_\&\]\:tw--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)); } .group-footer-details[open] .\[\.group-footer-details\[open\]_\&\]\:tw--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)); } [data-action='add'] .\[\[data-action\=\'add\'\]_\&\]\:tw-hidden { display: none; } [data-action='del'] .\[\[data-action\=\'del\'\]_\&\]\:tw-hidden { display: none; }