/** Shopify CDN: Minification failed Line 99:0 All "@import" rules must come first Line 763:12 Unexpected ".8px\\]" **/ #shopify-buyer-consent { margin-top: 1em; display: inline-block; width: 100%; } #shopify-buyer-consent.hidden { display: none; } #shopify-subscription-policy-button { background: none; border: none; padding: 0; text-decoration: underline; font-size: inherit; cursor: pointer; } #shopify-subscription-policy-button::before { box-shadow: none; } :root { --color-primary: #282828; --color-secondary: #073026; --color-accent: #E5DCCA; --color-text: #282828; --color-bg: #f8f6f2; --ds-radius: 4px; --ds-h: 48px; --ds-anim-base: 300ms; --ds-anim-fast: 150ms; --ds-container-w: 1440px; --ds-container-px: 16px; --ds-swatch-size: 20px; --ds-swatch-radius: 4px; --ds-product-card-mob-dot-size: 12px; --ds-product-card-mob-dot-bottom: 6px; --pc-discount-bg: #073026; --pc-discount-text: #ffffff; --pc-discount-fs-mob: 12px; --pc-discount-fs-desk: 12px; --pc-discount-mt-mob: 8px; --pc-discount-mt-desk: 8px; } @media (min-width: 768px) { :root { --ds-container-px: 32px; } } @media (min-width: 1024px) { :root { --ds-container-px: 56px; --ds-swatch-size: 20px; --ds-swatch-radius: 4px; } } .kaching-bundles__block { display: none; } .kaching-bundles-sticky-atc { display: none; } .ig-hidden { display: none !important; } [data-ig-discount]:not([data-ig-discount="0"]) { display: none; } .accessibly-app-hidden{visibility:hidden !important;display:none !important}.accessibly-app-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.accessibly-app-justify-between{justify-content:space-between}.accessibly-app-justify-end{justify-content:flex-end}.accessibly-app-align-center{align-items:center}.accessibly-app-gap-1{gap:4px}.accessibly-app-mb-1{gap:4px}.accessibly-app-uppercase{text-transform:uppercase}.accessibly-app-text-16{font-size:16px}.ac-sr-only{display:block !important;position:absolute !important;left:0px !important;top:0px !important;margin:-1px 0px 0px -1px !important;padding:0px !important;width:1px !important;height:1px !important;font-weight:normal !important;font-size:15px !important;line-height:1px !important;overflow:hidden !important;clip:rect(0px, 0px, 0px, 0px) !important;border:0px !important;outline:0px !important;cursor:text !important;text-transform:capitalize !important;color:#000 !important;background:#fff !important}body #accessiblyAppDialog [class^=accessibly-app-icon-],body #accessiblyAppDialog [class*=" accessibly-app-icon-"],body .accessibly-app-skip-link [class*=" accessibly-app-icon-"],body .accessibly-app-skip-link [class^=otm-icon-],body #accessiblyAppWidgetButton #accessiblyAppDialogButton [class^=accessibly-app-icon-],body #accessiblyAppWidgetButton #accessiblyAppDialogButton [class*=" accessibly-app-icon-"],body [class^=accessibly-app-] [class^=accessibly-app-icon-],body [class^=accessibly-app-] [class*=" accessibly-app-icon-"]{font-family:"accessibly" !important;speak:never;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;display:block;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.accessibly-app-icon-arrow-back:before{content:"" !important;font-size:12px;margin-right:5px}.accessibly-app-icon-globe:before{content:"" !important;font-size:22px}.accessibly-app-icon-search:before{content:"" !important}.accessibly-app-icon-check:before{content:"" !important;font-size:10px}.accessibly-app-icon-tooltips:before{content:"" !important}.accessibly-app-icon-text-reader:before{content:"" !important}.accessibly-app-icon-stop-animations:before{content:"" !important}.accessibly-app-icon-reading-mask:before{content:"" !important}.accessibly-app-icon-reading-guide:before{content:"" !important}.accessibly-app-icon-readable-font:before{content:"" !important}.accessibly-app-icon-page-structure:before{content:"" !important}.accessibly-app-icon-line-height:before{content:"" !important}.accessibly-app-icon-invert-colors:before{content:"" !important}.accessibly-app-icon-highlight-links:before{content:"" !important}.accessibly-app-icon-hide-images:before{content:"" !important}.accessibly-app-icon-contrast:before{content:"" !important}.accessibly-app-icon-brightness:before{content:"" !important}.accessibly-app-icon-bigger-text:before{content:"" !important}.accessibly-app-icon-bigger-cursor:before{content:"" !important}.accessibly-app-icon-close:before{content:"" !important;font-size:18px}.accessibly-app-icon-div:before{content:"" !important}.accessibly-app-icon-dyslexic-font:before{content:"" !important}.accessibly-app-icon-enter:before{content:"" !important}.accessibly-app-icon-hide-forever:before{content:"" !important;font-size:25px}.accessibly-app-icon-logo:before{content:"" !important}.accessibly-app-icon-page-structure-heading:before{content:"" !important}.accessibly-app-icon-pause-animations:before{content:"" !important}.accessibly-app-icon-saturation:before{content:"" !important}.accessibly-app-icon-settings:before{content:"" !important}.accessibly-app-icon-bionic-reading:before{content:"" !important}.accessibly-app-icon-reset:before{content:"" !important}body .accessibly-app-dyslexic-font{font-family:Dyslexic !important}body .accessibly-app-bionic-font{font-family:"Bionic" !important}body .accessibly-app-highlight-link{background-color:#000 !important;color:#f7ff00 !important}body.accessibly-app-hide-images img{visibility:hidden !important}body.accessibly-app-hide-images *{background-size:0 0 !important}body .accessibly-app-readable-font{font-family:Helvetica !important}body .accessibly-app-reading-guide{background:#000;width:100% !important;min-width:100% !important;top:20px;left:0;box-sizing:border-box;height:12px !important;border:solid 3px #fff300;border-radius:5px;position:absolute;z-index:99998;display:block !important;pointer-events:none}body .accessibly-app-reading-mask{display:block !important;position:fixed;top:0;left:0;right:0;margin:auto;width:100%;height:0;pointer-events:none;background-color:rgba(0,0,0,.5);z-index:100000000000000020000}body .accessibly-app-reading-mask-top{top:0;bottom:auto}body .accessibly-app-reading-mask-bottom{bottom:0;top:auto}body .accessibly-app-widget-tooltip{position:absolute;border:3px solid;background-color:#fff;padding:16px 20px;font-size:19px;border-radius:5px;transition:all 70ms ease-out;opacity:0;z-index:9999}body .accessibly-app-reader-active{background:#ff0 !important;color:#000 !important}.accessibly-app-stop-animations *{animation-play-state:paused !important;transition:none !important;animation:none !important;-webkit-animation:none !important;-moz-animation:none !important;-o-animation:none !important}.accessibly-app-color-filter-green-red-icon{background:linear-gradient(to right, #00ff00 50%, red 50%)}.accessibly-app-color-filter-red-green-icon{background:linear-gradient(to right, red 50%, #00ff00 50%)}.accessibly-app-color-filter-blue-yellow-icon{background:linear-gradient(to right, blue 50%, yellow 50%)}.accessibly-app-color-filter-grayscale-icon{background:#989ca4}.accessibly-app-feature-group{display:grid;grid-template-columns:repeat(2, 1fr);gap:5px;margin-top:10px;width:100%}.accessibly-app-feature-group-pill{font-family:var(--accessibly-widget-font-family, Noto Sans, sans-serif);font-size:inherit;font-weight:400;width:fit-content;min-width:1px;height:fit-content;text-decoration:none;box-shadow:none;display:flex;align-items:center;appearance:none;min-height:0px;border-inline:none;outline:0;border:0;border-width:0;margin:0;padding:0;color:inherit;background:none;text-align:left;cursor:pointer;letter-spacing:normal;min-width:0px;align-items:center;gap:20px;width:100%;border-radius:9999px;border:none;font-size:12px;color:#262735;padding:4px}.accessibly-app-feature-group-pill:hover{transition:background-color .1s;outline:none;text-decoration:none;background:inherit}.accessibly-app-feature-group-pill:focus{outline:2px solid #007bff !important;outline-offset:3px !important}.accessibly-app-feature-group-pill:focus{transform:translateY(-2px);transition:transform .1s}.accessibly-app-feature-group-pill:hover{transition:outline-offset .1s;outline-offset:1px;outline:1px solid #eff1f7}.accessibly-app-feature-group-pill-icon{display:block;width:16px;height:16px;border-radius:50%}#accessiblyAppDialog.accessibly-app-widget{-webkit-font-smoothing:antialiased;position:fixed;top:0;width:445px;background-color:#f8f9fc;z-index:2147483647;box-shadow:0px 4px 40px rgba(25,27,30,.2);direction:ltr;font-size:16px}@media(max-width: 768px){#accessiblyAppDialog.accessibly-app-widget{width:100%}}#accessiblyAppDialog.accessibly-app-widget .accessibly-app-navigation{font-family:var(--accessibly-widget-font-family, Noto Sans, sans-serif);display:flex;justify-content:space-between;align-items:center;padding:20px;gap:10px}@media(max-width: 768px){#accessiblyAppDialog.accessibly-app-widget .accessibly-app-navigation{padding:15px}}#accessiblyAppDialog.accessibly-app-widget .accessibly-app-navigation>div button{font-family:var(--accessibly-widget-font-family, Noto Sans, sans-serif);font-size:inherit;font-weight:400;width:fit-content;min-width:1px;height:fit-content;text-decoration:none;box-shadow:none;display:flex;align-items:center;appearance:none;min-height:0px;border-inline:none;outline:0;border:0;border-width:0;margin:0;padding:0;color:inherit;background:none;text-align:left;cursor:pointer;letter-spacing:normal;min-width:0px;color:#fff !important;background:inherit !important}#accessiblyAppDialog.accessibly-app-widget .accessibly-app-navigation>div button:hover{transition:background-color .1s;outline:none;text-decoration:none;background:inherit}#accessiblyAppDialog.accessibly-app-widget .accessibly-app-navigation>div button:focus{outline:2px solid #007bff !important;outline-offset:3px !important}@media(max-width: 480px){#accessiblyAppDialog.accessibly-app-widget .accessibly-app-navigation>div button{min-width:22px}}#accessiblyAppDialog.accessibly-app-widget .accessibly-app-navigation>div button:focus{color:#fff}#accessiblyAppDialog.accessibly-app-widget .accessibly-app-navigation>div button:hover{opacity:.6}@media(max-width: 768px){#accessiblyAppDialog.accessibly-app-widget .accessibly-app-navigation>div:nth-child(1) button:nth-child(3),#accessiblyAppDialog.accessibly-app-widget .accessibly-app-navigation>div:nth-child(3) button:nth-child(3){padding:5px}}#accessiblyAppDialog.accessibly-app-widget .accessibly-app-navigation>div:nth-child(3){justify-content:flex-end;display:flex;align-items:center;gap:15px}@media(max-width: 480px){#accessiblyAppDialog.accessibly-app-widget .accessibly-app-navigation>div:nth-child(3){gap:10px}}#accessiblyAppDialog.accessibly-app-widget .accessibly-app-navigation>div:nth-child(1) button{font-family:var(--accessibly-widget-font-family, Noto Sans, sans-serif);font-size:inherit;font-weight:400;width:fit-content;min-width:1px;height:fit-content;text-decoration:none;box-shadow:none;display:flex;align-items:center;appearance:none;min-height:0px;border-inline:none;outline:0;border:0;border-width:0;margin:0;padding:0;color:inherit;background:none;text-align:left;cursor:pointer;letter-spacing:normal;min-width:0px;color:#fff !important;background:inherit !important;font-size:.939em;font-weight:700;visibility:hidden}#accessiblyAppDialog.accessibly-app-widget .accessibly-app-navigation>div:nth-child(1) button:hover{transition:background-color .1s;outline:none;text-decoration:none;background:inherit}#accessiblyAppDialog.accessibly-app-widget .accessibly-app-navigation>div:nth-child(1) button:focus{outline:2px solid #007bff !important;outline-offset:3px !important}#accessiblyAppDialog.accessibly-app-widget .accessibly-app-navigation>div:nth-child(1) button:focus{color:#fff}@media(max-width: 480px){#accessiblyAppDialog.accessibly-app-widget .accessibly-app-navigation>div:nth-child(1) button{font-size:.875em;padding:2px}}#accessiblyAppDialog.accessibly-app-widget .accessibly-app-navigation>div:nth-child(2){flex-basis:50%;text-align:center}#accessiblyAppDialog.accessibly-app-widget .accessibly-app-navigation .accessibly-app-navigation-title{font-family:var(--accessibly-widget-font-family, Noto Sans, sans-serif);font-size:18px;white-space:nowrap;text-align:center;margin:0;padding:0;color:#fff;left:15px;transition:all .2 linear;letter-spacing:0px;font-weight:700;text-transform:capitalize !important}@media(max-width: 480px){#accessiblyAppDialog.accessibly-app-widget .accessibly-app-navigation .accessibly-app-navigation-title{font-size:16px}}#accessiblyAppDialog.accessibly-app-widget .accessibly-app-navigation-hide-forever{padding:8px;position:absolute;top:50px;left:0;width:100%;background-color:#f8f9fc;z-index:100;box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);border-bottom:1px solid #f2f2f8}#accessiblyAppDialog.accessibly-app-widget .accessibly-app-navigation-hide-forever .accessibly-app-navigation-hide-forever-message{font-family:var(--accessibly-widget-font-family, Noto Sans, sans-serif);font-style:normal;font-size:inherit;text-transform:initial;color:#000;letter-spacing:0;margin:0;padding:0;font-weight:400;padding-right:16px;margin-bottom:13px;color:#69727b}#accessiblyAppDialog.accessibly-app-widget .accessibly-app-navigation-hide-forever .accessibly-app-row{padding-right:16px}#accessiblyAppDialog.accessibly-app-widget .accessibly-app-navigation-hide-forever .accessibly-app-row .accessibly-app-navigation-hide-forever-ok{font-family:var(--accessibly-widget-font-family, Noto Sans, sans-serif);font-size:inherit;font-weight:400;width:fit-content;min-width:1px;height:fit-content;text-decoration:none;box-shadow:none;display:flex;align-items:center;appearance:none;min-height:0px;border-inline:none;outline:0;border:0;border-width:0;margin:0;padding:0;color:inherit;background:none;text-align:left;cursor:pointer;letter-spacing:normal;min-width:0px;color:#fff;font-size:.9em;font-weight:600;border-radius:5px;padding:2px 5px}#accessiblyAppDialog.accessibly-app-widget .accessibly-app-navigation-hide-forever .accessibly-app-row .accessibly-app-navigation-hide-forever-ok:hover{transition:background-color .1s;outline:none;text-decoration:none;background:inherit}#accessiblyAppDialog.accessibly-app-widget .accessibly-app-navigation-hide-forever .accessibly-app-row .accessibly-app-navigation-hide-forever-ok:focus{outline:2px solid #007bff !important;outline-offset:3px !important}#accessiblyAppDialog.accessibly-app-widget .accessibly-app-navigation-hide-forever .accessibly-app-row .accessibly-app-navigation-hide-forever-ok:hover{opacity:.8}#accessiblyAppDialog.accessibly-app-widget .accessibly-app-navigation-hide-forever .accessibly-app-row .accessibly-app-navigation-hide-forever-cancel{font-family:var(--accessibly-widget-font-family, Noto Sans, sans-serif);font-size:inherit;font-weight:400;width:fit-content;min-width:1px;height:fit-content;text-decoration:none;box-shadow:none;display:flex;align-items:center;appearance:none;min-height:0px;border-inline:none;outline:0;border:0;border-width:0;margin:0;padding:0;color:inherit;background:none;text-align:left;cursor:pointer;letter-spacing:normal;min-width:0px;color:#fff;font-size:.9em;font-weight:600;border-radius:5px;padding:2px 5px}#accessiblyAppDialog.accessibly-app-widget .accessibly-app-navigation-hide-forever .accessibly-app-row .accessibly-app-navigation-hide-forever-cancel:hover{transition:background-color .1s;outline:none;text-decoration:none;background:inherit}#accessiblyAppDialog.accessibly-app-widget .accessibly-app-navigation-hide-forever .accessibly-app-row .accessibly-app-navigation-hide-forever-cancel:focus{outline:2px solid #007bff !important;outline-offset:3px !important}#accessiblyAppDialog.accessibly-app-widget .accessibly-app-navigation-hide-forever .accessibly-app-row .accessibly-app-navigation-hide-forever-cancel:hover{opacity:.8}#accessiblyAppDialog.accessibly-app-widget .accessibly-app-language-settings{display:flex;row-gap:5px;align-items:center}#accessiblyAppDialog.accessibly-app-widget .accessibly-app-tabs{position:relative}#accessiblyAppDialog.accessibly-app-widget .accessibly-app-tabs .accessibly-app-page-structure.accessibly-app-tab,#accessiblyAppDialog.accessibly-app-widget .accessibly-app-tabs .accessibly-app-settings.accessibly-app-tab{width:100%}#accessiblyAppDialog.accessibly-app-widget .accessibly-app-tabs .accessibly-app-features.accessibly-app-tab,#accessiblyAppDialog.accessibly-app-widget .accessibly-app-tabs .accessibly-app-settings.accessibly-app-tab,#accessiblyAppDialog.accessibly-app-widget .accessibly-app-tabs .accessibly-app-page-structure.accessibly-app-tab,#accessiblyAppDialog.accessibly-app-widget .accessibly-app-tabs .accessibly-app-statement.accessibly-app-tab{position:absolute;top:0;left:0;width:100%;padding:40px 20px 20px 20px;visibility:hidden}@media(max-width: 480px){#accessiblyAppDialog.accessibly-app-widget .accessibly-app-tabs .accessibly-app-features.accessibly-app-tab,#accessiblyAppDialog.accessibly-app-widget .accessibly-app-tabs .accessibly-app-settings.accessibly-app-tab,#accessiblyAppDialog.accessibly-app-widget .accessibly-app-tabs .accessibly-app-page-structure.accessibly-app-tab,#accessiblyAppDialog.accessibly-app-widget .accessibly-app-tabs .accessibly-app-statement.accessibly-app-tab{padding:20px 10px 10px 10px}}#accessiblyAppDialog.accessibly-app-widget .accessibly-app-tabs .accessibly-app-settings.accessibly-app-tab{z-index:50}#accessiblyAppDialog.accessibly-app-widget .accessibly-app-tabs .accessibly-app-features.accessibly-app-tab-active,#accessiblyAppDialog.accessibly-app-widget .accessibly-app-tabs .accessibly-app-settings.accessibly-app-tab-active,#accessiblyAppDialog.accessibly-app-widget .accessibly-app-tabs .accessibly-app-page-structure.accessibly-app-tab-active,#accessiblyAppDialog.accessibly-app-widget .accessibly-app-tabs .accessibly-app-statement.accessibly-app-tab-active{visibility:inherit;opacity:1;display:block}#accessiblyAppDialog.accessibly-app-widget .accessibly-app-tabs .accessibly-app-features{padding:10px;overflow-y:auto;overflow-x:hidden}#accessiblyAppDialog.accessibly-app-widget .accessibly-app-tabs .accessibly-app-features::-webkit-scrollbar{width:5px;background-color:#f3f4f6}#accessiblyAppDialog.accessibly-app-widget .accessibly-app-tabs .accessibly-app-features::-webkit-scrollbar-thumb{background:#d4dae4;border-radius:5px}#accessiblyAppDialog.accessibly-app-widget .accessibly-app-tabs .accessibly-app-features .accessibly-app-features-block .accessibly-app-span-2{grid-column:span 2}#accessiblyAppDialog.accessibly-app-widget .accessibly-app-tabs .accessibly-app-features .accessibly-app-features-block .accessibly-app-span-3{grid-column:span 3}#accessiblyAppDialog.accessibly-app-widget .accessibly-app-tabs .accessibly-app-features .accessibly-app-features-block .accessibly-app-assertive{position:relative;width:0px;height:0px;left:0;top:0;opacity:0;display:block;line-height:0}#accessiblyAppDialog.accessibly-app-widget .accessibly-app-tabs .accessibly-app-features .accessibly-app-features-block .accessibly-app-option-button{font-family:var(--accessibly-widget-font-family, Noto Sans, sans-serif);font-size:inherit;font-weight:400;width:fit-content;min-width:1px;height:fit-content;text-decoration:none;box-shadow:none;display:flex;align-items:center;appearance:none;min-height:0px;border-inline:none;outline:0;border:0;border-width:0;margin:0;padding:0;color:inherit;background:none;text-align:left;cursor:pointer;letter-spacing:normal;min-width:0px;flex-direction:column;justify-content:center;width:100%;position:relative;text-align:center;box-sizing:border-box;padding:5px 10px;background-color:#fff;min-height:115px;border:1px solid #f2f2f8;border-radius:5px;margin:unset;line-height:1.2;box-shadow:0px 0px 5px rgba(25,27,30,.03)}#accessiblyAppDialog.accessibly-app-widget .accessibly-app-tabs .accessibly-app-features .accessibly-app-features-block .accessibly-app-option-button:hover{transition:background-color .1s;outline:none;text-decoration:none;background:inherit}#accessiblyAppDialog.accessibly-app-widget .accessibly-app-tabs .accessibly-app-features .accessibly-app-features-block .accessibly-app-option-button:focus{outline:2px solid #007bff !important;outline-offset:3px !important}@media(max-width: 480px){#accessiblyAppDialog.accessibly-app-widget .accessibly-app-tabs .accessibly-app-features .accessibly-app-features-block .accessibly-app-option-button{min-height:100px;padding:5px}}#accessiblyAppDialog.accessibly-app-widget .accessibly-app-tabs .accessibly-app-features .accessibly-app-features-block .accessibly-app-option-button:focus{outline:0}#accessiblyAppDialog.accessibly-app-widget .accessibly-app-tabs .accessibly-app-features .accessibly-app-features-block .accessibly-app-feature-group-container{flex-direction:column;justify-content:center;width:100%;position:relative;text-align:center;box-sizing:border-box;padding:5px 10px;background-color:#fff;min-height:115px;border:1px solid #f2f2f8;border-radius:5px;margin:unset;line-height:1.2;box-shadow:0px 0px 5px rgba(25,27,30,.03);display:flex}@media(max-width: 480px){#accessiblyAppDialog.accessibly-app-widget .accessibly-app-tabs .accessibly-app-features .accessibly-app-features-block .accessibly-app-feature-group-container{min-height:100px;padding:5px}}#accessiblyAppDialog.accessibly-app-widget .accessibly-app-tabs .accessibly-app-features .accessibly-app-features-block .accessibly-app-feature-group-container:focus{outline:0}#accessiblyAppDialog.accessibly-app-widget .accessibly-app-tabs .accessibly-app-features .accessibly-app-features-block .accessibly-app-feature-group-container:focus{outline-width:2px;outline-style:solid}#accessiblyAppDialog.accessibly-app-widget .accessibly-app-tabs .accessibly-app-features .accessibly-app-features-block .accessibly-app-option-button-disabled{cursor:not-allowed}#accessiblyAppDialog.accessibly-app-widget .accessibly-app-tabs .accessibly-app-features .accessibly-app-features-block .accessibly-app-option-button-disabled .accessibly-app-option-button-disabled-tooltip{font-size:12px;font-weight:600;visibility:visible;width:100%;height:100%;background-color:#fff;color:#000;text-align:center;border-radius:6px;padding:5px;display:flex;align-items:center;position:absolute;left:0;top:0;z-index:1}#accessiblyAppDialog.accessibly-app-widget .accessibly-app-tabs .accessibly-app-features .accessibly-app-features-block .accessibly-app-option-button-disabled .accessibly-app-option-button-disabled-tooltip-icon{position:absolute;right:5%;top:5%;display:block;pointer-events:none;line-height:0;border-radius:6px;margin-top:4px}#accessiblyAppDialog.accessibly-app-widget .accessibly-app-tabs .accessibly-app-features .accessibly-app-features-block .accessibly-app-option-icon{font-size:30px;display:inline}@media(max-width: 480px){#accessiblyAppDialog.accessibly-app-widget .accessibly-app-tabs .accessibly-app-features .accessibly-app-features-block .accessibly-app-option-icon{font-size:24px}}#accessiblyAppDialog.accessibly-app-widget .accessibly-app-tabs .accessibly-app-features .accessibly-app-features-block .accessibly-app-option-icon-disabled{opacity:.5}#accessiblyAppDialog.accessibly-app-widget .accessibly-app-tabs .accessibly-app-features .accessibly-app-features-block .accessibly-app-option-title{font-family:var(--accessibly-widget-font-family, Noto Sans, sans-serif);font-style:normal;font-size:inherit;text-transform:initial;color:#000;letter-spacing:0;margin:0;padding:0;font-weight:400;font-size:14px;font-weight:700;line-height:20px;text-transform:capitalize !important}#accessiblyAppDialog.accessibly-app-widget .accessibly-app-tabs .accessibly-app-features .accessibly-app-features-block .accessibly-app-option-title-disabled{opacity:.5}#accessiblyAppDialog.accessibly-app-widget .accessibly-app-tabs .accessibly-app-features .accessibly-app-features-block .accessibly-app-option-levels{display:flex;justify-content:center;align-items:center;width:100%;margin-top:5px}#accessiblyAppDialog.accessibly-app-widget .accessibly-app-tabs .accessibly-app-features .accessibly-app-features-block .accessibly-app-option-levels span{width:33%;height:5px;background-color:#eff1f7;border-radius:8px;margin:0px 2px}@media(max-width: 480px){#accessiblyAppDialog.accessibly-app-widget .accessibly-app-tabs .accessibly-app-features .accessibly-app-features-block .accessibly-app-option-levels span{height:2px}}#accessiblyAppDialog.accessibly-app-widget .accessibly-app-tabs .accessibly-app-features .accessibly-app-features-block:last-child{padding-bottom:30px}@media(max-width: 480px){#accessiblyAppDialog.accessibly-app-widget .accessibly-app-tabs .accessibly-app-features .accessibly-app-features-block:last-child{padding-bottom:16px}}#accessiblyAppDialog.accessibly-app-widget .accessibly-app-tabs .accessibly-app-features .accessibly-app-features-block .accessibly-app-features-block-title{font-family:var(--accessibly-widget-font-family, Noto Sans, sans-serif);font-style:normal;font-size:inherit;text-transform:initial;color:#000;letter-spacing:0;margin:0;padding:0;font-weight:400;font-weight:600;margin-bottom:5px;margin-top:10px;text-transform:capitalize}#accessiblyAppDialog.accessibly-app-widget .accessibly-app-tabs .accessibly-app-features .accessibly-app-features-block .accessibly-app-features-row{display:grid;grid-template-columns:repeat(3, 1fr);gap:10px;margin-bottom:30px}@media(max-width: 480px){#accessiblyAppDialog.accessibly-app-widget .accessibly-app-tabs .accessibly-app-features .accessibly-app-features-block .accessibly-app-features-row{margin-bottom:16px}}@media(max-width: 768px){#accessiblyAppDialog.accessibly-app-widget .accessibly-app-tabs .accessibly-app-features .accessibly-app-features-block .accessibly-app-features-row{display:grid;grid-template-columns:repeat(2, 1fr);gap:10px}}#accessiblyAppDialog.accessibly-app-widget .accessibly-app-tabs .accessibly-app-statement{font-family:var(--accessibly-widget-font-family, Noto Sans, sans-serif);font-style:normal;font-size:inherit;text-transform:initial;color:#000;letter-spacing:0;margin:0;padding:0;font-weight:400;padding:10px;overflow-y:auto}@media(max-width: 480px){#accessiblyAppDialog.accessibly-app-widget .accessibly-app-tabs .accessibly-app-statement{padding:4px}}#accessiblyAppDialog.accessibly-app-widget .accessibly-app-tabs .accessibly-app-statement h2,#accessiblyAppDialog.accessibly-app-widget .accessibly-app-tabs .accessibly-app-statement [aria-level="2"],#accessiblyAppDialog.accessibly-app-widget .accessibly-app-tabs .accessibly-app-statement h3,#accessiblyAppDialog.accessibly-app-widget .accessibly-app-tabs .accessibly-app-statement [aria-level="3"],#accessiblyAppDialog.accessibly-app-widget .accessibly-app-tabs .accessibly-app-statement h4,#accessiblyAppDialog.accessibly-app-widget .accessibly-app-tabs .accessibly-app-statement [aria-level="4"],#accessiblyAppDialog.accessibly-app-widget .accessibly-app-tabs .accessibly-app-statement p,#accessiblyAppDialog.accessibly-app-widget .accessibly-app-tabs .accessibly-app-statement ul{margin:14px 0;font-size:.875em;color:#69727b}@media(max-width: 480px){#accessiblyAppDialog.accessibly-app-widget .accessibly-app-tabs .accessibly-app-statement h2,#accessiblyAppDialog.accessibly-app-widget .accessibly-app-tabs .accessibly-app-statement [aria-level="2"],#accessiblyAppDialog.accessibly-app-widget .accessibly-app-tabs .accessibly-app-statement h3,#accessiblyAppDialog.accessibly-app-widget .accessibly-app-tabs .accessibly-app-statement [aria-level="3"],#accessiblyAppDialog.accessibly-app-widget .accessibly-app-tabs .accessibly-app-statement h4,#accessiblyAppDialog.accessibly-app-widget .accessibly-app-tabs .accessibly-app-statement [aria-level="4"],#accessiblyAppDialog.accessibly-app-widget .accessibly-app-tabs .accessibly-app-statement p,#accessiblyAppDialog.accessibly-app-widget .accessibly-app-tabs .accessibly-app-statement ul{margin:7px 0;font-size:.75em}}#accessiblyAppDialog.accessibly-app-widget .accessibly-app-tabs .accessibly-app-statement h2,#accessiblyAppDialog.accessibly-app-widget .accessibly-app-tabs .accessibly-app-statement h3{font-weight:600;margin:18px 0}@media(max-width: 480px){#accessiblyAppDialog.accessibly-app-widget .accessibly-app-tabs .accessibly-app-statement h2,#accessiblyAppDialog.accessibly-app-widget .accessibly-app-tabs .accessibly-app-statement h3{margin:10px 0 0 0}}#accessiblyAppDialog.accessibly-app-widget .accessibly-app-tabs .accessibly-app-statement li{font-family:var(--accessibly-widget-font-family, Noto Sans, sans-serif);font-style:normal;font-size:inherit;text-transform:initial;color:#000;letter-spacing:0;margin:0;padding:0;font-weight:400;color:#69727b}#accessiblyAppDialog.accessibly-app-widget .accessibly-app-tabs .accessibly-app-statement h2,#accessiblyAppDialog.accessibly-app-widget .accessibly-app-tabs .accessibly-app-statement [aria-level="2"]{font-size:1.375em;margin:0 0 18px 0}@media(max-width: 480px){#accessiblyAppDialog.accessibly-app-widget .accessibly-app-tabs .accessibly-app-statement h2,#accessiblyAppDialog.accessibly-app-widget .accessibly-app-tabs .accessibly-app-statement [aria-level="2"]{font-size:1em}}#accessiblyAppDialog.accessibly-app-widget .accessibly-app-tabs .accessibly-app-statement h3,#accessiblyAppDialog.accessibly-app-widget .accessibly-app-tabs .accessibly-app-statement [aria-level="3"]{font-size:1.125em}@media(max-width: 480px){#accessiblyAppDialog.accessibly-app-widget .accessibly-app-tabs .accessibly-app-statement h3,#accessiblyAppDialog.accessibly-app-widget .accessibly-app-tabs .accessibly-app-statement [aria-level="3"]{font-size:.875em}}#accessiblyAppDialog.accessibly-app-widget .accessibly-app-tabs .accessibly-app-statement h4,#accessiblyAppDialog.accessibly-app-widget .accessibly-app-tabs .accessibly-app-statement [aria-level="4"]{font-size:1em}@media(max-width: 480px){#accessiblyAppDialog.accessibly-app-widget .accessibly-app-tabs .accessibly-app-statement h4,#accessiblyAppDialog.accessibly-app-widget .accessibly-app-tabs .accessibly-app-statement [aria-level="4"]{font-size:.75em}}#accessiblyAppDialog.accessibly-app-widget .accessibly-app-tabs .accessibly-app-statement ul{display:flex;flex-direction:column;gap:.3em}#accessiblyAppDialog.accessibly-app-widget .accessibly-app-tabs .accessibly-app-statement ul li{list-style-type:disc;margin-left:1.5em}#accessiblyAppDialog.accessibly-app-widget .accessibly-app-tabs .accessibly-app-statement [role=heading]{font-weight:600}#accessiblyAppDialog.accessibly-app-widget .accessibly-app-tabs .accessibly-app-settings .accessibly-app-sr-only{font-family:var(--accessibly-widget-font-family, Noto Sans, sans-serif);font-style:normal;font-size:inherit;text-transform:initial;color:#000;letter-spacing:0;margin:0;padding:0;font-weight:400;border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}#accessiblyAppDialog.accessibly-app-widget .accessibly-app-tabs .accessibly-app-settings .accessibly-app-section-title{font-family:var(--accessibly-widget-font-family, Noto Sans, sans-serif);font-style:normal;font-size:inherit;text-transform:initial;color:#000;letter-spacing:0;margin:0;padding:0;font-weight:400;font-weight:600;text-transform:capitalize}@media(max-width: 480px){#accessiblyAppDialog.accessibly-app-widget .accessibly-app-tabs .accessibly-app-settings .accessibly-app-section-title{font-size:.875em}}#accessiblyAppDialog.accessibly-app-widget .accessibly-app-tabs .accessibly-app-settings .accessibly-app-current-language-container{font-family:var(--accessibly-widget-font-family, Noto Sans, sans-serif);font-style:normal;font-size:inherit;text-transform:initial;color:#000;letter-spacing:0;margin:0;padding:0;font-weight:400;position:relative;display:flex;align-items:center;justify-content:space-between;border-width:2px;border-radius:5px;padding:16px 15px;border-style:solid;margin-top:14px;margin-bottom:32px;font-weight:500;font-size:14px}#accessiblyAppDialog.accessibly-app-widget .accessibly-app-tabs .accessibly-app-settings .accessibly-app-all-language-container{overflow-y:auto;padding:10px;color:#262735}#accessiblyAppDialog.accessibly-app-widget .accessibly-app-tabs .accessibly-app-settings .accessibly-app-all-language-container::-webkit-scrollbar{width:5px;background-color:#f3f4f6}#accessiblyAppDialog.accessibly-app-widget .accessibly-app-tabs .accessibly-app-settings .accessibly-app-all-language-container::-webkit-scrollbar-thumb{background:#d4dae4;border-radius:5px}#accessiblyAppDialog.accessibly-app-widget .accessibly-app-tabs .accessibly-app-settings .accessibly-app-language-search{font-family:var(--accessibly-widget-font-family, Noto Sans, sans-serif);box-sizing:border-box;background-position:14px 12px;background-repeat:no-repeat;padding:16px 15px 16px 40px;border:none;border-radius:5px;background-color:#eff1f7;color:#4b5563;margin:10px 0;width:100%;font-size:14px;margin-bottom:10px}#accessiblyAppDialog.accessibly-app-widget .accessibly-app-tabs .accessibly-app-settings .accessibly-app-search-input-wrapper{position:relative}#accessiblyAppDialog.accessibly-app-widget .accessibly-app-tabs .accessibly-app-settings .accessibly-app-search-icon{position:absolute;left:15px;top:29px;color:#4b5563;font-size:14px}#accessiblyAppDialog.accessibly-app-widget .accessibly-app-tabs .accessibly-app-settings .accessibly-app-language-item{font-family:var(--accessibly-widget-font-family, Noto Sans, sans-serif);font-size:inherit;font-weight:400;width:fit-content;min-width:1px;height:fit-content;text-decoration:none;box-shadow:none;display:flex;align-items:center;appearance:none;min-height:0px;border-inline:none;outline:0;border:0;border-width:0;margin:0;padding:0;color:inherit;background:none;text-align:left;cursor:pointer;letter-spacing:normal;min-width:0px;width:100%;padding:12px 5px;font-size:14px;font-weight:600;text-transform:capitalize;border-radius:5px}#accessiblyAppDialog.accessibly-app-widget .accessibly-app-tabs .accessibly-app-settings .accessibly-app-language-item:hover{transition:background-color .1s;outline:none;text-decoration:none;background:inherit}#accessiblyAppDialog.accessibly-app-widget .accessibly-app-tabs .accessibly-app-settings .accessibly-app-language-item:focus{outline:2px solid #007bff !important;outline-offset:3px !important}#accessiblyAppDialog.accessibly-app-widget .accessibly-app-tabs .accessibly-app-settings .accessibly-app-language-item:focus{border-radius:4px}#accessiblyAppDialog.accessibly-app-widget .accessibly-app-tabs .accessibly-app-page-structure{padding:0 !important;font-family:var(--accessibly-widget-font-family, Noto Sans, sans-serif)}#accessiblyAppDialog.accessibly-app-widget .accessibly-app-tabs .accessibly-app-page-structure ul{margin:0;overflow-y:auto}@media(max-width: 480px){#accessiblyAppDialog.accessibly-app-widget .accessibly-app-tabs .accessibly-app-page-structure ul{padding:4px}}#accessiblyAppDialog.accessibly-app-widget .accessibly-app-tabs .accessibly-app-page-structure .accessibly-app-page-structure-navigation{display:grid;grid-template-columns:repeat(3, 1fr);gap:16px;align-items:center;justify-content:space-between;padding:20px;background:#f8f9fc;list-style:none}@media(max-width: 768px){#accessiblyAppDialog.accessibly-app-widget .accessibly-app-tabs .accessibly-app-page-structure .accessibly-app-page-structure-navigation{padding:8px;gap:8px}}#accessiblyAppDialog.accessibly-app-widget .accessibly-app-tabs .accessibly-app-page-structure .accessibly-app-page-structure-navigation .accessibly-app-page-structure-navigation-item{width:100%}#accessiblyAppDialog.accessibly-app-widget .accessibly-app-tabs .accessibly-app-page-structure .accessibly-app-page-structure-navigation .accessibly-app-page-structure-navigation-item .accessibly-app-page-structure-navigation-item-button{font-family:var(--accessibly-widget-font-family, Noto Sans, sans-serif);font-size:inherit;font-weight:400;width:fit-content;min-width:1px;height:fit-content;text-decoration:none;box-shadow:none;display:flex;align-items:center;appearance:none;min-height:0px;border-inline:none;outline:0;border:0;border-width:0;margin:0;padding:0;color:inherit;background:none;text-align:left;cursor:pointer;letter-spacing:normal;min-width:0px;flex-direction:column;justify-content:center;width:100%;text-align:center;min-height:100px;border:2px solid #fff;border-radius:4px;color:#262735;text-transform:capitalize;font-weight:500}#accessiblyAppDialog.accessibly-app-widget .accessibly-app-tabs .accessibly-app-page-structure .accessibly-app-page-structure-navigation .accessibly-app-page-structure-navigation-item .accessibly-app-page-structure-navigation-item-button:hover{transition:background-color .1s;outline:none;text-decoration:none;background:inherit}#accessiblyAppDialog.accessibly-app-widget .accessibly-app-tabs .accessibly-app-page-structure .accessibly-app-page-structure-navigation .accessibly-app-page-structure-navigation-item .accessibly-app-page-structure-navigation-item-button:focus{outline:2px solid #007bff !important;outline-offset:3px !important}#accessiblyAppDialog.accessibly-app-widget .accessibly-app-tabs .accessibly-app-page-structure .accessibly-app-page-structure-navigation .accessibly-app-page-structure-navigation-item .accessibly-app-page-structure-navigation-item-button span{font-size:1.25em}@media(max-width: 480px){#accessiblyAppDialog.accessibly-app-widget .accessibly-app-tabs .accessibly-app-page-structure .accessibly-app-page-structure-navigation .accessibly-app-page-structure-navigation-item .accessibly-app-page-structure-navigation-item-button{min-height:80px}}#accessiblyAppDialog.accessibly-app-widget .accessibly-app-tabs .accessibly-app-page-structure .accessibly-app-page-structure-navigation .accessibly-app-page-structure-navigation-item .accessibly-app-page-structure-navigation-item-button div{display:flex;align-items:center;justify-content:center}#accessiblyAppDialog.accessibly-app-widget .accessibly-app-tabs .accessibly-app-page-structure .accessibly-app-page-structure-navigation .accessibly-app-page-structure-navigation-item .accessibly-app-page-structure-navigation-item-button p{margin:4px 0 0 0}@media(max-width: 768px){#accessiblyAppDialog.accessibly-app-widget .accessibly-app-tabs .accessibly-app-page-structure .accessibly-app-page-structure-navigation .accessibly-app-page-structure-navigation-item .accessibly-app-page-structure-navigation-item-button p{margin:0;font-size:.875em}}#accessiblyAppDialog.accessibly-app-widget .accessibly-app-tabs .accessibly-app-page-structure .accessibly-app-page-structure-navigation .accessibly-app-page-structure-navigation-item .accessibly-app-page-structure-navigation-item-button-active p,#accessiblyAppDialog.accessibly-app-widget .accessibly-app-tabs .accessibly-app-page-structure .accessibly-app-page-structure-navigation .accessibly-app-page-structure-navigation-item .accessibly-app-page-structure-navigation-item-button-active span{color:#fff}#accessiblyAppDialog.accessibly-app-widget .accessibly-app-tabs .accessibly-app-page-structure .accessibly-app-page-structure-content{position:relative}#accessiblyAppDialog.accessibly-app-widget .accessibly-app-tabs .accessibly-app-page-structure .accessibly-app-page-structure-content .accessibly-app-page-structure-section{position:absolute;top:0;left:0;width:100%;box-sizing:border-box;list-style:none;padding:4px 16px;line-height:25px;margin:0}@media(max-width: 768px){#accessiblyAppDialog.accessibly-app-widget .accessibly-app-tabs .accessibly-app-page-structure .accessibly-app-page-structure-content .accessibly-app-page-structure-section{padding:4px}}#accessiblyAppDialog.accessibly-app-widget .accessibly-app-tabs .accessibly-app-page-structure .accessibly-app-page-structure-content .accessibly-app-page-structure-section .accessibly-app-page-structure-section-item{display:flex;align-items:center;margin-bottom:8px;background:rgba(0,0,0,0)}@media(max-width: 768px){#accessiblyAppDialog.accessibly-app-widget .accessibly-app-tabs .accessibly-app-page-structure .accessibly-app-page-structure-content .accessibly-app-page-structure-section .accessibly-app-page-structure-section-item{padding:3px 0;margin-bottom:3px;font-size:.875em}}#accessiblyAppDialog.accessibly-app-widget .accessibly-app-tabs .accessibly-app-page-structure .accessibly-app-page-structure-content .accessibly-app-page-structure-section .accessibly-app-page-structure-section-item:hover{border-radius:4px}#accessiblyAppDialog.accessibly-app-widget .accessibly-app-tabs .accessibly-app-page-structure .accessibly-app-page-structure-content .accessibly-app-page-structure-section .accessibly-app-page-structure-section-item a{width:100%;padding:10px 0;text-transform:capitalize;font-weight:400;font-family:inherit;color:#3d4246 !important}#accessiblyAppDialog.accessibly-app-widget .accessibly-app-tabs .accessibly-app-page-structure .accessibly-app-page-structure-content .accessibly-app-page-structure-section .accessibly-app-page-structure-section-bullet{display:flex;align-items:center;justify-content:center;color:#fff;font-size:.875em;min-width:24px;min-height:24px;font-weight:600;text-transform:uppercase;opacity:.8;border-radius:5px;padding:4px;margin-right:8px}@media(max-width: 768px){#accessiblyAppDialog.accessibly-app-widget .accessibly-app-tabs .accessibly-app-page-structure .accessibly-app-page-structure-content .accessibly-app-page-structure-section .accessibly-app-page-structure-section-bullet{padding:1px;font-size:.875em;margin-right:4px}#accessiblyAppDialog.accessibly-app-widget .accessibly-app-tabs .accessibly-app-page-structure .accessibly-app-page-structure-content .accessibly-app-page-structure-section .accessibly-app-page-structure-section-bullet span{font-size:.875em}}#accessiblyAppDialog.accessibly-app-widget .accessibly-app-tabs .accessibly-app-page-structure .accessibly-app-page-structure-content .accessibly-app-page-structure-section .accessibly-app-page-structure-section-bullet span{font-size:1.5em}#accessiblyAppDialog.accessibly-app-widget .accessibly-app-tabs .accessibly-app-page-structure .accessibly-app-page-structure-content .accessibly-app-page-structure-section-active{list-style:none;padding:4px 16px;line-height:25px;margin:0}@media(max-width: 768px){#accessiblyAppDialog.accessibly-app-widget .accessibly-app-tabs .accessibly-app-page-structure .accessibly-app-page-structure-content .accessibly-app-page-structure-section-active{padding:4px}}#accessiblyAppDialog.accessibly-app-widget .accessibly-app-tabs .accessibly-app-page-structure .accessibly-app-page-structure-content .accessibly-app-page-structure-section-active .accessibly-app-page-structure-section-item{display:flex;align-items:center;margin-bottom:8px;background:rgba(0,0,0,0)}@media(max-width: 768px){#accessiblyAppDialog.accessibly-app-widget .accessibly-app-tabs .accessibly-app-page-structure .accessibly-app-page-structure-content .accessibly-app-page-structure-section-active .accessibly-app-page-structure-section-item{padding:3px 0;margin-bottom:3px;font-size:.875em}}#accessiblyAppDialog.accessibly-app-widget .accessibly-app-tabs .accessibly-app-page-structure .accessibly-app-page-structure-content .accessibly-app-page-structure-section-active .accessibly-app-page-structure-section-item:hover{border-radius:4px}#accessiblyAppDialog.accessibly-app-widget .accessibly-app-tabs .accessibly-app-page-structure .accessibly-app-page-structure-content .accessibly-app-page-structure-section-active .accessibly-app-page-structure-section-item a{width:100%;padding:10px 0;text-transform:capitalize;font-weight:400;font-family:inherit;color:#3d4246 !important}#accessiblyAppDialog.accessibly-app-widget .accessibly-app-tabs .accessibly-app-page-structure .accessibly-app-page-structure-content .accessibly-app-page-structure-section-active .accessibly-app-page-structure-section-bullet{display:flex;align-items:center;justify-content:center;color:#fff;font-size:.875em;min-width:24px;min-height:24px;font-weight:600;text-transform:uppercase;opacity:.8;border-radius:5px;padding:4px;margin-right:8px}@media(max-width: 768px){#accessiblyAppDialog.accessibly-app-widget .accessibly-app-tabs .accessibly-app-page-structure .accessibly-app-page-structure-content .accessibly-app-page-structure-section-active .accessibly-app-page-structure-section-bullet{padding:1px;font-size:.875em;margin-right:4px}#accessiblyAppDialog.accessibly-app-widget .accessibly-app-tabs .accessibly-app-page-structure .accessibly-app-page-structure-content .accessibly-app-page-structure-section-active .accessibly-app-page-structure-section-bullet span{font-size:.875em}}#accessiblyAppDialog.accessibly-app-widget .accessibly-app-tabs .accessibly-app-page-structure .accessibly-app-page-structure-content .accessibly-app-page-structure-section-active .accessibly-app-page-structure-section-bullet span{font-size:1.5em}#accessiblyAppDialog.accessibly-app-widget .accessibly-app-tabs .accessibly-app-page-structure .accessibly-app-page-structure-content .accessibly-app-page-structure-section{visibility:hidden}#accessiblyAppDialog.accessibly-app-widget .accessibly-app-tabs .accessibly-app-page-structure .accessibly-app-page-structure-content .accessibly-app-page-structure-section-active{visibility:inherit}#accessiblyAppDialog.accessibly-app-widget .accessibly-app-footer{font-family:var(--accessibly-widget-font-family, Noto Sans, sans-serif);position:absolute;z-index:60;bottom:0;width:100%}#accessiblyAppDialog.accessibly-app-widget .accessibly-app-footer .accessibly-app-reset-button-container{padding:10px;background-color:#f8f9fc}@media(max-width: 480px){#accessiblyAppDialog.accessibly-app-widget .accessibly-app-footer .accessibly-app-reset-button-container{padding:3px}}#accessiblyAppDialog.accessibly-app-widget .accessibly-app-footer .accessibly-app-reset-button-container .accessibly-app-reset-button{font-family:var(--accessibly-widget-font-family, Noto Sans, sans-serif);font-size:inherit;font-weight:400;width:fit-content;min-width:1px;height:fit-content;text-decoration:none;box-shadow:none;display:flex;align-items:center;appearance:none;min-height:0px;border-inline:none;outline:0;border:0;border-width:0;margin:0;padding:0;color:inherit;background:none;text-align:left;cursor:pointer;letter-spacing:normal;min-width:0px;justify-content:center;width:100%;font-weight:600 !important;font-size:16px !important;padding:10px;border-radius:5px}#accessiblyAppDialog.accessibly-app-widget .accessibly-app-footer .accessibly-app-reset-button-container .accessibly-app-reset-button:hover{transition:background-color .1s;outline:none;text-decoration:none;background:inherit}#accessiblyAppDialog.accessibly-app-widget .accessibly-app-footer .accessibly-app-reset-button-container .accessibly-app-reset-button:focus{outline:2px solid #007bff !important;outline-offset:3px !important}@media(max-width: 480px){#accessiblyAppDialog.accessibly-app-widget .accessibly-app-footer .accessibly-app-reset-button-container .accessibly-app-reset-button{font-size:14px !important}}#accessiblyAppDialog.accessibly-app-widget .accessibly-app-footer .accessibly-app-reset-button-container .accessibly-app-reset-button .accessibly-app-reset-button-icon{display:flex}#accessiblyAppDialog.accessibly-app-widget .accessibly-app-footer .accessibly-app-reset-button-container .accessibly-app-reset-button .accessibly-app-reset-button-icon svg{height:20px;width:20px;margin-right:8px}@media(max-width: 480px){#accessiblyAppDialog.accessibly-app-widget .accessibly-app-footer .accessibly-app-reset-button-container .accessibly-app-reset-button .accessibly-app-reset-button-icon svg{height:16px;width:16px;margin-right:4px}}#accessiblyAppDialog.accessibly-app-widget .accessibly-app-footer>div:nth-child(2){display:flex;align-items:center;justify-content:space-between;padding:20px;background-color:#fff}@media(max-width: 480px){#accessiblyAppDialog.accessibly-app-widget .accessibly-app-footer>div:nth-child(2){padding:15px}}#accessiblyAppDialog.accessibly-app-widget .accessibly-app-footer>div:nth-child(2) .accessibly-app-column .accessibly-app-footer-link{font-family:var(--accessibly-widget-font-family, Noto Sans, sans-serif);font-size:inherit;font-weight:400;width:fit-content;min-width:1px;height:fit-content;text-decoration:none;box-shadow:none;display:flex;align-items:center;appearance:none;min-height:0px;border-inline:none;outline:0;border:0;border-width:0;margin:0;padding:0;color:inherit;background:none;text-align:left;cursor:pointer;letter-spacing:normal;min-width:0px;font-size:.75em;font-weight:700;color:#4b5563 !important;text-transform:capitalize !important}#accessiblyAppDialog.accessibly-app-widget .accessibly-app-footer>div:nth-child(2) .accessibly-app-column .accessibly-app-footer-link:hover{transition:background-color .1s;outline:none;text-decoration:none;background:inherit}#accessiblyAppDialog.accessibly-app-widget .accessibly-app-footer>div:nth-child(2) .accessibly-app-column .accessibly-app-footer-link:focus{outline:2px solid #007bff !important;outline-offset:3px !important}@media(max-width: 480px){#accessiblyAppDialog.accessibly-app-widget .accessibly-app-footer>div:nth-child(2) .accessibly-app-column .accessibly-app-footer-link{font-size:.75em}}#accessiblyAppDialog.accessibly-app-widget .accessibly-app-footer>div:nth-child(2) .accessibly-app-column .accessibly-app-footer-logo img{width:100px}.accessibly-app-show-dropdown-menu{display:block !important;opacity:1 !important;z-index:100 !important}.accessibly-app-skip-link{font-family:var(--accessibly-widget-font-family, Noto Sans, sans-serif);font-size:inherit;font-weight:400;width:fit-content;min-width:1px;height:fit-content;text-decoration:none;box-shadow:none;display:flex;align-items:center;appearance:none;min-height:0px;border-inline:none;outline:0;border:0;border-width:0;margin:0;padding:0;color:inherit;background:none;text-align:left;cursor:pointer;letter-spacing:normal;min-width:0px;position:fixed;top:20px;left:20px;display:flex;color:#000 !important;align-items:center;gap:8px;background:#fff;z-index:1000;padding:5px 15px;opacity:0;font-size:16px !important}.accessibly-app-skip-link:hover{transition:background-color .1s;outline:none;text-decoration:none;background:inherit}.accessibly-app-skip-link:focus{outline:2px solid #007bff !important;outline-offset:3px !important}.accessibly-app-skip-link p{margin:0;padding:0}.accessibly-app-skip-link:hover{color:#000 !important;background:#fff !important}.accessibly-app-skip-link:focus{color:#000 !important;background:#fff !important}body #accessiblyAppWidgetButton.accessibly-app-widget-button-container{position:fixed;z-index:99999 !important}body #accessiblyAppWidgetButton.accessibly-app-widget-button-container.top-right{top:15px;right:15px}body #accessiblyAppWidgetButton.accessibly-app-widget-button-container.bottom-right{bottom:15px;right:15px}body #accessiblyAppWidgetButton.accessibly-app-widget-button-container.middle-right{top:50%;right:15px;transform:translateY(-50%)}body #accessiblyAppWidgetButton.accessibly-app-widget-button-container.top-left{top:15px;left:15px}body #accessiblyAppWidgetButton.accessibly-app-widget-button-container.bottom-left{bottom:15px;left:15px}body #accessiblyAppWidgetButton.accessibly-app-widget-button-container.middle-left{top:50%;left:15px;transform:translateY(-50%)}body #accessiblyAppWidgetButton.accessibly-app-widget-button-container.bottom-middle{bottom:15px;left:50%;transform:translateX(-50%)}body #accessiblyAppWidgetButton.accessibly-app-widget-button-container button.accessibly-app-widget-button{font-family:var(--accessibly-widget-font-family, Noto Sans, sans-serif);font-size:inherit;font-weight:400;width:fit-content;min-width:1px;height:fit-content;text-decoration:none;box-shadow:none;display:flex;align-items:center;appearance:none;min-height:0px;border-inline:none;outline:0;border:0;border-width:0;margin:0;padding:0;color:inherit;background:none;text-align:left;cursor:pointer;letter-spacing:normal;min-width:0px;display:flex;justify-content:center;border-radius:100%}body #accessiblyAppWidgetButton.accessibly-app-widget-button-container button.accessibly-app-widget-button:hover{transition:background-color .1s;outline:none;text-decoration:none;background:inherit}body #accessiblyAppWidgetButton.accessibly-app-widget-button-container button.accessibly-app-widget-button:focus{outline:2px solid #007bff !important;outline-offset:3px !important}body #accessiblyAppWidgetButton.accessibly-app-widget-button-container button.accessibly-app-widget-button:hover{transform:scale(1.2)}body #accessiblyAppWidgetButton.accessibly-app-widget-button-container .accessibly-app-icon-xs{width:40px !important;min-width:40px !important;max-width:40px !important;height:40px !important;min-height:40px !important;max-height:40px !important}body #accessiblyAppWidgetButton.accessibly-app-widget-button-container .accessibly-app-icon-xs span.accessibly-app-icon-logo{font-size:30px !important;width:30px !important;min-width:30px !important;max-width:30px !important;height:30px !important;min-height:30px !important;color:#fff !important}body #accessiblyAppWidgetButton.accessibly-app-widget-button-container span.accessibly-app-icon-logo{color:#fff !important}body #accessiblyAppWidgetButton.accessibly-app-widget-button-container .accessibly-app-icon-xs-small{width:40px !important;min-width:40px !important;max-width:40px !important;height:40px !important;min-height:40px !important;max-height:40px !important}body #accessiblyAppWidgetButton.accessibly-app-widget-button-container .accessibly-app-icon-xs-small span.accessibly-app-icon-logo{font-size:36px !important;width:36px !important;min-width:36px !important;max-width:36px !important;height:36px !important;min-height:36px !important;color:#fff !important}body #accessiblyAppWidgetButton.accessibly-app-widget-button-container span.accessibly-app-icon-logo{color:#fff !important}body #accessiblyAppWidgetButton.accessibly-app-widget-button-container .accessibly-app-icon-small{width:45px !important;min-width:45px !important;max-width:45px !important;height:45px !important;min-height:45px !important;max-height:45px !important}body #accessiblyAppWidgetButton.accessibly-app-widget-button-container .accessibly-app-icon-small span.accessibly-app-icon-logo{font-size:35px !important;width:35px !important;min-width:35px !important;max-width:35px !important;height:35px !important;min-height:35px !important;color:#fff !important}body #accessiblyAppWidgetButton.accessibly-app-widget-button-container span.accessibly-app-icon-logo{color:#fff !important}body #accessiblyAppWidgetButton.accessibly-app-widget-button-container .accessibly-app-icon-medium{width:55px !important;min-width:55px !important;max-width:55px !important;height:55px !important;min-height:55px !important;max-height:55px !important}body #accessiblyAppWidgetButton.accessibly-app-widget-button-container .accessibly-app-icon-medium span.accessibly-app-icon-logo{font-size:40px !important;width:40px !important;min-width:40px !important;max-width:40px !important;height:40px !important;min-height:40px !important;color:#fff !important}body #accessiblyAppWidgetButton.accessibly-app-widget-button-container span.accessibly-app-icon-logo{color:#fff !important}body #accessiblyAppWidgetButton.accessibly-app-widget-button-container .accessibly-app-icon-large{width:64px !important;min-width:64px !important;max-width:64px !important;height:64px !important;min-height:64px !important;max-height:64px !important}body #accessiblyAppWidgetButton.accessibly-app-widget-button-container .accessibly-app-icon-large span.accessibly-app-icon-logo{font-size:45px !important;width:45px !important;min-width:45px !important;max-width:45px !important;height:45px !important;min-height:45px !important;color:#fff !important}body #accessiblyAppWidgetButton.accessibly-app-widget-button-container span.accessibly-app-icon-logo{color:#fff !important} @import 'https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,wght@0,200;0,300;0,400;0,600;0,700;0,800;0,900&family=Oswald:ital,wght@0,400&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900&family=Rubik:ital,wght@0,400&display=swap'; :root{--junipOutlineColor:#637381}.shopify-app-block:has([class^=junip-]){flex-grow:1;max-width:100%;width:inherit}.animation--apps:has([class*=junip-]) .animation--item{opacity:1!important;transform:none!important}[class^=junip-],[class^=junip-] *,[class^=junip-] :after,[class^=junip-] :before,[class^=junip-]:after,[class^=junip-]:before{box-sizing:border-box}[class^=junip-] svg{fill:none;stroke:none}.junip-ai-floating,.junip-ai-mini,.junip-ai-topbar-button,.junip-badge,.junip-product-review,.junip-product-summary,.junip-review-carousel,.junip-review-section,.junip-ugc-gallery{animation:junipNodeInserted .01s}.junip-product-review{outline:none;width:100%}.junip-review-section{display:block!important}.junip-product-summary-rendered{display:block}.junip-product-summary-clickable{cursor:pointer}.junip-product-summary-clickable .junip-product-summary-star-ratings-container{outline:none;transition:box-shadow .15s ease-in}.junip-product-summary-clickable .junip-product-summary-star-ratings-container:focus{box-shadow:0 0 0 .2em var(--junipOutlineColor)}.junip-product-summary-stars-wrapper{text-align:inherit}.junip-product-summary-star-ratings-container{align-items:center;display:inline-flex;margin-left:-1px}.junip-stars-container{position:relative}.junip-stars-container,.junip-stars-container .junip-stars-outline{align-items:center;display:flex}.junip-stars-container .junip-stars-filled{align-items:center;display:flex;height:100%;left:0;position:absolute;top:0;width:100%}.junip-stars-container .junip-stars-filled .junip-star-filled svg{clip-path:inset(0 calc(100% - var(--junip-star-fill, 100%)) 0 0)}.junip-stars-container .junip-stars-filled[style*=width]{clip-path:none;inset-inline-start:0;overflow:hidden}.junip-stars-container .junip-stars-filled[style*=width] .junip-star-filled{flex-shrink:0}.junip-stars-container .junip-stars-filled[style*=width] .junip-star-filled svg{clip-path:none}[dir=rtl] .junip-stars-container .junip-stars-filled:not([style*=width]) .junip-star-filled svg{clip-path:inset(0 0 0 calc(100% - var(--junip-star-fill, 100%)))}.junip-product-summary-star{height:20px;padding:2px;width:20px;z-index:inherit}.junip-product-summary-star svg{display:block;height:auto;margin:auto;width:auto}.junip-product-summary-review-count{color:inherit;margin-left:3px}.junip-see-more{display:block;margin-left:auto;margin-right:auto;margin-top:16px}@keyframes junipNodeInserted{0%{transform:translateZ(1px)}to{transform:translateZ(0)}} .go1475592160{height:0;}.go1671063245{height:auto;}.go1888806478{display:flex;flex-wrap:wrap;flex-grow:1;}@media (min-width:600px){.go1888806478{flex-grow:initial;min-width:288px;}}.go167266335{background-color:#313131;font-size:14px;line-height:1.43;letter-spacing:0.01071em;color:#fff;align-items:center;padding:6px 16px;border-radius:4px;box-shadow:0px 3px 5px -1px rgba(0,0,0,0.2),0px 6px 10px 0px rgba(0,0,0,0.14),0px 1px 18px 0px rgba(0,0,0,0.12);}.go3162094071{padding-left:20px;}.go3844575157{background-color:#313131;}.go1725278324{background-color:#43a047;}.go3651055292{background-color:#d32f2f;}.go4215275574{background-color:#ff9800;}.go1930647212{background-color:#2196f3;}.go946087465{display:flex;align-items:center;padding:8px 0;}.go703367398{display:flex;align-items:center;margin-left:auto;padding-left:16px;margin-right:-8px;} :root { --junipPrimaryColor: #073026; --junipButtonColor: #073026; --junipButtonOutlineColor: #07302680; --junipStarColor: #FDB600; --junipButtonTextColor: #fff; --junipBorderColor: rgba(0, 0, 0, 0.08); --junipSurfaceColor: rgba(0, 0, 0, 0.03); } [data-govx-id]{width:100%;}[data-govx-id] .govx-id-text{fill:#231f20;}[data-govx-id] .govx-id-shield{fill:#ee6337;}.govx-id-full-wrapper{font-style:normal;clear:both;display:flex;font-family:sans-serif;padding:20px 0 !important;margin:0 auto;}.govx-id-full-wrapper.govx-mini{padding-left:0 !important;padding-right:0 !important;}.govx-id-full-wrapper.govx-sides{padding:20px 20px !important;}.govx-id-full-wrapper.govx-left{justify-content:flex-start;}.govx-id-full-wrapper.govx-center{justify-content:center;}.govx-id-full-wrapper.govx-right{justify-content:flex-end;}.preview .govx-id-full-wrapper{padding:inherit;height:auto;}.govx-id-full-wrapper a{color:#3d4246;text-decoration:none;}.govx-id-full-wrapper p{font-size:13px;font-family:sans-serif;letter-spacing:0.45px !important;margin:0 0 19.44444px;color:#333;}.govx-id-full-wrapper.govx-mini .govx-id-full,.govx-id-full-wrapper.govx-min .govx-id-full{width:100% !important;min-width:auto !important;}.govx-id-full-wrapper .govx-id-full{width:35%;min-width:325px;max-width:350px;text-align:left;line-height:1.5;font-size:12px;font-family:sans-serif;padding:15px;color:#333 !important;background-color:#fff;border:1px solid #eee;}.preview .govx-id-full-wrapper .govx-id-full{width:auto;}@media only screen and (max-width:749px){.govx-id-full-wrapper .govx-id-full{width:100%;padding:1em;margin-left:0;}}.govx-id-full-wrapper .govx-id-full .govx-id-button{width:100%;font-size:16px;font-weight:bold;font-family:sans-serif;border:1px solid #ddd;background-color:#eee;padding:0.75em 0;text-decoration:none;display:inline-flex;justify-content:center;align-items:center;gap:1em;}.govx-id-full-wrapper .govx-id-full .govx-id-button:hover{background-color:#fff;}.govx-id-full-wrapper .govx-id-full a.govx-id-link{font-size:12px !important;display:block;text-align:right;color:#00a1df;padding-top:5px;border:0;}.govx-id-full-wrapper .govx-id-button-content{display:flex;justify-content:center;}.govx-id-button img{display:block !important;width:24px !important;height:24px !important;}.govx-id-slim-wrapper{font-style:normal;clear:both;display:block !important;width:100%;padding:20px 0 !important;letter-spacing:initial;text-transform:none;}.govx-id-slim-wrapper .govx-id-slim{display:flex !important;}.govx-id-slim-wrapper.govx-sides{width:calc(100% - 40px);padding:20px 20px !important;}.govx-id-slim-wrapper.govx-max .govx-id-slim a{max-width:350px !important;}.govx-id-slim-wrapper.govx-left .govx-id-slim{justify-content:flex-start;}.govx-id-slim-wrapper.govx-center .govx-id-slim{justify-content:center;}.govx-id-slim-wrapper.govx-right .govx-id-slim{justify-content:flex-end;}[data-product-menu-state='addtocart'] .product-menu-slideout [data-govx-id='slim'].govx-id-slim-wrapper{display:none !important;}.header .mini-cart .mini-cart__recap .govx-id-slim-wrapper{padding:20px 0 0 0 !important;}.govx-id-slim-wrapper .govx-id-slim a{display:flex;width:100% !important;border:1px solid #eee;color:#333 !important;background-color:white !important;flex-direction:row;padding:10px;justify-content:flex-start;text-align:left;text-decoration:none;}.govx-id-slim img{width:24px;height:24px;max-width:24px;}.govx-id-slim .govx-icon{display:block;flex-grow:0;align-self:center;width:24px;height:24px;}.govx-id-slim .govx-text{display:block;flex-grow:2;flex-wrap:wrap;align-self:center;padding-left:15px;max-width:400px;}.govx-id-slim .govx-text p{color:#333;line-height:16px;font-size:14px;margin:0px;}.govx-id-slim .govx-text span{font-weight:400;font-size:13px;white-space:normal;font-family:sans-serif;}.govx-id-page li{list-style-type:disc;list-style-position:inside;}.govx-id-page .govx-id-cta-wrapper{padding:0 0 16px 0;}.govx-id-page .govx-id-cta-wrapper,.govx-id-page .govx-id-cta{display:flex;justify-content:center;}.govx-id-page .govx-id-cta a{display:block;text-decoration:none;padding:.2em 2em;}.govx-id-page .govx-id-cta{width:250px !important;}.govx-id-page .govx-id-cta .shopify-product-form,.govx-id-page .govx-id-cta .shopify-payment-button,.govx-id-page .govx-id-cta button,.govx-id-page .govx-id-cta button.shopify-payment-button__button,.govx-id-page .govx-id-cta button.shopify-payment-button__button--unbranded{width:100% !important;}.govx-id-page button.govx-custom{border-radius:2px;padding:8px 16px;border:0;margin:16px 0;background-color:#eeeeee;font-weight:bold;font-size:18px;}.govx-id-page .govx-id svg{background-color:#fff;width:100px !important;height:35px !important;}.govx-widget-footer{display:flex;justify-content:center;flex-wrap:wrap;align-items:center;padding:16px 0;border-top:solid 1px #e3e3e3;border-bottom:solid 1px #e3e3e3;margin:48px 0;text-align:center;}.govx-widget-footer .footer-item{width:100%;}@media only screen and (min-width:749px){.govx-widget-footer .footer-item{width:auto;}} .ps-scroll-lock { overflow: hidden !important; } @layer properties { @supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))) { *, ::before, ::after, ::backdrop { --tw-translate-x: 0; --tw-translate-y: 0; --tw-translate-z: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scale-z: 1; --tw-rotate-x: initial; --tw-rotate-y: initial; --tw-rotate-z: initial; --tw-skew-x: initial; --tw-skew-y: initial; --tw-scroll-snap-strictness: proximity; --tw-space-y-reverse: 0; --tw-border-style: solid; --tw-gradient-position: initial; --tw-gradient-from: #0000; --tw-gradient-via: #0000; --tw-gradient-to: #0000; --tw-gradient-stops: initial; --tw-gradient-via-stops: initial; --tw-gradient-from-position: 0%; --tw-gradient-via-position: 50%; --tw-gradient-to-position: 100%; --tw-leading: initial; --tw-font-weight: initial; --tw-tracking: initial; --tw-shadow: 0 0 #0000; --tw-shadow-color: initial; --tw-shadow-alpha: 100%; --tw-inset-shadow: 0 0 #0000; --tw-inset-shadow-color: initial; --tw-inset-shadow-alpha: 100%; --tw-ring-color: initial; --tw-ring-shadow: 0 0 #0000; --tw-inset-ring-color: initial; --tw-inset-ring-shadow: 0 0 #0000; --tw-ring-inset: initial; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-offset-shadow: 0 0 #0000; --tw-outline-style: solid; --tw-blur: initial; --tw-brightness: initial; --tw-contrast: initial; --tw-grayscale: initial; --tw-hue-rotate: initial; --tw-invert: initial; --tw-opacity: initial; --tw-saturate: initial; --tw-sepia: initial; --tw-drop-shadow: initial; --tw-drop-shadow-color: initial; --tw-drop-shadow-alpha: 100%; --tw-drop-shadow-size: initial; --tw-backdrop-blur: initial; --tw-backdrop-brightness: initial; --tw-backdrop-contrast: initial; --tw-backdrop-grayscale: initial; --tw-backdrop-hue-rotate: initial; --tw-backdrop-invert: initial; --tw-backdrop-opacity: initial; --tw-backdrop-saturate: initial; --tw-backdrop-sepia: initial; --tw-duration: initial; --tw-ease: initial; --tw-divide-y-reverse: 0; } } } @layer theme { :root, :host { --font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; --color-red-50: oklch(97.1% .013 17.38); --color-red-100: oklch(93.6% .032 17.717); --color-red-600: oklch(57.7% .245 27.325); --color-red-800: oklch(44.4% .177 26.899); --color-yellow-100: oklch(97.3% .071 103.193); --color-yellow-800: oklch(47.6% .114 61.907); --color-green-500: oklch(72.3% .219 149.579); --color-green-700: oklch(52.7% .154 150.069); --color-blue-100: oklch(93.2% .032 255.585); --color-blue-800: oklch(42.4% .199 265.638); --color-indigo-900: oklch(35.9% .144 278.697); --color-gray-50: oklch(98.5% .002 247.839); --color-gray-100: oklch(96.7% .003 264.542); --color-gray-200: oklch(92.8% .006 264.531); --color-gray-300: oklch(87.2% .01 258.338); --color-gray-400: oklch(70.7% .022 261.325); --color-gray-500: oklch(55.1% .027 264.364); --color-gray-700: oklch(37.3% .034 259.733); --color-stone-100: oklch(97% .001 106.424); --color-black: #000; --color-white: #fff; --spacing: 4px; --breakpoint-sm: 640px; --breakpoint-md: 768px; --breakpoint-lg: 1024px; --breakpoint-xl: 1280px; --breakpoint-2xl: 1440px; --container-xl: 576px; --container-2xl: 672px; --container-7xl: 1280px; --text-sm: 14px; --text-sm--line-height: calc(1.25 / .875); --text-base: 16px; --text-base--line-height: 1.5; --text-2xl: 24px; --text-2xl--line-height: calc(2 / 1.5); --text-4xl: 36px; --text-5xl: 48px; --font-weight-normal: 400; --font-weight-medium: 500; --font-weight-semibold: 600; --font-weight-bold: 700; --font-weight-black: 900; --tracking-tight: -.025em; --tracking-normal: 0em; --tracking-wide: .025em; --tracking-wider: .05em; --tracking-widest: .1em; --leading-tight: 1.25; --leading-snug: 1.375; --leading-normal: 1.5; --radius-xs: 2px; --radius-sm: 4px; --radius-md: 6px; --radius-lg: 8px; --radius-xl: 12px; --radius-2xl: 16px; --ease-in: cubic-bezier(.4, 0, 1, 1); --ease-out: cubic-bezier(0, 0, .2, 1); --ease-in-out: cubic-bezier(.4, 0, .2, 1); --animate-spin: spin 1s linear infinite; --animate-pulse: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite; --blur-sm: 8px; --aspect-video: 16 / 9; --default-transition-duration: .15s; --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1); --default-font-family: var(--font-sans); --default-mono-font-family: var(--font-mono); --color-primary: #073026; --color-secondary: #282828; --color-accent: #e5dcca; --color-text: #282828; --color-brand-green: #073026; --color-brand-beige-light: #f8f6f2; --color-brand-beige-dark: #e5dcca; --color-brand-white: #fff; --font-graphik: 'Saira Extra Condensed', 'Graphik XX Condensed', Impact, sans-serif; --font-gt-america: 'IBM Plex Mono', 'GT America Mono', monospace; --font-neue-haas: 'Inter', 'Inter', sans-serif; --font-primary: var(--font-neue-haas); --font-secondary: var(--font-gt-america); --font-heading: var(--font-graphik); --breakpoint-us: 360px; --breakpoint-xs: 576px; --radius-ds: 4px; --spacing-ds-h: 48px; --ease-premium: cubic-bezier(.25, .1, .25, 1); --ease-bounce: cubic-bezier(.34, 1.56, .64, 1); --animate-fade-in: fade-in .3s var(--ease-premium); --animate-spin-slow: spin 12s linear infinite; } } @layer base { *, ::after, ::before, ::backdrop { box-sizing: border-box; border: 0px solid; margin: 0px; padding: 0px; } ::file-selector-button { box-sizing: border-box; border: 0px solid; margin: 0px; padding: 0px; } html, :host { text-size-adjust: 100%; tab-size: 4; line-height: 1.5; 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"); font-feature-settings: var(--default-font-feature-settings,normal); font-variation-settings: var(--default-font-variation-settings,normal); -webkit-tap-highlight-color: transparent; } hr { height: 0px; color: inherit; border-top-width: 1px; } abbr:where([title]) { text-decoration: underline dotted; } h1, h2, h3, h4, h5, h6 { font-size: inherit; font-weight: inherit; } a { color: inherit; text-decoration: inherit; } b, strong { font-weight: bolder; } code, kbd, samp, pre { font-family: var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace); font-feature-settings: var(--default-mono-font-feature-settings,normal); font-variation-settings: var(--default-mono-font-variation-settings,normal); font-size: 1em; } small { font-size: 80%; } sub, sup { vertical-align: baseline; font-size: 75%; line-height: 0; position: relative; } sub { bottom: -0.25em; } sup { top: -0.5em; } table { text-indent: 0px; border-color: inherit; border-collapse: collapse; } progress { vertical-align: baseline; } summary { display: list-item; } ol, ul, menu { list-style: none; } img, svg, video, canvas, audio, iframe, embed, object { vertical-align: middle; display: block; } img, video { max-width: 100%; height: auto; } button, input, select, optgroup, textarea { font: inherit; letter-spacing: inherit; color: inherit; opacity: 1; background-color: rgba(0, 0, 0, 0); border-radius: 0px; } ::file-selector-button { font: inherit; letter-spacing: inherit; color: inherit; opacity: 1; background-color: rgba(0, 0, 0, 0); border-radius: 0px; } :where(select:is([multiple], [size])) optgroup { font-weight: bolder; } :where(select:is([multiple], [size])) optgroup option { padding-inline-start: 20px; } ::file-selector-button { margin-inline-end: 4px; } ::placeholder { opacity: 1; } @supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px) { ::placeholder { color: currentcolor; } @supports (color:color-mix(in lab,red,red)) { ::placeholder { color: color-mix(currentcolor, transparent); } } } textarea { resize: vertical; } ::-webkit-search-decoration { appearance: none; } ::-webkit-date-and-time-value { min-height: 1lh; text-align: inherit; } ::-webkit-datetime-edit { display: inline-flex; } ::-webkit-datetime-edit-fields-wrapper { padding: 0px; } ::-webkit-datetime-edit { padding-block: 0px; } ::-webkit-datetime-edit-year-field { padding-block: 0px; } ::-webkit-datetime-edit-month-field { padding-block: 0px; } ::-webkit-datetime-edit-day-field { padding-block: 0px; } ::-webkit-datetime-edit-hour-field { padding-block: 0px; } ::-webkit-datetime-edit-minute-field { padding-block: 0px; } ::-webkit-datetime-edit-second-field { padding-block: 0px; } ::-webkit-datetime-edit-millisecond-field { padding-block: 0px; } ::-webkit-datetime-edit-meridiem-field { padding-block: 0px; } ::-webkit-calendar-picker-indicator { line-height: 1; } button, input:where([type="button"], [type="reset"], [type="submit"]) { appearance: button; } ::file-selector-button { appearance: button; } ::-webkit-inner-spin-button { height: auto; } ::-webkit-outer-spin-button { height: auto; } [hidden]:where(:not([hidden="until-found"])) { display: none !important; } html { -webkit-tap-highlight-color: transparent; } body { font-family: var(--font-neue-haas); background-color: var(--color-bg); color: var(--color-text); -webkit-font-smoothing: antialiased; } h1, h2, h3, h4, h5, h6 { font-family: var(--font-heading,var(--font-primary)); color: var(--color-text); } h1 { font-size: var(--text-5xl); } h2 { font-size: var(--text-4xl); } h3 { font-size: var(--text-2xl); } a { color: var(--color-tertiary); transition: color 0.2s; } a:hover { color: var(--color-secondary); } button, input, select, textarea { font: inherit; color: inherit; appearance: none; text-align: inherit; background: 0px 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; margin: 0px; padding: 0px; } button { cursor: pointer; display: block; } } @layer components { .ds-section { border-bottom-style: var(--tw-border-style); border-bottom-width: 1px; border-color: var(--color-brand-beige-dark); padding-block: calc(var(--spacing) * 6); } .ds-section:last-child { border-style: var(--tw-border-style); border-width: 0px; } .ds-card { border-style: var(--tw-border-style); border-width: 1px; border-color: var(--color-brand-beige-dark); background-color: var(--color-white); padding: calc(var(--spacing) * 0); --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a); box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow); transition-property: all; transition-duration: var(--tw-duration,var(--default-transition-duration)); --tw-ease: var(--ease-premium); transition-timing-function: var(--ease-premium); position: relative; overflow: hidden; } @media (hover: hover) { .ds-card:hover { --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a); box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow); } } .ds-card { border-radius: var(--radius-ds); transition-duration: var(--ds-anim-base,.3s); } .ds-card-media { border-top-left-radius: var(--radius-sm); border-top-right-radius: var(--radius-sm); display: block; overflow: hidden; } .ds-card-media img { transition-property: transform, translate, scale, rotate; --tw-duration: .5s; --tw-ease: var(--ease-premium); transition-duration: 0.5s; transition-timing-function: var(--ease-premium); } .ds-card:hover .ds-card-media img { --tw-scale-x: 105%; --tw-scale-y: 105%; --tw-scale-z: 105%; scale: var(--tw-scale-x) var(--tw-scale-y); } .ds-card-content { padding: calc(var(--spacing) * 4); } @media (min-width: 768px) { .ds-card-content { padding: calc(var(--spacing) * 6); } } .ds-btn-common { padding-inline: calc(var(--spacing) * 10); font-family: var(--font-gt-america); --tw-font-weight: var(--font-weight-medium); font-size: 14px; font-weight: var(--font-weight-medium); --tw-tracking: var(--tracking-wider); letter-spacing: var(--tracking-wider); text-transform: uppercase; transition-property: all; --tw-ease: var(--ease-premium); transition-timing-function: var(--ease-premium); height: var(--spacing-ds-h); border-radius: var(--radius-ds); transition-duration: var(--ds-anim-base,.3s); justify-content: center; align-items: center; display: inline-flex; } .ds-input-common { border-style: var(--tw-border-style); border-width: 1px; border-color: var(--color-secondary); background-color: var(--color-white); width: 100%; padding-inline: calc(var(--spacing) * 4); font-family: var(--font-neue-haas); letter-spacing: 0px; color: var(--color-secondary); font-size: 14px; line-height: 1.4; display: block; } .ds-input-common::placeholder { color: rgba(40, 40, 40, 0.4); } @supports (color:color-mix(in lab,red,red)) { .ds-input-common::placeholder { color: color-mix(in oklab,var(--color-secondary) 40%,transparent); } } .ds-input-common:focus { border-color: var(--color-primary); --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor); box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow); --tw-ring-color: var(--color-primary); --tw-outline-style: none; outline-style: none; } .ds-input-common { height: var(--spacing-ds-h); border-radius: var(--radius-ds); } .ds-label-common { margin-bottom: calc(var(--spacing) * 2); text-transform: uppercase; font-family: var(--font-gt-america); letter-spacing: 0.04em; color: var(--color-secondary); font-size: 14px; font-weight: 500; display: block; } .ds-accordion-header { --tw-border-style: none; width: 100%; padding-block: calc(var(--spacing) * 4); text-align: left; font-family: var(--font-neue-haas); letter-spacing: 0px; --tw-outline-style: none; color: var(--color-secondary); border-style: none; outline-style: none; justify-content: space-between; align-items: center; font-size: 18px; font-weight: 500; line-height: 1.4; display: flex !important; } .ds-accordion-content { padding-bottom: calc(var(--spacing) * 5); font-family: var(--font-neue-haas); letter-spacing: 0px; color: rgb(74, 74, 74); font-size: 16px; line-height: 1.4; } .ds-dropdown-trigger { height: calc(var(--spacing) * 12); border-style: var(--tw-border-style); border-width: 1px; border-color: var(--color-secondary); background-color: var(--color-white); width: 100%; padding-inline: calc(var(--spacing) * 4); font-size: var(--text-sm); line-height: var(--tw-leading,var(--text-sm--line-height)); --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); transition-property: all; transition-timing-function: var(--tw-ease,var(--default-transition-timing-function)); transition-duration: var(--tw-duration,var(--default-transition-duration)); border-radius: 4px; justify-content: center; align-items: center; display: inline-flex; } @media (hover: hover) { .ds-dropdown-trigger:hover { background-color: var(--color-brand-beige-light); } } .ds-dropdown-trigger:focus { --tw-outline-style: none; outline-style: none; } .ds-dropdown-trigger { font-family: var(--font-gt-america); } .ds-dropdown-menu { right: calc(var(--spacing) * 0); margin-top: calc(var(--spacing) * 2); width: calc(var(--spacing) * 56); transform-origin: 100% 0px; border-style: var(--tw-border-style); border-width: 1px; border-color: var(--color-brand-beige-dark); background-color: var(--color-white); --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a); --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor); box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow); --tw-ring-color: color-mix(in oklab, var(--color-black) 5%, transparent); position: absolute; } .ds-dropdown-menu:focus { --tw-outline-style: none; outline-style: none; } .ds-dropdown-menu { border-radius: var(--radius-ds); } :where(.ds-accordion-wrapper > :not(:last-child)) { --tw-divide-y-reverse: 0; border-bottom-style: var(--tw-border-style); border-top-style: var(--tw-border-style); border-top-width: calc(1px * var(--tw-divide-y-reverse)); border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse))); border-color: var(--color-gray-200); } .ds-accordion-wrapper { border-block-style: var(--tw-border-style); border-block-width: 1px; border-color: var(--color-gray-200); } .ds-select-input { appearance: none; background-position: right 8px center; background-repeat: no-repeat; background-size: 20px 20px; } .btn { padding-block: calc(var(--spacing) * 3); padding-inline: calc(var(--spacing) * 12); background-color: var(--color-indigo-900); color: var(--color-white); cursor: pointer; border-radius: 3.40282e+38px; transition: background-color 0.15s; } .btn:hover { background-color: var(--color-cloud-burst-600); } #dialog-modal-example::backdrop { background-color: rgba(0, 0, 0, 0.5); } @supports (color:color-mix(in lab,red,red)) { #dialog-modal-example::backdrop { background-color: color-mix(in oklab,var(--color-black) 50%,transparent); } } .input-select { margin-block: calc(var(--spacing) * 4); padding-block: calc(var(--spacing) * 2); padding-inline: calc(var(--spacing) * 4); border-width: 1px; border-color: var(--color-gray-500); appearance: none; border-radius: var(--radius-lg); width: 100%; display: block; } .select-arrow { pointer-events: none; border-style: solid; border-color: rgb(0, 0, 0); border-image: none; border-width: 0px 3px 3px 0px; padding: 3px; display: inline-block; position: absolute; transform: rotate(45deg); } .pill-button { background-color: var(--color-indigo-900); color: var(--color-white); padding-inline: calc(var(--spacing) * 4); border-radius: var(--radius-lg); cursor: pointer; } .slayed-input { padding-block: calc(var(--spacing) * 2); padding-inline: calc(var(--spacing) * 4); border-radius: var(--radius-lg); border-color: var(--color-gray-500); border-width: 1px; } .junip-product-review-title { margin-bottom: calc(var(--spacing) * 10); text-align: center; text-transform: uppercase; font-family: var(--font-graphik); letter-spacing: 0.02em; font-size: clamp(48px, 8vw, 72px); font-weight: 700; line-height: 0.88; } @media (min-width: 768px) { .junip-product-review-title { margin-bottom: calc(var(--spacing) * 12); } } ds-slider, .ds-slider { display: block; } .splide.ds-slider:is(.ds-slider--split, .ds-slider--grouped) .splide__arrows { align-items: center; gap: 12px; display: flex; } .splide.ds-slider.splide--arrows-none .splide__arrows, .splide.ds-slider.splide--arrows-desk .splide__arrows { display: none !important; } @media (min-width: 1024px) { .splide.ds-slider.splide--arrows-desk .splide__arrows { display: flex !important; } } .splide.ds-slider.splide--arrows-mob .splide__arrows { display: none !important; } @media (max-width: 1023px) { .splide.ds-slider.splide--arrows-mob .splide__arrows { display: flex !important; } } .splide.ds-slider.splide--pagination-none .splide__pagination, .splide.ds-slider.splide--pagination-desk .splide__pagination { display: none !important; } @media (min-width: 1024px) { .splide.ds-slider.splide--pagination-desk .splide__pagination { display: flex !important; } } .splide.ds-slider.splide--pagination-mob .splide__pagination { display: none !important; } @media (max-width: 1023px) { .splide.ds-slider.splide--pagination-mob .splide__pagination { display: flex !important; } } .splide.ds-slider--grouped .splide__arrows { margin-top: var(--slider-nav-mt,40px); justify-content: center; } .splide.ds-slider--grouped .splide__pagination { margin-top: var(--slider-nav-mt,40px) !important; justify-content: center !important; width: 100% !important; display: flex !important; position: static !important; } .splide.ds-slider--grouped .splide__arrows + .splide__pagination { margin-top: 10px !important; } .splide.ds-slider--split .splide__arrows { z-index: 10; top: var(--arrows-top-mob,50%) !important; pointer-events: none !important; width: 100vw !important; max-width: 100vw !important; padding: 0 var(--arrows-px-mob,20px) !important; justify-content: space-between !important; margin: 0px !important; display: flex !important; position: absolute !important; left: 50% !important; transform: translate(-50%) !important; } @media (min-width: 1024px) { .splide.ds-slider--split .splide__arrows { top: var(--arrows-top-desk,50%) !important; padding: 0 var(--arrows-px-desk,40px) !important; } } .splide.ds-slider--split .splide__arrow { pointer-events: auto !important; justify-content: center !important; align-items: center !important; margin: 0px !important; display: flex !important; position: relative !important; transform: none !important; } .splide.ds-slider .splide__arrow::after { content: "" !important; position: absolute !important; inset: -20px !important; } .splide.ds-slider--split .splide__pagination { margin-top: var(--slider-nav-mt,40px); justify-content: center !important; width: 100% !important; display: flex !important; position: static !important; } .ds-product-card { --card-radius: var(--ds-radius,8px); --thumb-radius: 4px; --anim-speed: var(--ds-anim-medium,.5s); --ease-premium: cubic-bezier(.16, 1, .3, 1); --btn-width: 160px; --border-color: var(--color-primary); --collection-mobile-media-height: 312px; --collection-mobile-card-top: 0; --collection-mobile-card-width: 100%; --collection-mobile-card-height: 100%; --collection-mobile-card-radius: 8px; --collection-mobile-card-image-max-width: calc(100% - 8px); --collection-mobile-card-image-max-height: 198px; --thumb-open-top: 10%; --thumb-open-side: 10%; --thumb-open-bottom: 10%; --thumb-translate-x: 6%; --thumb-translate-y: 7.37%; --thumb-scale: .41; flex-direction: column; height: 100%; display: flex; } .ds-product-card .ds-product-card__inner { flex-direction: column; flex: 1 1 auto; min-height: 100%; display: flex; } .ds-product-card .ds-product-card__media { aspect-ratio: 160 / 210; background: var(--color-brand-beige-light); width: 100%; position: relative; overflow: hidden; } @media (min-width: 1024px) { .ds-product-card .ds-product-card__media { aspect-ratio: 320 / 414; } } .ds-product-card[data-product-card-view="template_v2"] .ds-product-card__media { aspect-ratio: 1 / 1; } .ds-product-card[data-product-card-view="template_v2"] .ds-product-tag-badges--template-v2, .ds-cart-product-card .ds-product-tag-badges--template-v2 { z-index: 30; pointer-events: none; flex-direction: column; align-items: flex-start; gap: 4px; max-width: calc(100% - 10px); display: flex; position: absolute; top: 5px; left: 5px; } @media (min-width: 640px) { .ds-product-card[data-product-card-view="template_v2"] .ds-product-tag-badges--template-v2, .ds-cart-product-card .ds-product-tag-badges--template-v2 { top: 12px; left: 12px; } } .ds-product-card[data-product-card-view="template_v2"] .ds-product-tag-badges__pill--template-v2, .ds-cart-product-card .ds-product-tag-badges__pill--template-v2 { background: var(--color-brand-beige-dark); max-width: 100%; font-family: var(--font-secondary); letter-spacing: 0.04em; color: var(--color-secondary); text-transform: uppercase; text-align: left; border-radius: 4px; justify-content: center; align-items: center; padding: 3px 6px; font-size: 10px; font-weight: 500; line-height: 1; display: inline-flex; } .ds-product-card .ds-product-card__bg-image { transition: transform var(--anim-speed) var(--ease-premium); will-change: transform; transform: scale(1.1); } .ds-product-card .ds-product-card__media:hover .ds-product-card__bg-image { transform: scale(1); } .ds-product-card .ds-product-card__bg-image-wrapper, .ds-product-card .ds-product-card__thumbnail-img { transition: opacity var(--anim-speed) var(--ease-premium); } .ds-product-card .ds-product-card__btn-v2 { z-index: 30; background: rgb(255, 255, 255); border-radius: 4px; justify-content: center; align-items: center; width: 120px; height: 32px; display: flex; position: absolute; bottom: 24px; left: 50%; transform: translate(-50%); box-shadow: rgba(0, 0, 0, 0.25) 3px 3px 8px; } @media (min-width: 1024px) { .ds-product-card .ds-product-card__btn-v2 { display: none; } } .ds-product-card .ds-product-card__thumbnail { top: var(--thumb-open-top); right: var(--thumb-open-side); bottom: var(--thumb-open-bottom); left: var(--thumb-open-side); transform: translate(var(--thumb-translate-x),var(--thumb-translate-y)) scale(var(--thumb-scale)); transform-origin: 100% 100%; border-radius: var(--thumb-radius); will-change: transform; transition: transform var(--anim-speed) var(--ease-premium),padding var(--anim-speed) var(--ease-premium); background: rgb(248, 246, 242); position: absolute; } .ds-product-card .ds-product-card__thumbnail-link { z-index: 1; } .ds-product-card .ds-product-card__media:hover .ds-product-card__thumbnail { max-width: 240px; margin: 0px auto; padding: 0px 16px; transform: translate(0px) scale(1); pointer-events: auto !important; } .ds-product-card .ds-product-card__media.ds-product-card__media-template-1-mode .ds-product-card__thumbnail { z-index: 20; border-radius: inherit; opacity: 0; pointer-events: none; width: 100%; max-width: none; height: 100%; transition: opacity var(--anim-speed) var(--ease-premium),background var(--anim-speed) var(--ease-premium),transform var(--anim-speed) var(--ease-premium),padding var(--anim-speed) var(--ease-premium); background: rgba(248, 246, 242, 0.96); margin: 0px; padding: 2px 16px; position: absolute; inset: 0px; transform: translate(0px) scale(1); } ds-main-collection[data-view-as="product"] .ds-product-card .ds-product-card__media.ds-product-card__media-template-1-mode .ds-product-card__thumbnail, ds-product-marquee[data-view-as="product"] .ds-product-card .ds-product-card__media.ds-product-card__media-template-1-mode .ds-product-card__thumbnail, .ds-shop-marquee[data-view-as="product"] .ds-product-card .ds-product-card__media.ds-product-card__media-template-1-mode .ds-product-card__thumbnail, .ds-meganav-section-wrapper[data-view-as="product"] .ds-product-card .ds-product-card__media.ds-product-card__media-template-1-mode .ds-product-card__thumbnail { opacity: 1; pointer-events: auto; } ds-main-collection[data-view-as="product"] .ds-product-card .ds-product-card__media.ds-product-card__media-template-1-mode .ds-product-card__bg-image-wrapper, ds-product-marquee[data-view-as="product"] .ds-product-card .ds-product-card__media.ds-product-card__media-template-1-mode .ds-product-card__bg-image-wrapper, .ds-shop-marquee[data-view-as="product"] .ds-product-card .ds-product-card__media.ds-product-card__media-template-1-mode .ds-product-card__bg-image-wrapper, .ds-meganav-section-wrapper[data-view-as="product"] .ds-product-card .ds-product-card__media.ds-product-card__media-template-1-mode .ds-product-card__bg-image-wrapper { opacity: 0; } ds-main-collection[data-view-as="product"] .ds-product-card .ds-product-card__media.ds-product-card__media-template-1-mode:hover .ds-product-card__bg-image-wrapper, ds-product-marquee[data-view-as="product"] .ds-product-card .ds-product-card__media.ds-product-card__media-template-1-mode:hover .ds-product-card__bg-image-wrapper, .ds-shop-marquee[data-view-as="product"] .ds-product-card .ds-product-card__media.ds-product-card__media-template-1-mode:hover .ds-product-card__bg-image-wrapper, .ds-meganav-section-wrapper[data-view-as="product"] .ds-product-card .ds-product-card__media.ds-product-card__media-template-1-mode:hover .ds-product-card__bg-image-wrapper { opacity: 1; } ds-main-collection[data-view-as="product"] .ds-product-card .ds-product-card__media.ds-product-card__media-template-1-mode:hover .ds-product-card__thumbnail, ds-product-marquee[data-view-as="product"] .ds-product-card .ds-product-card__media.ds-product-card__media-template-1-mode:hover .ds-product-card__thumbnail, .ds-shop-marquee[data-view-as="product"] .ds-product-card .ds-product-card__media.ds-product-card__media-template-1-mode:hover .ds-product-card__thumbnail, .ds-meganav-section-wrapper[data-view-as="product"] .ds-product-card .ds-product-card__media.ds-product-card__media-template-1-mode:hover .ds-product-card__thumbnail { background: 0px 0px; } ds-main-collection[data-view-as="product"] .ds-product-card .ds-product-card__media.ds-product-card__media-template-1-mode:hover .ds-product-card__thumbnail-img, ds-product-marquee[data-view-as="product"] .ds-product-card .ds-product-card__media.ds-product-card__media-template-1-mode:hover .ds-product-card__thumbnail-img, .ds-shop-marquee[data-view-as="product"] .ds-product-card .ds-product-card__media.ds-product-card__media-template-1-mode:hover .ds-product-card__thumbnail-img, .ds-meganav-section-wrapper[data-view-as="product"] .ds-product-card .ds-product-card__media.ds-product-card__media-template-1-mode:hover .ds-product-card__thumbnail-img { opacity: 0; } ds-main-collection[data-view-as="model"] .ds-product-card .ds-product-card__media.ds-product-card__media-template-1-mode:hover .ds-product-card__thumbnail, ds-product-marquee[data-view-as="model"] .ds-product-card .ds-product-card__media.ds-product-card__media-template-1-mode:hover .ds-product-card__thumbnail, .ds-shop-marquee[data-view-as="model"] .ds-product-card .ds-product-card__media.ds-product-card__media-template-1-mode:hover .ds-product-card__thumbnail, .ds-meganav-section-wrapper[data-view-as="model"] .ds-product-card .ds-product-card__media.ds-product-card__media-template-1-mode:hover .ds-product-card__thumbnail, .ds-product-card .ds-product-card__media.ds-product-card__media-template-1-mode:hover .ds-product-card__thumbnail { opacity: 1; pointer-events: auto !important; } .ds-product-card .ds-product-card__media:hover .ds-product-card__thumbnail-overlay.is-bottom { margin-bottom: 14px; } .ds-product-card .ds-product-card__thumbnail-overlay { z-index: 2; opacity: 0; pointer-events: none; transition: opacity var(--anim-speed) var(--ease-premium),margin var(--anim-speed) var(--ease-premium); position: relative; } .ds-product-card .ds-product-card__thumbnail-overlay.is-top { margin-top: 0px; } .ds-product-card .ds-product-card__thumbnail-overlay.is-bottom { margin-bottom: 0px; } .ds-product-card .ds-product-card__media:hover .ds-product-card__thumbnail-overlay { opacity: 1; pointer-events: auto; } .ds-product-card .ds-product-card__media:hover .ds-product-card__thumbnail-overlay.is-top { margin-top: 14px; } .ds-product-card .ds-product-card__collection-mobile-slider.splide { display: none; } @media (min-width: 1024px) { .ds-product-card .ds-product-card__media.ds-product-card__media-template-1-desk-mode .ds-product-card__thumbnail { z-index: 20; border-radius: inherit; opacity: 0; pointer-events: none; background: rgba(248, 246, 242, 0.96); width: 100%; max-width: none; height: 100%; margin: 0px; padding: 2px 16px; position: absolute; inset: 0px; transform: translate(0px) scale(1); } ds-product-marquee[data-view-as="product"] .ds-product-card .ds-product-card__media.ds-product-card__media-template-1-desk-mode .ds-product-card__thumbnail, .ds-shop-marquee[data-view-as="product"] .ds-product-card .ds-product-card__media.ds-product-card__media-template-1-desk-mode .ds-product-card__thumbnail { opacity: 1; pointer-events: auto; } ds-product-marquee[data-view-as="product"] .ds-product-card .ds-product-card__media.ds-product-card__media-template-1-desk-mode .ds-product-card__bg-image-wrapper, .ds-shop-marquee[data-view-as="product"] .ds-product-card .ds-product-card__media.ds-product-card__media-template-1-desk-mode .ds-product-card__bg-image-wrapper { opacity: 0; } ds-product-marquee[data-view-as="product"] .ds-product-card .ds-product-card__media.ds-product-card__media-template-1-desk-mode:hover .ds-product-card__bg-image-wrapper, .ds-shop-marquee[data-view-as="product"] .ds-product-card .ds-product-card__media.ds-product-card__media-template-1-desk-mode:hover .ds-product-card__bg-image-wrapper { opacity: 1; } ds-product-marquee[data-view-as="product"] .ds-product-card .ds-product-card__media.ds-product-card__media-template-1-desk-mode:hover .ds-product-card__thumbnail, .ds-shop-marquee[data-view-as="product"] .ds-product-card .ds-product-card__media.ds-product-card__media-template-1-desk-mode:hover .ds-product-card__thumbnail { background: 0px 0px; } ds-product-marquee[data-view-as="product"] .ds-product-card .ds-product-card__media.ds-product-card__media-template-1-desk-mode:hover .ds-product-card__thumbnail-img, .ds-shop-marquee[data-view-as="product"] .ds-product-card .ds-product-card__media.ds-product-card__media-template-1-desk-mode:hover .ds-product-card__thumbnail-img { opacity: 0; } ds-product-marquee[data-view-as="model"] .ds-product-card .ds-product-card__media.ds-product-card__media-template-1-desk-mode:hover .ds-product-card__thumbnail, .ds-shop-marquee[data-view-as="model"] .ds-product-card .ds-product-card__media.ds-product-card__media-template-1-desk-mode:hover .ds-product-card__thumbnail { opacity: 1; pointer-events: auto; } } .ds-product-card .ds-product-card__info { flex-direction: column; flex: 1 1 auto; display: flex; } .ds-product-card .ds-product-card__body { margin-top: auto; } .ds-product-card[data-product-card-view="template_v2"] .ds-product-card__body, .ds-product-card[data-product-card-view="template_v2"] .ds-product-card__alt-stack { flex-direction: column; gap: 16px; margin-top: 8px; display: flex; } .ds-product-card[data-product-card-view="template_v2"] .ds-product-card__alt-stack .product-card__discount { margin-top: 0px; } .ds-product-card[data-product-card-view="template_v2"] .product-card__discount { width: fit-content; margin-top: var(--pc-discount-mt-mob); border-radius: var(--ds-radius,4px); background-color: var(--pc-discount-bg); font-family: var(--font-secondary); font-size: var(--pc-discount-fs-mob); letter-spacing: 0.04em; color: var(--pc-discount-text); text-transform: uppercase; justify-content: center; align-items: center; padding: 6px 8px; font-weight: 500; line-height: 1; display: inline-flex; } @media (min-width: 1024px) { .ds-product-card[data-product-card-view="template_v2"] .product-card__discount { margin-top: var(--pc-discount-mt-desk); font-size: var(--pc-discount-fs-desk); } } .ds-product-card[data-product-card-view="template_v2"] .ds-product-card__price-stack { gap: 4px; } .ds-product-card[data-product-card-view="template_v2"] .ds-product-card__price-stack .js-current-price, .ds-product-card[data-product-card-view="template_v2"] .ds-product-card__price-stack .js-compare-price { font-size: 14px; } .ds-product-card[data-product-card-view="template_v2"] .ds-product-card__price-stack .js-per-pair-row { font-size: 10px; } .ds-product-card[data-product-card-view="template_v2"] .product-card__description { color: rgb(115, 115, 115); font-family: var(--font-secondary); letter-spacing: 0.04em; text-transform: uppercase; font-size: 10px; font-weight: 500; line-height: 1.2; } @media (min-width: 640px) { .ds-product-card[data-product-card-view="template_v2"] .product-card__description { font-size: 12px; } } .ds-product-card[data-product-card-reviews="hover_badges_fade"] .ds-product-tag-badges { transition: opacity var(--anim-speed) var(--ease-premium); } .ds-product-card[data-product-card-reviews="hover_badges_fade"] .ds-product-card__media:hover .ds-product-tag-badges { opacity: 0; } .ds-product-card[data-product-card-reviews="legacy"] .ds-product-card__media:hover .ds-product-card__thumbnail .ds-pc-reviews, .ds-product-card[data-product-card-reviews="hover_badges_fade"] .ds-product-card__media:hover .ds-product-card__thumbnail .ds-pc-reviews { background-color: var(--color-brand-beige-light,#f8f6f2) !important; } .ds-product-card[data-product-card-reviews="design_top_center_pill"] .ds-product-card__media:hover .ds-product-card__thumbnail .ds-pc-reviews { background-color: var(--color-brand-white,#fff) !important; padding: 4px 8px !important; } .ds-product-card[data-product-card-reviews="design_tl_white"] .ds-product-card__media:hover .ds-product-card__thumbnail .ds-pc-reviews { background-color: rgba(40, 40, 40, 0.42) !important; padding: 4px 8px !important; } .ds-product-card[data-product-card-reviews="design_top_center_pill"] .ds-product-card__media:hover .ds-product-card__thumbnail-overlay.is-top.ds-pc-reviews-overlay--center-pill { margin-top: 0px !important; } .ds-product-card[data-product-card-reviews="design_tl_plain"] .ds-product-card__media:hover .ds-product-card__thumbnail .ds-pc-reviews, .ds-product-card[data-product-card-reviews="design_tl_plain_alt"] .ds-product-card__media:hover .ds-product-card__thumbnail .ds-pc-reviews { background-color: rgba(248, 246, 242, 0.92) !important; padding: 4px 8px !important; } @media (max-width: 1023px) { .ds-product-card .ds-product-card__thumbnail { pointer-events: none !important; background: rgb(248, 246, 242) !important; justify-content: center !important; width: calc(100% - 48px) !important; height: 248px !important; padding: 20px 16px 24px !important; inset: 32px auto auto 50% !important; transform: translate(-50%) scale(1) !important; } .ds-product-card .ds-product-card__thumbnail-overlay { display: none !important; } .ds-product-card .ds-product-card__thumbnail-img { margin-bottom: 0px !important; } .ds-product-card[data-card-variant="collection"] .ds-product-card__collection-mobile-slider { border-radius: var(--card-radius); height: 100%; display: block; position: relative; overflow: hidden; } .ds-product-card[data-card-variant="collection"] .ds-product-card__collection-mobile-engine { z-index: 15; opacity: 0; position: absolute; inset: 0px; } .ds-product-card[data-card-variant="collection"] .ds-product-card__collection-mobile-engine .splide__track, .ds-product-card[data-card-variant="collection"] .ds-product-card__collection-mobile-engine .splide__list, .ds-product-card[data-card-variant="collection"] .ds-product-card__collection-mobile-engine .splide__slide { height: 100%; } .ds-product-card[data-card-variant="collection"] .ds-product-card__collection-mobile-link { height: 100%; display: block; position: relative; } .ds-product-card[data-card-variant="collection"] .ds-product-card__collection-mobile-bg-layer { width: 100%; height: 100%; position: absolute; inset: 0px; } .ds-product-card[data-card-variant="collection"] .ds-product-card__collection-mobile-bg { object-fit: cover; opacity: 0; width: 100%; height: 100%; transition: opacity .35s var(--ease-premium),transform .5s var(--ease-premium); position: absolute; inset: 0px; transform: scale(1.04); } .ds-product-card[data-card-variant="collection"] .ds-product-card__collection-mobile-bg.is-active { transform: scale(1); } .ds-product-card[data-card-variant="collection"] .ds-product-card__collection-mobile-card { top: var(--collection-mobile-card-top); width: var(--collection-mobile-card-width); height: var(--collection-mobile-card-height); background: rgb(248, 246, 242); border-radius: 8px; padding: 0px; display: flex; position: absolute; left: 50%; overflow: hidden; transform: translate(-50%); } .ds-product-card[data-card-variant="collection"] .ds-product-card__media.ds-product-card__media-template-1-mode .ds-product-card__collection-mobile-card { width: 100%; height: 100%; top: 0px; } .ds-product-card[data-card-variant="collection"] .ds-product-card__collection-mobile-card-layer { justify-content: center; align-items: center; width: 100%; height: 100%; display: flex; position: relative; } .ds-product-card[data-card-variant="collection"] .ds-product-card__collection-mobile-card-img { object-fit: cover; opacity: 0; width: 100%; height: 100%; transition: opacity .35s var(--ease-premium),transform .35s var(--ease-premium); position: absolute; top: 0px; left: 0px; transform: scale(0.94); } .ds-product-card[data-card-variant="collection"] .ds-product-card__collection-mobile-card-img.is-active { opacity: 1; transform: scale(1); } .ds-product-card[data-card-variant="collection"] .ds-product-card__collection-mobile-pagination { bottom: var(--ds-product-card-mob-dot-bottom,12px); z-index: 20; pointer-events: auto; gap: 4px; display: flex; position: absolute; left: 50%; transform: translate(-50%); } .ds-product-card[data-card-variant="collection"] .ds-product-card__media.ds-product-card__media-template-1-mode .ds-product-card__collection-mobile-pagination { bottom: calc(var(--ds-product-card-mob-dot-bottom,12px) - 2px); } .ds-product-card[data-card-variant="collection"] .ds-product-card__collection-mobile-dot { width: var(--ds-product-card-mob-dot-size,12px); height: var(--ds-product-card-mob-dot-size,12px); transition: border-color .3s var(--ease-premium); background: 0px 0px; border: 1.5px solid rgba(0, 0, 0, 0); border-radius: 999px; justify-content: center; align-items: center; display: flex; } .ds-product-card[data-card-variant="collection"] .ds-product-card__collection-mobile-dot::before { content: ""; width: calc(var(--ds-product-card-mob-dot-size,12px) - 4px); height: calc(var(--ds-product-card-mob-dot-size,12px) - 4px); background: rgb(40, 40, 40); border-radius: 999px; display: block; } .ds-product-card[data-card-variant="collection"] .ds-product-card__collection-mobile-dot.is-active { border-color: rgb(40, 40, 40); } .ds-product-card[data-card-variant="collection"] .ds-product-card__thumbnail, .ds-product-card[data-card-variant="collection"] .ds-product-card__bg-image-wrapper, .ds-product-card[data-card-variant="collection"] .ds-product-card__btn-v2 { display: none !important; } } .ds-collection { background-color: var(--bg-color); padding: var(--pt-mob) var(--px-mob) var(--pb-mob); } @media (min-width: 1280px) { .ds-collection { padding: var(--pt-desk) var(--px-desk) var(--pb-desk); } } .ds-collection .ds-product-card__media:hover .ds-product-card__thumbnail-overlay.is-top, .ds-collection .ds-product-card__media:hover .ds-product-card__thumbnail-img { margin-bottom: 20px !important; } .ds-collection .ds-product-card__rating span { letter-spacing: 0px !important; font-size: 11px !important; } .ds-collection .ds-product-card[data-product-card-reviews="design_tl_white"] .ds-product-card__thumbnail .ds-product-card__rating span { color: rgb(255, 255, 255) !important; } .ds-collection .ds-product-card__media, .ds-collection .ds-product-card__info, .ds-collection [class^="ds-product-card-"] .ds-product-card__media, .ds-collection [class^="ds-product-card-"] .ds-product-card__info { padding-left: 0px !important; padding-right: 0px !important; } .ds-collection .ds-product-card__info { padding-top: 4px !important; } .ds-collection__heading { max-width: var(--layout-max-width); margin-inline: auto; } .ds-collection__layout { width: 100%; max-width: var(--layout-max-width); grid-template-columns: 0px 1fr; align-items: start; gap: 0px; margin-inline: auto; transition: grid-template-columns 0.6s cubic-bezier(0.16, 1, 0.3, 1); display: grid; } .ds-collection--sidebar-open .ds-collection__layout { grid-template-columns: var(--sidebar-w-tablet) 1fr; gap: 32px; } @media (min-width: 1280px) { .ds-collection--sidebar-open .ds-collection__layout { grid-template-columns: var(--sidebar-w-desktop) 1fr; gap: 32px; } } @media (max-width: 767px) { .ds-collection__layout, .ds-collection--sidebar-open .ds-collection__layout { grid-template-columns: 1fr; gap: 0px; } } .ds-collection__grid { column-gap: ; row-gap: var(--row-gap-mob); grid-template-columns: repeat(1, 1fr); padding: 2px 2px 70px; transition: 0.6s cubic-bezier(0.16, 1, 0.3, 1); display: grid; } @media (max-width: 767px) { .ds-collection__grid { padding: 2px 2px 20px; } .ds-collection[data-mobile-grid="list"] .ds-collection__grid { grid-template-columns: repeat(1, 1fr); } .ds-collection[data-mobile-grid="list"] .ds-product-card-v3__media { min-height: 400px; } .ds-collection[data-mobile-grid="grid"] .ds-collection__grid { grid-template-columns: repeat(2, 1fr); } } @media (min-width: 768px) { .ds-collection__grid { grid-template-columns: repeat(var(--cols-tablet),1fr); column-gap: ; row-gap: var(--row-gap-mob); } } @media (min-width: 1280px) { .ds-collection__grid { grid-template-columns: repeat(var(--cols-desktop),1fr); column-gap: ; row-gap: var(--row-gap-desk); } } @media (min-width: 1536px) { .ds-collection__grid { grid-template-columns: repeat(var(--cols-wide),1fr); } } @media (min-width: 1920px) { .ds-collection__grid { grid-template-columns: repeat(var(--cols-ultra),1fr); } } .ds-collection__item { z-index: 1; background-color: rgb(255, 255, 255); width: 100%; margin: 0px; transition: 0.6s cubic-bezier(0.16, 1, 0.3, 1); position: relative; } .ds-collection__item:hover { z-index: 10; transform: translateZ(0px); } @media (max-width: 1023px) { .ds-collection__item-banner { grid-column: 1 / -1; } } .ds-collection__item-banner[data-pin-right="true"] { grid-row: var(--banner-row,auto); } @media (min-width: 1024px) { .ds-collection__item-banner[data-pin-right="true"] { grid-column: -2 / -1; } } .ds-collection__sidebar { pointer-events: none; min-width: 0px; overflow: hidden; } .ds-collection__sidebar-inner { width: var(--sidebar-w-tablet); opacity: 0; padding-right: 16px; transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.4s; transform: translate(-24px); } @media (min-width: 1280px) { .ds-collection__sidebar-inner { width: var(--sidebar-w-desktop); } } .ds-collection--sidebar-open .ds-collection__sidebar { pointer-events: auto; } .ds-collection--sidebar-open .ds-collection__sidebar-inner { opacity: 1; transform: translate(0px); } .ds-collection__sidebar-filters > .ds-filter-group:first-child { padding-top: 0px; } @media (max-width: 767px) { .ds-collection__sidebar { z-index: 60; background-color: var(--bg-color); opacity: 0; visibility: hidden; transition: opacity .3s var(--ease-premium); position: fixed; inset: 0px; } .ds-collection--sidebar-open .ds-collection__sidebar { opacity: 1; visibility: visible; } .ds-collection__sidebar-inner { opacity: 1; width: 100%; height: 100dvh; transition: transform .5s var(--ease-premium),opacity .3s var(--ease-premium); flex-direction: column; padding-right: 0px; display: flex; transform: translateY(24px); } .ds-collection--sidebar-open .ds-collection__sidebar-inner { transform: translateY(0px); } } @media (min-width: 1024px) { .ds-collection--sidebar-open .ds-product-card__thumbnail-overlay { transform: none; } } @media (min-width: 1150px) { .ds-collection--sidebar-open .ds-product-card__thumbnail-overlay { transform: none; } } @media (max-width: 1200px) { .ds-collection .ds-product-card__thumbnail-overlay { transform: none; } } .ds-filter-group { border-bottom: 1px solid var(--border-color); padding: 16px 0px; } .ds-filter-group:last-child { border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor; } .ds-filter-group__header { cursor: pointer; justify-content: space-between; align-items: center; width: 100%; display: flex; } .ds-toggle { flex-shrink: 0; width: 40px; height: 24px; display: inline-block; position: relative; } .ds-toggle input { opacity: 0; width: 0px; height: 0px; } .ds-toggle__slider { cursor: pointer; border: 2px solid var(--border-color); background-color: rgb(255, 255, 255); border-radius: 100px; transition: 0.4s; position: absolute; inset: 0px; } .ds-toggle__slider::before { content: ""; background-color: var(--border-color); border-radius: 50%; width: 14px; height: 14px; transition: 0.4s; position: absolute; bottom: 3px; left: 3px; } .ds-toggle input:checked + .ds-toggle__slider { background-color: var(--border-color); } .ds-toggle input:checked + .ds-toggle__slider::before { background-color: rgb(255, 255, 255); transform: translate(16px); } .ds-radio { cursor: pointer; user-select: none; align-items: center; gap: 8px; display: flex; } .ds-radio input { opacity: 0; cursor: pointer; width: 0px; height: 0px; position: absolute; } .ds-radio__checkmark { border: 1.5px solid var(--border-color); background-color: rgb(255, 255, 255); border-radius: 50%; flex-shrink: 0; justify-content: center; align-items: center; width: 16px; height: 16px; display: flex; } .ds-radio input:checked ~ .ds-radio__checkmark::after { content: ""; background-color: var(--border-color); border-radius: 50%; width: 8px; height: 8px; } .ds-radio__checkmark.is-dark-bg::after { background-color: rgb(255, 255, 255) !important; } .ds-filter-group__content { padding-top: 16px; display: none; } .ds-filter-group.is-open .ds-filter-group__content { display: block; } .ds-filter-tiles { grid-template-columns: repeat(2, 1fr); gap: 8px; display: grid; } .ds-filter-tile { border: 1px solid var(--stroke-4,#d4d4d4); cursor: pointer; border-radius: 4px; flex-direction: row; align-items: stretch; transition: 0.2s; display: flex; overflow: hidden; } .ds-filter-tile:hover, .ds-filter-tile.is-active { border-color: var(--text-color); } .ds-filter-tile__icon { border-right: 1px solid var(--stroke-4,#d4d4d4); background-color: rgb(255, 255, 255); flex-shrink: 0; justify-content: center; align-items: center; width: 48px; height: 48px; transition: background-color 0.2s; display: flex; } .ds-filter-tile.is-active .ds-filter-tile__icon { border-right-color: var(--text-color); background-color: rgb(229, 220, 202); } .ds-filter-tile__label { background-color: rgb(255, 255, 255); flex-grow: 1; justify-content: center; align-items: center; padding: 0px 6px; font-size: 14px; transition: background-color 0.2s; display: flex; } .ds-filter-tile.is-active .ds-filter-tile__label { background-color: rgb(248, 246, 242); } .ds-size-tile { border: 1px solid var(--stroke-4,#d4d4d4); cursor: pointer; border-radius: 4px; flex-direction: column; height: 80px; transition: 0.2s; display: flex; overflow: hidden; } .ds-size-tile:hover, .ds-size-tile.is-active { border-color: var(--text-color); } .ds-size-tile__top { border-bottom: 1px solid var(--stroke-4,#d4d4d4); text-transform: uppercase; background-color: rgb(255, 255, 255); justify-content: center; align-items: center; height: 32px; font-size: 14px; display: flex; } .ds-size-tile.is-active .ds-size-tile__top { border-bottom-color: var(--text-color); background-color: rgb(229, 220, 202); } .ds-size-tile__bottom { text-align: center; letter-spacing: 0px; text-transform: uppercase; color: var(--text-color); background-color: rgb(255, 255, 255); flex-grow: 1; justify-content: center; align-items: center; padding: 4px 2px; font-size: 12px; line-height: 1.4; display: flex; } .ds-size-tile.is-active .ds-size-tile__bottom { background-color: rgb(248, 246, 242); } @media (min-width: 768px) { .ds-collection--sidebar-always-open .ds-collection__sidebar { pointer-events: auto !important; opacity: 1 !important; visibility: visible !important; overflow: visible !important; } .ds-collection--sidebar-always-open .ds-collection__sidebar-inner { opacity: 1 !important; transform: translate(0px) !important; } .ds-collection--sidebar-always-open .ds-filters__btn-wrapper { display: none !important; } .ds-collection--sidebar-always-open .ds-filters__segment--count { padding-left: var(--px) !important; } } } @layer utilities { .pointer-events-auto { pointer-events: auto; } .pointer-events-none { pointer-events: none; } .pointer-events-none\! { pointer-events: none !important; } .collapse { visibility: collapse; } .invisible { visibility: hidden; } .visible { visibility: visible; } .sr-only { clip-path: inset(50%); white-space: nowrap; border-width: 0px; width: 1px; height: 1px; margin: -1px; padding: 0px; position: absolute; overflow: hidden; } .absolute { position: absolute; } .fixed { position: fixed; } .relative { position: relative; } .static { position: static; } .sticky { position: sticky; } .-inset-0\.75 { inset: calc(var(--spacing) * -.75); } .-inset-1 { inset: calc(var(--spacing) * -1); } .inset-0 { inset: calc(var(--spacing) * 0); } .inset-x-0 { inset-inline: calc(var(--spacing) * 0); } .inset-y-0 { inset-block: calc(var(--spacing) * 0); } .start { inset-inline-start: var(--spacing); } .end { inset-inline-end: var(--spacing); } .-top-1 { top: calc(var(--spacing) * -1); } .-top-2 { top: calc(var(--spacing) * -2); } .-top-4 { top: calc(var(--spacing) * -4); } .-top-32 { top: calc(var(--spacing) * -32); } .top-0 { top: calc(var(--spacing) * 0); } .top-1\/2 { top: 50%; } .top-2 { top: calc(var(--spacing) * 2); } .top-2\.5 { top: calc(var(--spacing) * 2.5); } .top-12 { top: calc(var(--spacing) * 12); } .top-24 { top: calc(var(--spacing) * 24); } .top-\[5px\] { top: 5px; } .top-\[11px\] { top: 11px; } .top-\[16px\] { top: 16px; } .top-\[92px\] { top: 92px; } .top-full { top: 100%; } .-right-1 { right: calc(var(--spacing) * -1); } .right-0 { right: calc(var(--spacing) * 0); } .right-2 { right: calc(var(--spacing) * 2); } .right-3 { right: calc(var(--spacing) * 3); } .right-4 { right: calc(var(--spacing) * 4); } .right-5 { right: calc(var(--spacing) * 5); } .right-16 { right: calc(var(--spacing) * 16); } .right-\[8px\] { right: 8px; } .right-\[16px\] { right: 16px; } .right-\[20\%\] { right: 20%; } .right-\[52px\] { right: 52px; } .-bottom-4 { bottom: calc(var(--spacing) * -4); } .-bottom-12 { bottom: calc(var(--spacing) * -12); } .bottom-0 { bottom: calc(var(--spacing) * 0); } .bottom-2\.5 { bottom: calc(var(--spacing) * 2.5); } .bottom-4 { bottom: calc(var(--spacing) * 4); } .bottom-5 { bottom: calc(var(--spacing) * 5); } .bottom-6 { bottom: calc(var(--spacing) * 6); } .bottom-13 { bottom: calc(var(--spacing) * 13); } .bottom-\[16px\] { bottom: 16px; } .bottom-full { bottom: 100%; } .-left-3 { left: calc(var(--spacing) * -3); } .left-0 { left: calc(var(--spacing) * 0); } .left-1\/2 { left: 50%; } .left-2 { left: calc(var(--spacing) * 2); } .left-6 { left: calc(var(--spacing) * 6); } .left-15 { left: calc(var(--spacing) * 15); } .left-\[16px\] { left: 16px; } .left-full { left: 100%; } .-z-1 { z-index: -1; } .z-0 { z-index: 0; } .z-1 { z-index: 1; } .z-2 { z-index: 2; } .z-10 { z-index: 10; } .z-11 { z-index: 11; } .z-12 { z-index: 12; } .z-15 { z-index: 15; } .z-20 { z-index: 20; } .z-30 { z-index: 30; } .z-31 { z-index: 31; } .z-40 { z-index: 40; } .z-50 { z-index: 50; } .z-99 { z-index: 99; } .z-100 { z-index: 100; } .z-999 { z-index: 999; } .z-\[1001\] { z-index: 1001; } .col-span-full { grid-column: 1 / -1; } .container { width: 100%; } @media (min-width: 360px) { .container { max-width: 360px; } } @media (min-width: 576px) { .container { max-width: 576px; } } @media (min-width: 1440px) { .container { max-width: 1440px; } } .m-0 { margin: calc(var(--spacing) * 0); } .-mx-\(--ds-container-px\) { margin-inline: calc(var(--ds-container-px) * -1); } .-mx-5 { margin-inline: calc(var(--spacing) * -5); } .-mx-6 { margin-inline: calc(var(--spacing) * -6); } .mx-auto { margin-inline: auto; } .mx-px { margin-inline: 1px; } .my-1 { margin-block: calc(var(--spacing) * 1); } .ms-auto { margin-inline-start: auto; } .prose { color: var(--tw-prose-body); max-width: 65ch; } .prose :where(p):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 1.25em; margin-bottom: 1.25em; } .prose :where([class~="lead"]):not(:where([class~="not-prose"], [class~="not-prose"] *)) { color: var(--tw-prose-lead); margin-top: 1.2em; margin-bottom: 1.2em; font-size: 1.25em; line-height: 1.6; } .prose :where(a):not(:where([class~="not-prose"], [class~="not-prose"] *)) { color: var(--tw-prose-links); font-weight: 500; text-decoration: underline; } .prose :where(strong):not(:where([class~="not-prose"], [class~="not-prose"] *)) { color: var(--tw-prose-bold); font-weight: 600; } .prose :where(a strong):not(:where([class~="not-prose"], [class~="not-prose"] *)), .prose :where(blockquote strong):not(:where([class~="not-prose"], [class~="not-prose"] *)), .prose :where(thead th strong):not(:where([class~="not-prose"], [class~="not-prose"] *)) { color: inherit; } .prose :where(ol):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 1.25em; margin-bottom: 1.25em; padding-inline-start: 1.625em; list-style-type: decimal; } .prose :where(ol[type="A"]):not(:where([class~="not-prose"], [class~="not-prose"] *)) { list-style-type: upper-alpha; } .prose :where(ol[type="a"]):not(:where([class~="not-prose"], [class~="not-prose"] *)) { list-style-type: lower-alpha; } .prose :where():not(:where([class~="not-prose"], [class~="not-prose"] *)) { list-style-type: upper-alpha; } .prose :where():not(:where([class~="not-prose"], [class~="not-prose"] *)) { list-style-type: lower-alpha; } .prose :where(ol[type="I"]):not(:where([class~="not-prose"], [class~="not-prose"] *)) { list-style-type: upper-roman; } .prose :where(ol[type="i"]):not(:where([class~="not-prose"], [class~="not-prose"] *)) { list-style-type: lower-roman; } .prose :where():not(:where([class~="not-prose"], [class~="not-prose"] *)) { list-style-type: upper-roman; } .prose :where():not(:where([class~="not-prose"], [class~="not-prose"] *)) { list-style-type: lower-roman; } .prose :where(ol[type="1"]):not(:where([class~="not-prose"], [class~="not-prose"] *)) { list-style-type: decimal; } .prose :where(ul):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 1.25em; margin-bottom: 1.25em; padding-inline-start: 1.625em; list-style-type: disc; } .prose :where(ol > li):not(:where([class~="not-prose"], [class~="not-prose"] *))::marker { color: var(--tw-prose-counters); font-weight: 400; } .prose :where(ul > li):not(:where([class~="not-prose"], [class~="not-prose"] *))::marker { color: var(--tw-prose-bullets); } .prose :where(dt):not(:where([class~="not-prose"], [class~="not-prose"] *)) { color: var(--tw-prose-headings); margin-top: 1.25em; font-weight: 600; } .prose :where(hr):not(:where([class~="not-prose"], [class~="not-prose"] *)) { border-color: var(--tw-prose-hr); border-top-width: 1px; margin-top: 3em; margin-bottom: 3em; } .prose :where(blockquote):not(:where([class~="not-prose"], [class~="not-prose"] *)) { color: var(--tw-prose-quotes); border-inline-start-width: 4px; border-inline-start-color: var(--tw-prose-quote-borders); quotes: "“" "”" "‘" "’"; margin-top: 1.6em; margin-bottom: 1.6em; padding-inline-start: 1em; font-style: italic; font-weight: 500; } .prose :where(blockquote p:first-of-type):not(:where([class~="not-prose"], [class~="not-prose"] *))::before { content: open-quote; } .prose :where(blockquote p:last-of-type):not(:where([class~="not-prose"], [class~="not-prose"] *))::after { content: close-quote; } .prose :where(h1):not(:where([class~="not-prose"], [class~="not-prose"] *)) { color: var(--tw-prose-headings); margin-top: 0px; margin-bottom: 0.888889em; font-size: 2.25em; font-weight: 800; line-height: 1.11111; } .prose :where(h1 strong):not(:where([class~="not-prose"], [class~="not-prose"] *)) { color: inherit; font-weight: 900; } .prose :where(h2):not(:where([class~="not-prose"], [class~="not-prose"] *)) { color: var(--tw-prose-headings); margin-top: 2em; margin-bottom: 1em; font-size: 1.5em; font-weight: 700; line-height: 1.33333; } .prose :where(h2 strong):not(:where([class~="not-prose"], [class~="not-prose"] *)) { color: inherit; font-weight: 800; } .prose :where(h3):not(:where([class~="not-prose"], [class~="not-prose"] *)) { color: var(--tw-prose-headings); margin-top: 1.6em; margin-bottom: 0.6em; font-size: 1.25em; font-weight: 600; line-height: 1.6; } .prose :where(h3 strong):not(:where([class~="not-prose"], [class~="not-prose"] *)) { color: inherit; font-weight: 700; } .prose :where(h4):not(:where([class~="not-prose"], [class~="not-prose"] *)) { color: var(--tw-prose-headings); margin-top: 1.5em; margin-bottom: 0.5em; font-weight: 600; line-height: 1.5; } .prose :where(h4 strong):not(:where([class~="not-prose"], [class~="not-prose"] *)) { color: inherit; font-weight: 700; } .prose :where(img):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 2em; margin-bottom: 2em; } .prose :where(picture):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 2em; margin-bottom: 2em; display: block; } .prose :where(video):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 2em; margin-bottom: 2em; } .prose :where(kbd):not(:where([class~="not-prose"], [class~="not-prose"] *)) { color: var(--tw-prose-kbd); box-shadow: 0 0 0 1px var(--tw-prose-kbd-shadows),0 3px 0 var(--tw-prose-kbd-shadows); padding-top: 0.1875em; padding-inline: 0.375em; padding-bottom: 0.1875em; border-radius: 5px; font-family: inherit; font-size: 0.875em; font-weight: 500; } .prose :where(code):not(:where([class~="not-prose"], [class~="not-prose"] *)) { color: var(--tw-prose-code); font-size: 0.875em; font-weight: 600; } .prose :where(code):not(:where([class~="not-prose"], [class~="not-prose"] *))::before, .prose :where(code):not(:where([class~="not-prose"], [class~="not-prose"] *))::after { content: "`"; } .prose :where(a code):not(:where([class~="not-prose"], [class~="not-prose"] *)), .prose :where(h1 code):not(:where([class~="not-prose"], [class~="not-prose"] *)) { color: inherit; } .prose :where(h2 code):not(:where([class~="not-prose"], [class~="not-prose"] *)) { color: inherit; font-size: 0.875em; } .prose :where(h3 code):not(:where([class~="not-prose"], [class~="not-prose"] *)) { color: inherit; font-size: 0.9em; } .prose :where(h4 code):not(:where([class~="not-prose"], [class~="not-prose"] *)), .prose :where(blockquote code):not(:where([class~="not-prose"], [class~="not-prose"] *)), .prose :where(thead th code):not(:where([class~="not-prose"], [class~="not-prose"] *)) { color: inherit; } .prose :where(pre):not(:where([class~="not-prose"], [class~="not-prose"] *)) { color: var(--tw-prose-pre-code); background-color: var(--tw-prose-pre-bg); padding-top: 0.857143em; padding-inline: 1.14286em; padding-bottom: 0.857143em; border-radius: 6px; margin-top: 1.71429em; margin-bottom: 1.71429em; font-size: 0.875em; font-weight: 400; line-height: 1.71429; overflow-x: auto; } .prose :where(pre code):not(:where([class~="not-prose"], [class~="not-prose"] *)) { font-weight: inherit; color: inherit; font-size: inherit; font-family: inherit; line-height: inherit; background-color: rgba(0, 0, 0, 0); border-width: 0px; border-radius: 0px; padding: 0px; } .prose :where(pre code):not(:where([class~="not-prose"], [class~="not-prose"] *))::before, .prose :where(pre code):not(:where([class~="not-prose"], [class~="not-prose"] *))::after { content: none; } .prose :where(table):not(:where([class~="not-prose"], [class~="not-prose"] *)) { table-layout: auto; width: 100%; margin-top: 2em; margin-bottom: 2em; font-size: 0.875em; line-height: 1.71429; } .prose :where(thead):not(:where([class~="not-prose"], [class~="not-prose"] *)) { border-bottom-width: 1px; border-bottom-color: var(--tw-prose-th-borders); } .prose :where(thead th):not(:where([class~="not-prose"], [class~="not-prose"] *)) { color: var(--tw-prose-headings); vertical-align: bottom; padding-inline: 0.571429em; padding-bottom: 0.571429em; font-weight: 600; } .prose :where(tbody tr):not(:where([class~="not-prose"], [class~="not-prose"] *)) { border-bottom-width: 1px; border-bottom-color: var(--tw-prose-td-borders); } .prose :where(tbody tr:last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) { border-bottom-width: 0px; } .prose :where(tbody td):not(:where([class~="not-prose"], [class~="not-prose"] *)) { vertical-align: baseline; } .prose :where(tfoot):not(:where([class~="not-prose"], [class~="not-prose"] *)) { border-top-width: 1px; border-top-color: var(--tw-prose-th-borders); } .prose :where(tfoot td):not(:where([class~="not-prose"], [class~="not-prose"] *)) { vertical-align: top; } .prose :where(th, td):not(:where([class~="not-prose"], [class~="not-prose"] *)) { text-align: start; } .prose :where(figure > *):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 0px; margin-bottom: 0px; } .prose :where(figcaption):not(:where([class~="not-prose"], [class~="not-prose"] *)) { color: var(--tw-prose-captions); margin-top: 0.857143em; font-size: 0.875em; line-height: 1.42857; } .prose { --tw-prose-body: oklch(37.3% .034 259.733); --tw-prose-headings: oklch(21% .034 264.665); --tw-prose-lead: oklch(44.6% .03 256.802); --tw-prose-links: oklch(21% .034 264.665); --tw-prose-bold: oklch(21% .034 264.665); --tw-prose-counters: oklch(55.1% .027 264.364); --tw-prose-bullets: oklch(87.2% .01 258.338); --tw-prose-hr: oklch(92.8% .006 264.531); --tw-prose-quotes: oklch(21% .034 264.665); --tw-prose-quote-borders: oklch(92.8% .006 264.531); --tw-prose-captions: oklch(55.1% .027 264.364); --tw-prose-kbd: oklch(21% .034 264.665); --tw-prose-kbd-shadows: oklab(21% -.00316127 -.0338527/.1); --tw-prose-code: oklch(21% .034 264.665); --tw-prose-pre-code: oklch(92.8% .006 264.531); --tw-prose-pre-bg: oklch(27.8% .033 256.848); --tw-prose-th-borders: oklch(87.2% .01 258.338); --tw-prose-td-borders: oklch(92.8% .006 264.531); --tw-prose-invert-body: oklch(87.2% .01 258.338); --tw-prose-invert-headings: #fff; --tw-prose-invert-lead: oklch(70.7% .022 261.325); --tw-prose-invert-links: #fff; --tw-prose-invert-bold: #fff; --tw-prose-invert-counters: oklch(70.7% .022 261.325); --tw-prose-invert-bullets: oklch(44.6% .03 256.802); --tw-prose-invert-hr: oklch(37.3% .034 259.733); --tw-prose-invert-quotes: oklch(96.7% .003 264.542); --tw-prose-invert-quote-borders: oklch(37.3% .034 259.733); --tw-prose-invert-captions: oklch(70.7% .022 261.325); --tw-prose-invert-kbd: #fff; --tw-prose-invert-kbd-shadows: #ffffff1a; --tw-prose-invert-code: #fff; --tw-prose-invert-pre-code: oklch(87.2% .01 258.338); --tw-prose-invert-pre-bg: #00000080; --tw-prose-invert-th-borders: oklch(44.6% .03 256.802); --tw-prose-invert-td-borders: oklch(37.3% .034 259.733); font-size: 16px; line-height: 1.75; } .prose :where(picture > img):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 0px; margin-bottom: 0px; } .prose :where(li):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 0.5em; margin-bottom: 0.5em; } .prose :where(ol > li):not(:where([class~="not-prose"], [class~="not-prose"] *)), .prose :where(ul > li):not(:where([class~="not-prose"], [class~="not-prose"] *)) { padding-inline-start: 0.375em; } .prose :where(.prose > ul > li p):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 0.75em; margin-bottom: 0.75em; } .prose :where(.prose > ul > li > p:first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 1.25em; } .prose :where(.prose > ul > li > p:last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-bottom: 1.25em; } .prose :where(.prose > ol > li > p:first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 1.25em; } .prose :where(.prose > ol > li > p:last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-bottom: 1.25em; } .prose :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 0.75em; margin-bottom: 0.75em; } .prose :where(dl):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 1.25em; margin-bottom: 1.25em; } .prose :where(dd):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 0.5em; padding-inline-start: 1.625em; } .prose :where(hr + *):not(:where([class~="not-prose"], [class~="not-prose"] *)), .prose :where(h2 + *):not(:where([class~="not-prose"], [class~="not-prose"] *)), .prose :where(h3 + *):not(:where([class~="not-prose"], [class~="not-prose"] *)), .prose :where(h4 + *):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 0px; } .prose :where(thead th:first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) { padding-inline-start: 0px; } .prose :where(thead th:last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) { padding-inline-end: 0px; } .prose :where(tbody td, tfoot td):not(:where([class~="not-prose"], [class~="not-prose"] *)) { padding-top: 0.571429em; padding-inline: 0.571429em; padding-bottom: 0.571429em; } .prose :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) { padding-inline-start: 0px; } .prose :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) { padding-inline-end: 0px; } .prose :where(figure):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 2em; margin-bottom: 2em; } .prose :where(.prose > :first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 0px; } .prose :where(.prose > :last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-bottom: 0px; } .-mt-0\.5 { margin-top: calc(var(--spacing) * -.5); } .-mt-1 { margin-top: calc(var(--spacing) * -1); } .-mt-1\.5 { margin-top: calc(var(--spacing) * -1.5); } .mt-0 { margin-top: calc(var(--spacing) * 0); } .mt-0\! { margin-top: calc(var(--spacing) * 0) !important; } .mt-0\.5 { margin-top: calc(var(--spacing) * .5); } .mt-0\.75 { margin-top: calc(var(--spacing) * .75); } .mt-1 { margin-top: calc(var(--spacing) * 1); } .mt-2 { margin-top: calc(var(--spacing) * 2); } .mt-2\.5 { margin-top: calc(var(--spacing) * 2.5); } .mt-3 { margin-top: calc(var(--spacing) * 3); } .mt-3\.5 { margin-top: calc(var(--spacing) * 3.5); } .mt-4 { margin-top: calc(var(--spacing) * 4); } .mt-5 { margin-top: calc(var(--spacing) * 5); } .mt-6 { margin-top: calc(var(--spacing) * 6); } .mt-8 { margin-top: calc(var(--spacing) * 8); } .mt-10\.75 { margin-top: calc(var(--spacing) * 10.75); } .mt-12 { margin-top: calc(var(--spacing) * 12); } .mt-24\.75 { margin-top: calc(var(--spacing) * 24.75); } .mt-\[0\12.8px\] { margin-top: 12.8px; } .mt-\[2px\] { margin-top: 2px; } .mt-\[4px\] { margin-top: 4px; } .mt-\[5px\] { margin-top: 5px; } .mt-\[8px\] { margin-top: 8px; } .mt-\[10px\] { margin-top: 10px; } .mt-\[12px\] { margin-top: 12px; } .mt-\[16px\] { margin-top: 16px; } .mt-\[20px\] { margin-top: 20px; } .mt-auto { margin-top: auto; } .mt-px { margin-top: 1px; } .-mr-1 { margin-right: calc(var(--spacing) * -1); } .-mr-2 { margin-right: calc(var(--spacing) * -2); } .mr-0 { margin-right: calc(var(--spacing) * 0); } .mr-2 { margin-right: calc(var(--spacing) * 2); } .mr-auto { margin-right: auto; } .-mb-5 { margin-bottom: calc(var(--spacing) * -5); } .mb-\(--content-mt\) { margin-bottom: var(--content-mt); } .mb-\(--h-mb\) { margin-bottom: var(--h-mb); } .mb-\(--mb\) { margin-bottom: var(--mb); } .mb-\(--mb-m\) { margin-bottom: var(--mb-m); } .mb-\(--mb-mob\) { margin-bottom: var(--mb-mob); } .mb-\(--sections-gap\) { margin-bottom: var(--sections-gap); } .mb-0 { margin-bottom: calc(var(--spacing) * 0); } .mb-0\! { margin-bottom: calc(var(--spacing) * 0) !important; } .mb-0\.5 { margin-bottom: calc(var(--spacing) * .5); } .mb-1 { margin-bottom: calc(var(--spacing) * 1); } .mb-2 { margin-bottom: calc(var(--spacing) * 2); } .mb-2\.5 { margin-bottom: calc(var(--spacing) * 2.5); } .mb-3 { margin-bottom: calc(var(--spacing) * 3); } .mb-4 { margin-bottom: calc(var(--spacing) * 4); } .mb-5 { margin-bottom: calc(var(--spacing) * 5); } .mb-6 { margin-bottom: calc(var(--spacing) * 6); } .mb-8 { margin-bottom: calc(var(--spacing) * 8); } .mb-10 { margin-bottom: calc(var(--spacing) * 10); } .mb-12 { margin-bottom: calc(var(--spacing) * 12); } .mb-\[12px\] { margin-bottom: 12px; } .ml-\(--list-ml\) { margin-left: var(--list-ml); } .ml-0 { margin-left: calc(var(--spacing) * 0); } .ml-1 { margin-left: calc(var(--spacing) * 1); } .ml-2 { margin-left: calc(var(--spacing) * 2); } .ml-3 { margin-left: calc(var(--spacing) * 3); } .ml-10 { margin-left: calc(var(--spacing) * 10); } .ml-auto { margin-left: auto; } .box-border { box-sizing: border-box; } .line-clamp-2 { -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box; overflow: hidden; } .line-clamp-3 { -webkit-line-clamp: 3; -webkit-box-orient: vertical; display: -webkit-box; overflow: hidden; } .\!flex { display: flex !important; } .block { display: block; } .contents { display: contents; } .flex { display: flex; } .grid { display: grid; } .hidden { display: none; } .hidden\! { display: none !important; } .inline { display: inline; } .inline-block { display: inline-block; } .inline-flex { display: inline-flex; } .table { display: table; } .prose { max-width: none; } .prose :where(:not(.not-prose, .not-prose *)) { --tw-prose-body: var(--color-cloud-burst-400); --tw-prose-headings: var(--color-cloud-burst-50); --tw-prose-links: var(--color-woodland-500); } .prose :where(:not(.not-prose, .not-prose *)):where(a:hover) { --tw-prose-links: var(--color-woodland-200); } .prose :where(:not(.not-prose, .not-prose *)):where(iframe) { aspect-ratio: 16 / 9; width: 100%; height: 100%; } .aspect-3\/4 { aspect-ratio: 3 / 4; } .aspect-4\/3 { aspect-ratio: 4 / 3; } .aspect-4\/5 { aspect-ratio: 4 / 5; } .aspect-384\/480 { aspect-ratio: 384 / 480; } .aspect-384\/720 { aspect-ratio: 384 / 720; } .aspect-\[4\/5\] { aspect-ratio: 4 / 5; } .aspect-\[16\/9\] { aspect-ratio: 16 / 9; } .aspect-auto { aspect-ratio: auto; } .aspect-square { aspect-ratio: 1 / 1; } .aspect-video { aspect-ratio: var(--aspect-video); } .size-4 { width: calc(var(--spacing) * 4); height: calc(var(--spacing) * 4); } .size-5 { width: calc(var(--spacing) * 5); height: calc(var(--spacing) * 5); } .size-6 { width: calc(var(--spacing) * 6); height: calc(var(--spacing) * 6); } .size-8 { width: calc(var(--spacing) * 8); height: calc(var(--spacing) * 8); } .size-10 { width: calc(var(--spacing) * 10); height: calc(var(--spacing) * 10); } .size-full { width: 100%; height: 100%; } .h-\(--badge-h\) { height: var(--badge-h); } .h-\(--bar-h\) { height: var(--bar-h); } .h-\(--card-h\) { height: var(--card-h); } .h-\(--center-h\) { height: var(--center-h); } .h-\(--dot-inner\) { height: var(--dot-inner); } .h-\(--dot-size\) { height: var(--dot-size); } .h-\(--mini-promo-img-h\) { height: var(--mini-promo-img-h); } .h-\(--subnav-image-h\) { height: var(--subnav-image-h); } .h-\(--sw-size\) { height: var(--sw-size); } .h-\(--video-h-desk\) { height: var(--video-h-desk); } .h-0 { height: calc(var(--spacing) * 0); } .h-1 { height: calc(var(--spacing) * 1); } .h-1\.5 { height: calc(var(--spacing) * 1.5); } .h-1\/3 { height: 33.3333%; } .h-1\/4 { height: 25%; } .h-2 { height: calc(var(--spacing) * 2); } .h-3 { height: calc(var(--spacing) * 3); } .h-3\.5 { height: calc(var(--spacing) * 3.5); } .h-4 { height: calc(var(--spacing) * 4); } .h-4\.5 { height: calc(var(--spacing) * 4.5); } .h-5 { height: calc(var(--spacing) * 5); } .h-6 { height: calc(var(--spacing) * 6); } .h-7 { height: calc(var(--spacing) * 7); } .h-8 { height: calc(var(--spacing) * 8); } .h-10 { height: calc(var(--spacing) * 10); } .h-11 { height: calc(var(--spacing) * 11); } .h-12 { height: calc(var(--spacing) * 12); } .h-13\.5 { height: calc(var(--spacing) * 13.5); } .h-14 { height: calc(var(--spacing) * 14); } .h-16 { height: calc(var(--spacing) * 16); } .h-22 { height: calc(var(--spacing) * 22); } .h-24 { height: calc(var(--spacing) * 24); } .h-32 { height: calc(var(--spacing) * 32); } .h-40 { height: calc(var(--spacing) * 40); } .h-128 { height: calc(var(--spacing) * 128); } .h-\[1em\] { height: 1em; } .h-\[1px\] { height: 1px; } .h-\[8px\] { height: 8px; } .h-\[12px\] { height: 12px; } .h-\[15px\] { height: 15px; } .h-\[23px\] { height: 23px; } .h-\[30px\] { height: 30px; } .h-\[32px\] { height: 32px; } .h-\[40px\] { height: 40px; } .h-\[52px\] { height: 52px; } .h-\[56px\] { height: 56px; } .h-\[60px\] { height: 60px; } .h-\[70px\] { height: 70px; } .h-\[72px\] { height: 72px; } .h-\[80px\] { height: 80px; } .h-\[88px\] { height: 88px; } .h-\[96px\] { height: 96px; } .h-\[99px\] { height: 99px; } .h-\[115px\] { height: 115px; } .h-\[120px\] { height: 120px; } .h-\[172px\] { height: 172px; } .h-\[210px\] { height: 210px; } .h-\[336px\] { height: 336px; } .h-\[400px\] { height: 400px; } .h-\[calc\(100dvh-88px\)\] { height: calc(100dvh - 88px); } .h-auto { height: auto; } .h-auto\! { height: auto !important; } .h-ds-h { height: var(--spacing-ds-h); } .h-dvh { height: 100dvh; } .h-fit { height: fit-content; } .h-full { height: 100%; } .h-px { height: 1px; } .max-h-\[39px\] { max-height: 39px; } .max-h-\[70vh\] { max-height: 70vh; } .min-h-\(--bundle-min-h\) { min-height: var(--bundle-min-h); } .min-h-\(--h-mob\) { min-height: var(--h-mob); } .min-h-\(--min-h-desk\) { min-height: var(--min-h-desk); } .min-h-0 { min-height: calc(var(--spacing) * 0); } .min-h-8 { min-height: calc(var(--spacing) * 8); } .min-h-24 { min-height: calc(var(--spacing) * 24); } .min-h-28\.25 { min-height: calc(var(--spacing) * 28.25); } .min-h-\[56px\] { min-height: 56px; } .min-h-\[96px\] { min-height: 96px; } .min-h-\[180px\] { min-height: 180px; } .min-h-\[480px\] { min-height: 480px; } .min-h-\[auto\] { min-height: auto; } .min-h-full { min-height: 100%; } .min-h-screen { min-height: 100vh; } .w-\(--card-w\) { width: var(--card-w); } .w-\(--center-col-w\) { width: var(--center-col-w); } .w-\(--container-w\) { width: var(--container-w); } .w-\(--dot-inner\) { width: var(--dot-inner); } .w-\(--dot-size\) { width: var(--dot-size); } .w-\(--left-col-w\) { width: var(--left-col-w); } .w-\(--mini-promo-img-w\) { width: var(--mini-promo-img-w); } .w-\(--right-col-w\) { width: var(--right-col-w); } .w-\(--size-w\) { width: var(--size-w); } .w-\(--slide-width\) { width: var(--slide-width); } .w-\(--subnav-image-w\) { width: var(--subnav-image-w); } .w-\(--sw-size\) { width: var(--sw-size); } .w-\(--video-min-w-desk\) { width: var(--video-min-w-desk); } .w-0 { width: calc(var(--spacing) * 0); } .w-2 { width: calc(var(--spacing) * 2); } .w-3 { width: calc(var(--spacing) * 3); } .w-3\.5 { width: calc(var(--spacing) * 3.5); } .w-4 { width: calc(var(--spacing) * 4); } .w-5 { width: calc(var(--spacing) * 5); } .w-6 { width: calc(var(--spacing) * 6); } .w-8 { width: calc(var(--spacing) * 8); } .w-10 { width: calc(var(--spacing) * 10); } .w-12 { width: calc(var(--spacing) * 12); } .w-16 { width: calc(var(--spacing) * 16); } .w-18\.5 { width: calc(var(--spacing) * 18.5); } .w-20 { width: calc(var(--spacing) * 20); } .w-21\.75 { width: calc(var(--spacing) * 21.75); } .w-22 { width: calc(var(--spacing) * 22); } .w-30 { width: calc(var(--spacing) * 30); } .w-50 { width: calc(var(--spacing) * 50); } .w-55 { width: calc(var(--spacing) * 55); } .w-\[1em\] { width: 1em; } .w-\[12px\] { width: 12px; } .w-\[15px\] { width: 15px; } .w-\[30px\] { width: 30px; } .w-\[32px\] { width: 32px; } .w-\[45px\] { width: 45px; } .w-\[53px\] { width: 53px; } .w-\[57px\] { width: 57px; } .w-\[64\%\] { width: 64%; } .w-\[71px\] { width: 71px; } .w-\[88px\] { width: 88px; } .w-\[98px\] { width: 98px; } .w-\[128px\] { width: 128px; } .w-\[248px\] { width: 248px; } .w-\[280px\] { width: 280px; } .w-\[304px\] { width: 304px; } .w-\[320px\] { width: 320px; } .w-\[calc\(100\%-58px\)\] { width: calc(100% - 58px); } .w-auto { width: auto; } .w-fit { width: fit-content; } .w-full { width: 100%; } .w-max { width: max-content; } .w-px { width: 1px; } .max-w-\(--card-w-desk\) { max-width: var(--card-w-desk); } .max-w-\(--card-w-mob\) { max-width: var(--card-w-mob); } .max-w-\(--container-max-w\) { max-width: var(--container-max-w); } .max-w-\(--container-max-w-mob\) { max-width: var(--container-max-w-mob); } .max-w-\(--container-w\) { max-width: var(--container-w); } .max-w-\(--ds-container-w\) { max-width: var(--ds-container-w); } .max-w-\(--feature-list-w\) { max-width: var(--feature-list-w); } .max-w-\(--heading-left-w\) { max-width: var(--heading-left-w); } .max-w-\(--heading-right-w\) { max-width: var(--heading-right-w); } .max-w-2xl { max-width: var(--container-2xl); } .max-w-7xl { max-width: var(--container-7xl); } .max-w-10 { max-width: calc(var(--spacing) * 10); } .max-w-15\.5 { max-width: calc(var(--spacing) * 15.5); } .max-w-34 { max-width: calc(var(--spacing) * 34); } .max-w-36 { max-width: calc(var(--spacing) * 36); } .max-w-40 { max-width: calc(var(--spacing) * 40); } .max-w-50 { max-width: calc(var(--spacing) * 50); } .max-w-69 { max-width: calc(var(--spacing) * 69); } .max-w-\[35px\] { max-width: 35px; } .max-w-\[86\%\] { max-width: 86%; } .max-w-\[112px\] { max-width: 112px; } .max-w-\[240px\] { max-width: 240px; } .max-w-\[400px\] { max-width: 400px; } .max-w-\[485px\] { max-width: 485px; } .max-w-\[600px\] { max-width: 600px; } .max-w-\[1200px\] { max-width: 1200px; } .max-w-\[1232px\] { max-width: 1232px; } .max-w-\[1335px\] { max-width: 1335px; } .max-w-\[1440px\] { max-width: 1440px; } .max-w-\[min\(100\%\,320px\)\] { max-width: min(100%, 320px); } .max-w-\[min\(100vw\,200px\)\] { max-width: min(100vw, 200px); } .max-w-\[min\(100vw\,220px\)\] { max-width: min(100vw, 220px); } .max-w-fit { max-width: fit-content; } .max-w-full { max-width: 100%; } .max-w-none { max-width: none; } .max-w-none\! { max-width: none !important; } .max-w-xl { max-width: var(--container-xl); } .min-w-0 { min-width: calc(var(--spacing) * 0); } .min-w-11\.5 { min-width: calc(var(--spacing) * 11.5); } .min-w-12 { min-width: calc(var(--spacing) * 12); } .min-w-\[1ch\] { min-width: 1ch; } .min-w-\[14px\] { min-width: 14px; } .min-w-\[53px\] { min-width: 53px; } .min-w-\[136px\] { min-width: 136px; } .min-w-\[680px\] { min-width: 680px; } .min-w-\[1100px\] { min-width: 1100px; } .min-w-\[max-content\] { min-width: max-content; } .min-w-ds-h { min-width: var(--spacing-ds-h); } .min-w-max { min-width: max-content; } .flex-1 { flex: 1 1 0%; } .flex-auto { flex: 1 1 auto; } .flex-initial { flex: 0 1 auto; } .flex-none { flex: 0 0 auto; } .flex-shrink { flex-shrink: 1; } .shrink-0 { flex-shrink: 0; } .grow { flex-grow: 1; } .basis-\[20\%\] { flex-basis: 20%; } .border-collapse { border-collapse: collapse; } .-translate-x-1\/2 { --tw-translate-x: -50%; translate: var(--tw-translate-x) var(--tw-translate-y); } .-translate-x-full { --tw-translate-x: -100%; translate: var(--tw-translate-x) var(--tw-translate-y); } .translate-x-0 { --tw-translate-x: calc(var(--spacing) * 0); translate: var(--tw-translate-x) var(--tw-translate-y); } .translate-x-2 { --tw-translate-x: calc(var(--spacing) * 2); translate: var(--tw-translate-x) var(--tw-translate-y); } .translate-x-\[22px\] { --tw-translate-x: 22px; translate: var(--tw-translate-x) var(--tw-translate-y); } .translate-x-full { --tw-translate-x: 100%; translate: var(--tw-translate-x) var(--tw-translate-y); } .-translate-y-1\/2 { --tw-translate-y: -50%; translate: var(--tw-translate-x) var(--tw-translate-y); } .translate-y-2 { --tw-translate-y: calc(var(--spacing) * 2); translate: var(--tw-translate-x) var(--tw-translate-y); } .translate-y-4 { --tw-translate-y: calc(var(--spacing) * 4); translate: var(--tw-translate-x) var(--tw-translate-y); } .translate-y-\[-50\%\] { --tw-translate-y: -50%; translate: var(--tw-translate-x) var(--tw-translate-y); } .translate-y-\[0\.1em\] { --tw-translate-y: .1em; translate: var(--tw-translate-x) var(--tw-translate-y); } .scale-95 { --tw-scale-x: 95%; --tw-scale-y: 95%; --tw-scale-z: 95%; scale: var(--tw-scale-x) var(--tw-scale-y); } .rotate-180 { rotate: 180deg; } .transform { transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,); } .animate-\[dsMarquee_20s_linear_infinite\] { animation: 20s linear 0s infinite normal none running dsMarquee; } .animate-pulse { animation: var(--animate-pulse); } .animate-spin { animation: var(--animate-spin); } .cursor-default { cursor: default; } .cursor-default\! { cursor: default !important; } .cursor-grab { cursor: grab; } .cursor-pointer { cursor: pointer; } .resize { resize: both; } .snap-x { scroll-snap-type: x var(--tw-scroll-snap-strictness); } .snap-mandatory { --tw-scroll-snap-strictness: mandatory; } .snap-start { scroll-snap-align: start; } .list-disc { list-style-type: disc; } .list-none { list-style-type: none; } .appearance-none { appearance: none; } .grid-cols-1 { grid-template-columns: repeat(1, minmax(0px, 1fr)); } .grid-cols-2 { grid-template-columns: repeat(2, minmax(0px, 1fr)); } .grid-cols-3 { grid-template-columns: repeat(3, minmax(0px, 1fr)); } .grid-cols-4 { grid-template-columns: repeat(4, minmax(0px, 1fr)); } .grid-cols-5 { grid-template-columns: repeat(5, minmax(0px, 1fr)); } .grid-cols-\[0\.95fr_auto_1fr\] { grid-template-columns: 0.95fr auto 1fr; } .grid-cols-\[1fr\] { grid-template-columns: 1fr; } .grid-cols-\[57\%_43\%\] { grid-template-columns: 57% 43%; } .grid-cols-\[80px_1px_1fr\] { grid-template-columns: 80px 1px 1fr; } .grid-cols-\[auto_auto\] { grid-template-columns: auto auto; } .grid-rows-\[0fr\] { grid-template-rows: 0fr; } .flex-col { flex-direction: column; } .flex-col-reverse { flex-direction: column-reverse; } .flex-row { flex-direction: row; } .flex-nowrap { flex-wrap: nowrap; } .flex-nowrap\! { flex-wrap: nowrap !important; } .flex-wrap { flex-wrap: wrap; } .content-center { align-content: center; } .content-start { align-content: flex-start; } .items-baseline { align-items: baseline; } .items-center { align-items: center; } .items-end { align-items: flex-end; } .items-start { align-items: flex-start; } .items-stretch { align-items: stretch; } .justify-around { justify-content: space-around; } .justify-between { justify-content: space-between; } .justify-center { justify-content: center; } .justify-end { justify-content: flex-end; } .justify-start { justify-content: flex-start; } .gap-\(--f-gap-mob\) { gap: var(--f-gap-mob); } .gap-\(--gap\) { gap: var(--gap); } .gap-\(--gap-card\) { gap: var(--gap-card); } .gap-\(--gap-desk\) { gap: var(--gap-desk); } .gap-\(--grid-gap\) { gap: var(--grid-gap); } .gap-\(--subnav-image-gap\) { gap: var(--subnav-image-gap); } .gap-\(--tab-gap\) { gap: var(--tab-gap); } .gap-0 { gap: calc(var(--spacing) * 0); } .gap-0\.5 { gap: calc(var(--spacing) * .5); } .gap-1 { gap: calc(var(--spacing) * 1); } .gap-1\.5 { gap: calc(var(--spacing) * 1.5); } .gap-1\.25 { gap: calc(var(--spacing) * 1.25); } .gap-2 { gap: calc(var(--spacing) * 2); } .gap-2\.5 { gap: calc(var(--spacing) * 2.5); } .gap-3 { gap: calc(var(--spacing) * 3); } .gap-4 { gap: calc(var(--spacing) * 4); } .gap-4\.5 { gap: calc(var(--spacing) * 4.5); } .gap-5 { gap: calc(var(--spacing) * 5); } .gap-6 { gap: calc(var(--spacing) * 6); } .gap-7 { gap: calc(var(--spacing) * 7); } .gap-8 { gap: calc(var(--spacing) * 8); } .gap-9\.5 { gap: calc(var(--spacing) * 9.5); } .gap-10 { gap: calc(var(--spacing) * 10); } .gap-12 { gap: calc(var(--spacing) * 12); } .gap-\[1px\] { gap: 1px; } .gap-\[4px\] { gap: 4px; } .gap-\[6px\] { gap: 6px; } .gap-\[7px\] { gap: 7px; } .gap-\[8px\] { gap: 8px; } .gap-\[9px\] { gap: 9px; } .gap-\[10px\] { gap: 10px; } .gap-\[12px\] { gap: 12px; } .gap-\[13px\] { gap: 13px; } .gap-\[14px\] { gap: 14px; } .gap-\[16px\] { gap: 16px; } .gap-\[18px\] { gap: 18px; } .gap-px { gap: 1px; } :where(.space-y-3 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse))); } :where(.space-y-6 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse))); } :where(.space-y-8 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse))); } :where(.space-y-12 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 12) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 12) * calc(1 - var(--tw-space-y-reverse))); } .gap-x-1\.5 { column-gap: calc(var(--spacing) * 1.5); } .gap-x-2 { column-gap: calc(var(--spacing) * 2); } .gap-x-3 { column-gap: calc(var(--spacing) * 3); } .gap-x-4 { column-gap: calc(var(--spacing) * 4); } .gap-x-13 { column-gap: calc(var(--spacing) * 13); } .gap-y-\(--gap-mob\) { row-gap: var(--gap-mob); } .gap-y-1 { row-gap: calc(var(--spacing) * 1); } .gap-y-2\.5 { row-gap: calc(var(--spacing) * 2.5); } .gap-y-3 { row-gap: calc(var(--spacing) * 3); } .gap-y-4 { row-gap: calc(var(--spacing) * 4); } .gap-y-6 { row-gap: calc(var(--spacing) * 6); } .gap-y-10 { row-gap: calc(var(--spacing) * 10); } .self-center { align-self: center; } .self-end { align-self: flex-end; } .self-start { align-self: flex-start; } .truncate { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .overflow-clip { overflow: clip; } .overflow-hidden { overflow: hidden; } .overflow-visible { overflow: visible; } .overflow-x-auto { overflow-x: auto; } .overflow-x-clip { overflow-x: clip; } .overflow-x-hidden { overflow-x: hidden; } .overflow-y-auto { overflow-y: auto; } .overflow-y-hidden { overflow-y: hidden; } .scroll-smooth { scroll-behavior: smooth; } .rounded { border-radius: 4px; } .rounded-\(--card-radius\) { border-radius: var(--card-radius); } .rounded-\(--subnav-image-radius\) { border-radius: var(--subnav-image-radius); } .rounded-\(--sw-radius\) { border-radius: var(--sw-radius); } .rounded-\(--video-radius\) { border-radius: var(--video-radius); } .rounded-2xl { border-radius: var(--radius-2xl); } .rounded-\[2px\] { border-radius: 2px; } .rounded-\[3px\] { border-radius: 3px; } .rounded-\[4px\] { border-radius: 4px; } .rounded-\[8px\] { border-radius: 8px; } .rounded-\[10px\] { border-radius: 10px; } .rounded-\[15px\] { border-radius: 15px; } .rounded-\[50px\] { border-radius: 50px; } .rounded-\[80px\] { border-radius: 80px; } .rounded-ds { border-radius: var(--radius-ds); } .rounded-full { border-radius: 3.40282e+38px; } .rounded-lg { border-radius: var(--radius-lg); } .rounded-sm { border-radius: var(--radius-sm); } .rounded-xl { border-radius: var(--radius-xl); } .rounded-xs { border-radius: var(--radius-xs); } .rounded-t-\[3px\] { border-top-left-radius: 3px; border-top-right-radius: 3px; } .rounded-b-\[3px\] { border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } .rounded-b-md { border-bottom-right-radius: var(--radius-md); border-bottom-left-radius: var(--radius-md); } .border { border-style: var(--tw-border-style); border-width: 1px; } .border-0\! { border-style: var(--tw-border-style) !important; border-width: 0px !important; } .border-2 { border-style: var(--tw-border-style); border-width: 2px; } .border-\[13px\] { border-style: var(--tw-border-style); border-width: 13px; } .border-y { border-block-style: var(--tw-border-style); border-block-width: 1px; } .border-t { border-top-style: var(--tw-border-style); border-top-width: 1px; } .border-r { border-right-style: var(--tw-border-style); border-right-width: 1px; } .border-r-0\! { border-right-style: var(--tw-border-style) !important; border-right-width: 0px !important; } .border-b { border-bottom-style: var(--tw-border-style); border-bottom-width: 1px; } .border-b-0 { border-bottom-style: var(--tw-border-style); border-bottom-width: 0px; } .border-l { border-left-style: var(--tw-border-style); border-left-width: 1px; } .border-dashed { --tw-border-style: dashed; border-style: dashed; } .border-none { --tw-border-style: none; border-style: none; } .border-solid { --tw-border-style: solid; border-style: solid; } .\!border-\(--color-accent\) { border-color: var(--color-accent) !important; } .border-\(--border-color\) { border-color: var(--border-color); } .border-\(--brd-a\) { border-color: var(--brd-a); } .border-\(--brd-n\) { border-color: var(--brd-n); } .border-\(--card-text\) { border-color: var(--card-text); } .border-\(--cl-brd\) { border-color: var(--cl-brd); } .border-\(--cl-text\) { border-color: var(--cl-text); } .border-\(--mini-promo-border\) { border-color: var(--mini-promo-border); } .border-\(--stroke-inactive\) { border-color: var(--stroke-inactive); } .border-\(--text-color\), .border-\(--text-color\)\/20 { border-color: var(--text-color); } @supports (color:color-mix(in lab,red,red)) { .border-\(--text-color\)\/20 { border-color: color-mix(in oklab,var(--text-color) 20%,transparent); } } .border-\[\#000\] { border-color: rgb(0, 0, 0); } .border-\[\#5A5753\] { border-color: rgb(90, 87, 83); } .border-\[\#191A1C\] { border-color: rgb(25, 26, 28); } .border-\[\#073026\] { border-color: rgb(7, 48, 38); } .border-\[\#282828\] { border-color: rgb(40, 40, 40); } .border-\[\#D4D4D4\] { border-color: rgb(212, 212, 212); } .border-\[\#D4D4D4\]\! { border-color: rgb(212, 212, 212) !important; } .border-\[\#d4d4d4\] { border-color: rgb(212, 212, 212); } .border-\[\#e5dcca\] { border-color: rgb(229, 220, 202); } .border-\[\#efefef\] { border-color: rgb(239, 239, 239); } .border-\[\#f3efe4\] { border-color: rgb(243, 239, 228); } .border-\[rgba\(40\,40\,40\,0\.2\)\] { border-color: rgba(40, 40, 40, 0.2); } .border-black\/5 { border-color: rgba(0, 0, 0, 0.05); } @supports (color:color-mix(in lab,red,red)) { .border-black\/5 { border-color: color-mix(in oklab,var(--color-black) 5%,transparent); } } .border-black\/10 { border-color: rgba(0, 0, 0, 0.1); } @supports (color:color-mix(in lab,red,red)) { .border-black\/10 { border-color: color-mix(in oklab,var(--color-black) 10%,transparent); } } .border-brand-beige-dark { border-color: var(--color-brand-beige-dark); } .border-current, .border-current\/20 { border-color: currentcolor; } @supports (color:color-mix(in lab,red,red)) { .border-current\/20 { border-color: color-mix(currentcolor 20%, transparent 80%); } } .border-gray-400 { border-color: var(--color-gray-400); } .border-inherit { border-color: inherit; } .border-primary { border-color: var(--color-primary); } .border-primary\! { border-color: var(--color-primary) !important; } .border-primary\/20 { border-color: rgba(7, 48, 38, 0.2); } @supports (color:color-mix(in lab,red,red)) { .border-primary\/20 { border-color: color-mix(in oklab,var(--color-primary) 20%,transparent); } } .border-secondary { border-color: var(--color-secondary); } .border-secondary\/10 { border-color: rgba(40, 40, 40, 0.1); } @supports (color:color-mix(in lab,red,red)) { .border-secondary\/10 { border-color: color-mix(in oklab,var(--color-secondary) 10%,transparent); } } .border-secondary\/20 { border-color: rgba(40, 40, 40, 0.2); } @supports (color:color-mix(in lab,red,red)) { .border-secondary\/20 { border-color: color-mix(in oklab,var(--color-secondary) 20%,transparent); } } .border-text { border-color: var(--color-text); } .border-transparent { border-color: rgba(0, 0, 0, 0); } .border-white { border-color: var(--color-white); } .border-white\/10 { border-color: rgba(255, 255, 255, 0.1); } @supports (color:color-mix(in lab,red,red)) { .border-white\/10 { border-color: color-mix(in oklab,var(--color-white) 10%,transparent); } } .border-white\/30 { border-color: rgba(255, 255, 255, 0.3); } @supports (color:color-mix(in lab,red,red)) { .border-white\/30 { border-color: color-mix(in oklab,var(--color-white) 30%,transparent); } } .border-t-secondary { border-top-color: var(--color-secondary); } .\!bg-transparent { background-color: rgba(0, 0, 0, 0) !important; } .bg-\(--active-tag-bg\) { background-color: var(--active-tag-bg); } .bg-\(--badge-bg\) { background-color: var(--badge-bg); } .bg-\(--bg-a\) { background-color: var(--bg-a); } .bg-\(--bg-a-details\) { background-color: var(--bg-a-details); } .bg-\(--bg-color\) { background-color: var(--bg-color); } .bg-\(--bg-n\) { background-color: var(--bg-n); } .bg-\(--bg-overlay\) { background-color: var(--bg-overlay); } .bg-\(--border-color\) { background-color: var(--border-color); } .bg-\(--brd-a\) { background-color: var(--brd-a); } .bg-\(--card-text\)\/5 { background-color: var(--card-text); } @supports (color:color-mix(in lab,red,red)) { .bg-\(--card-text\)\/5 { background-color: color-mix(in oklab,var(--card-text) 5%,transparent); } } .bg-\(--cl-bg\) { background-color: var(--cl-bg); } .bg-\(--cl-promo\) { background-color: var(--cl-promo); } .bg-\(--color-brand-green\) { background-color: var(--color-brand-green); } .bg-\(--divider-color\) { background-color: var(--divider-color); } .bg-\(--float-bg\) { background-color: var(--float-bg); } .bg-\(--highlight-bg\) { background-color: var(--highlight-bg); } .bg-\(--mini-promo-bg\) { background-color: var(--mini-promo-bg); } .bg-\(--mini-promo-check\) { background-color: var(--mini-promo-check); } .bg-\(--pb-bg\) { background-color: var(--pb-bg); } .bg-\(--text-color\) { background-color: var(--text-color); } .bg-\(--var-name\) { background-color: var(--var-name); } .bg-\[\#073026\] { background-color: rgb(7, 48, 38); } .bg-\[\#282828\] { background-color: rgb(40, 40, 40); } .bg-\[\#282828\]\/10 { background-color: rgba(40, 40, 40, 0.1); } .bg-\[\#D4D4D4\] { background-color: rgb(212, 212, 212); } .bg-\[\#E5DCCA\] { background-color: rgb(229, 220, 202); } .bg-\[\#F8F6F2\] { background-color: rgb(248, 246, 242); } .bg-\[\#F8F6F3\] { background-color: rgb(248, 246, 243); } .bg-\[\#d4d4d4\] { background-color: rgb(212, 212, 212); } .bg-\[\#e5dcca\] { background-color: rgb(229, 220, 202); } .bg-\[\#e5dcca\]\/50 { background-color: rgba(229, 220, 202, 0.5); } .bg-black { background-color: var(--color-black); } .bg-black\/5 { background-color: rgba(0, 0, 0, 0.05); } @supports (color:color-mix(in lab,red,red)) { .bg-black\/5 { background-color: color-mix(in oklab,var(--color-black) 5%,transparent); } } .bg-black\/10 { background-color: rgba(0, 0, 0, 0.1); } @supports (color:color-mix(in lab,red,red)) { .bg-black\/10 { background-color: color-mix(in oklab,var(--color-black) 10%,transparent); } } .bg-black\/20 { background-color: rgba(0, 0, 0, 0.2); } @supports (color:color-mix(in lab,red,red)) { .bg-black\/20 { background-color: color-mix(in oklab,var(--color-black) 20%,transparent); } } .bg-black\/40 { background-color: rgba(0, 0, 0, 0.4); } @supports (color:color-mix(in lab,red,red)) { .bg-black\/40 { background-color: color-mix(in oklab,var(--color-black) 40%,transparent); } } .bg-black\/\[0\.03\] { background-color: rgba(0, 0, 0, 0.03); } @supports (color:color-mix(in lab,red,red)) { .bg-black\/\[0\.03\] { background-color: color-mix(in oklab,var(--color-black) 3%,transparent); } } .bg-blue-100 { background-color: var(--color-blue-100); } .bg-brand-beige-dark { background-color: var(--color-brand-beige-dark); } .bg-brand-beige-dark\/20 { background-color: rgba(229, 220, 202, 0.2); } @supports (color:color-mix(in lab,red,red)) { .bg-brand-beige-dark\/20 { background-color: color-mix(in oklab,var(--color-brand-beige-dark) 20%,transparent); } } .bg-brand-beige-dark\/30 { background-color: rgba(229, 220, 202, 0.3); } @supports (color:color-mix(in lab,red,red)) { .bg-brand-beige-dark\/30 { background-color: color-mix(in oklab,var(--color-brand-beige-dark) 30%,transparent); } } .bg-brand-beige-dark\/50 { background-color: rgba(229, 220, 202, 0.5); } @supports (color:color-mix(in lab,red,red)) { .bg-brand-beige-dark\/50 { background-color: color-mix(in oklab,var(--color-brand-beige-dark) 50%,transparent); } } .bg-brand-beige-light { background-color: var(--color-brand-beige-light); } .bg-brand-green\/10 { background-color: rgba(7, 48, 38, 0.1); } @supports (color:color-mix(in lab,red,red)) { .bg-brand-green\/10 { background-color: color-mix(in oklab,var(--color-brand-green) 10%,transparent); } } .bg-gray-100\/10 { background-color: rgba(243, 244, 246, 0.1); } @supports (color:color-mix(in lab,red,red)) { .bg-gray-100\/10 { background-color: color-mix(in oklab,var(--color-gray-100) 10%,transparent); } } .bg-primary { background-color: var(--color-primary); } .bg-primary\/20 { background-color: rgba(7, 48, 38, 0.2); } @supports (color:color-mix(in lab,red,red)) { .bg-primary\/20 { background-color: color-mix(in oklab,var(--color-primary) 20%,transparent); } } .bg-red-100 { background-color: var(--color-red-100); } .bg-secondary { background-color: var(--color-secondary); } .bg-secondary\/5 { background-color: rgba(40, 40, 40, 0.05); } @supports (color:color-mix(in lab,red,red)) { .bg-secondary\/5 { background-color: color-mix(in oklab,var(--color-secondary) 5%,transparent); } } .bg-secondary\/10 { background-color: rgba(40, 40, 40, 0.1); } @supports (color:color-mix(in lab,red,red)) { .bg-secondary\/10 { background-color: color-mix(in oklab,var(--color-secondary) 10%,transparent); } } .bg-secondary\/30 { background-color: rgba(40, 40, 40, 0.3); } @supports (color:color-mix(in lab,red,red)) { .bg-secondary\/30 { background-color: color-mix(in oklab,var(--color-secondary) 30%,transparent); } } .bg-stone-100 { background-color: var(--color-stone-100); } .bg-transparent { background-color: rgba(0, 0, 0, 0); } .bg-white { background-color: var(--color-white); } .bg-white\/70 { background-color: rgba(255, 255, 255, 0.7); } @supports (color:color-mix(in lab,red,red)) { .bg-white\/70 { background-color: color-mix(in oklab,var(--color-white) 70%,transparent); } } .bg-yellow-100 { background-color: var(--color-yellow-100); } .bg-linear-to-b { --tw-gradient-position: to bottom; } @supports (background-image:linear-gradient(in lab,red,red)) { .bg-linear-to-b { --tw-gradient-position: to bottom in oklab; } } .bg-linear-to-b { background-image: linear-gradient(var(--tw-gradient-stops)); } .bg-linear-to-t { --tw-gradient-position: to top; } @supports (background-image:linear-gradient(in lab,red,red)) { .bg-linear-to-t { --tw-gradient-position: to top in oklab; } } .bg-linear-to-t { background-image: linear-gradient(var(--tw-gradient-stops)); } .bg-gradient-to-b { --tw-gradient-position: to bottom in oklab; background-image: linear-gradient(var(--tw-gradient-stops)); } .bg-gradient-to-t { --tw-gradient-position: to top in oklab; background-image: linear-gradient(var(--tw-gradient-stops)); } .bg-\[radial-gradient\(circle_at_center\,var\(--border-color\)_1px\,transparent_1px\)\] { background-image: radial-gradient(circle at center,var(--border-color) 1px,transparent 1px); } .from-black\/10 { --tw-gradient-from: #0000001a; } @supports (color:color-mix(in lab,red,red)) { .from-black\/10 { --tw-gradient-from: color-mix(in oklab, var(--color-black) 10%, transparent); } } .from-black\/10 { --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-black\/40 { --tw-gradient-from: #0006; } @supports (color:color-mix(in lab,red,red)) { .from-black\/40 { --tw-gradient-from: color-mix(in oklab, var(--color-black) 40%, transparent); } } .from-black\/40 { --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-black\/60 { --tw-gradient-from: #0009; } @supports (color:color-mix(in lab,red,red)) { .from-black\/60 { --tw-gradient-from: color-mix(in oklab, var(--color-black) 60%, transparent); } } .from-black\/60 { --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-transparent { --tw-gradient-from: transparent; --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-\[58\.8\%\] { --tw-gradient-from-position: 58.8%; } .via-transparent { --tw-gradient-via: transparent; --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .to-\[rgba\(0\,0\,0\,0\.5\)\] { --tw-gradient-to: #00000080; --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-black\/30 { --tw-gradient-to: #0000004d; } @supports (color:color-mix(in lab,red,red)) { .to-black\/30 { --tw-gradient-to: color-mix(in oklab, var(--color-black) 30%, transparent); } } .to-black\/30 { --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-black\/60 { --tw-gradient-to: #0009; } @supports (color:color-mix(in lab,red,red)) { .to-black\/60 { --tw-gradient-to: color-mix(in oklab, var(--color-black) 60%, transparent); } } .to-black\/60 { --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-transparent { --tw-gradient-to: transparent; --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-\[89\%\] { --tw-gradient-to-position: 89%; } .bg-size-\[20px_20px\] { background-size: 20px 20px; } .fill-current { fill: currentcolor; } .object-contain { object-fit: contain; } .object-cover { object-fit: cover; } .object-right { object-position: right center; } .p-\(--ds-container-px\) { padding: var(--ds-container-px); } .p-0 { padding: calc(var(--spacing) * 0); } .p-0\.5 { padding: calc(var(--spacing) * .5); } .p-1 { padding: calc(var(--spacing) * 1); } .p-2 { padding: calc(var(--spacing) * 2); } .p-2\.5 { padding: calc(var(--spacing) * 2.5); } .p-3 { padding: calc(var(--spacing) * 3); } .p-4 { padding: calc(var(--spacing) * 4); } .p-5 { padding: calc(var(--spacing) * 5); } .p-6 { padding: calc(var(--spacing) * 6); } .p-8 { padding: calc(var(--spacing) * 8); } .p-20 { padding: calc(var(--spacing) * 20); } .p-\[4px_8px_2px\] { padding: 4px 8px 2px; } .p-\[5px_8px\] { padding: 5px 8px; } .p-\[5px_12px\] { padding: 5px 12px; } .p-\[9px\] { padding: 9px; } .p-\[10px\] { padding: 10px; } .p-\[16px_0\] { padding: 16px 0px; } .p-\[19px_16px_12px_16px\] { padding: 19px 16px 12px; } .p-\[20px_10px\] { padding: 20px 10px; } .p-\[24px_10px\] { padding: 24px 10px; } .px-\(--badge-px\) { padding-inline: var(--badge-px); } .px-\(--bundle-px\) { padding-inline: var(--bundle-px); } .px-\(--ds-container-px\) { padding-inline: var(--ds-container-px); } .px-\(--pb-px\) { padding-inline: var(--pb-px); } .px-\(--px\) { padding-inline: var(--px); } .px-\(--px-mob\) { padding-inline: var(--px-mob); } .px-0 { padding-inline: calc(var(--spacing) * 0); } .px-1 { padding-inline: calc(var(--spacing) * 1); } .px-1\.5 { padding-inline: calc(var(--spacing) * 1.5); } .px-2 { padding-inline: calc(var(--spacing) * 2); } .px-2\.5 { padding-inline: calc(var(--spacing) * 2.5); } .px-3 { padding-inline: calc(var(--spacing) * 3); } .px-3\.5 { padding-inline: calc(var(--spacing) * 3.5); } .px-3\.75 { padding-inline: calc(var(--spacing) * 3.75); } .px-4 { padding-inline: calc(var(--spacing) * 4); } .px-5 { padding-inline: calc(var(--spacing) * 5); } .px-6 { padding-inline: calc(var(--spacing) * 6); } .px-6\! { padding-inline: calc(var(--spacing) * 6) !important; } .px-10 { padding-inline: calc(var(--spacing) * 10); } .px-\[10px\] { padding-inline: 10px; } .px-\[20px\] { padding-inline: 20px; } .px-\[25px\] { padding-inline: 25px; } .px-\[39px\] { padding-inline: 39px; } .px-px { padding-inline: 1px; } .py-\(--bundle-py\) { padding-block: var(--bundle-py); } .py-\(--pb-py\) { padding-block: var(--pb-py); } .py-\(--pt\) { padding-block: var(--pt); } .py-\(--pt-mob\) { padding-block: var(--pt-mob); } .py-0 { padding-block: calc(var(--spacing) * 0); } .py-0\! { padding-block: calc(var(--spacing) * 0) !important; } .py-1 { padding-block: calc(var(--spacing) * 1); } .py-1\.5 { padding-block: calc(var(--spacing) * 1.5); } .py-1\.25 { padding-block: calc(var(--spacing) * 1.25); } .py-2 { padding-block: calc(var(--spacing) * 2); } .py-3 { padding-block: calc(var(--spacing) * 3); } .py-4 { padding-block: calc(var(--spacing) * 4); } .py-4\.25 { padding-block: calc(var(--spacing) * 4.25); } .py-5 { padding-block: calc(var(--spacing) * 5); } .py-6 { padding-block: calc(var(--spacing) * 6); } .py-8 { padding-block: calc(var(--spacing) * 8); } .py-10 { padding-block: calc(var(--spacing) * 10); } .py-12 { padding-block: calc(var(--spacing) * 12); } .py-20 { padding-block: calc(var(--spacing) * 20); } .py-\[3px\] { padding-block: 3px; } .py-\[10px\] { padding-block: 10px; } .py-px { padding-block: 1px; } .ps-\(--px-left-mob\) { padding-inline-start: var(--px-left-mob); } .pe-\(--px-right-mob\) { padding-inline-end: var(--px-right-mob); } .pt-\(--content-pt-mob\) { padding-top: var(--content-pt-mob); } .pt-\(--final-pt-mob\) { padding-top: var(--final-pt-mob); } .pt-\(--pt\) { padding-top: var(--pt); } .pt-\(--pt-desk\) { padding-top: var(--pt-desk); } .pt-\(--pt-mob\) { padding-top: var(--pt-mob); } .pt-\(--py-top-mob\) { padding-top: var(--py-top-mob); } .pt-\(--top-bar-pt\) { padding-top: var(--top-bar-pt); } .pt-0 { padding-top: calc(var(--spacing) * 0); } .pt-1 { padding-top: calc(var(--spacing) * 1); } .pt-2 { padding-top: calc(var(--spacing) * 2); } .pt-3 { padding-top: calc(var(--spacing) * 3); } .pt-4 { padding-top: calc(var(--spacing) * 4); } .pt-5 { padding-top: calc(var(--spacing) * 5); } .pt-6 { padding-top: calc(var(--spacing) * 6); } .pt-7 { padding-top: calc(var(--spacing) * 7); } .pt-8 { padding-top: calc(var(--spacing) * 8); } .pt-10 { padding-top: calc(var(--spacing) * 10); } .pt-12 { padding-top: calc(var(--spacing) * 12); } .pt-20 { padding-top: calc(var(--spacing) * 20); } .pt-\[0\.1em\] { padding-top: 0.1em; } .pt-\[20px\] { padding-top: 20px; } .pt-px { padding-top: 1px; } .pr-\(--pr-mob\) { padding-right: var(--pr-mob); } .pr-1 { padding-right: calc(var(--spacing) * 1); } .pr-2 { padding-right: calc(var(--spacing) * 2); } .pr-4 { padding-right: calc(var(--spacing) * 4); } .pr-4\.5 { padding-right: calc(var(--spacing) * 4.5); } .pr-5 { padding-right: calc(var(--spacing) * 5); } .pr-6 { padding-right: calc(var(--spacing) * 6); } .pr-8 { padding-right: calc(var(--spacing) * 8); } .pr-10 { padding-right: calc(var(--spacing) * 10); } .pr-20 { padding-right: calc(var(--spacing) * 20); } .pr-\[16px\] { padding-right: 16px; } .pr-\[20px\] { padding-right: 20px; } .pr-\[280px\] { padding-right: 280px; } .pb-\(--content-pb-mob\) { padding-bottom: var(--content-pb-mob); } .pb-\(--pb\) { padding-bottom: var(--pb); } .pb-\(--pb-desk\) { padding-bottom: var(--pb-desk); } .pb-\(--pb-mob\) { padding-bottom: var(--pb-mob); } .pb-\(--py-bottom-mob\) { padding-bottom: var(--py-bottom-mob); } .pb-\(--sidebar-footer-pb\) { padding-bottom: var(--sidebar-footer-pb); } .pb-\(--top-bar-pb\) { padding-bottom: var(--top-bar-pb); } .pb-1 { padding-bottom: calc(var(--spacing) * 1); } .pb-2 { padding-bottom: calc(var(--spacing) * 2); } .pb-2\.5 { padding-bottom: calc(var(--spacing) * 2.5); } .pb-3 { padding-bottom: calc(var(--spacing) * 3); } .pb-4 { padding-bottom: calc(var(--spacing) * 4); } .pb-5 { padding-bottom: calc(var(--spacing) * 5); } .pb-6 { padding-bottom: calc(var(--spacing) * 6); } .pb-7\.5 { padding-bottom: calc(var(--spacing) * 7.5); } .pb-8 { padding-bottom: calc(var(--spacing) * 8); } .pb-10 { padding-bottom: calc(var(--spacing) * 10); } .pb-20 { padding-bottom: calc(var(--spacing) * 20); } .pb-\[97px\] { padding-bottom: 97px; } .pl-\(--pl-mob\) { padding-left: var(--pl-mob); } .pl-2 { padding-left: calc(var(--spacing) * 2); } .pl-4 { padding-left: calc(var(--spacing) * 4); } .pl-5 { padding-left: calc(var(--spacing) * 5); } .pl-6 { padding-left: calc(var(--spacing) * 6); } .pl-\[4px\] { padding-left: 4px; } .pl-\[17px\] { padding-left: 17px; } .pl-\[20px\] { padding-left: 20px; } .\!text-left { text-align: left !important; } .text-center { text-align: center; } .text-left { text-align: left; } .text-right { text-align: right; } .align-middle { vertical-align: middle; } .ds-headline-24 { text-transform: uppercase; font-family: var(--font-graphik); letter-spacing: 0.02em; font-size: clamp(20px, 2.5vw, 24px); font-weight: 700; line-height: 0.88; } .ds-headline-28 { text-transform: uppercase; font-family: var(--font-graphik); letter-spacing: 0.02em; font-size: clamp(24px, 3vw, 28px); font-weight: 700; line-height: 0.88; } .ds-headline-40 { text-transform: uppercase; font-family: var(--font-graphik); letter-spacing: 0.02em; font-size: clamp(28px, 4vw, 40px); font-weight: 700; line-height: 0.88; } .ds-headline-48 { text-transform: uppercase; font-family: var(--font-graphik); letter-spacing: 0.02em; font-size: clamp(32px, 5vw, 48px); font-weight: 700; line-height: 0.88; } .ds-headline-56 { text-transform: uppercase; font-family: var(--font-graphik); letter-spacing: 0.02em; font-size: clamp(40px, 6vw, 56px); font-weight: 700; line-height: 0.88; } .ds-headline-72 { text-transform: uppercase; font-family: var(--font-graphik); letter-spacing: 0.02em; font-size: clamp(48px, 8vw, 72px); font-weight: 700; line-height: 0.88; } .ds-body-11 { font-family: var(--font-neue-haas); letter-spacing: 0px; font-size: 11px; line-height: 1.4; } .ds-body-14 { font-family: var(--font-neue-haas); letter-spacing: 0px; font-size: 14px; line-height: 1.4; } .ds-body-16 { font-family: var(--font-neue-haas); letter-spacing: 0px; font-size: 16px; line-height: 1.4; } .ds-body-18 { font-family: var(--font-neue-haas); letter-spacing: 0px; font-size: 18px; line-height: 1.4; } .ds-mono-10 { text-transform: uppercase; font-family: var(--font-gt-america); letter-spacing: 0.04em; font-size: 10px; font-weight: 500; } .ds-mono-12 { text-transform: uppercase; font-family: var(--font-gt-america); letter-spacing: 0.04em; font-size: 12px; font-weight: 500; } .ds-mono-14 { text-transform: uppercase; font-family: var(--font-gt-america); letter-spacing: 0.04em; font-size: 14px; font-weight: 500; } .font-graphik { font-family: var(--font-graphik); } .font-gt-america { font-family: var(--font-gt-america); } .font-heading { font-family: var(--font-heading); } .font-mono { font-family: var(--font-mono); } .font-neue-haas { font-family: var(--font-neue-haas); } .font-secondary { font-family: var(--font-secondary); } .text-2xl { font-size: var(--text-2xl); line-height: var(--tw-leading,var(--text-2xl--line-height)); } .text-base { font-size: var(--text-base); line-height: var(--tw-leading,var(--text-base--line-height)); } .text-sm { font-size: var(--text-sm); line-height: var(--tw-leading,var(--text-sm--line-height)); } .text-\(length\:--pr-size\) { font-size: var(--pr-size); } .text-\[0\.85em\] { font-size: 0.85em; } .text-\[32px\] { font-size: 32px; } .text-\[9px\] { font-size: 9px; } .text-\[10px\] { font-size: 10px; } .text-\[11px\] { font-size: 11px; } .text-\[12px\] { font-size: 12px; } .text-\[14px\] { font-size: 14px; } .text-\[16px\] { font-size: 16px; } .text-\[18px\] { font-size: 18px; } .text-\[24px\] { font-size: 24px; } .text-\[28px\] { font-size: 28px; } .text-\[30px\] { font-size: 30px; } .text-\[48px\] { font-size: 48px; } .text-\[clamp\(32px\,13vw\,48px\)\] { font-size: clamp(32px, 13vw, 48px); } .leading-0 { --tw-leading: calc(var(--spacing) * 0); line-height: calc(var(--spacing) * 0); } .leading-1 { --tw-leading: calc(var(--spacing) * 1); line-height: calc(var(--spacing) * 1); } .leading-\[0\.7\] { --tw-leading: .7; line-height: 0.7; } .leading-\[0\.8\] { --tw-leading: .8; line-height: 0.8; } .leading-\[0\.88\] { --tw-leading: .88; line-height: 0.88; } .leading-\[0\.88\]\! { --tw-leading: .88 !important; line-height: 0.88 !important; } .leading-\[0\.96\] { --tw-leading: .96; line-height: 0.96; } .leading-\[0\.96em\] { --tw-leading: .96em; line-height: 0.96em; } .leading-\[1\.2\] { --tw-leading: 1.2; line-height: 1.2; } .leading-\[1\.4\] { --tw-leading: 1.4; line-height: 1.4; } .leading-\[1\.5\] { --tw-leading: 1.5; line-height: 1.5; } .leading-\[14px\] { --tw-leading: 14px; line-height: 14px; } .leading-\[28px\] { --tw-leading: 28px; line-height: 28px; } .leading-\[32px\] { --tw-leading: 32px; line-height: 32px; } .leading-\[96\%\] { --tw-leading: 96%; line-height: 96%; } .leading-\[140\%\] { --tw-leading: 140%; line-height: 140%; } .leading-none { --tw-leading: 1; line-height: 1; } .leading-normal { --tw-leading: var(--leading-normal); line-height: var(--leading-normal); } .leading-snug { --tw-leading: var(--leading-snug); line-height: var(--leading-snug); } .leading-tight { --tw-leading: var(--leading-tight); line-height: var(--leading-tight); } .font-\(--font-graphik\) { --tw-font-weight: var(--font-graphik); font-weight: var(--font-graphik); } .font-\(--font-gt-america\) { --tw-font-weight: var(--font-gt-america); font-weight: var(--font-gt-america); } .font-\(--font-neue-haas\) { --tw-font-weight: var(--font-neue-haas); font-weight: var(--font-neue-haas); } .font-black { --tw-font-weight: var(--font-weight-black); font-weight: var(--font-weight-black); } .font-bold { --tw-font-weight: var(--font-weight-bold); font-weight: var(--font-weight-bold); } .font-bold\! { --tw-font-weight: var(--font-weight-bold) !important; font-weight: var(--font-weight-bold) !important; } .font-medium { --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); } .font-medium\! { --tw-font-weight: var(--font-weight-medium) !important; font-weight: var(--font-weight-medium) !important; } .font-normal { --tw-font-weight: var(--font-weight-normal); font-weight: var(--font-weight-normal); } .font-semibold { --tw-font-weight: var(--font-weight-semibold); font-weight: var(--font-weight-semibold); } .tracking-\(--input-tracking\) { --tw-tracking: var(--input-tracking); letter-spacing: var(--input-tracking); } .tracking-\(--title-tracking\) { --tw-tracking: var(--title-tracking); letter-spacing: var(--title-tracking); } .tracking-\[-0\.07em\] { --tw-tracking: -.07em; letter-spacing: -0.07em; } .tracking-\[-0\.96px\] { --tw-tracking: -.96px; letter-spacing: -0.96px; } .tracking-\[0\.02em\] { --tw-tracking: .02em; letter-spacing: 0.02em; } .tracking-\[0\.02em\]\! { --tw-tracking: .02em !important; letter-spacing: 0.02em !important; } .tracking-\[0\.2em\] { --tw-tracking: .2em; letter-spacing: 0.2em; } .tracking-\[0\.04em\] { --tw-tracking: .04em; letter-spacing: 0.04em; } .tracking-\[0\.4px\] { --tw-tracking: .4px; letter-spacing: 0.4px; } .tracking-\[0\.8px\] { --tw-tracking: .8px; letter-spacing: 0.8px; } .tracking-\[0\.24em\] { --tw-tracking: .24em; letter-spacing: 0.24em; } .tracking-\[0\.48px\] { --tw-tracking: .48px; letter-spacing: 0.48px; } .tracking-\[0\.56px\] { --tw-tracking: .56px; letter-spacing: 0.56px; } .tracking-\[0\.57px\] { --tw-tracking: .57px; letter-spacing: 0.57px; } .tracking-\[0\.64px\] { --tw-tracking: .64px; letter-spacing: 0.64px; } .tracking-\[0\.96px\] { --tw-tracking: .96px; letter-spacing: 0.96px; } .tracking-normal\! { --tw-tracking: var(--tracking-normal) !important; letter-spacing: var(--tracking-normal) !important; } .tracking-tight { --tw-tracking: var(--tracking-tight); letter-spacing: var(--tracking-tight); } .tracking-wide { --tw-tracking: var(--tracking-wide); letter-spacing: var(--tracking-wide); } .tracking-wider { --tw-tracking: var(--tracking-wider); letter-spacing: var(--tracking-wider); } .tracking-widest { --tw-tracking: var(--tracking-widest); letter-spacing: var(--tracking-widest); } .text-balance { text-wrap: balance; } .text-nowrap { text-wrap: nowrap; } .text-wrap { text-wrap: wrap; } .whitespace-nowrap { white-space: nowrap; } .text-\(--badge-text\) { color: var(--badge-text); } .text-\(--block-color\) { color: var(--block-color); } .text-\(--body-color\) { color: var(--body-color); } .text-\(--card-text\) { color: var(--card-text); } .text-\(--cl-text\) { color: var(--cl-text); } .text-\(--desc-color\) { color: var(--desc-color); } .text-\(--ds-color-black\) { color: var(--ds-color-black); } .text-\(--float-text\) { color: var(--float-text); } .text-\(--h-color\) { color: var(--h-color); } .text-\(--heading-color\) { color: var(--heading-color); } .text-\(--mini-promo-accent\) { color: var(--mini-promo-accent); } .text-\(--mini-promo-subtitle\) { color: var(--mini-promo-subtitle); } .text-\(--mini-promo-text\) { color: var(--mini-promo-text); } .text-\(--pb-text\) { color: var(--pb-text); } .text-\(--text\) { color: var(--text); } .text-\(--text-color\) { color: var(--text-color); } .text-\(--title-color\) { color: var(--title-color); } .text-\(--title-fs\) { color: var(--title-fs); } .text-\(--tx-a\) { color: var(--tx-a); } .text-\(--tx-n\) { color: var(--tx-n); } .text-\[\#5A5753\] { color: rgb(90, 87, 83); } .text-\[\#333\] { color: rgb(51, 51, 51); } .text-\[\#073026\] { color: rgb(7, 48, 38); } .text-\[\#282828\] { color: rgb(40, 40, 40); } .text-\[\#707070\] { color: rgb(112, 112, 112); } .text-\[\#A7A3A0\] { color: rgb(167, 163, 160); } .text-\[\#C62F27\] { color: rgb(198, 47, 39); } .text-black { color: var(--color-black); } .text-black\/20 { color: rgba(0, 0, 0, 0.2); } @supports (color:color-mix(in lab,red,red)) { .text-black\/20 { color: color-mix(in oklab,var(--color-black) 20%,transparent); } } .text-black\/40 { color: rgba(0, 0, 0, 0.4); } @supports (color:color-mix(in lab,red,red)) { .text-black\/40 { color: color-mix(in oklab,var(--color-black) 40%,transparent); } } .text-black\/60 { color: rgba(0, 0, 0, 0.6); } @supports (color:color-mix(in lab,red,red)) { .text-black\/60 { color: color-mix(in oklab,var(--color-black) 60%,transparent); } } .text-black\/80 { color: rgba(0, 0, 0, 0.8); } @supports (color:color-mix(in lab,red,red)) { .text-black\/80 { color: color-mix(in oklab,var(--color-black) 80%,transparent); } } .text-blue-800 { color: var(--color-blue-800); } .text-brand-green { color: var(--color-brand-green); } .text-current { color: currentcolor; } .text-gray-400 { color: var(--color-gray-400); } .text-gray-700 { color: var(--color-gray-700); } .text-green-500 { color: var(--color-green-500); } .text-green-700 { color: var(--color-green-700); } .text-inherit { color: inherit; } .text-primary { color: var(--color-primary); } .text-red-600 { color: var(--color-red-600); } .text-red-800 { color: var(--color-red-800); } .text-secondary { color: var(--color-secondary); } .text-secondary\/30 { color: rgba(40, 40, 40, 0.3); } @supports (color:color-mix(in lab,red,red)) { .text-secondary\/30 { color: color-mix(in oklab,var(--color-secondary) 30%,transparent); } } .text-secondary\/70 { color: rgba(40, 40, 40, 0.7); } @supports (color:color-mix(in lab,red,red)) { .text-secondary\/70 { color: color-mix(in oklab,var(--color-secondary) 70%,transparent); } } .text-text { color: var(--color-text); } .text-white { color: var(--color-white); } .text-yellow-800 { color: var(--color-yellow-800); } .capitalize { text-transform: capitalize; } .lowercase { text-transform: lowercase; } .normal-case { text-transform: none; } .uppercase { text-transform: uppercase; } .italic { font-style: italic; } .line-through { text-decoration-line: line-through; } .underline { text-decoration-line: underline; } .decoration-secondary { text-decoration-color: var(--color-secondary); } .decoration-1 { text-decoration-thickness: 1px; } .decoration-2 { text-decoration-thickness: 2px; } .underline-offset-2 { text-underline-offset: 2px; } .underline-offset-4 { text-underline-offset: 4px; } .opacity-\(--dot-opacity\,0\) { opacity: var(--dot-opacity,0); } .opacity-0 { opacity: 0; } .opacity-10 { opacity: 0.1; } .opacity-20 { opacity: 0.2; } .opacity-30 { opacity: 0.3; } .opacity-40 { opacity: 0.4; } .opacity-50 { opacity: 0.5; } .opacity-60 { opacity: 0.6; } .opacity-70 { opacity: 0.7; } .opacity-80 { opacity: 0.8; } .opacity-90 { opacity: 0.9; } .opacity-100 { opacity: 1; } .shadow-2xl { --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color,#00000040); box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow); } .shadow-2xs { --tw-shadow: 0 1px var(--tw-shadow-color,#0000000d); box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow); } .shadow-\[0_4px_24px_rgba\(0\,0\,0\,0\.12\)\] { --tw-shadow: 0 4px 24px var(--tw-shadow-color,#0000001f); box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow); } .shadow-\[0px_-13px_20px_0px_rgba\(0\,0\,0\,0\.15\)\] { --tw-shadow: 0px -13px 20px 0px var(--tw-shadow-color,#00000026); box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow); } .shadow-\[0px_4px_4px_rgba\(0\,0\,0\,0\.25\)\] { --tw-shadow: 0px 4px 4px var(--tw-shadow-color,#00000040); box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow); } .shadow-\[2px_2px_8px_0px_rgba\(0\,0\,0\,0\.25\)\] { --tw-shadow: 2px 2px 8px 0px var(--tw-shadow-color,#00000040); box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow); } .shadow-\[inset_0_1px_0_0_\#282828\] { --tw-shadow: inset 0 1px 0 0 var(--tw-shadow-color,#282828); box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow); } .shadow-lg { --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a); box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow); } .shadow-sm { --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a); box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow); } .shadow-xl { --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color,#0000001a), 0 8px 10px -6px var(--tw-shadow-color,#0000001a); box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow); } .ring { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor); box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow); } .ring-0 { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor); box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow); } .ring-1 { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor); box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow); } .ring-secondary { --tw-ring-color: var(--color-secondary); } .ring-white\/40 { --tw-ring-color: #fff6; } @supports (color:color-mix(in lab,red,red)) { .ring-white\/40 { --tw-ring-color: color-mix(in oklab, var(--color-white) 40%, transparent); } } .ring-offset-2 { --tw-ring-offset-width: 2px; --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); } .outline, .outline-1 { outline-style: var(--tw-outline-style); outline-width: 1px; } .outline-transparent { outline-color: rgba(0, 0, 0, 0); } .blur { --tw-blur: blur(8px); filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,); } .brightness-0 { --tw-brightness: brightness(0%); filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,); } .grayscale { --tw-grayscale: grayscale(100%); filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,); } .invert { --tw-invert: invert(100%); filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,); } .filter { filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,); } .backdrop-blur-sm { --tw-backdrop-blur: blur(var(--blur-sm)); backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,); } .backdrop-filter { backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,); } .transition { transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events; transition-timing-function: var(--tw-ease,var(--default-transition-timing-function)); transition-duration: var(--tw-duration,var(--default-transition-duration)); } .transition-\[grid-template-rows\] { transition-property: grid-template-rows; transition-timing-function: var(--tw-ease,var(--default-transition-timing-function)); transition-duration: var(--tw-duration,var(--default-transition-duration)); } .transition-all { transition-property: all; transition-timing-function: var(--tw-ease,var(--default-transition-timing-function)); transition-duration: var(--tw-duration,var(--default-transition-duration)); } .transition-colors { transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to; transition-timing-function: var(--tw-ease,var(--default-transition-timing-function)); transition-duration: var(--tw-duration,var(--default-transition-duration)); } .transition-opacity { transition-property: opacity; transition-timing-function: var(--tw-ease,var(--default-transition-timing-function)); transition-duration: var(--tw-duration,var(--default-transition-duration)); } .transition-transform { transition-property: transform, translate, scale, rotate; transition-timing-function: var(--tw-ease,var(--default-transition-timing-function)); transition-duration: var(--tw-duration,var(--default-transition-duration)); } .duration-150 { --tw-duration: .15s; transition-duration: 0.15s; } .duration-200 { --tw-duration: .2s; transition-duration: 0.2s; } .duration-300 { --tw-duration: .3s; transition-duration: 0.3s; } .duration-400 { --tw-duration: .4s; transition-duration: 0.4s; } .duration-500 { --tw-duration: .5s; transition-duration: 0.5s; } .duration-700 { --tw-duration: .7s; transition-duration: 0.7s; } .duration-1000 { --tw-duration: 1s; transition-duration: 1s; } .ease-\[cubic-bezier\(0\.4\,0\,0\.2\,1\)\] { --tw-ease: cubic-bezier(.4,0,.2,1); transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } .ease-\[cubic-bezier\(0\.25\,1\,0\.5\,1\)\] { --tw-ease: cubic-bezier(.25,1,.5,1); transition-timing-function: cubic-bezier(0.25, 1, 0.5, 1); } .ease-in { --tw-ease: var(--ease-in); transition-timing-function: var(--ease-in); } .ease-in-out { --tw-ease: var(--ease-in-out); transition-timing-function: var(--ease-in-out); } .ease-linear { --tw-ease: linear; transition-timing-function: linear; } .ease-out { --tw-ease: var(--ease-out); transition-timing-function: var(--ease-out); } .ease-premium { --tw-ease: var(--ease-premium); transition-timing-function: var(--ease-premium); } .will-change-transform { will-change: transform; } .outline-none { --tw-outline-style: none; outline-style: none; } .select-none { user-select: none; } .ring-inset { --tw-ring-inset: inset; } :is(.\*\:m-0 > *) { margin: calc(var(--spacing) * 0); } :is(.\*\:mt-5 > *) { margin-top: calc(var(--spacing) * 5); } :is(.\*\:inline > *) { display: inline; } :is(.\*\:leading-0 > *) { --tw-leading: calc(var(--spacing) * 0); line-height: calc(var(--spacing) * 0); } :is(.\*\:leading-none > *) { --tw-leading: 1; line-height: 1; } :is(.\*\:leading-tight > *) { --tw-leading: var(--leading-tight); line-height: var(--leading-tight); } @media (hover: hover) { .group-hover\:-translate-x-2:is(:where(.group):hover *) { --tw-translate-x: calc(var(--spacing) * -2); translate: var(--tw-translate-x) var(--tw-translate-y); } .group-hover\:translate-x-0:is(:where(.group):hover *) { --tw-translate-x: calc(var(--spacing) * 0); translate: var(--tw-translate-x) var(--tw-translate-y); } .group-hover\:translate-x-1:is(:where(.group):hover *) { --tw-translate-x: calc(var(--spacing) * 1); translate: var(--tw-translate-x) var(--tw-translate-y); } .group-hover\:translate-x-2:is(:where(.group):hover *) { --tw-translate-x: calc(var(--spacing) * 2); translate: var(--tw-translate-x) var(--tw-translate-y); } .group-hover\:scale-105:is(:where(.group):hover *) { --tw-scale-x: 105%; --tw-scale-y: 105%; --tw-scale-z: 105%; scale: var(--tw-scale-x) var(--tw-scale-y); } .group-hover\:scale-110:is(:where(.group):hover *) { --tw-scale-x: 110%; --tw-scale-y: 110%; --tw-scale-z: 110%; scale: var(--tw-scale-x) var(--tw-scale-y); } .group-hover\:bg-primary:is(:where(.group):hover *) { background-color: var(--color-primary); } .group-hover\:text-brand-green:is(:where(.group):hover *) { color: var(--color-brand-green); } .group-hover\:text-white:is(:where(.group):hover *) { color: var(--color-white); } .group-hover\:opacity-40:is(:where(.group):hover *) { opacity: 0.4; } .group-hover\:opacity-80:is(:where(.group):hover *) { opacity: 0.8; } .group-hover\:opacity-100:is(:where(.group):hover *) { opacity: 1; } } .group-aria-expanded\:rotate-180:is(:where(.group)[aria-expanded="true"] *) { rotate: 180deg; } .group-aria-expanded\:py-2\.75:is(:where(.group)[aria-expanded="true"] *) { padding-block: calc(var(--spacing) * 2.75); } .group-aria-expanded\:opacity-0:is(:where(.group)[aria-expanded="true"] *) { opacity: 0; } .group-aria-expanded\:opacity-100:is(:where(.group)[aria-expanded="true"] *) { opacity: 1; } .group-aria-expanded\:shadow-none\!:is(:where(.group)[aria-expanded="true"] *) { --tw-shadow: 0 0 #0000 !important; box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow) !important; } .group-\[\.is-active\]\:opacity-100:is(:where(.group).is-active *) { opacity: 1; } .group-\[\.is-open\]\:flex:is(:where(.group).is-open *) { display: flex; } .group-\[\.is-open\]\:hidden:is(:where(.group).is-open *) { display: none; } .peer-checked\:block:is(:where(.peer):checked ~ *) { display: block; } .peer-checked\:border-\[1\.5px\]:is(:where(.peer):checked ~ *) { border-style: var(--tw-border-style); border-width: 1.5px; } .peer-checked\:border-\(--brd-a\):is(:where(.peer):checked ~ *) { border-color: var(--brd-a); } .peer-checked\:bg-\(--active-bg\):is(:where(.peer):checked ~ *) { background-color: var(--active-bg); } .peer-checked\:bg-\(--bg-a\):is(:where(.peer):checked ~ *) { background-color: var(--bg-a); } .peer-checked\:bg-\(--text-color\):is(:where(.peer):checked ~ *) { background-color: var(--text-color); } .peer-checked\:underline:is(:where(.peer):checked ~ *) { text-decoration-line: underline; } .peer-checked\:opacity-100:is(:where(.peer):checked ~ *) { opacity: 1; } .peer-checked\:\[--badge-bg\:\#fff\]:is(:where(.peer):checked ~ *) { --badge-bg: #fff; } .peer-checked\:\[--badge-text\:var\(--cl-text\)\]:is(:where(.peer):checked ~ *) { --badge-text: var(--cl-text); } .peer-checked\:\[--dot-opacity\:1\]:is(:where(.peer):checked ~ *) { --dot-opacity: 1; } .peer-aria-expanded\:grid-rows-\[1fr\]:is(:where(.peer)[aria-expanded="true"] ~ *) { grid-template-rows: 1fr; } .selection\:bg-transparent ::selection { background-color: rgba(0, 0, 0, 0); } .selection\:bg-transparent::selection { background-color: rgba(0, 0, 0, 0); } .placeholder\:text-text::placeholder { color: var(--color-text); } .first\:w-\[104px\]:first-child { width: 104px; } .first\:border-t:first-child { border-top-style: var(--tw-border-style); border-top-width: 1px; } .first\:pl-0:first-child { padding-left: calc(var(--spacing) * 0); } .last\:mb-0:last-child { margin-bottom: calc(var(--spacing) * 0); } .last\:border-0:last-child { border-style: var(--tw-border-style); border-width: 0px; } .last\:border-r-0:last-child { border-right-style: var(--tw-border-style); border-right-width: 0px; } .last\:border-b-0:last-child { border-bottom-style: var(--tw-border-style); border-bottom-width: 0px; } .last\:pb-0:last-child { padding-bottom: calc(var(--spacing) * 0); } .checked\:bg-secondary:checked { background-color: var(--color-secondary); } @media (hover: hover) { .hover\:z-30:hover { z-index: 30; } .hover\:-translate-y-1:hover { --tw-translate-y: calc(var(--spacing) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } .hover\:scale-105:hover { --tw-scale-x: 105%; --tw-scale-y: 105%; --tw-scale-z: 105%; scale: var(--tw-scale-x) var(--tw-scale-y); } .hover\:scale-110:hover { --tw-scale-x: 110%; --tw-scale-y: 110%; --tw-scale-z: 110%; scale: var(--tw-scale-x) var(--tw-scale-y); } .hover\:scale-\[1\.02\]:hover { scale: 1.02; } .hover\:border-\(--brd-a\):hover { border-color: var(--brd-a); } .hover\:border-\(--cl-text\):hover { border-color: var(--cl-text); } .hover\:border-black\/40:hover { border-color: rgba(0, 0, 0, 0.4); } @supports (color:color-mix(in lab,red,red)) { .hover\:border-black\/40:hover { border-color: color-mix(in oklab,var(--color-black) 40%,transparent); } } .hover\:border-primary:hover { border-color: var(--color-primary); } .hover\:border-secondary:hover { border-color: var(--color-secondary); } .hover\:\!bg-\(--color-accent\):hover { background-color: var(--color-accent) !important; } .hover\:bg-\(--border-color\):hover { background-color: var(--border-color); } .hover\:bg-\[\#fff\]:hover { background-color: rgb(255, 255, 255); } .hover\:bg-accent:hover { background-color: var(--color-accent); } .hover\:bg-black\/10:hover { background-color: rgba(0, 0, 0, 0.1); } @supports (color:color-mix(in lab,red,red)) { .hover\:bg-black\/10:hover { background-color: color-mix(in oklab,var(--color-black) 10%,transparent); } } .hover\:bg-brand-beige-dark\/20:hover { background-color: rgba(229, 220, 202, 0.2); } @supports (color:color-mix(in lab,red,red)) { .hover\:bg-brand-beige-dark\/20:hover { background-color: color-mix(in oklab,var(--color-brand-beige-dark) 20%,transparent); } } .hover\:bg-brand-beige-light:hover { background-color: var(--color-brand-beige-light); } .hover\:bg-gray-50:hover { background-color: var(--color-gray-50); } .hover\:bg-red-50:hover { background-color: var(--color-red-50); } .hover\:bg-secondary:hover { background-color: var(--color-secondary); } .hover\:bg-secondary\/5:hover { background-color: rgba(40, 40, 40, 0.05); } @supports (color:color-mix(in lab,red,red)) { .hover\:bg-secondary\/5:hover { background-color: color-mix(in oklab,var(--color-secondary) 5%,transparent); } } .hover\:text-\[\#282828\]:hover { color: rgb(40, 40, 40); } .hover\:text-\[\#d4d4d4\]:hover { color: rgb(212, 212, 212); } .hover\:text-black:hover { color: var(--color-black); } .hover\:text-primary:hover { color: var(--color-primary); } .hover\:text-white:hover { color: var(--color-white); } .hover\:no-underline:hover { text-decoration-line: none; } .hover\:underline:hover { text-decoration-line: underline; } .hover\:opacity-60:hover { opacity: 0.6; } .hover\:opacity-70:hover { opacity: 0.7; } .hover\:opacity-75:hover { opacity: 0.75; } .hover\:opacity-80:hover { opacity: 0.8; } .hover\:opacity-90:hover { opacity: 0.9; } .hover\:opacity-100:hover { opacity: 1; } .hover\:shadow-md:hover { --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a); box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow); } } .focus\:border-\(--text-color\):focus { border-color: var(--text-color); } .focus\:outline-none:focus { --tw-outline-style: none; outline-style: none; } .active\:cursor-grabbing:active { cursor: grabbing; } .disabled\:opacity-40:disabled { opacity: 0.4; } :where([open]) .in-\[\[open\]\]\:pointer-events-auto { pointer-events: auto; } :where([open]) .in-\[\[open\]\]\:scale-100 { --tw-scale-x: 100%; --tw-scale-y: 100%; --tw-scale-z: 100%; scale: var(--tw-scale-x) var(--tw-scale-y); } :where([open]) .in-\[\[open\]\]\:rotate-180 { rotate: 180deg; } :where([open]) .in-\[\[open\]\]\:opacity-100 { opacity: 1; } .aria-expanded\:border-1[aria-expanded="true"] { border-style: var(--tw-border-style); border-width: 1px; } .aria-expanded\:bg-accent[aria-expanded="true"] { background-color: var(--color-accent); } @media not all and (min-width: 1024px) { .max-lg\:order-\(--hero-mob-order\) { order: var(--hero-mob-order); } .max-lg\:-mx-\(--ds-container-px\) { margin-inline: calc(var(--ds-container-px) * -1); } .max-lg\:mt-2 { margin-top: calc(var(--spacing) * 2); } .max-lg\:mt-4 { margin-top: calc(var(--spacing) * 4); } .max-lg\:mb-2 { margin-bottom: calc(var(--spacing) * 2); } .max-lg\:mb-12 { margin-bottom: calc(var(--spacing) * 12); } .max-lg\:flex { display: flex; } .max-lg\:hidden { display: none; } .max-lg\:h-5 { height: calc(var(--spacing) * 5); } .max-lg\:w-5 { width: calc(var(--spacing) * 5); } .max-lg\:w-auto { width: auto; } .max-lg\:flex-shrink-0 { flex-shrink: 0; } .max-lg\:snap-x { scroll-snap-type: x var(--tw-scroll-snap-strictness); } .max-lg\:snap-mandatory { --tw-scroll-snap-strictness: mandatory; } .max-lg\:snap-center { scroll-snap-align: center; } .max-lg\:flex-col { flex-direction: column; } .max-lg\:flex-nowrap { flex-wrap: nowrap; } .max-lg\:gap-3 { gap: calc(var(--spacing) * 3); } .max-lg\:overflow-x-auto { overflow-x: auto; } .max-lg\:overflow-y-hidden { overflow-y: hidden; } .max-lg\:rounded-b-\(--media-radius\) { border-bottom-right-radius: var(--media-radius); border-bottom-left-radius: var(--media-radius); } .max-lg\:border-b { border-bottom-style: var(--tw-border-style); border-bottom-width: 1px; } .max-lg\:px-5 { padding-inline: calc(var(--spacing) * 5); } .max-lg\:pt-4 { padding-top: calc(var(--spacing) * 4); } } @media not all and (min-width: 768px) { .max-md\:relative { position: relative; } .max-md\:-mx-4 { margin-inline: calc(var(--spacing) * -4); } .max-md\:mb-4 { margin-bottom: calc(var(--spacing) * 4); } .max-md\:block { display: block; } .max-md\:flex { display: flex; } .max-md\:hidden { display: none; } .max-md\:hidden\! { display: none !important; } .max-md\:h-auto { height: auto; } .max-md\:min-h-0 { min-height: calc(var(--spacing) * 0); } .max-md\:min-h-9\.5 { min-height: calc(var(--spacing) * 9.5); } .max-md\:w-auto { width: auto; } .max-md\:w-full { width: 100%; } .max-md\:max-w-62\.5 { max-width: calc(var(--spacing) * 62.5); } .max-md\:max-w-none { max-width: none; } .max-md\:flex-1 { flex: 1 1 0%; } .max-md\:flex-col { flex-direction: column; } .max-md\:overflow-y-auto { overflow-y: auto; } .max-md\:border-b { border-bottom-style: var(--tw-border-style); border-bottom-width: 1px; } .max-md\:p-0 { padding: calc(var(--spacing) * 0); } .max-md\:px-5 { padding-inline: calc(var(--spacing) * 5); } .max-md\:py-6 { padding-block: calc(var(--spacing) * 6); } .max-md\:py-10 { padding-block: calc(var(--spacing) * 10); } .max-md\:pb-3 { padding-bottom: calc(var(--spacing) * 3); } .max-md\:pb-16 { padding-bottom: calc(var(--spacing) * 16); } .max-md\:pb-32 { padding-bottom: calc(var(--spacing) * 32); } :is(.max-md\:\*\:w-full > *) { width: 100%; } .odd\:max-md\:min-w-40:nth-child(2n+1) { min-width: calc(var(--spacing) * 40); } } @media not all and (min-width: 640px) { .max-sm\:hidden { display: none; } .max-sm\:text-\[11px\]\! { font-size: 11px !important; } .max-sm\:tracking-\[0\]\! { --tw-tracking: 0 !important; letter-spacing: 0px !important; } } @media not all and (min-width: 576px) { .max-xs\:text-\[9px\] { font-size: 9px; } } @media (min-width: 360px) { .us\:left-23\.5 { left: calc(var(--spacing) * 23.5); } .us\:ml-4 { margin-left: calc(var(--spacing) * 4); } } @media (min-width: 576px) { .xs\:px-2 { padding-inline: calc(var(--spacing) * 2); } } @media (min-width: 640px) { .sm\:block { display: block; } .sm\:flex { display: flex; } .sm\:hidden { display: none; } .sm\:h-0 { height: calc(var(--spacing) * 0); } .sm\:h-8 { height: calc(var(--spacing) * 8); } .sm\:min-h-0 { min-height: calc(var(--spacing) * 0); } .sm\:items-center { align-items: center; } .sm\:justify-center { justify-content: center; } .sm\:border-b-0 { border-bottom-style: var(--tw-border-style); border-bottom-width: 0px; } .sm\:bg-transparent { background-color: rgba(0, 0, 0, 0); } .sm\:p-\[20px_24px\] { padding: 20px 24px; } .sm\:p-\[24px_32px\] { padding: 24px 32px; } .sm\:px-4 { padding-inline: calc(var(--spacing) * 4); } .sm\:px-6 { padding-inline: calc(var(--spacing) * 6); } .sm\:px-8 { padding-inline: calc(var(--spacing) * 8); } .sm\:px-10 { padding-inline: calc(var(--spacing) * 10); } .sm\:py-0 { padding-block: calc(var(--spacing) * 0); } .sm\:py-5 { padding-block: calc(var(--spacing) * 5); } .sm\:py-10 { padding-block: calc(var(--spacing) * 10); } .sm\:text-\[11px\] { font-size: 11px; } .sm\:text-\[12px\] { font-size: 12px; } } @media (min-width: 768px) { .md\:absolute { position: absolute; } .md\:inset-0 { inset: calc(var(--spacing) * 0); } .md\:top-0 { top: calc(var(--spacing) * 0); } .md\:right-0 { right: calc(var(--spacing) * 0); } .md\:mt-2 { margin-top: calc(var(--spacing) * 2); } .md\:mb-\(--mb-desk\) { margin-bottom: var(--mb-desk); } .md\:mb-2 { margin-bottom: calc(var(--spacing) * 2); } .md\:mb-5 { margin-bottom: calc(var(--spacing) * 5); } .md\:mb-6 { margin-bottom: calc(var(--spacing) * 6); } .md\:mb-10 { margin-bottom: calc(var(--spacing) * 10); } .md\:block { display: block; } .md\:flex { display: flex; } .md\:grid { display: grid; } .md\:hidden { display: none; } .md\:hidden\! { display: none !important; } .md\:inline { display: inline; } .md\:h-\[56px\] { height: 56px; } .md\:h-auto { height: auto; } .md\:h-full { height: 100%; } .md\:max-h-225 { max-height: calc(var(--spacing) * 225); } .md\:w-9 { width: calc(var(--spacing) * 9); } .md\:w-40 { width: calc(var(--spacing) * 40); } .md\:w-\[95vw\] { width: 95vw; } .md\:w-\[264px\] { width: 264px; } .md\:w-auto { width: auto; } .md\:w-full { width: 100%; } .md\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0px, 1fr)); } .md\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0px, 1fr)); } .md\:grid-cols-6 { grid-template-columns: repeat(6, minmax(0px, 1fr)); } .md\:flex-col { flex-direction: column; } .md\:flex-col-reverse { flex-direction: column-reverse; } .md\:flex-row { flex-direction: row; } .md\:flex-row\! { flex-direction: row !important; } .md\:flex-row-reverse { flex-direction: row-reverse; } .md\:items-center { align-items: center; } .md\:items-end { align-items: flex-end; } .md\:items-start { align-items: flex-start; } .md\:justify-between { justify-content: space-between; } .md\:justify-center { justify-content: center; } .md\:justify-end { justify-content: flex-end; } .md\:justify-start { justify-content: flex-start; } .md\:gap-\(--f-gap-desk\) { gap: var(--f-gap-desk); } .md\:gap-2 { gap: calc(var(--spacing) * 2); } .md\:gap-4 { gap: calc(var(--spacing) * 4); } .md\:gap-8 { gap: calc(var(--spacing) * 8); } .md\:gap-\[16px\] { gap: 16px; } .md\:gap-x-2 { column-gap: calc(var(--spacing) * 2); } .md\:gap-x-4 { column-gap: calc(var(--spacing) * 4); } .md\:overflow-visible { overflow: visible; } .md\:rounded-xl { border-radius: var(--radius-xl); } .md\:border-r { border-right-style: var(--tw-border-style); border-right-width: 1px; } .md\:p-6 { padding: calc(var(--spacing) * 6); } .md\:px-\(--ds-container-px\) { padding-inline: var(--ds-container-px); } .md\:px-0 { padding-inline: calc(var(--spacing) * 0); } .md\:px-4 { padding-inline: calc(var(--spacing) * 4); } .md\:px-4\! { padding-inline: calc(var(--spacing) * 4) !important; } .md\:px-5 { padding-inline: calc(var(--spacing) * 5); } .md\:px-8 { padding-inline: calc(var(--spacing) * 8); } .md\:px-10 { padding-inline: calc(var(--spacing) * 10); } .md\:px-14 { padding-inline: calc(var(--spacing) * 14); } .md\:px-\[20px\] { padding-inline: 20px; } .md\:py-6 { padding-block: calc(var(--spacing) * 6); } .md\:py-8 { padding-block: calc(var(--spacing) * 8); } .md\:py-\[10px\] { padding-block: 10px; } .md\:pt-\(--content-pt-desk\) { padding-top: var(--content-pt-desk); } .md\:pt-8 { padding-top: calc(var(--spacing) * 8); } .md\:pr-4 { padding-right: calc(var(--spacing) * 4); } .md\:pb-\(--content-pb-desk\) { padding-bottom: var(--content-pb-desk); } .md\:pb-4 { padding-bottom: calc(var(--spacing) * 4); } .md\:pl-6 { padding-left: calc(var(--spacing) * 6); } .md\:text-center { text-align: center; } .md\:text-left { text-align: left; } .md\:text-left\! { text-align: left !important; } .md\:text-right { text-align: right; } .md\:ds-mono-12 { text-transform: uppercase; font-family: var(--font-gt-america); letter-spacing: 0.04em; font-size: 12px; font-weight: 500; } .md\:text-\[14px\] { font-size: 14px; } .md\:text-\[28px\] { font-size: 28px; } .md\:text-\[48px\] { font-size: 48px; } :where(.is-open) .md\:in-\[\.is-open\]\:translate-y-0 { --tw-translate-y: calc(var(--spacing) * 0); translate: var(--tw-translate-x) var(--tw-translate-y); } @media not all and (min-width: 1024px) { .md\:max-lg\:grid { display: grid; } } } @media (min-width: 1024px) { .lg\:sticky { position: sticky; } .lg\:top-4 { top: calc(var(--spacing) * 4); } .lg\:right-10 { right: calc(var(--spacing) * 10); } .lg\:right-\[40px\] { right: 40px; } .lg\:bottom-10 { bottom: calc(var(--spacing) * 10); } .lg\:bottom-17 { bottom: calc(var(--spacing) * 17); } .lg\:left-14 { left: calc(var(--spacing) * 14); } .lg\:order-0 { order: 0; } .lg\:col-span-4 { grid-column: span 4 / span 4; } .lg\:col-span-8 { grid-column: span 8 / span 8; } .lg\:-mt-1\.5 { margin-top: calc(var(--spacing) * -1.5); } .lg\:mt-3 { margin-top: calc(var(--spacing) * 3); } .lg\:mt-12 { margin-top: calc(var(--spacing) * 12); } .lg\:mt-\[30px\] { margin-top: 30px; } .lg\:mb-\(--mb\) { margin-bottom: var(--mb); } .lg\:mb-\(--mb-d\) { margin-bottom: var(--mb-d); } .lg\:mb-0 { margin-bottom: calc(var(--spacing) * 0); } .lg\:mb-6 { margin-bottom: calc(var(--spacing) * 6); } .lg\:mb-8 { margin-bottom: calc(var(--spacing) * 8); } .lg\:mb-12 { margin-bottom: calc(var(--spacing) * 12); } .lg\:block { display: block; } .lg\:flex { display: flex; } .lg\:grid { display: grid; } .lg\:hidden { display: none; } .lg\:inline { display: inline; } .lg\:aspect-auto { aspect-ratio: auto; } .lg\:aspect-square { aspect-ratio: 1 / 1; } .lg\:h-\[64px\] { height: 64px; } .lg\:w-\(--media-w\) { width: var(--media-w); } .lg\:w-\(--text-w\) { width: var(--text-w); } .lg\:w-11 { width: calc(var(--spacing) * 11); } .lg\:w-35 { width: calc(var(--spacing) * 35); } .lg\:w-50 { width: calc(var(--spacing) * 50); } .lg\:w-\[calc\(50\%-var\(--media-gap\)\/2\)\] { width: calc(50% - var(--media-gap) / 2); } .lg\:w-full { width: 100%; } .lg\:max-w-\(--container-max-w-desk\) { max-width: var(--container-max-w-desk); } .lg\:max-w-\[600px\] { max-width: 600px; } .lg\:min-w-\[122px\] { min-width: 122px; } .lg\:flex-1 { flex: 1 1 0%; } .lg\:shrink-0 { flex-shrink: 0; } .lg\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0px, 1fr)); } .lg\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0px, 1fr)); } .lg\:grid-cols-5 { grid-template-columns: repeat(5, minmax(0px, 1fr)); } .lg\:grid-cols-8 { grid-template-columns: repeat(8, minmax(0px, 1fr)); } .lg\:grid-cols-12 { grid-template-columns: repeat(12, minmax(0px, 1fr)); } .lg\:grid-cols-\[1fr\] { grid-template-columns: 1fr; } .lg\:flex-col { flex-direction: column; } .lg\:flex-row { flex-direction: row; } .lg\:flex-row-reverse { flex-direction: row-reverse; } .lg\:flex-wrap { flex-wrap: wrap; } .lg\:items-center { align-items: center; } .lg\:items-start { align-items: flex-start; } .lg\:items-stretch { align-items: stretch; } .lg\:gap-2 { gap: calc(var(--spacing) * 2); } .lg\:gap-3 { gap: calc(var(--spacing) * 3); } .lg\:gap-5 { gap: calc(var(--spacing) * 5); } .lg\:gap-10 { gap: calc(var(--spacing) * 10); } .lg\:gap-12 { gap: calc(var(--spacing) * 12); } .lg\:gap-24 { gap: calc(var(--spacing) * 24); } .lg\:self-start { align-self: flex-start; } .lg\:rounded-lg { border-radius: var(--radius-lg); } .lg\:border-r { border-right-style: var(--tw-border-style); border-right-width: 1px; } .lg\:border-r\! { border-right-style: var(--tw-border-style) !important; border-right-width: 1px !important; } .lg\:border-b { border-bottom-style: var(--tw-border-style); border-bottom-width: 1px; } .lg\:p-1 { padding: calc(var(--spacing) * 1); } .lg\:p-6 { padding: calc(var(--spacing) * 6); } .lg\:px-0 { padding-inline: calc(var(--spacing) * 0); } .lg\:px-6 { padding-inline: calc(var(--spacing) * 6); } .lg\:px-8 { padding-inline: calc(var(--spacing) * 8); } .lg\:px-10 { padding-inline: calc(var(--spacing) * 10); } .lg\:px-14 { padding-inline: calc(var(--spacing) * 14); } .lg\:px-\[0\] { padding-inline: 0px; } .lg\:px-\[15px\] { padding-inline: 15px; } .lg\:py-3 { padding-block: calc(var(--spacing) * 3); } .lg\:py-3\.5 { padding-block: calc(var(--spacing) * 3.5); } .lg\:py-20 { padding-block: calc(var(--spacing) * 20); } .lg\:ps-\(--px-left-desk\) { padding-inline-start: var(--px-left-desk); } .lg\:pe-\(--px-right-desk\) { padding-inline-end: var(--px-right-desk); } .lg\:pt-\(--pt-desk\) { padding-top: var(--pt-desk); } .lg\:pt-\(--py-top-desk\) { padding-top: var(--py-top-desk); } .lg\:pt-0 { padding-top: calc(var(--spacing) * 0); } .lg\:pt-\[10px\] { padding-top: 10px; } .lg\:pr-\(--pr-desk\) { padding-right: var(--pr-desk); } .lg\:pr-8 { padding-right: calc(var(--spacing) * 8); } .lg\:pr-\[0\] { padding-right: 0px; } .lg\:pr-\[56px\] { padding-right: 56px; } .lg\:pb-\(--pb-desk\) { padding-bottom: var(--pb-desk); } .lg\:pb-\(--py-bottom-desk\) { padding-bottom: var(--py-bottom-desk); } .lg\:pb-0 { padding-bottom: calc(var(--spacing) * 0); } .lg\:pb-5 { padding-bottom: calc(var(--spacing) * 5); } .lg\:pl-\(--pl-desk\) { padding-left: var(--pl-desk); } .lg\:pl-0 { padding-left: calc(var(--spacing) * 0); } .lg\:pl-6 { padding-left: calc(var(--spacing) * 6); } .lg\:pl-\[0\] { padding-left: 0px; } .lg\:pl-\[58px\] { padding-left: 58px; } .lg\:text-left { text-align: left; } .lg\:ds-mono-12 { text-transform: uppercase; font-family: var(--font-gt-america); letter-spacing: 0.04em; font-size: 12px; font-weight: 500; } .lg\:text-\[38px\] { font-size: 38px; } .lg\:text-\[40px\] { font-size: 40px; } .lg\:text-\[56px\] { font-size: 56px; } .lg\:leading-\[50px\] { --tw-leading: 50px; line-height: 50px; } .lg\:tracking-\[0\.48px\] { --tw-tracking: .48px; letter-spacing: 0.48px; } .lg\:tracking-\[0px\] { --tw-tracking: 0px; letter-spacing: 0px; } .lg\:text-nowrap { text-wrap: nowrap; } .lg\:whitespace-nowrap { white-space: nowrap; } } @media (min-width: 1280px) { .xl\:pointer-events-none { pointer-events: none; } .xl\:absolute { position: absolute; } .xl\:mb-0 { margin-bottom: calc(var(--spacing) * 0); } .xl\:ml-12 { margin-left: calc(var(--spacing) * 12); } .xl\:block { display: block; } .xl\:flex { display: flex; } .xl\:hidden { display: none; } .xl\:inline { display: inline; } .xl\:h-0 { height: calc(var(--spacing) * 0); } .xl\:h-128 { height: calc(var(--spacing) * 128); } .xl\:h-\[414px\] { height: 414px; } .xl\:w-53\.5 { width: calc(var(--spacing) * 53.5); } .xl\:w-\[488px\] { width: 488px; } .xl\:max-w-40 { max-width: calc(var(--spacing) * 40); } .xl\:min-w-34 { min-width: calc(var(--spacing) * 34); } .xl\:basis-auto { flex-basis: auto; } .xl\:-translate-y-2 { --tw-translate-y: calc(var(--spacing) * -2); translate: var(--tw-translate-x) var(--tw-translate-y); } .xl\:grid-cols-10 { grid-template-columns: repeat(10, minmax(0px, 1fr)); } .xl\:grid-cols-\[auto_auto\] { grid-template-columns: auto auto; } .xl\:flex-row { flex-direction: row; } .xl\:flex-wrap { flex-wrap: wrap; } .xl\:items-center { align-items: center; } .xl\:justify-start { justify-content: flex-start; } .xl\:gap-6 { gap: calc(var(--spacing) * 6); } .xl\:gap-8 { gap: calc(var(--spacing) * 8); } .xl\:gap-x-4 { column-gap: calc(var(--spacing) * 4); } .xl\:px-6 { padding-inline: calc(var(--spacing) * 6); } .xl\:px-16 { padding-inline: calc(var(--spacing) * 16); } .xl\:py-7 { padding-block: calc(var(--spacing) * 7); } .xl\:py-12 { padding-block: calc(var(--spacing) * 12); } .xl\:pt-8 { padding-top: calc(var(--spacing) * 8); } .xl\:tracking-\[0\.4px\] { --tw-tracking: .4px; letter-spacing: 0.4px; } .xl\:opacity-0 { opacity: 0; } @media (hover: hover) { .xl\:group-hover\:pointer-events-auto:is(:where(.group):hover *) { pointer-events: auto; } .xl\:group-hover\:-bottom-12:is(:where(.group):hover *) { bottom: calc(var(--spacing) * -12); } .xl\:group-hover\:translate-y-2:is(:where(.group):hover *) { --tw-translate-y: calc(var(--spacing) * 2); translate: var(--tw-translate-x) var(--tw-translate-y); } .xl\:group-hover\:opacity-0:is(:where(.group):hover *) { opacity: 0; } .xl\:group-hover\:opacity-100:is(:where(.group):hover *) { opacity: 1; } } } @media (min-width: 1440px) { .\32 xl\:gap-\[70px\] { gap: 70px; } } .\[\&\]\:tracking-normal { --tw-tracking: var(--tracking-normal); letter-spacing: var(--tracking-normal); } .\[\&_\.ds-icon\]\:ds-mono-12 .ds-icon { text-transform: uppercase; font-family: var(--font-gt-america); letter-spacing: 0.04em; font-size: 12px; font-weight: 500; } .\[\&_\.rte\]\:inline .rte { display: inline; } .\[\&_\.rte\]\:leading-snug .rte { --tw-leading: var(--leading-snug); line-height: var(--leading-snug); } @media (min-width: 640px) { .sm\:\[\&_br\]\:hidden br { display: none; } } @media (min-width: 1024px) { .lg\:\[\&_br\]\:hidden br { display: none; } } .\[\&_input\]\:m-0 input, .\[\&_label\]\:m-0 label, .\[\&_p\]\:m-0 p { margin: calc(var(--spacing) * 0); } .\[\&_p\]\:mt-0 p { margin-top: calc(var(--spacing) * 0); } .\[\&_p\]\:mb-3 p { margin-bottom: calc(var(--spacing) * 3); } .\[\&_p\]\:pb-0\.75 p { padding-bottom: calc(var(--spacing) * .75); } .\[\&_p\]\:font-graphik p { font-family: var(--font-graphik); } .\[\&_p\]\:text-inherit p { color: inherit; } .\[\&_path\]\:fill-none path { fill: none; } .\[\&_path\]\:fill-white path, .\[\&_rect\]\:fill-white rect { fill: var(--color-white); } .\[\&_strong\]\:font-semibold strong { --tw-font-weight: var(--font-weight-semibold); font-weight: var(--font-weight-semibold); } .\[\&_strong\]\:text-\[\#282828\] strong { color: rgb(40, 40, 40); } .\[\&_svg\]\:h-full svg { height: 100%; } .\[\&_svg\]\:w-full svg { width: 100%; } .\[\&_td\]\:border td { border-style: var(--tw-border-style); border-width: 1px; } .\[\&_td\]\:border-gray-300 td { border-color: var(--color-gray-300); } .\[\&_td\]\:p-2 td { padding: calc(var(--spacing) * 2); } .\[\&_th\]\:border th { border-style: var(--tw-border-style); border-width: 1px; } .\[\&_th\]\:border-gray-300 th { border-color: var(--color-gray-300); } .\[\&_th\]\:bg-black\/10 th { background-color: rgba(0, 0, 0, 0.1); } @supports (color:color-mix(in lab,red,red)) { .\[\&_th\]\:bg-black\/10 th { background-color: color-mix(in oklab,var(--color-black) 10%,transparent); } } .\[\&_th\]\:p-2 th { padding: calc(var(--spacing) * 2); } .\[\&_th\]\:text-\[\#777\] th { color: rgb(119, 119, 119); } .\[\&\.is-active\]\:border-white.is-active { border-color: var(--color-white); } .\[\&\.is-active\]\:ring-1.is-active { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor); box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow); } .\[\&\.is-active\]\:ring-black.is-active { --tw-ring-color: var(--color-black); } .\[\&\.is-active\]\:ring-offset-2.is-active { --tw-ring-offset-width: 2px; --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); } .\[\&\.is-active\]\:outline-\(--color-primary\).is-active { outline-color: var(--color-primary); } .\[\&\.is-open\]\:pointer-events-auto.is-open { pointer-events: auto; } .\[\&\.is-open\]\:translate-y-0.is-open { --tw-translate-y: calc(var(--spacing) * 0); translate: var(--tw-translate-x) var(--tw-translate-y); } .\[\&\.is-open\]\:opacity-100.is-open { opacity: 1; } .\[\&\.is-sticky\]\:fixed.is-sticky { position: fixed; } .\[\&\.is-sticky\]\:top-0.is-sticky { top: calc(var(--spacing) * 0); } .\[\&\.is-sticky\]\:top-14\!.is-sticky { top: calc(var(--spacing) * 14) !important; } .\[\&\.is-sticky\]\:left-0.is-sticky { left: calc(var(--spacing) * 0); } .\[\&\.is-sticky\]\:z-50.is-sticky { z-index: 50; } .\[\&\.is-sticky\]\:h-\[calc\(100dvh-56px\)\].is-sticky { height: calc(100dvh - 56px); } @media (min-width: 640px) { .sm\:\[\&\.is-sticky\]\:fixed.is-sticky { position: fixed; } .sm\:\[\&\.is-sticky\]\:top-14.is-sticky { top: calc(var(--spacing) * 14); } .sm\:\[\&\.is-sticky\]\:left-0.is-sticky { left: calc(var(--spacing) * 0); } .sm\:\[\&\.is-sticky\]\:z-50.is-sticky { z-index: 50; } } .\[\&\:not\(\.hidden\)\]\:inline-flex:not(.hidden) { display: inline-flex; } .\[\&\>\*\:last-child\]\:mb-0\! > :last-child { margin-bottom: calc(var(--spacing) * 0) !important; } .last\:\[\&\>button\>div\]\:shadow-\[inset_0_1px_0_0_\#282828\,inset_0_-1px_0_0_\#282828\]:last-child > button > div { --tw-shadow: inset 0 1px 0 0 var(--tw-shadow-color,#282828), inset 0 -1px 0 0 var(--tw-shadow-color,#282828); box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow); } @media (min-width: 1024px) { @media not all and (min-width: 1280px) { .lg\:max-xl\:\[\&\>h2\]\:text-\[60px\]\! > h2 { font-size: 60px !important; } } } .\[\&\>p\]\:my-3\.5 > p { margin-block: calc(var(--spacing) * 3.5); } .\[\&\>p\:first-child\]\:mt-0 > p:first-child { margin-top: calc(var(--spacing) * 0); } .\[\&\>p\:last-child\]\:mb-0 > p:last-child { margin-bottom: calc(var(--spacing) * 0); } .is-sticky .\[\.is-sticky_\&\]\:h-\[calc\(100dvh-56px\)\] { height: calc(100dvh - 56px); } .ds-scroll-x-no-scrollbar { scrollbar-width: none; } .ds-scroll-x-no-scrollbar::-webkit-scrollbar { display: none; } .container { margin-inline: auto; } @media (min-width: 640px) { .container { max-width: 640px; } } @media (min-width: 768px) { .container { max-width: 768px; } } @media (min-width: 1024px) { .container { max-width: 1024px; } } @media (min-width: 1280px) { .container { max-width: 1280px; } } @media (min-width: 1440px) { .container { max-width: calc(1536px + 64px); } } .pin { inset-block: calc(var(--spacing) * 0); inset-inline: calc(var(--spacing) * 0); } .pin-x { inset-inline: calc(var(--spacing) * 0); } } .splide__container { box-sizing: border-box; position: relative; } .splide__list { backface-visibility: hidden; height: 100%; display: flex; margin: 0px !important; padding: 0px !important; } .splide.is-initialized:not(.is-active) .splide__list { display: block; } .splide__pagination { pointer-events: none; flex-wrap: wrap; justify-content: center; align-items: center; margin: 0px; display: flex; } .splide__pagination li { pointer-events: auto; margin: 0px; line-height: 1; list-style-type: none; display: inline-block; } .splide:not(.is-overflow) .splide__pagination { display: none; } .splide__progress__bar { width: 0px; } .splide { visibility: hidden; position: relative; } .splide.is-initialized, .splide.is-rendered { visibility: visible; } .splide__slide { backface-visibility: hidden; box-sizing: border-box; flex-shrink: 0; margin: 0px; position: relative; list-style-type: none !important; } .splide__slide img { vertical-align: bottom; } .splide__spinner { contain: strict; border-width: 2px; border-style: solid; border-color: rgb(153, 153, 153) rgb(153, 153, 153) rgb(153, 153, 153) rgba(0, 0, 0, 0); border-image: none; border-radius: 50%; width: 20px; height: 20px; margin: auto; animation: 1s linear 0s infinite normal none running splide-loading; display: inline-block; position: absolute; inset: 0px; } .splide__sr { clip: rect(0px, 0px, 0px, 0px); border: 0px; width: 1px; height: 1px; margin: -1px; padding: 0px; position: absolute; overflow: hidden; } .splide__toggle.is-active .splide__toggle__play, .splide__toggle__pause { display: none; } .splide__toggle.is-active .splide__toggle__pause { display: inline; } .splide__track { z-index: 0; position: relative; overflow: hidden; } @keyframes splide-loading { 0% { transform: rotate(0deg); } 100% { transform: rotate(1turn); } } .splide__track--draggable { user-select: none; } .splide__track--fade > .splide__list > .splide__slide { opacity: 0; z-index: 0; margin: 0px !important; } .splide__track--fade > .splide__list > .splide__slide.is-active { opacity: 1; z-index: 1; } .splide--rtl { direction: rtl; } .splide__track--ttb > .splide__list { display: block; } .splide__arrow { cursor: pointer; opacity: 0.7; z-index: 1; background: rgb(204, 204, 204); border: 0px; border-radius: 50%; justify-content: center; align-items: center; width: 2em; height: 2em; padding: 0px; display: flex; position: absolute; top: 50%; transform: translateY(-50%); } .splide__arrow svg { fill: rgb(0, 0, 0); width: 1.2em; height: 1.2em; } .splide__arrow:hover:not(:disabled) { opacity: 0.9; } .splide__arrow:disabled { opacity: 0.3; } .splide__arrow:focus-visible { outline-offset: 3px; outline: rgb(0, 187, 255) solid 3px; } .splide__arrow--prev { left: 1em; } .splide__arrow--prev svg { transform: scaleX(-1); } .splide__arrow--next { right: 1em; } .splide.is-focus-in .splide__arrow:focus { outline-offset: 3px; outline: rgb(0, 187, 255) solid 3px; } .splide__pagination { z-index: 1; padding: 0px 1em; position: absolute; bottom: 0.5em; left: 0px; right: 0px; } .splide__pagination__page { opacity: 0.7; background: rgb(204, 204, 204); border: 0px; border-radius: 50%; width: 8px; height: 8px; margin: 3px; padding: 0px; transition: transform 0.2s linear; display: inline-block; position: relative; } .splide__pagination__page.is-active { z-index: 1; background: rgb(255, 255, 255); transform: scale(1.4); } .splide__pagination__page:hover { cursor: pointer; opacity: 0.9; } .splide__pagination__page:focus-visible, .splide.is-focus-in .splide__pagination__page:focus { outline-offset: 3px; outline: rgb(0, 187, 255) solid 3px; } .splide__progress__bar { background: rgb(204, 204, 204); height: 3px; } .splide__slide { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .splide__slide:focus { outline: 0px; } @supports (outline-offset:-3px) { .splide__slide:focus-visible { outline-offset: -3px; outline: rgb(0, 187, 255) solid 3px; } } @media screen and (-ms-high-contrast:none) { .splide__slide:focus-visible { border: 3px solid rgb(0, 187, 255); } } @supports (outline-offset:-3px) { .splide.is-focus-in .splide__slide:focus { outline-offset: -3px; outline: rgb(0, 187, 255) solid 3px; } } @media screen and (-ms-high-contrast:none) { .splide.is-focus-in .splide__slide:focus { border: 3px solid rgb(0, 187, 255); } .splide.is-focus-in .splide__track > .splide__list > .splide__slide:focus { border-color: rgb(0, 187, 255); } } .splide__toggle { cursor: pointer; } .splide__toggle:focus-visible, .splide.is-focus-in .splide__toggle:focus { outline-offset: 3px; outline: rgb(0, 187, 255) solid 3px; } .splide__track--nav > .splide__list > .splide__slide { cursor: pointer; border: 3px solid rgba(0, 0, 0, 0); } .splide__track--nav > .splide__list > .splide__slide.is-active { border: 3px solid rgb(0, 0, 0); } .splide__arrows--rtl .splide__arrow--prev { left: auto; right: 1em; } .splide__arrows--rtl .splide__arrow--prev svg { transform: scaleX(1); } .splide__arrows--rtl .splide__arrow--next { left: 1em; right: auto; } .splide__arrows--rtl .splide__arrow--next svg { transform: scaleX(-1); } .splide__arrows--ttb .splide__arrow { left: 50%; transform: translate(-50%); } .splide__arrows--ttb .splide__arrow--prev { top: 1em; } .splide__arrows--ttb .splide__arrow--prev svg { transform: rotate(-90deg); } .splide__arrows--ttb .splide__arrow--next { top: auto; bottom: 1em; } .splide__arrows--ttb .splide__arrow--next svg { transform: rotate(90deg); } .splide__pagination--ttb { flex-direction: column; padding: 1em 0px; display: flex; inset: 0px 0.5em 0px auto; } .ds-pagination .splide__pagination__page { width: var(--pag-dot-size,8px) !important; height: var(--pag-dot-size,8px) !important; background: var(--cl-pag-dot,#282828) !important; opacity: 0.2 !important; border: 0px !important; border-radius: 50% !important; margin: 0px 3px !important; transition: 0.5s ease-in-out !important; } .ds-pagination .splide__pagination__page.is-active { opacity: 1 !important; background: var(--cl-pag-dot-active,#282828) !important; transform: scale(1.2) !important; } .ds-product-tag-badges { top: calc(var(--badge-offset-m,12) * 1px); left: calc(var(--badge-offset-m,12) * 1px); } @media (min-width: 768px) { .ds-product-tag-badges { top: calc(var(--badge-offset-d,12) * 1px); left: calc(var(--badge-offset-d,12) * 1px); } } .ds-product-tag-badges__pill { font-size: calc(var(--tag-badge-fs-m,10) * 1px); padding: calc(var(--badge-pad-y-m,3) * 1px) calc(var(--badge-pad-x-m,6) * 1px); } @media (min-width: 768px) { .ds-product-tag-badges__pill { font-size: calc(var(--tag-badge-fs-d,10) * 1px); padding: calc(var(--badge-pad-y-d,3) * 1px) calc(var(--badge-pad-x-d,6) * 1px); } } .ds-per-pair-line { font-family: var(--font-gt-america); text-transform: uppercase; letter-spacing: 0.04em; font-weight: 500; font-size: calc(var(--pp-fs-m,10) * 1px); } @media (min-width: 768px) { .ds-per-pair-line { font-size: calc(var(--pp-fs-d,10) * 1px); } } .js-swatch.rounded-full, .js-pdp-swatch.rounded-full, .js-compare-swatch.rounded-full { width: var(--sw-size,var(--ds-swatch-size,20px)) !important; height: var(--sw-size,var(--ds-swatch-size,20px)) !important; border-radius: var(--sw-radius,var(--ds-swatch-radius,9999px)) !important; } .js-swatch.rounded-full *, .js-pdp-swatch.rounded-full *, .js-compare-swatch.rounded-full * { border-radius: inherit !important; } @media (max-width: 1023px) { body.ds-swatch-expand-touch .js-swatch.rounded-full, body.ds-swatch-expand-touch .js-pdp-swatch.rounded-full, body.ds-swatch-expand-touch .js-compare-swatch.rounded-full { position: relative !important; } body.ds-swatch-expand-touch .js-swatch.rounded-full::after, body.ds-swatch-expand-touch .js-pdp-swatch.rounded-full::after, body.ds-swatch-expand-touch .js-compare-swatch.rounded-full::after { content: "" !important; cursor: pointer !important; z-index: 10 !important; width: calc(100% + 8px) !important; height: 44px !important; position: absolute !important; top: 50% !important; left: 50% !important; transform: translate(-50%, -50%) !important; } .ds-product-card[data-card-variant="collection"] .ds-product-card__collection-mobile-engine.splide__track { z-index: 15; opacity: 0; height: 100%; position: absolute; inset: 0px; } .ds-product-card[data-card-variant="collection"] .ds-product-card__collection-mobile-engine.splide__track > .splide__list, .ds-product-card[data-card-variant="collection"] .ds-product-card__collection-mobile-engine.splide__track > .splide__list > .splide__slide { height: 100%; } } :root { --junipPrimaryColor: #282828; --junipButtonColor: #073026; --junipButtonOutlineColor: #486a58; --junipStarColor: #282828; --junipButtonTextColor: #fff; --junipBorderColor: #282828; --junipSurfaceColor: #f8f6f2; --cl-stars: #282828; --cl-bars-fill: #282828; --cl-bars-bg: #e5dcca; --cl-btn-bg: #073026; --cl-btn-text: #fff; --cl-bg: transparent; --cl-summary-bg: #f8f6f2; --cl-summary-border: #282828; --cl-title: #282828; --pt-desk: 80px; --pb-desk: 80px; --pt-mob: 40px; --pb-mob: 40px; --summary-p-desk: 32px; --summary-p-mob: 24px; --title-fs-desk: 72px; --title-fs-mob: 48px; --title-align: left; --title-case: none; --title-mb-desk: 48px; --title-mb-mob: 32px; --prompt-text: "what did you think?"; --rev-name-desk: 14px; --rev-name-mob: 14px; --rev-title-desk: 20px; --rev-title-mob: 18px; --rev-body-desk: 16px; --rev-body-mob: 14px; --rev-meta-desk: 12px; --rev-meta-mob: 12px; } #ds-junip-reviews-static .junip-product-review-summary-wrapper, [data-ds-junip-reviews] .junip-product-review-summary-wrapper { background-color: var(--cl-summary-bg,var(--junipSurfaceColor)); border-top-color: ; border-top-style: ; border-top-width: ; border-right-color: ; border-right-style: ; border-right-width: ; border-left-color: ; border-left-style: ; border-left-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor; border-radius: 8px 8px 0px 0px; margin: 0px; padding: 0px; } #ds-junip-reviews-static .junip-separator, [data-ds-junip-reviews] .junip-separator { background-color: var(--cl-summary-bg,var(--junipSurfaceColor)); border-left: 1px solid var(--cl-summary-border,var(--junipBorderColor)); border-right: 1px solid var(--cl-summary-border,var(--junipBorderColor)); border-top: 1px solid var(--cl-summary-border,var(--junipBorderColor)); opacity: 1; height: 1px; margin: 0px; padding: 0px; line-height: 1; display: block; overflow: hidden; } .junip-gallery-container + .junip-separator { opacity: 0; display: none !important; } #ds-junip-reviews-static .junip-gallery-container, [data-ds-junip-reviews] .junip-gallery-container { background-color: var(--cl-summary-bg); border-right-color: ; border-right-style: ; border-right-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-left-color: ; border-left-style: ; border-left-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-top-width: medium; border-top-style: none; border-top-color: currentcolor; border-radius: 0px 0px 8px 8px; margin: 0px; padding: 24px; } #ds-junip-reviews-static .junip-filters-container, [data-ds-junip-reviews] .junip-filters-container { grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)); } #ds-junip-reviews-static .junip-product-review-title, [data-ds-junip-reviews] .junip-product-review-title { margin-top: 0px; margin-bottom: var(--title-mb-mob); color: var(--cl-title); font-family: var(--font-heading); font-size: var(--title-fs-mob); text-align: var(--title-align); text-transform: var(--title-case); letter-spacing: 0.02em; } @media (min-width: 1024px) { #ds-junip-reviews-static .junip-product-review-title, [data-ds-junip-reviews] .junip-product-review-title { margin-bottom: var(--title-mb-desk); font-size: var(--title-fs-desk); } } #ds-junip-reviews-static .junip-product-review-summary-container, [data-ds-junip-reviews] .junip-product-review-summary-container { flex-wrap: wrap !important; margin-bottom: 0px !important; display: flex !important; } #ds-junip-reviews-static .junip-product-review-summary-actions, [data-ds-junip-reviews] .junip-product-review-summary-actions { gap: 0px; width: 100%; } main.template-name-product #ds-junip-reviews-static .junip-product-review-summary-actions, main.template-name-product #ds-junip-reviews-static .junip-traits-container, [data-ds-junip-reviews="product"] .junip-product-review-summary-actions, [data-ds-junip-reviews="product"] .junip-traits-container, [data-ds-junip-reviews] .junip-product-review-summary-actions, [data-ds-junip-reviews] .junip-traits-container { display: none !important; } #ds-junip-reviews-static .junip-product-review-summary-actions::before, [data-ds-junip-reviews] .junip-product-review-summary-actions::before { content: var(--prompt-text); font-family: var(--font-secondary); letter-spacing: 0.56px; text-transform: uppercase; color: var(--cl-title); margin-bottom: 16px; font-size: 14px; font-weight: 500; line-height: 100%; display: none; } #ds-junip-reviews-static .junip-product-review-summary-actions:has(.junip-write-review-cta)::before, [data-ds-junip-reviews] .junip-product-review-summary-actions:has(.junip-write-review-cta)::before { display: block; } #ds-junip-reviews-static .junip-product-review-summary-flex-wrapper, [data-ds-junip-reviews] .junip-product-review-summary-flex-wrapper { flex-direction: column !important; } @media (min-width: 1024px) { #ds-junip-reviews-static .junip-product-review-summary-container, [data-ds-junip-reviews] .junip-product-review-summary-container { grid-template-columns: repeat(3, auto) !important; align-items: stretch !important; gap: 0px !important; width: 100% !important; display: grid !important; } main.template-name-product #ds-junip-reviews-static .junip-product-review-summary-container, [data-ds-junip-reviews="product"] .junip-product-review-summary-container, [data-ds-junip-reviews] .junip-product-review-summary-container { grid-template-columns: repeat(1, auto) !important; } #ds-junip-reviews-static .junip-product-review-summary-flex-wrapper, [data-ds-junip-reviews] .junip-product-review-summary-flex-wrapper { grid-template-columns: repeat(2, 1fr) !important; align-items: stretch !important; gap: 0px !important; width: 100% !important; display: grid !important; } #ds-junip-reviews-static .junip-product-review-summary-wrapper .junip-product-review-average-container, #ds-junip-reviews-static .junip-product-review-summary-wrapper .junip-product-review-bars-container, #ds-junip-reviews-static .junip-product-review-summary-wrapper .junip-traits-container, [data-ds-junip-reviews] .junip-product-review-summary-wrapper .junip-product-review-average-container, [data-ds-junip-reviews] .junip-product-review-summary-wrapper .junip-product-review-bars-container, [data-ds-junip-reviews] .junip-product-review-summary-wrapper .junip-traits-container { border-right: 1px solid var(--cl-summary-border); padding: var(--summary-p-desk); width: auto; max-width: 100%; } main.template-name-product #ds-junip-reviews-static .junip-product-review-summary-wrapper .junip-product-review-bars-container, [data-ds-junip-reviews="product"] .junip-product-review-summary-wrapper .junip-product-review-bars-container, [data-ds-junip-reviews] .junip-product-review-summary-wrapper .junip-product-review-bars-container { border-right-width: medium; border-right-style: none; border-right-color: currentcolor; } #ds-junip-reviews-static .junip-trait-container, [data-ds-junip-reviews] .junip-trait-container { flex-direction: column; justify-content: center; align-items: normal; width: 100%; display: flex; } #ds-junip-reviews-static .junip-product-review-summary-actions, [data-ds-junip-reviews] .junip-product-review-summary-actions { padding: var(--summary-p-desk); flex-direction: column; justify-content: center; align-items: center; width: 100%; display: flex; } } @media (max-width: 1023px) { #ds-junip-reviews-static .junip-product-review-average-container, #ds-junip-reviews-static .junip-product-review-bars-container, #ds-junip-reviews-static .junip-traits-container, #ds-junip-reviews-static .junip-product-review-summary-actions, [data-ds-junip-reviews] .junip-product-review-average-container, [data-ds-junip-reviews] .junip-product-review-bars-container, [data-ds-junip-reviews] .junip-traits-container, [data-ds-junip-reviews] .junip-product-review-summary-actions { padding: var(--summary-p-mob); border-bottom: 1px solid var(--cl-summary-border); width: 100%; } main.template-name-product #ds-junip-reviews-static .junip-product-review-bars-container, main.template-name-product #ds-junip-reviews-static .junip-product-review-summary-actions, [data-ds-junip-reviews="product"] .junip-product-review-bars-container, [data-ds-junip-reviews="product"] .junip-product-review-summary-actions, [data-ds-junip-reviews] .junip-product-review-bars-container, [data-ds-junip-reviews] .junip-product-review-summary-actions { border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor; } } #ds-junip-reviews-static .junip-product-review-average, [data-ds-junip-reviews] .junip-product-review-average { font-family: var(--font-heading); color: var(--cl-title); text-align: left; margin-bottom: 8px; font-size: 56px; font-weight: 700; line-height: 0.9; display: block; } #ds-junip-reviews-static .junip-product-review-count, [data-ds-junip-reviews] .junip-product-review-count { font-family: var(--font-primary); color: var(--cl-title); opacity: 0.6; text-align: left; font-size: 14px; display: block; } #ds-junip-reviews-static .junip-star-filled, #ds-junip-reviews-static .junip-star-outline, [data-ds-junip-reviews] .junip-star-filled, [data-ds-junip-reviews] .junip-star-outline { background-color: var(--cl-stars); width: 18px; height: 18px; display: inline-block; mask-position: 50% center; mask-size: contain; mask-repeat: no-repeat; } #ds-junip-reviews-static .junip-star-filled, [data-ds-junip-reviews] .junip-star-filled { mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 18.324L19.416 22.8L17.448 14.364L24 8.688L15.372 7.956L12 0L8.628 7.956L0 8.688L6.552 14.364L4.584 22.8L12 18.324Z' fill='black'/%3E%3C/svg%3E"); } #ds-junip-reviews-static .junip-star-outline, [data-ds-junip-reviews] .junip-star-outline { mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.7695 2.46484C11.8557 2.26167 12.1443 2.26167 12.2305 2.46484L14.4463 7.69336C14.6995 8.29089 15.2625 8.69893 15.9092 8.75391L21.5752 9.23535C21.7953 9.25423 21.8846 9.52806 21.7178 9.67285L17.4131 13.4023C16.9223 13.8277 16.707 14.4896 16.8545 15.1221L18.1475 20.6621C18.1977 20.8775 17.9637 21.0478 17.7744 20.9336L12.9043 17.9941C12.3482 17.6585 11.6518 17.6585 11.0957 17.9941L6.22559 20.9336C6.03626 21.0478 5.8023 20.8774 5.85254 20.6621L7.14551 15.1221C7.29299 14.4896 7.07769 13.8277 6.58691 13.4023L2.28223 9.67285C2.11545 9.52806 2.20474 9.25423 2.4248 9.23535L8.09082 8.75391C8.73745 8.69893 9.30046 8.29089 9.55371 7.69336L11.7695 2.46484Z' stroke='black' stroke-width='1.5'/%3E%3C/svg%3E"); } #ds-junip-reviews-static .junip-star svg, [data-ds-junip-reviews] .junip-star svg { visibility: hidden; } #ds-junip-reviews-static .junip-star-ratings-container .junip-star, [data-ds-junip-reviews] .junip-star-ratings-container .junip-star { width: 18px; height: 18px; padding: 0px; } #ds-junip-reviews-static .junip-star-ratings-container, [data-ds-junip-reviews] .junip-star-ratings-container { justify-content: flex-start; margin: 0px; display: flex; } #ds-junip-reviews-static .junip-product-review-average-container .junip-star-ratings-container, [data-ds-junip-reviews] .junip-product-review-average-container .junip-star-ratings-container { margin: 0px -4px 4px; } #ds-junip-reviews-static .junip-star svg, [data-ds-junip-reviews] .junip-star svg { width: 18px; height: 18px; } #ds-junip-reviews-static .junip-stars-container, [data-ds-junip-reviews] .junip-stars-container { gap: 2px; display: flex; } #ds-junip-reviews-static .junip-product-review-bar-wrapper, [data-ds-junip-reviews] .junip-product-review-bar-wrapper { align-items: center; gap: 0px; margin-bottom: 0px; display: flex; } #ds-junip-reviews-static .junip-product-review-bar-rating, [data-ds-junip-reviews] .junip-product-review-bar-rating { font-family: var(--font-secondary); width: 12px; color: var(--cl-title); font-size: 14px; } #ds-junip-reviews-static .junip-product-review-bar, [data-ds-junip-reviews] .junip-product-review-bar { background-color: var(--cl-bars-bg); border-radius: 0px; flex: 1 1 0%; height: 4px; position: relative; } #ds-junip-reviews-static .junip-product-review-bar-filled, [data-ds-junip-reviews] .junip-product-review-bar-filled { background-color: var(--cl-bars-fill); height: 4px; position: absolute; top: 0px; left: 0px; } #ds-junip-reviews-static .junip-trait-title, [data-ds-junip-reviews] .junip-trait-title { font-family: var(--font-secondary); text-transform: uppercase; margin-bottom: 12px; font-size: 14px; } #ds-junip-reviews-static .junip-trait-indicator, [data-ds-junip-reviews] .junip-trait-indicator { background-color: var(--cl-bars-fill); } #ds-junip-reviews-static .junip-trait-step-wrapper, #ds-junip-reviews-static .junip-trait-step, [data-ds-junip-reviews] .junip-trait-step-wrapper, [data-ds-junip-reviews] .junip-trait-step { border-color: var(--junipBorderColor) !important; } #ds-junip-reviews-static .junip-gallery-item-wrapper, [data-ds-junip-reviews] .junip-gallery-item-wrapper { border: 1px solid var(--cl-summary-border); border-radius: 4px; overflow: hidden; } #ds-junip-reviews-static .junip-write-review-cta, [data-ds-junip-reviews] .junip-write-review-cta { background-color: var(--cl-btn-bg); color: var(--cl-btn-text); font-family: var(--font-secondary); text-transform: uppercase; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; border-radius: 4px; height: 48px; padding: 0px 40px; font-size: 14px; font-weight: 500; } #ds-junip-reviews-static .junip-review-list-item-container, [data-ds-junip-reviews] .junip-review-list-item-container { border-color: var(--cl-summary-border); padding: 48px 0px; } #ds-junip-reviews-static .junip-customer-name, [data-ds-junip-reviews] .junip-customer-name { font-family: var(--font-secondary); font-size: var(--rev-name-mob); color: var(--cl-title); text-transform: uppercase; margin-bottom: 4px; font-weight: 500; } #ds-junip-reviews-static .junip-verified, [data-ds-junip-reviews] .junip-verified { font-family: var(--font-secondary); font-size: var(--rev-meta-mob); text-transform: uppercase; color: var(--cl-title); opacity: 0.6; letter-spacing: 0.02em; } #ds-junip-reviews-static .junip-review-title, [data-ds-junip-reviews] .junip-review-title { font-family: var(--font-heading); font-size: var(--rev-title-mob); color: var(--cl-title); text-transform: uppercase; margin-bottom: 12px; font-weight: 600; line-height: 1.2; } #ds-junip-reviews-static .junip-review-body, [data-ds-junip-reviews] .junip-review-body { font-family: var(--font-primary); font-size: var(--rev-body-mob); color: var(--cl-title); line-height: 1.6; } #ds-junip-reviews-static .junip-review-date, #ds-junip-reviews-static .junip-trait-title, #ds-junip-reviews-static .junip-vote-text, #ds-junip-reviews-static .junip-trait-label, [data-ds-junip-reviews] .junip-review-date, [data-ds-junip-reviews] .junip-trait-title, [data-ds-junip-reviews] .junip-vote-text, [data-ds-junip-reviews] .junip-trait-label { font-family: var(--font-secondary); font-size: var(--rev-meta-mob); text-transform: uppercase; color: var(--cl-title); opacity: 0.5; letter-spacing: 0.05em; } @media (min-width: 1024px) { #ds-junip-reviews-static .junip-customer-name, [data-ds-junip-reviews] .junip-customer-name { font-size: var(--rev-name-desk); } #ds-junip-reviews-static .junip-review-title, [data-ds-junip-reviews] .junip-review-title { font-size: var(--rev-title-desk); } #ds-junip-reviews-static .junip-review-body, [data-ds-junip-reviews] .junip-review-body { font-size: var(--rev-body-desk); } #ds-junip-reviews-static .junip-review-date, #ds-junip-reviews-static .junip-trait-title, #ds-junip-reviews-static .junip-vote-text, #ds-junip-reviews-static .junip-trait-label, [data-ds-junip-reviews] .junip-review-date, [data-ds-junip-reviews] .junip-trait-title, [data-ds-junip-reviews] .junip-vote-text, [data-ds-junip-reviews] .junip-trait-label { font-size: var(--rev-meta-desk); } } #ds-junip-reviews-static .junip-reviews-container .junip-separator, [data-ds-junip-reviews] .junip-reviews-container .junip-separator { border-color: var(--cl-summary-border); } #ds-junip-reviews-static .junip-filters-container .junip-search-container, #ds-junip-reviews-static .junip-filters-container .junip-select, [data-ds-junip-reviews] .junip-filters-container .junip-search-container, [data-ds-junip-reviews] .junip-filters-container .junip-select { background-color: var(--cl-summary-bg); border-color: var(--cl-summary-border); color: var(--cl-title); } .junip-search-container .junip-search-input, .junip-search-container .junip-search-button { border-radius: inherit !important; height: 40px !important; } :is(.ds-product-card-v3-media-desktop, .ds-product-card-v3-media-mobile) .scrollbar-hide::-webkit-scrollbar { display: none; } :is(.ds-product-card-v3-media-desktop, .ds-product-card-v3-media-mobile) .scrollbar-hide { scrollbar-width: none; } .ds-product-card-v3 { z-index: 1; transition: 0.4s cubic-bezier(0.16, 1, 0.3, 1); position: relative; } @media (min-width: 1280px) { .ds-product-card-v3.group:hover { z-index: 10; margin-bottom: -20px; padding: 10px; } .ds-product-card-v3.group:hover .ds-product-card-v3__bg-hover { opacity: 1; inset: 0px 0px -50px; box-shadow: rgba(0, 0, 0, 0.25) 2px 2px 8px; } } .ds-product-card-v3__bg-hover { transition: 0.4s cubic-bezier(0.16, 1, 0.3, 1); } .ds-product-card-v3__media-gradient { background: var(--media-gradient,linear-gradient(to top, #fff6 65%, transparent 100%)); pointer-events: none; z-index: 10; opacity: 0; height: 50px; transition: 0.5s cubic-bezier(0.16, 1, 0.3, 1); position: absolute; bottom: 0px; left: 0px; right: 0px; } .ds-product-card-v3:hover .ds-product-card-v3-media-desktop .ds-product-card-v3__media-gradient { opacity: 0.2; } .ds-product-card-v3 .ds-product-card-v3-media-desktop:hover .ds-product-card-v3__media-gradient, .ds-product-card-v3-media-mobile .ds-product-card-v3__media-gradient { opacity: 1; } .some-unused-class { --im-not-tree-shaken: 1; } button.ds-atc-pending { cursor: wait; position: relative; } button.ds-atc-pending .js-btn-content { opacity: 0.45; pointer-events: none; } button.ds-atc-pending::after { content: ""; border-width: 2px; border-style: solid; border-color: currentcolor rgba(0, 0, 0, 0) currentcolor currentcolor; border-image: none; border-radius: 9999px; width: 18px; height: 18px; margin: -0.5625rem 0px 0px -0.5625rem; animation: 0.55s linear 0s infinite normal none running ds-atc-pending-spin; position: absolute; top: 50%; left: 50%; } @keyframes ds-atc-pending-spin { 100% { transform: rotate(360deg); } } .ds-cart-custom-gamification-banner__bar { text-align: center; color: rgb(255, 255, 255); background-color: rgb(7, 48, 38); border-bottom: 1px solid rgb(40, 40, 40); justify-content: center; align-items: center; width: 100%; padding: 14px; display: flex; } .ds-cart-custom-gamification-banner__bar a { text-decoration: underline; } .ds-cart-custom-gamification-banner__bar a:hover { color: inherit; text-decoration: none; } .ds-cart-custom-gamification-banner__text { font-family: var(--font-secondary,inherit); letter-spacing: 0px; text-transform: uppercase; font-size: 14px; line-height: 1; } .ds-cart-custom-gamification-banner__text p { margin: 0px; display: inline; } .ds-cart-custom-gamification-banner__text p:not(:last-child)::after { content: " "; } @property --tw-translate-x { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-translate-y { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-translate-z { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-scale-x { syntax: "*"; inherits: false; initial-value: 1; } @property --tw-scale-y { syntax: "*"; inherits: false; initial-value: 1; } @property --tw-scale-z { syntax: "*"; inherits: false; initial-value: 1; } @property --tw-rotate-x { syntax: "*"; inherits: false; } @property --tw-rotate-y { syntax: "*"; inherits: false; } @property --tw-rotate-z { syntax: "*"; inherits: false; } @property --tw-skew-x { syntax: "*"; inherits: false; } @property --tw-skew-y { syntax: "*"; inherits: false; } @property --tw-scroll-snap-strictness { syntax: "*"; inherits: false; initial-value: proximity; } @property --tw-space-y-reverse { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-border-style { syntax: "*"; inherits: false; initial-value: solid; } @property --tw-gradient-position { syntax: "*"; inherits: false; } @property --tw-gradient-from { syntax: ""; inherits: false; initial-value: #0000; } @property --tw-gradient-via { syntax: ""; inherits: false; initial-value: #0000; } @property --tw-gradient-to { syntax: ""; inherits: false; initial-value: #0000; } @property --tw-gradient-stops { syntax: "*"; inherits: false; } @property --tw-gradient-via-stops { syntax: "*"; inherits: false; } @property --tw-gradient-from-position { syntax: ""; inherits: false; initial-value: 0%; } @property --tw-gradient-via-position { syntax: ""; inherits: false; initial-value: 50%; } @property --tw-gradient-to-position { syntax: ""; inherits: false; initial-value: 100%; } @property --tw-leading { syntax: "*"; inherits: false; } @property --tw-font-weight { syntax: "*"; inherits: false; } @property --tw-tracking { syntax: "*"; inherits: false; } @property --tw-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; } @property --tw-shadow-color { syntax: "*"; inherits: false; } @property --tw-shadow-alpha { syntax: ""; inherits: false; initial-value: 100%; } @property --tw-inset-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; } @property --tw-inset-shadow-color { syntax: "*"; inherits: false; } @property --tw-inset-shadow-alpha { syntax: ""; inherits: false; initial-value: 100%; } @property --tw-ring-color { syntax: "*"; inherits: false; } @property --tw-ring-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; } @property --tw-inset-ring-color { syntax: "*"; inherits: false; } @property --tw-inset-ring-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; } @property --tw-ring-inset { syntax: "*"; inherits: false; } @property --tw-ring-offset-width { syntax: ""; inherits: false; initial-value: 0; } @property --tw-ring-offset-color { syntax: "*"; inherits: false; initial-value: #fff; } @property --tw-ring-offset-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; } @property --tw-outline-style { syntax: "*"; inherits: false; initial-value: solid; } @property --tw-blur { syntax: "*"; inherits: false; } @property --tw-brightness { syntax: "*"; inherits: false; } @property --tw-contrast { syntax: "*"; inherits: false; } @property --tw-grayscale { syntax: "*"; inherits: false; } @property --tw-hue-rotate { syntax: "*"; inherits: false; } @property --tw-invert { syntax: "*"; inherits: false; } @property --tw-opacity { syntax: "*"; inherits: false; } @property --tw-saturate { syntax: "*"; inherits: false; } @property --tw-sepia { syntax: "*"; inherits: false; } @property --tw-drop-shadow { syntax: "*"; inherits: false; } @property --tw-drop-shadow-color { syntax: "*"; inherits: false; } @property --tw-drop-shadow-alpha { syntax: ""; inherits: false; initial-value: 100%; } @property --tw-drop-shadow-size { syntax: "*"; inherits: false; } @property --tw-backdrop-blur { syntax: "*"; inherits: false; } @property --tw-backdrop-brightness { syntax: "*"; inherits: false; } @property --tw-backdrop-contrast { syntax: "*"; inherits: false; } @property --tw-backdrop-grayscale { syntax: "*"; inherits: false; } @property --tw-backdrop-hue-rotate { syntax: "*"; inherits: false; } @property --tw-backdrop-invert { syntax: "*"; inherits: false; } @property --tw-backdrop-opacity { syntax: "*"; inherits: false; } @property --tw-backdrop-saturate { syntax: "*"; inherits: false; } @property --tw-backdrop-sepia { syntax: "*"; inherits: false; } @property --tw-duration { syntax: "*"; inherits: false; } @property --tw-ease { syntax: "*"; inherits: false; } @property --tw-divide-y-reverse { syntax: "*"; inherits: false; initial-value: 0; } @keyframes spin { 100% { transform: rotate(360deg); } } @keyframes pulse { 50% { opacity: 0.5; } } .exact-brand{font-family:'Saira Extra Condensed',Impact,sans-serif;font-weight:700;font-size:36px;line-height:1;display:inline-block;letter-spacing:-.5px;text-decoration:none;color:#282828}.intro-reveal__word{opacity:1!important}html{scroll-behavior:smooth} .ds-product-marquee__content > .grid,.ds-product-marquee__content > .lg\:grid{grid-template-columns:repeat(2,minmax(0,1fr))!important} .intro-reveal__h-left{line-height:1!important;overflow:visible;padding:0;font-size:clamp(40px,4.6vw,64px)!important} .intro-reveal__grid .fadlen-two-categories{align-self:center!important;padding-top:0!important;padding-bottom:0!important;min-width:0;gap:24px} .fadlen-two-categories .intro-reveal__activities-wrapper{width:100%} .fadlen-two-categories .intro-reveal__activities-list{display:grid!important;grid-template-columns:1fr!important;gap:24px!important;width:100%!important} .fadlen-two-categories .intro-reveal__activity-item{display:flex!important;flex-direction:column;align-items:stretch;gap:10px!important;width:100%!important;min-width:0} .fadlen-two-categories .intro-reveal__activity-image{width:100%!important;height:auto!important;aspect-ratio:3.5/1} .fadlen-two-categories .intro-reveal__activity-image img{display:block;width:100%;height:100%;object-fit:cover;object-position:center} .fadlen-two-categories .intro-reveal__activity-text{text-align:left!important;align-self:flex-start} .intro-reveal__mobile-activities-grid{grid-template-columns:1fr!important;gap:24px!important} .intro-reveal__mobile-activity-image{aspect-ratio:3.5/1!important;height:auto!important} .intro-reveal__mobile-activity-text{text-align:left!important} @media(min-width:1280px){ .intro-reveal__grid .fadlen-two-categories{align-self:stretch!important;gap:20px} .fadlen-two-categories .intro-reveal__h-right{margin:0!important} .fadlen-two-categories .intro-reveal__activities-wrapper{flex:1;min-height:0} .fadlen-two-categories .intro-reveal__activities-list{height:100%;grid-template-rows:repeat(2,minmax(0,1fr));gap:20px!important} .fadlen-two-categories .intro-reveal__activity-item{height:100%;min-height:0} .fadlen-two-categories .intro-reveal__activity-image{flex:1;min-height:0;height:auto!important;aspect-ratio:auto} .fadlen-two-categories .intro-reveal__activity-image img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover} .fadlen-two-categories .intro-reveal__activity-text{flex:none} } .ds-social-gallery__slider-wrapper .splide{visibility:visible} .ds-social-gallery__slider-wrapper .splide__track{overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch} .ds-social-gallery__slider-wrapper .splide__track::-webkit-scrollbar{display:none} .ds-social-gallery__slider-wrapper .splide__list{gap:var(--gap,16px)} .ds-social-gallery__slider-wrapper .splide__slide{scroll-snap-align:start} .ds-social-gallery__slider-wrapper .splide__track:focus-visible{outline:2px solid #282828;outline-offset:4px} .fadlen-footer{background:#272825;color:#f5f4ee;padding:32px var(--ds-container-px,40px) 20px;font:12px/1.5 Arial,sans-serif}.ff-inner{max-width:1440px;margin:auto}.ff-layout{display:grid;grid-template-columns:1.05fr 1.8fr;gap:36px}.ff-photo{min-height:224px;border-radius:4px;background:linear-gradient(0deg,#000b,#0002),url('cx-compression.jpg') center 48%/cover;display:flex;flex-direction:column;justify-content:end;padding:22px}.ff-photo h3{font-family:'Saira Extra Condensed',Impact,sans-serif;font-size:29px;line-height:1.1;margin:0 0 6px;color:inherit}.ff-photo p{font-size:11px;margin:0 0 16px}.ff-email{background:#fff;color:#282828;display:flex;align-items:center;padding:0 14px;min-height:46px}.ff-email input{background:transparent;border:0;outline-offset:2px;width:100%;min-width:0;color:#282828;font:10px Arial,sans-serif;letter-spacing:1px;padding:14px 0}.ff-email input::placeholder{color:#555;opacity:1}.ff-email button{border:0;background:transparent;color:#282828;cursor:pointer;font:26px Arial,sans-serif;padding:0 0 0 14px;min-width:44px;min-height:44px}.ff-logo{display:inline-block;font-family:'Saira Extra Condensed',Impact,sans-serif;font-size:36px;line-height:1;color:inherit;text-decoration:none;margin:3px 0 24px}.ff-columns{display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px}.ff-columns h3{font:10px Arial,sans-serif;letter-spacing:1.7px;color:#aaaE9e;margin:3px 0 18px}.ff-columns a{display:block;font:500 14px/1.25 var(--font-gt-america,monospace);letter-spacing:.04em;text-transform:uppercase;margin-bottom:16px;color:inherit;text-decoration:none}.fadlen-footer a:hover{text-decoration:underline;text-underline-offset:4px}.ff-bottom{margin-top:25px;border-top:1px solid #484a43;padding-top:16px;display:flex;justify-content:space-between;gap:15px;font:10px/1.5 Arial,sans-serif;color:#aeb0a7}.ff-bottom div{display:flex;gap:20px}.ff-bottom a{color:inherit;text-decoration:none;font:500 12px/1.4 var(--font-gt-america,monospace);letter-spacing:.04em;text-transform:uppercase}.ff-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}@media(max-width:767px){.fadlen-footer{padding:24px 20px 20px}.ff-layout{grid-template-columns:1fr;gap:28px}.ff-photo{min-height:240px}.ff-columns{gap:14px}.ff-columns a{font-size:14px}.ff-bottom{flex-wrap:wrap}.ff-bottom div{flex-wrap:wrap;gap:16px}} .ff-photo h3{font-family:var(--font-graphik,'Graphik XX Condensed',sans-serif);font-size:clamp(32px,5vw,48px);font-weight:700;line-height:.88;letter-spacing:.02em;text-transform:uppercase;margin-bottom:8px} .ff-photo p{font-family:var(--font-neue-haas,Arial,sans-serif);font-size:16px;line-height:1.4;letter-spacing:0;margin-bottom:20px} .ff-email input{font-family:var(--font-gt-america,monospace);font-size:14px;font-weight:500;letter-spacing:.04em;text-transform:uppercase} .ff-bottom>span{font-family:var(--font-gt-america,monospace);font-size:12px;font-weight:500;line-height:1.4;letter-spacing:.04em;text-transform:uppercase} .fadlen-search{position:relative;display:block;color:#282828} .fadlen-search summary{border:0!important;box-shadow:none!important;background:transparent!important;list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:center;width:40px;height:40px} .fadlen-search summary::-webkit-details-marker{display:none} .fadlen-search summary svg{width:24px;height:24px} .fadlen-search summary:focus{outline:none!important}.fadlen-search summary:focus-visible{outline:none!important;opacity:.65} .fadlen-search-panel{position:absolute;right:0;top:calc(100% + 12px);width:min(320px,calc(100vw - 32px));padding:18px;background:white;border:1px solid #deded8;box-shadow:0 8px 24px #0002;z-index:1000;border-radius:4px} .fadlen-search-panel label{display:block;font:12px Arial,sans-serif;margin-bottom:10px} .fadlen-search-panel>div{display:flex;border:1px solid #282828;border-radius:3px} .fadlen-search-panel input{width:100%;min-width:0;border:0;background:transparent;padding:12px;font:14px Arial,sans-serif;color:#282828} .fadlen-search-panel button{display:grid;place-items:center;flex:none;width:44px;background:transparent;border:0;color:#282828;cursor:pointer} .fadlen-search-panel button svg{width:20px;height:20px} .fm-navigation{display:none}@media(max-width:1279px){.section-header-wrapper>header-component{display:none!important}.fm-navigation{display:block;background:#fff;color:#282828}.fm-header{height:56px;padding:0 16px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e3e3df}.fm-header button,.fm-close{background:none;border:0;color:#17352c;width:40px;height:44px;display:grid;place-items:center;cursor:pointer}.fm-header svg{width:28px;height:28px}.fm-logo{font:700 34px/1 'Saira Extra Condensed',Impact,sans-serif;color:#282828;text-decoration:none}.fm-cart{position:relative}.fm-cart span{position:absolute;right:0;top:3px;min-width:15px;height:15px;border-radius:50%;background:#17352c;color:white;font:10px/15px Arial,sans-serif}.fm-categories{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:12px 16px 10px;background:#f8f6f2}.fm-categories a,.fm-menu-pictures a{color:#282828;text-decoration:none;min-width:0}.fm-categories img{display:block;width:100%;height:76px;object-fit:cover;border-radius:4px}.fm-categories span,.fm-menu-pictures span{display:block;margin-top:7px;font:11px/1.2 'GT America Mono',monospace;letter-spacing:.5px}.fm-dialog{position:fixed;inset:0 auto 0 0;margin:0;width:min(100%,420px);max-width:100%;height:100dvh;max-height:100dvh;border:0;padding:0 20px 24px;background:#f8f6f2;color:#282828;overflow-y:auto;overscroll-behavior:contain}.fm-dialog::backdrop{background:#0006}.fm-menu-head{height:68px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #d9dbd3}.fm-close{font:24px Arial,sans-serif}.fm-search{display:flex;border-bottom:1px solid #adb1a5;margin:18px 0 8px}.fm-search input{width:100%;min-width:0;padding:12px 0;border:0;background:transparent;color:#282828;font:14px Arial,sans-serif}.fm-search button{width:44px;background:none;border:0;font-size:28px;color:#282828;cursor:pointer}.fm-menu-links a{display:flex;justify-content:space-between;padding:17px 0;border-bottom:1px solid #d9dbd3;font:30px/1.1 'Saira Extra Condensed',Impact,sans-serif;text-decoration:none;color:#282828;text-transform:uppercase}.fm-menu-links a span{font:22px Arial,sans-serif}.fm-menu-pictures{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:22px 0}.fm-menu-pictures img{width:100%;height:115px;object-fit:cover;display:block;border-radius:4px}.fm-support a{display:block;padding:9px 0;font:13px/1.4 Arial,sans-serif;color:#282828;text-decoration:none}.fm-origin{border-top:1px solid #d9dbd3;margin-top:16px;padding-top:16px;font:11px Arial,sans-serif;color:#73786c}body.fm-menu-open{overflow:hidden}} @media(max-width:1279px){ .fm-dialog{inset:var(--fm-menu-top,54px) 0 0 0;width:100%;height:calc(100dvh - var(--fm-menu-top,54px));max-height:calc(100dvh - var(--fm-menu-top,54px));padding:0;background:#f8f6f2} .fm-dialog::backdrop{background:transparent} .fm-menu-head{height:56px;background:#fff;position:sticky;top:0;z-index:2;padding:0 16px;display:grid;grid-template-columns:40px 1fr 40px;border-bottom:1px solid #deded8} .fm-menu-head .fm-logo{justify-self:center} .fm-menu-head .fm-cart{display:grid;place-items:center;width:40px;height:44px;background:none;border:0;color:#17352c} .fm-menu-body{padding:28px 20px 30px} .fm-category-title{font:700 28px/1.1 'Saira Extra Condensed',Impact,sans-serif;margin:0 0 14px} .fm-menu-pictures{margin:0 0 30px;gap:16px} .fm-menu-pictures img{height:115px;border-radius:7px} .fm-menu-pictures span{font:14px/1.2 'GT America Mono',monospace;letter-spacing:.7px;margin-top:8px} .fm-search{margin:0 0 24px;border:1px solid #282828;border-radius:3px;background:#fff;padding:0 12px;height:48px} .fm-search input{font:14px 'GT America Mono',monospace;letter-spacing:.5px} .fm-support a{font:14px/1.3 'GT America Mono',monospace;text-transform:uppercase;letter-spacing:.5px;padding:12px 0} } .fm-menu-state{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden}.fm-dialog{display:none}@media(max-width:1279px){.fm-menu-state:checked~.fm-dialog{display:block;z-index:1000;top:0;height:100dvh;max-height:100dvh}.fm-menu-state:focus-visible~.fm-header .fm-toggle{outline:2px solid #17352c}.fm-toggle{width:40px;height:44px;display:grid;place-items:center;cursor:pointer;color:#17352c}.fm-dialog .fm-menu-head{height:56px}.fm-dialog{border:0}.fm-menu-state:checked~.fm-header .fm-toggle{opacity:0}body:has(.fm-menu-state:checked){overflow:hidden}} /* ========================================================================== Dawn base.css çakışma düzeltmeleri Dawn'ın base.css'i katmansız (@layer yok); bu yüzden Tailwind'in "@layer utilities" kurallarını ezer. Aşağıdaki kurallar YALNIZCA codex bölümlerinde (.fadlen-cx) geçerlidir, Dawn'ın diğer sayfaları etkilenmez. ========================================================================== */ /* Dawn: .grid { display:flex; margin-bottom:32px; column-gap:var(...) } */ .fadlen-cx .grid { display: grid; margin-bottom: 0; } .fadlen-cx .uppercase { text-transform: uppercase; } .fadlen-cx .overflow-hidden { overflow: hidden; } /* Dawn'ın .grid kuralı boşlukları da eziyor; codex'in kullandığı gap sınıfları */ .fadlen-cx .gap-6 { gap: calc(var(--spacing) * 6); } .fadlen-cx .gap-8 { gap: calc(var(--spacing) * 8); } .fadlen-cx .gap-10 { gap: calc(var(--spacing) * 10); } .fadlen-cx .gap-x-4 { column-gap: calc(var(--spacing) * 4); } .fadlen-cx .gap-y-6 { row-gap: calc(var(--spacing) * 6); } /* Dawn: .hidden { display:none !important } -> responsive görünürlük sınıfları bu !important'ı ezebilmek için burada yeniden tanımlanıyor */ @media (min-width: 640px) { .fadlen-cx .sm\:block { display: block !important; } .fadlen-cx .sm\:flex { display: flex !important; } } @media (min-width: 768px) { .fadlen-cx .md\:block { display: block !important; } .fadlen-cx .md\:flex { display: flex !important; } .fadlen-cx .md\:grid { display: grid !important; } .fadlen-cx .md\:hidden { display: none !important; } .fadlen-cx .md\:gap-\[16px\] { gap: 16px; } } @media (min-width: 768px) and (max-width: 1023.98px) { .fadlen-cx .md\:max-lg\:grid { display: grid !important; } } @media (min-width: 1024px) { .fadlen-cx .lg\:block { display: block !important; } .fadlen-cx .lg\:flex { display: flex !important; } .fadlen-cx .lg\:grid { display: grid !important; } .fadlen-cx .lg\:hidden { display: none !important; } } @media (min-width: 1280px) { .fadlen-cx .xl\:block { display: block !important; } .fadlen-cx .xl\:flex { display: flex !important; } .fadlen-cx .xl\:grid { display: grid !important; } .fadlen-cx .xl\:hidden { display: none !important; } } /* Dawn base.css: a:empty, div:empty, span:empty ... { display:none } Codex tasarımındaki boş dekoratif elemanları (aralayıcı, ayraç, nokta, bağlayıcı çizgi, overlay) gizliyordu. Yalnızca codex bölümlerinde geri alınır. */ .fadlen-cx div:empty, .fadlen-cx section:empty, .fadlen-cx article:empty, .fadlen-cx p:empty, .fadlen-cx ul:empty, .fadlen-cx li:empty, .fadlen-cx dl:empty, .fadlen-cx a:empty { display: block; } .fadlen-cx span:empty { display: inline-block; } /* Dawn base.css: .header { display:grid; grid-template-areas:'left-icons heading icons'; grid-template-columns:1fr 2fr 1fr } — codex'in elemanini ele geciriyor, icerigi 720px'e sikistiriyordu. */ .fadlen-cx header-component.header, .fadlen-cx .header { display: block; grid-template-areas: none; grid-template-columns: none; align-items: normal; } /* ========================================================================== Dawn base.css h1..h5 cakismasi Dawn: h1,h2,h3,h4,h5 { font-family, font-weight, letter-spacing, line-height, color, word-break:break-word } — katmansiz oldugu icin codex'in @layer icindeki .ds-headline-* kurallarini eziyordu. Etkisi: baslik fontu, harf araligi ve satir yuksekligi degisiyor; word-break:break-word ise kelimeleri ortadan bolup kutuyu daraltiyordu (mobilde "KOMPRESYON" -> "KOMP/RESY/ON"). Yalnizca codex bolumlerinde geri alinir. ========================================================================== */ .fadlen-cx h1, .fadlen-cx h2, .fadlen-cx h3, .fadlen-cx h4, .fadlen-cx h5, .fadlen-cx .h0, .fadlen-cx .h1, .fadlen-cx .h2, .fadlen-cx .h3, .fadlen-cx .h4, .fadlen-cx .h5 { word-break: normal; overflow-wrap: normal; letter-spacing: normal; } /* codex'in kendi baslik olcekleri — katmansiz olarak geri yuklendi */ .fadlen-cx .ds-headline-72 { text-transform: uppercase; font-family: var(--font-graphik); letter-spacing: 0.02em; font-size: clamp(48px, 8vw, 72px); font-weight: 700; line-height: 0.88; word-break: normal; } .fadlen-cx .ds-headline-56 { text-transform: uppercase; font-family: var(--font-graphik); letter-spacing: 0.02em; font-size: clamp(40px, 6vw, 56px); font-weight: 700; line-height: 0.88; word-break: normal; } .fadlen-cx .ds-headline-48 { text-transform: uppercase; font-family: var(--font-graphik); letter-spacing: 0.02em; font-size: clamp(32px, 5vw, 48px); font-weight: 700; line-height: 0.88; word-break: normal; } .fadlen-cx .ds-headline-40 { text-transform: uppercase; font-family: var(--font-graphik); letter-spacing: 0.02em; font-size: clamp(28px, 4vw, 40px); font-weight: 700; line-height: 0.88; word-break: normal; } .fadlen-cx .ds-headline-28 { text-transform: uppercase; font-family: var(--font-graphik); letter-spacing: 0.02em; font-size: clamp(24px, 3vw, 28px); font-weight: 700; line-height: 0.88; word-break: normal; } .fadlen-cx .ds-headline-24 { text-transform: uppercase; font-family: var(--font-graphik); letter-spacing: 0.02em; font-size: clamp(20px, 2.5vw, 24px); font-weight: 700; line-height: 0.88; word-break: normal; } /* ========================================================================== Türkçe metin ayarları Codex düzeni İngilizce kelime uzunluklarına göre kurulmuş. Türkçe karşılıklar daha uzun ("WHY ALPACA FIBER..." -> "ALPAKA LİFİNİN YÜN VE PAMUKTAN FARKI"), ayrıca Saira Extra Condensed, Graphik XX Condensed'den ~%16 geniş. Aşağıdaki değerler, başlıkların codex'teki satır sayısını tutturacak en büyük punto olarak tarayıcıda ölçülerek bulundu. ========================================================================== */ /* Kategori banner başlıkları: "KIŞLIK ÇORAPLAR" tek satırda kalsın (120 -> 116) */ @media (min-width: 1024px) { .fadlen-cx [id^='ds-split-feature-cards'] { --title-fs-desk: 116px !important; } } /* Alpaka lifi bölümü başlığı: "ALPAKA LİFİNİN YÜN VE PAMUKTAN FARKI" iki satırda kalsın */ .fadlen-cx [id^='ds-fiber'] { --heading-size: 41px !important; } /* mobil: 48 -> 41 */ @media (min-width: 1024px) { .fadlen-cx [id^='ds-fiber'] { --heading-size: 62px !important; } /* masaüstü: 72 -> 62 */ } /* ========================================================================== Mobil menü / açılır menü üst üste binme düzeltmesi Dawn: body { display:flex } + .shopify-section-group-header-group { z-index:4 } body flex kapsayıcı olduğu için header grubu, position:static olmasına rağmen FLEX ÖĞESİ olarak z-index:4 ile bir yığınlama bağlamı oluşturuyor. Mobil menü (.fm-dialog, z-index:1000) bu bağlamın İÇİNDE kaldığı için dışarıdaki hero içerik katmanının (position:absolute; z-index:20, kök bağlamda) altında boyanıyordu — menünün z-index'ini artırmak hiçbir şey değiştirmiyordu. Çözüm: bağlamın kendisini yukarı almak. 500 < 1000 olduğu için Dawn'ın sepet çekmecesi hâlâ üstte kalır. ========================================================================== */ .shopify-section-group-header-group:has(.fadlen-cx) { position: relative; z-index: 500; } /* ========================================================================== Logo Shopify > Tema ayarları > Logo alanı doluysa codex'in yazı logosu yerine o görsel kullanılır (bkz. snippets/fadlen-cx-logo.liquid). Yükseklik header'ı taşırmayacak şekilde sınırlanır. ========================================================================== */ .fadlen-cx .fadlen-cx-logo { display: block; width: 100%; height: auto; max-height: 40px; object-fit: contain; object-position: left center; } /* Mobil header ve mobil menü başlığındaki logo ortalanır */ .fadlen-cx .fm-logo { display: block; line-height: 0; } .fadlen-cx .fm-logo .fadlen-cx-logo { width: 120px; max-height: 34px; object-position: center; } /* Temaya gömülü SVG logo (snippets/fadlen-logo-svg.liquid): renk buradan gelir */ .fadlen-cx svg.fadlen-cx-logo { color: #282828; } /* Karşılaştırma tablosu başlığındaki koyu sekme: FADLEN yazısı yerine logo. Satır yüksekliği eski yazınınkiyle aynı (48 / 30 px), logo yazının harf yüksekliğinde (38 / 24 px), rengi eski yazının rengi (inherit). */ .fadlen-cx .fadlen-comparison-logo { display: flex; align-items: center; justify-content: center; height: 48px; line-height: 0; } .fadlen-cx .fadlen-comparison-logo svg.fadlen-cx-logo { color: inherit; width: auto; height: 38px; max-height: none; } @media (max-width: 767px) { .fadlen-cx .fadlen-comparison-logo { height: 30px; } .fadlen-cx .fadlen-comparison-logo svg.fadlen-cx-logo { height: 24px; } } /* Footer: FADLEN yazısı yerine logo. Satır eski yazınınkiyle aynı (36 px), logo eski yazının harf yüksekliğinin %25 fazlası (31,25 px), rengi eski yazının rengi (inherit). */ .fadlen-cx .ff-logo { display: inline-flex; align-items: center; height: 36px; line-height: 0; } .fadlen-cx .ff-logo svg.fadlen-cx-logo { color: inherit; width: auto; height: 31.25px; /* 25 px + %25 */ max-height: none; } /* header-component içindeki ortalanmış mobil marka alanı */ .fadlen-cx .block.leading-0 .fadlen-cx-logo { object-position: center; } /* Releasit kapıda ödeme formunun yazı tipi: uygulama Public Sans'ı sabit yazıyor ve panelde ayarı yok. Burada yalnızca yazı tipi değişir; renk, köşe ve ölçüler Releasit panelinden gelir. */ #rsi_form_wrapper * { font-family: var(--font-neue-haas, 'Inter', sans-serif); letter-spacing: normal; } #rsi_form_wrapper .rsi-form-title-container, #rsi_form_wrapper .rsi-form-title-container *, #rsi_form_wrapper .rsi-custom-text, #rsi_form_wrapper .rsi-custom-text * { font-family: var(--font-graphik, 'Saira Extra Condensed', Impact, sans-serif); letter-spacing: .02em; } #rsi_form_wrapper .rsi-text-input-label, #rsi_form_wrapper .rsi-shipping-rates-price, #rsi_form_wrapper .rsi-product-item-prices, #rsi_form_wrapper .rsi-product-item-prices *, #rsi_form_wrapper .rsi-total-summary-value, #rsi_form_wrapper .rsi-total-summary-total-value, #rsi_form_wrapper .rsi-submit_button, #rsi_form_wrapper .rsi-submit_button *, #rsi_buy_now_button, #rsi_buy_now_button * { font-family: var(--font-gt-america, monospace); } /* Temanın genel input ve button sıfırlaması Releasit öğelerini bozuyordu: seçim noktası görünmüyor, buton metni sola yaslanıyordu. */ #rsi_form_wrapper .rsi-shipping-rates-radio { flex: none; width: 12px; height: 12px; appearance: auto; accent-color: #073026 !important; } #rsi_buy_now_button, #rsi_form_wrapper .rsi-submit_button { text-align: center; }