html{--elevation-light-100:0 1px 4px 0 #3436491f;--elevation-light-200:0 3px 4px 0 #3436491f,0 1px 5px 0 #34364933;--elevation-light-300:0 4px 5px 0 #3436491f,0 1px 10px 0 #34364933;--elevation-light-400:0 2px 14px 3px #3436491f,0 4px 15px 0 #34364933;--elevation-light-500:0 5px 22px 4px #3436491f,0 7px 8px 0 #34364933;--elevation-light-600:0 6px 30px 5px #3436491f,0 8px 10px 0 #34364933;--elevation-light-700:0 9px 46px 8px #3436491f,0 11px 15px 0 #34364933;--elevation-dark-100:0 1px 4px 0 #1412151f;--elevation-dark-200:0 3px 4px 0 #1412151f,0 1px 5px 0 #14121533;--elevation-dark-300:0 4px 5px 0 #1412151f,0 1px 10px 0 #14121533;--elevation-dark-400:0 2px 14px 3px #1412151f,0 4px 15px 0 #14121533;--elevation-dark-500:0 5px 22px 4px #1412151f,0 7px 8px 0 #14121533;--elevation-dark-600:0 6px 30px 5px #1412151f,0 8px 10px 0 #14121533;--elevation-dark-700:0 9px 46px 8px #1412151f,0 11px 15px 0 #14121533;--elevation-backdrop-100:0 0 0 2000px #343649bf;--size-spacing-0:0;--size-spacing-one-x:1rem;--size-spacing-one-and-a-half-x:1.5rem;--size-spacing-two-x:2rem;--size-spacing-four-x:4rem;--size-spacing-three-quarters-x:0.75rem;--size-spacing-half-x:0.5rem;--size-spacing-quarter-x:0.25rem;--size-spacing-eighth-x:0.125rem;--size-breakpoint-sm:30.0625rem;--size-breakpoint-md:48rem;--size-breakpoint-lg:60rem;--size-breakpoint-xl:75rem}html[data-brand=crocs]{--color-background-button-primary:#9fd06e;--color-background-button-primary-hover:#bfdda0;--color-background-button-primary-focus:#9fd06e;--color-border-button-primary:#9fd06e;--color-border-button-primary-hover:#bfdda0;--color-text-button-primary:#141215;--color-base-0:#fff;--color-base-90:#2e363a;--color-base-100:#141215;--color-primary-10:#f5f9fb;--color-primary-20:#e5f0f5;--color-primary-30:#cce2ed;--color-primary-40:#99c4da;--color-primary-50:#66a7c8;--color-primary-60:#006da4;--color-primary-70:#005c8b;--color-primary-80:#004c73;--color-purple-10:#faf5fd;--color-purple-40:#c494b7;--color-purple-60:#8e3371;--color-purple-10n:#f7f5f8;--color-purple-20n:#e4e1e5;--color-purple-70n:#514a54;--color-purple-90n:#373139;--color-brand-10:#fafcf6;--color-brand-20:#ebf2e3;--color-brand-30:#dfead2;--color-brand-40:#bfdda0;--color-brand-50:#9fd06e;--color-brand-60:#82c342;--color-brand-70:#71bf29;--color-brand-80:#52a11d;--color-brand-90:#368617;--color-orange-10:#fff9f6;--color-orange-30:#fde0d2;--color-orange-50:#f76420;--color-orange-60:#ad4616;--color-blue-10:#f5f9fb;--color-blue-30:#ccd4e6;--color-blue-60:#002982;--color-blue-80:#001d5b;--color-blue-20n:#e7eaec;--color-blue-10n:#f8f9fa;--color-blue-40n:#a2a7a9;--color-blue-60n:#5e6366;--color-blue-90n:#2e363a;--color-red-30:#f7cccc;--color-red-60:#d70000;--color-teal-10:#f6faf9;--color-teal-30:#d3e6df;--color-teal-60:#399;--color-teal-80:#135f65;--color-rubine-10:#fefafc;--color-rubine-30:#ffe1ea;--color-rubine-60:#ce0058;--color-rubine-70:#90003e;--color-yellow-10:#fefcf6;--color-yellow-20:#fff9c7;--color-yellow-40:#fff48e;--color-yellow-50:#fbe83f;--size-radius-button:3.125rem;--font-size-100:0.5rem;--font-size-200:0.625rem;--font-size-300:0.75rem;--font-size-400:0.875rem;--font-size-500:1rem;--font-size-600:1.125rem;--font-size-700:1.25rem;--font-size-800:1.375rem;--font-size-900:1.5rem;--font-size-1000:1.75rem;--font-size-1100:2.125rem;--font-size-1200:2.5rem;--font-size-1300:3.125rem;--font-size-1400:3.75rem;--font-family-sans:"TT Crocs",Arial,sans-serif;--font-weight-regular:400;--font-weight-bold:700;--font-weight-black:900}html[data-brand=heydude]{--color-background-button-primary:#2d5259;--color-background-button-primary-hover:#213c42;--color-background-button-primary-focus:#2d5259;--color-border-button-primary:#2d5259;--color-border-button-primary-hover:#213c42;--color-text-button-primary:#fff;--color-brand-10:#f0eded;--color-brand-20:#d9d3d3;--color-brand-30:#f8ad62;--color-brand-40:#7cc8d8;--color-brand-50:#f68e28;--color-brand-60:#437984;--color-brand-70:#2d5259;--color-brand-80:#101c3c;--color-brand-90:#253e2c;--color-primary-10:#f5fbfc;--color-primary-20:#def1f5;--color-primary-30:#addde7;--color-primary-40:#7cc8d8;--color-primary-50:#6bc1d3;--color-primary-60:#437984;--color-primary-70:#2d5259;--color-primary-80:#213c42;--color-blue-10:#e7eef7;--color-blue-30:#a2c0e1;--color-blue-60:#3a618f;--color-blue-80:#101c3c;--color-blue-20n:#cfcdcc;--color-blue-10n:#efeded;--color-blue-40n:#a8a4a3;--color-blue-60n:#615f5e;--color-blue-90n:#393838;--color-purple-10:#ededf4;--color-purple-40:#9fa2c7;--color-purple-60:#545a9a;--color-purple-10n:#f0eded;--color-purple-20n:#d9d3d3;--color-purple-70n:#604643;--color-purple-90n:#462724;--color-orange-10:#fdebd8;--color-orange-30:#f8ad62;--color-orange-50:#f68e28;--color-orange-60:#a6601b;--color-red-30:#f7cacd;--color-red-60:#b8222c;--color-rubine-10:#fef9f9;--color-rubine-30:#f2aaaf;--color-rubine-60:#d92834;--color-rubine-70:#6f141a;--color-yellow-10:#fff9ef;--color-yellow-20:#fdecc8;--color-yellow-40:#fdbd45;--color-yellow-50:#e5b73e;--color-teal-10:#f8faf9;--color-teal-30:#c9d8ce;--color-teal-60:#4a7c59;--color-teal-80:#32543c;--color-base-0:#fff;--color-base-90:#393838;--color-base-100:#462724;--size-radius-button:0.1875rem;--font-size-100:0.5rem;--font-size-200:0.625rem;--font-size-300:0.75rem;--font-size-400:0.875rem;--font-size-500:1rem;--font-size-600:1.125rem;--font-size-700:1.25rem;--font-size-800:1.375rem;--font-size-900:1.5rem;--font-size-1000:1.75rem;--font-size-1100:2.125rem;--font-size-1200:2.5rem;--font-size-1300:3.125rem;--font-size-1400:3.75rem;--font-family-sans:"Noto Sans",Arial,sans-serif;--font-weight-regular:400;--font-weight-bold:700;--font-weight-black:900}*,:after,:before{box-sizing:border-box}blockquote,body,button,dd,div,dl,dt,fieldset,figure,form,h1,h2,h3,h4,h5,h6,hr,html,input,legend,li,ol,p,pre,select,td,textarea,th,ul{margin:0;padding:0}ol,ul{list-style:none}h1,h2,h3,h4,h5,h6{font-size:100%}body,html{height:100%}html:focus-within{scroll-behavior:smooth}a:not([class]){-webkit-text-decoration-skip:ink;text-decoration-skip-ink:auto}audio,canvas,embed,iframe,img,object,svg,video{display:block;max-inline-size:100%;vertical-align:middle}picture{display:contents}source{display:none}canvas,img,svg,video{height:auto}button,input,select,textarea{color:#000;font:inherit}caption,th{text-align:left}fieldset{border:0}@media (prefers-reduced-motion:reduce){html:focus-within{scroll-behavior:auto}*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}@font-face{font-display:swap;font-family:TT Crocs;font-weight:400;src:url(../css/assets/1a64fe1c.woff2) format("woff2"),url(../css/assets/6ed04d64.woff) format("woff")}@font-face{font-display:swap;font-family:TT Crocs;font-weight:700;src:url(../css/assets/93ce9bef.woff2) format("woff2"),url(../css/assets/4162691d.woff) format("woff")}@font-face{font-display:swap;font-family:TT Crocs;font-weight:900;src:url(../css/assets/f813631f.woff2) format("woff2"),url(../css/assets/83f8c1bc.woff) format("woff")}@font-face{font-display:swap;font-family:Noto Sans;font-weight:400;src:url(../css/assets/2a2732f8.woff2) format("woff2"),url(../css/assets/11a2c12f.woff) format("woff")}@font-face{font-display:swap;font-family:Noto Sans;font-weight:700;src:url(../css/assets/46d9fb34.woff2) format("woff2"),url(../css/assets/5213720e.woff) format("woff")}@font-face{font-display:swap;font-family:Noto Sans;font-weight:900;src:url(../css/assets/5d4babac.woff2) format("woff2"),url(../css/assets/1fa17ccc.woff) format("woff")}@font-face{font-display:swap;font-family:Symbolset;font-weight:400;src:url(../css/assets/acc6370.woff2) format("woff2"),url(../css/assets/79e1803f.woff) format("woff")}body{-webkit-text-size-adjust:none;-moz-text-size-adjust:none;text-size-adjust:none;word-wrap:break-word;font-family:var(--font-family-sans);font-weight:var(--font-weight-regular);line-height:1;text-rendering:optimizespeed}h1{font-size:var(--font-size-700)}h2,h3{font-size:var(--font-size-600)}h4,h5,h6{font-size:var(--font-size-500)}.ok-icon{fill:currentcolor;stroke:currentcolor;stroke-width:0;color:currentcolor;display:inline-block;flex-shrink:0;height:1em;position:relative;width:1em}.ok-icon--inline{top:-.125rem}.ok-u-sr-only{clip:rect(0,0,0,0);border:0;height:1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}
.ok-breadcrumbs{align-items:center;display:flex;flex-wrap:wrap;gap:var(--size-spacing-half-x);justify-content:center}.ok-breadcrumbs__item--link{background:var(--color-primary-10);border-radius:3px;color:var(--color-base-100);display:flex;gap:var(--size-spacing-quarter-x);outline:none;padding:var(--size-spacing-quarter-x);text-decoration:none}@media (hover:hover) and (pointer:fine){.ok-breadcrumbs__item--link:hover:not([disabled],[aria-disabled=true]){box-shadow:var(--elevation-light-100)}}.ok-breadcrumbs__item--link--icon-x{color:var(--color-base-100);margin:-4px;padding:4px;pointer-events:auto}@media (hover:hover) and (pointer:fine){.ok-breadcrumbs__item:hover:not([disabled],[aria-disabled=true]){text-decoration:underline;text-decoration-thickness:2px}}.ok-breadcrumbs__item:focus-within{box-shadow:var(--elevation-light-100);outline:5px auto Highlight;outline:5px auto -webkit-focus-ring-color}.ok-breadcrumbs__item--last{pointer-events:none}@media (hover:hover) and (pointer:fine){.ok-breadcrumbs__item--last:hover:not([disabled],[aria-disabled=true]){text-decoration:none}}.ok-breadcrumbs__item--last:focus-within{box-shadow:var(--elevation-light-100);outline:none}
.ok-button{align-items:center;background-color:var(--color-background-button-primary);border:1px solid var(--color-border-button-primary);border-radius:var(--size-radius-button,0);color:var(--color-text-button-primary);cursor:pointer;display:inline-flex;font-size:var(--font-size-700);font-weight:var(--font-weight-bold);gap:var(--size-spacing-half-x);height:auto;justify-content:center;max-width:100%;padding:var(--size-spacing-three-quarters-x) var(--size-spacing-one-x);vertical-align:middle;word-break:break-word}.ok-button:is(a){text-align:center;text-decoration:none}@media (hover:hover) and (pointer:fine){.ok-button:hover:not([disabled],[aria-disabled=true]){background-color:var(--color-background-button-primary-hover);border-color:var(--color-border-button-primary-hover)}}.ok-button:focus-visible{background-color:var(--color-background-button-primary-focus);box-shadow:inset 0 0 0 2px currentcolor;outline:none}.ok-button--secondary{background-color:var(--color-base-100);border-color:var(--color-base-100);color:var(--color-base-0)}@media (hover:hover) and (pointer:fine){.ok-button--secondary:hover:not([disabled],[aria-disabled=true]){background-color:var(--color-base-0);border-color:var(--color-base-100);color:var(--color-base-100)}}.ok-button--secondary:focus-visible{background-color:var(--color-base-0);border-color:var(--color-base-0);color:var(--color-base-100)}.ok-button--tertiary{background-color:var(--color-base-0);border-color:var(--color-base-0);color:var(--color-base-100)}@media (hover:hover) and (pointer:fine){.ok-button--tertiary:hover:not([disabled],[aria-disabled=true]){background-color:var(--color-base-100);border-color:var(--color-base-0);color:var(--color-base-0)}}.ok-button--tertiary:focus-visible{background-color:var(--color-base-100);border-color:var(--color-base-0);box-shadow:inset 0 0 0 2px currentcolor;color:var(--color-base-0);outline:none}.ok-button[aria-disabled=true],.ok-button[disabled]{background-color:var(--color-blue-60n);border-color:var(--color-blue-60n);color:var(--color-base-0);cursor:not-allowed;filter:unset;transform:none}.ok-button--x-small{font-size:var(--font-size-500)}.ok-button--small,.ok-button--x-small{padding:var(--size-spacing-quarter-x) var(--size-spacing-three-quarters-x)}.ok-button--outlined{border-color:currentcolor}@media (hover:hover) and (pointer:fine){.ok-button--outlined:hover:not([disabled],[aria-disabled=true]){border-color:transparent}}.ok-button--outlined.ok-button--tertiary:focus-visible{border-color:var(--color-base-100)}.ok-button--icon{border-radius:50%;padding:var(--size-spacing-three-quarters-x)}.ok-button--icon.ok-button--small,.ok-button--icon.ok-button--x-small{padding:var(--size-spacing-quarter-x)}
.ok-star-ratings__rating{color:var(--color-base-100)}.no-ratings .ok-star-ratings__rating{display:none}.ok-star-ratings__ratings{display:flex;flex-direction:row}.ok-star-ratings__ratings-stars,.ok-star-ratings__ratings-stars-average,.ok-star-ratings__ratings-stars-average:before,.ok-star-ratings__ratings-stars:before{height:10px;overflow:hidden;position:relative;width:55px}.ok-star-ratings__ratings-stars-average,.ok-star-ratings__ratings-stars-average:before,.ok-star-ratings__ratings-stars:before{left:0;position:absolute}.ok-star-ratings__ratings-stars-average:before,.ok-star-ratings__ratings-stars:before{background-image:url(../css/assets/4f6b529.svg);background-repeat:repeat-x;background-size:11px 20px;content:""}.ok-star-ratings__ratings-stars-average:before{background-position-y:-11px}.ok-star-ratings__ratings-reviewcount{font-size:var(--font-size-200);margin-left:var(--size-spacing-quarter-x)}
.ok-card-list{display:grid;gap:var(--size-spacing-half-x);grid-auto-flow:dense;grid-template-columns:repeat(auto-fill,minmax(145px,1fr));padding:var(--size-spacing-one-x)}@media (min-width:48rem){.ok-card-list{gap:var(--size-spacing-one-x);grid-template-columns:repeat(auto-fill,minmax(215px,1fr))}}.ok-card{container:ok-card/inline-size;display:flex;flex-direction:column;max-width:300px}.ok-card:focus-visible{outline:none}.ok-card:focus-visible__body{box-shadow:var(--elevation-light-700)}.ok-card__body{background-color:var(--color-base-0);border-radius:6px;box-shadow:var(--elevation-light-200);display:flex;flex-direction:column;min-height:255px;position:relative}.ok-card__body:focus-within,.ok-card__body:hover{box-shadow:var(--elevation-light-700)}@container ok-card (min-width: 215px){.ok-card__body{min-height:310px}}.ok-card__link{color:var(--color-base-100);display:flex;flex-direction:column;flex-grow:1;text-decoration:none}.ok-card__image-wrap{aspect-ratio:29/19;box-shadow:inset 0 -2px 12px rgba(118,77,107,.05);padding:5px 15px 10px;width:100%}@container ok-card (min-width: 215px){.ok-card__image-wrap{padding:9px 41px 18px}}.ok-card__image-wrap>img{height:100%;-o-object-fit:contain;object-fit:contain;width:100%}.ok-card__image-wrap--set{display:flex;overflow:hidden;padding-left:var(--size-spacing-half-x)}.ok-card__image-wrap--set>img{width:85%}.ok-card__photo-mini-wrap{align-items:center;display:flex;flex:0 0 22%;flex-direction:column;justify-content:center;position:relative;right:7%}.ok-card__photo-mini{background-color:var(--color-base-0);border:3px solid var(--color-base-0);border-radius:50%;box-shadow:var(--elevation-light-300)}.ok-card__photo-mini:first-child{z-index:15}.ok-card__photo-mini:nth-child(2){margin-top:-5px;z-index:10}.ok-card__photo-mini:nth-child(3){margin-top:-5px;z-index:5}.ok-card__main-wrap{display:flex;flex-direction:column;flex-grow:1;padding:var(--size-spacing-quarter-x)}@container ok-card (min-width: 215px){.ok-card__main-wrap{padding:var(--size-spacing-half-x) var(--size-spacing-three-quarters-x)}}.ok-card__main-content{display:flex;flex-direction:column;flex-grow:1;gap:var(--size-spacing-half-x)}.ok-card__product-name{font-size:.875rem;max-height:1.75rem;overflow:hidden;position:relative}.ok-card__product-name:after{background:linear-gradient(270deg,#fff 51.04%,hsla(0,0%,100%,0));content:"";height:.875rem;position:absolute;right:0;top:.875rem;width:30%}.ok-card__snipe{font-size:var(--font-size-200)}.ok-card__snipe--low-stock{color:var(--color-orange-60)}.ok-card__snipe--sale{color:var(--color-brand-90)}.en_AU .ok-card__snipe--sale,.en_SG .ok-card__snipe--sale,.ja_JP .ok-card__snipe--sale,.ko_KR .ok-card__snipe--sale{color:var(--color-red-60)}.ok-card__snipe--new,.ok-card__snipe--new-color{color:var(--color-teal-80)}.ok-card__snipe span+span{margin-left:var(--size-spacing-half-x)}.ok-card__rating{color:var(--color-base-100)}.no-ratings .ok-card__rating{display:none}.ok-card__ratings{display:flex;flex-direction:row}.ok-card__ratings-stars,.ok-card__ratings-stars-average,.ok-card__ratings-stars-average:before,.ok-card__ratings-stars:before{height:10px;overflow:hidden;position:relative;width:55px}.ok-card__ratings-stars-average,.ok-card__ratings-stars-average:before,.ok-card__ratings-stars:before{left:0;position:absolute}.ok-card__ratings-stars-average:before,.ok-card__ratings-stars:before{background-image:url(../css/assets/4f6b529.svg);background-repeat:repeat-x;background-size:11px 20px;content:""}.ok-card__ratings-stars-average:before{background-position-y:-11px}.ok-card__ratings-reviewcount{font-size:var(--font-size-200);margin-left:var(--size-spacing-quarter-x)}.ok-card__type{color:var(--color-base-90);font-size:var(--font-size-100)}.ok-card__swatches{display:flex;overflow:hidden;position:relative}.ok-card__swatches--list{display:flex;gap:var(--size-spacing-eighth-x)}.ok-card__swatch-color{border-radius:49%;height:8px;overflow:hidden;width:8px}@media (min-width:60rem){.ok-card__swatch-color{height:12px;width:12px}}.ok-card__swatches-remaining{align-items:center;background:linear-gradient(270deg,#fff 30.17%,hsla(0,0%,100%,0));display:flex;font-size:var(--font-size-100);height:100%;padding-left:var(--size-spacing-one-and-a-half-x);position:absolute;right:0}@media (min-width:60rem){.ok-card__swatches-remaining{font-size:var(--font-size-200)}}.ok-card__atc,.ok-card__elb{margin:0 var(--size-spacing-quarter-x) var(--size-spacing-quarter-x)}@container ok-card (min-width: 215px){.ok-card__atc,.ok-card__elb{margin:0 var(--size-spacing-half-x) var(--size-spacing-three-quarters-x)}}.ok-card__atc .ok-button,.ok-card__elb .ok-button{width:100%}.ok-card__link:focus-visible .ok-card__faux-btn{background-color:var(--color-base-100);border-color:var(--color-base-100);box-shadow:inset 0 0 0 2px currentcolor;color:var(--color-base-0);outline:none}.ok-card__atc-animation .text-added{height:1em;max-width:0;opacity:0;overflow:hidden;position:absolute;transition:all 0;visibility:hidden}.ok-card__atc-animation .text-quick-add{height:1em;max-width:700px;overflow:hidden;transition:opacity .1s linear .35s,max-width 1.25s linear}.ok-card__atc-animation .plus-sign{transition:opacity .5s ease-in}.ok-card__atc-animation .checkmark{fill:var(--color-brand-50);opacity:0;transition:all 0;visibility:hidden}.ok-card__atc-animation--clicked .text-quick-add{height:1em;max-width:0;opacity:0;overflow:hidden;transition:max-width .3s cubic-bezier(.45,.77,.58,1)}.ok-card__atc-animation--clicked .text-added{max-width:700px;opacity:1;position:relative;transition:opacity .25s ease-in 1.25s,max-width 1s ease-in 1s;visibility:visible}.ok-card__atc-animation--clicked .plus-sign{opacity:0;position:absolute;visibility:hidden}.ok-card__atc-animation--clicked .checkmark{opacity:1;transition:opacity .5s ease-in .9s;visibility:visible}.ok-card__additional-colors{font-size:var(--font-size-300)}.ok-card__price{margin-top:auto}.ok-card__price-to{font-size:var(--font-size-300)}.ok-card__price-current-low{font-weight:var(--font-weight-bold)}.ok-card__price-value--sale{color:var(--color-brand-90)}.ok-card__price-value--bold{font-weight:var(--font-weight-bold)}.en_AU .ok-card__price-value--sale,.en_SG .ok-card__price-value--sale,.ja_JP .ok-card__price-value--sale,.ko_KR .ok-card__price-value--sale{color:var(--color-red-60)}.ok-card__price-value--discounted{font-size:var(--font-size-400);padding-left:var(--size-spacing-quarter-x);text-decoration:line-through}.ok-card__promo{background-color:var(--color-primary-20);border-radius:0 0 6px 6px;font-size:var(--font-size-200);margin:0 var(--size-spacing-half-x);padding:var(--size-spacing-quarter-x);text-align:center}@container ok-card (min-width: 215px){.ok-card__promo{padding:var(--size-spacing-half-x) var(--size-spacing-three-quarters-x)}}.ok-card__promo--text{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;text-overflow:ellipsis}@container ok-card (min-width: 215px){.ok-card__promo{font-size:var(--font-size-400)}}.ok-card--simple{max-width:244px}.ok-card--simple .ok-card__body{aspect-ratio:1/1;background-color:var(--color-base-0);box-shadow:none;flex-grow:1;min-height:auto;overflow:hidden}.ok-card--simple .ok-card__body:focus-within,.ok-card--simple .ok-card__body:hover{box-shadow:var(--elevation-light-200)}.ok-card--simple .ok-card__link{overflow:hidden}.ok-card--simple .ok-card__image-wrap{box-shadow:none;overflow:hidden;padding:min(var(--size-spacing-one-x,7%)) min(var(--size-spacing-one-x,7%)) 0}.ok-card--simple .ok-card__main-wrap{align-items:flex-end;flex-direction:row}.ok-card--simple .ok-card__main-content{gap:var(--size-spacing-quarter-x);justify-content:flex-end}.ok-card--simple .ok-card__product-name{font-weight:var(--font-weight-bold)}.ok-card--simple .ok-card__price{margin-top:unset}.ok-card--simple .ok-card__price-value{font-size:var(--font-size-400)}.ok-card--simple .ok-card__atc{background-color:var(--color-base-0);border:none;cursor:pointer;flex-shrink:0;font-size:var(--font-size-800);margin:0}swiper-slide[data-has=card]{max-width:245px}
.ok-link{align-items:center;background-color:unset;border:unset;color:var(--color-primary-60);cursor:pointer;display:inline-flex;font-size:var(--font-size-600);gap:var(--size-spacing-half-x);margin:-.125rem;padding:var(--size-spacing-eighth-x);text-decoration-line:underline;text-decoration-thickness:1px}@media (hover:hover) and (pointer:fine){.ok-link:hover:not([disabled],[aria-disabled=true]){color:var(--color-primary-80);text-decoration-line:underline;text-decoration-thickness:2px}}.ok-link:focus-visible{outline-offset:var(--size-spacing-eighth-x)}.ok-link[aria-disabled=true],.ok-link[disabled]{color:var(--color-blue-60n);cursor:not-allowed;text-decoration-line:underline}.ok-link--secondary{color:var(--color-base-0)}@media (hover:hover) and (pointer:fine){.ok-link--secondary:hover:not([disabled],[aria-disabled=true]){color:var(--color-base-0)}}.ok-link--tertiary{color:var(--color-base-100)}@media (hover:hover) and (pointer:fine){.ok-link--tertiary:hover:not([disabled],[aria-disabled=true]){color:var(--color-base-100)}}.ok-link--small{font-size:var(--font-size-500)}.ok-link--large{font-size:var(--font-size-700)}.ok-link--heavy{font-weight:var(--font-weight-bold)}.ok-link--no-underline{text-decoration:none}
.ok-purchase-card{display:flex;flex-wrap:wrap;gap:var(--size-spacing-half-x) var(--size-spacing-three-quarters-x);padding:0 var(--size-spacing-one-x) var(--size-spacing-one-x) var(--size-spacing-one-x);position:relative;width:100%}.ok-purchase-card__wrapper{border-bottom:1px solid var(--color-blue-60n)}.ok-purchase-card__cta{margin:0 var(--size-spacing-one-x) var(--size-spacing-one-x)}.ok-purchase-card__buy-it-again,.ok-purchase-card__shipment{width:100%}.ok-purchase-card__price{color:var(--color-base-100);font-size:var(--font-size-400)}.ok-purchase-card__price-main-green,.ok-purchase-card__price-secondary-green{color:var(--color-brand-80)}.ok-purchase-card__price-main-red,.ok-purchase-card__price-secondary-red{color:var(--color-red-60)}.ok-purchase-card__price-main{font-weight:var(--font-weight-bold);margin-right:var(--size-spacing-eighth-x)}.ok-purchase-card__price-secondary{font-weight:var(--font-weight-regular);margin-left:var(--size-spacing-eighth-x)}.ok-purchase-card__price-secondary-disabled{text-decoration:line-through}.ok-purchase-card__price-message{font-weight:var(--font-weight-bold);margin-left:var(--size-spacing-quarter-x)}.ok-purchase-card__status{font-size:var(--font-size-600);font-weight:700;margin-bottom:var(--size-spacing-half-x)}.ok-purchase-card__status-confirmed{color:var(--color-brand-80)}.ok-purchase-card__status-cancelled{color:var(--color-red-60)}.ok-purchase-card__status-shipped{color:var(--color-primary-60)}.ok-purchase-card__status-delivered{color:var(--color-base-100)}.ok-purchase-card__info{flex:1;margin-top:var(--size-spacing-half-x)}.ok-purchase-card__header{display:flex;flex-wrap:nowrap;gap:var(--size-spacing-half-x);justify-content:space-between;margin-bottom:var(--size-spacing-half-x)}.ok-purchase-card__header h2{line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--color-base-100);display:-webkit-box;font-size:var(--font-size-500);font-weight:var(--font-weight-regular);overflow:hidden;padding-top:var(--size-spacing-quarter-x);text-overflow:ellipsis}.ok-purchase-card__menu-button{align-self:flex-start;flex-shrink:0}.ok-purchase-card__menu-button--is-open{background-color:var(--color-base-100);border-color:var(--color-base-0);color:var(--color-base-0)}.ok-purchase-card__menu .ok-link{color:var(--color-base-100);gap:var(--size-spacing-three-quarters-x);margin:0;padding:var(--size-spacing-three-quarters-x);width:100%}.ok-purchase-card img{align-self:baseline}.ok-purchase-card__lines{display:flex;flex-direction:column;justify-content:end;min-height:3.75rem}.ok-purchase-card__line{margin-bottom:var(--size-spacing-half-x)}.ok-purchase-card__line,.ok-purchase-card__line .ok-link,.ok-purchase-card__line .ok-link:hover{color:var(--color-blue-60n)}.ok-purchase-card__line:last-child{align-items:center;display:flex;gap:var(--size-spacing-half-x);justify-content:space-between;margin-bottom:unset}.ok-purchase-card__boldkeys .ok-purchase-card__line>span{font-weight:var(--font-weight-bold)}.ok-purchase-card__priceline.ok-purchase-card__line{display:block;text-align:right}.ok-purchase-card__error{color:var(--color-red-60);flex-basis:100%}.ok-purchase-card__select{align-items:center;display:flex;position:relative}.ok-purchase-card__select select{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-color:var(--color-blue-40n);border-radius:4px;color:var(--color-blue-60n);padding:var(--size-spacing-quarter-x) var(--size-spacing-two-x) var(--size-spacing-quarter-x) var(--size-spacing-half-x);text-align:center}.ok-purchase-card__select .ok-icon{font-size:var(--font-size-900);pointer-events:none;position:absolute;right:var(--size-spacing-half-x)}
.ok-sub-nav{--sub-nav-fill:var(--color-base-0);--sub-nav-text:var(--color-base-90);background-color:var(--sub-nav-fill,var(--color-base-0));border-radius:3px;display:flex;flex-direction:column;gap:.75rem;list-style:none;padding:.75rem 1rem;position:relative}@media (hover:hover) and (pointer:fine){.ok-sub-nav:hover:not([disabled],[aria-disabled=true]){--sub-nav-fill:var(--color-primary-20)}}.ok-sub-nav:focus-within{--sub-nav-fill:var(--color-primary-20);outline:5px auto Highlight;outline:5px auto -webkit-focus-ring-color;outline-offset:-1px}.ok-sub-nav--active{--sub-nav-fill:transparent;background-color:var(--color-blue-30)}.ok-sub-nav--active:focus-within{outline:none}.ok-sub-nav__divider{--sub-nav-divider-line:var(--color-blue-20n);border-bottom:1px solid var(--sub-nav-divider-line,#2e363a)}.ok-sub-nav__content{align-items:center;color:var(--sub-nav-text,#2e363a);display:flex;width:100%}.ok-sub-nav__icon{font-size:var(--font-size-600)}.ok-sub-nav__icon--right{font-size:var(--font-size-900)}.ok-sub-nav__icon--large{font-size:var(--font-size-1200)}.ok-sub-nav__text-wrapper{display:flex;flex-direction:column;flex-grow:1;margin-left:.5rem;margin-right:.5rem}.ok-sub-nav__label{color:var(--sub-nav-text,#2e363a);display:block;font-size:var(--font-size-400);font-weight:var(--font-weight-regular);line-height:1;margin-bottom:.25rem;text-decoration:none}.ok-sub-nav__text{font-size:var(--font-size-600)}.ok-sub-nav--large .ok-sub-nav__text{font-size:var(--font-size-800)}.ok-sub-nav--heavy .ok-sub-nav__text{font-weight:var(--font-weight-bold)}.ok-sub-nav--sale{color:var(--color-brand-90)}.en_AU .ok-sub-nav--sale,.en_SG .ok-sub-nav--sale,.ja_JP .ok-sub-nav--sale,.ko_KR .ok-sub-nav--sale{color:var(--color-red-60)}.ok-sub-nav__item{background-color:transparent;border:none;color:var(--color-base-100);cursor:pointer;display:flex;flex-direction:column;padding:0;text-align:left;text-decoration:none;width:100%}.ok-sub-nav__item:after{content:"";inset:0;position:absolute;z-index:1}@media (hover:hover) and (pointer:fine){.ok-sub-nav__item:hover:not([disabled],[aria-disabled=true]) .ok-sub-nav__text{text-decoration:underline}}.ok-sub-nav__item:focus{outline:none;text-decoration:none}.ok-sub-nav__item:focus .ok-sub-nav__text{text-decoration:underline}
.ok-tab-container__wrapper{position:relative}.ok-tab-container__wrapper .ok-tab-nav{-ms-overflow-style:none;align-items:center;background-color:var(--color-base-0);border-bottom:1px solid var(--color-blue-20n);display:flex;overflow-x:auto;scroll-behavior:smooth;scrollbar-width:none;white-space:nowrap}.ok-tab-container__wrapper .ok-tab-nav__tab{align-items:flex-end;display:flex;flex:1;justify-content:center;margin-left:var(--size-spacing-quarter-x);margin-right:var(--size-spacing-quarter-x);position:relative}.ok-tab-container__wrapper .ok-tab-nav__tab:first-child{margin-left:0}.ok-tab-container__wrapper .ok-tab-nav__tab:last-child{margin-right:0}.ok-tab-container__wrapper .ok-tab-nav__tab:after{background-color:var(--color-base-100);bottom:0;content:"";height:2px;left:0;position:absolute;right:0;transform:scaleX(0);transition:transform .3s ease}@media (hover:hover) and (pointer:fine){.ok-tab-container__wrapper .ok-tab-nav__tab:hover:not([disabled],[aria-disabled=true]){color:var(--color-base-100);font-weight:var(--font-weight-bold);outline:none}.ok-tab-container__wrapper .ok-tab-nav__tab:hover:not([disabled],[aria-disabled=true]):after{background-color:var(--color-base-100);bottom:0;content:"";height:2px;left:0;position:absolute;right:0;transform:scaleX(1);transition:transform .3s ease}}.ok-tab-container__wrapper .ok-tab-nav__tab--button{background-color:var(--color-base-0);border:none;color:inherit;cursor:pointer;height:100%;padding:var(--size-spacing-three-quarters-x);text-align:center;text-decoration:none;width:100%}.ok-tab-container__wrapper .ok-tab-nav__tab--button:focus-visible{outline:5px auto Highlight;outline:5px auto -webkit-focus-ring-color;outline-offset:-5px}.ok-tab-container__wrapper .ok-tab-nav__tab.active{color:var(--color-base-100);font-weight:var(--font-weight-bold);outline:none}.ok-tab-container__wrapper .ok-tab-nav__tab.active:after{background-color:var(--color-base-100);bottom:0;content:"";height:2px;left:0;position:absolute;right:0;transform:scaleX(1);transition:transform .3s ease}.ok-tab-container__wrapper .ok-tab-nav::-webkit-scrollbar{display:none}.ok-tab-container__wrapper--scroll-button{align-items:center;background-color:var(--color-base-0);border:none;cursor:pointer;display:flex;font-size:var(--font-size-700);height:100%;justify-content:center;line-height:1;padding:1px;position:absolute;top:50%;transform:translateY(-50%);width:24px;z-index:1}.ok-tab-container__wrapper--scroll-button--left{left:0}.ok-tab-container__wrapper--scroll-button--right{right:0}.ok-tab-container__tab-panel{background-color:var(--color-base-10n);border:1px solid var(--color-blue-20n);margin-top:var(--size-spacing-three-quarters-x);padding:var(--size-spacing-one-and-a-half-x)}
.ok-tile{border-radius:var(--size-spacing-half-x);color:var(--color-base-100);display:block;font-size:var(--font-size-400);max-width:115px;overflow:hidden;position:relative}@media (hover:hover) and (pointer:fine){.ok-tile:hover:not([disabled],[aria-disabled=true]){box-shadow:var(--elevation-light-200)}.ok-tile:hover:not([disabled],[aria-disabled=true]) .ok-tile__title{text-decoration:underline}}.ok-tile:focus-visible{outline:5px auto Highlight;outline:5px auto -webkit-focus-ring-color}@media (min-width:48rem){.ok-tile{max-width:182px}}.ok-tile__block{background-color:hsla(0,0%,100%,.8);bottom:0;left:0;padding:var(--size-spacing-quarter-x) var(--size-spacing-three-quarters-x);position:absolute;width:100%}.ok-tile__title{display:block;-webkit-mask-image:linear-gradient(90deg,#000 90%,transparent);mask-image:linear-gradient(90deg,#000 90%,transparent);overflow:hidden;white-space:nowrap}.ok-tile--sm{max-width:93px}swiper-slide[data-has=tile]{max-width:115px}@media (min-width:48rem){swiper-slide[data-has=tile]{max-width:182px}}
.ok-toast{border-radius:3px;color:var(--color-base-100);display:flex;justify-content:center}.ok-toast--success{background-color:var(--color-brand-40)}.ok-toast--information{background-color:var(--color-primary-30)}.ok-toast--warning{background-color:var(--color-yellow-50)}.ok-toast--error{background-color:var(--color-red-60);color:var(--color-base-0)}.ok-toast__block{align-items:center;display:flex;flex-grow:1;gap:var(--size-spacing-quarter-x);justify-content:center;max-width:var(--size-breakpoint-xl);padding:var(--size-spacing-half-x) var(--size-spacing-one-x)}.ok-toast__block .ok-icon,.ok-toast__close{font-size:var(--font-size-800)}.ok-toast__close{align-self:flex-start;background-color:transparent;border:none;color:currentcolor;cursor:pointer;flex-shrink:0;line-height:0;margin-top:var(--size-spacing-half-x)}
.ok-checkbox__input{clip:rect(0,0,0,0);border:0;height:1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.ok-checkbox{--checkbox-background:transparent;--checkbox-background-interacted:var(--color-primary-20);--checkbox-border-color:var(--color-blue-40n);--checkbox-label-outline:var(--color-blue-60n)}.ok-checkbox__label{align-items:center;border-radius:3px;cursor:pointer;display:inline-flex!important;gap:var(--size-spacing-half-x);padding:var(--size-spacing-quarter-x,4px) var(--size-spacing-eighth-x,2px);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.ok-checkbox__label--child:focus-within{outline:3px dashed var(--checkbox-label-outline)}.ok-checkbox__input-control{align-items:center;background-color:var(--checkbox-background);border:2px solid var(--checkbox-border-color);border-radius:3px;cursor:inherit;display:inline-flex;justify-content:center;min-height:var(--size-spacing-one-and-a-half-x);min-width:var(--size-spacing-one-and-a-half-x);overflow:hidden}@media (hover:hover) and (pointer:fine){.ok-checkbox__input-control:hover:not([disabled],[aria-disabled=true]){background-color:var(--checkbox-background-interacted);outline:3px solid var(--checkbox-background-interacted)}}.ok-checkbox__input-control--heavy{border:3px solid var(--color-base-100)}.ok-checkbox__input:focus+.ok-checkbox__input-control{--checkbox-border-color:var(--color-primary-60);background-color:var(--checkbox-background-interacted);border-color:var(--checkbox-border-color);outline:3px solid var(--checkbox-background-interacted)}.ok-checkbox--heavy .ok-checkbox__input:checked+.ok-checkbox__input-control{background-color:var(--color-base-100)}.ok-checkbox--heavy .ok-checkbox__input:checked+.ok-checkbox__input-control .ok-icon{fill:var(--color-base-0)}.ok-checkbox--top .ok-checkbox__label{align-items:start}
.ok-radio__input{clip:rect(0,0,0,0);border:0;height:1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.ok-radio{align-items:center;cursor:pointer;display:flex;margin-bottom:1.5rem;margin-top:1.5rem;position:relative}.ok-radio__group-description{margin-top:.5rem}.ok-radio__custom-radio{align-self:start;background-color:#fff;border:1px solid var(--color-blue-40n);border-radius:50%;height:20px;margin-right:.75rem;min-width:20px;position:relative}.ok-radio__custom-radio:before{content:""}.ok-radio__custom-radio.checked:before{background-color:var(--color-primary-60);border-radius:50%;display:block;height:12px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:12px}.ok-radio__custom-radio--center{align-self:center}.ok-radio:hover .ok-radio__custom-radio{background-color:var(--color-primary-20);outline:2px solid var(--color-primary-20)}.ok-radio:focus-within .ok-radio__custom-radio{background-color:var(--color-primary-20);border-color:var(--color-primary-60);outline:2px solid var(--color-primary-20)}.ok-radio__label{cursor:pointer}.ok-radio--heavy{color:var(--color-primary-80);font-weight:var(--font-weight-bold)}.ok-radio__description{color:var(--color-blue-60n);font-size:var(--font-size-400);font-weight:var(--font-weight-regular);line-height:18px;margin-right:.75rem;margin-top:.125rem}.ok-radio__data{align-self:start;margin-left:auto}.ok-radio.disabled{cursor:default;pointer-events:none}.ok-radio.disabled .ok-radio__custom-radio{background-color:var(--color-base-0);border-color:var(--color-blue-40n);outline:none}.ok-radio.disabled .ok-radio__custom-radio.checked:before{background-color:var(--color-base-0)}.ok-radio.disabled .ok-radio__data,.ok-radio.disabled .ok-radio__description,.ok-radio.disabled .ok-radio__label{color:var(--color-blue-40n)}
.ok-banner{align-items:center;background-color:var(--banner-bg,var(--color-teal-30));color:var(--banner-color,var(--color-base-100));display:inline-flex;flex-wrap:wrap;justify-content:center;line-height:1.25;padding:var(--size-spacing-three-quarters-x);position:relative;text-align:center;width:100%}.ok-banner:focus-within{outline:5px auto Highlight;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}.ok-banner>:not(.ok-banner__disclaimer){display:inline}.ok-banner *+:not(.ok-banner__disclaimer){margin-left:var(--size-spacing-quarter-x)}.ok-banner__headline{font-weight:var(--font-weight-regular)}.ok-banner__disclaimer{flex:0 0 100%;font-size:var(--font-size-300);max-width:100%}.ok-banner--light-brand{--banner-bg:var(--color-brand-10)}.ok-banner--dark-brand{--banner-bg:var(--color-brand-90);--banner-color:var(--color-base-0)}.ok-banner--light-primary{--banner-bg:var(--color-primary-30)}.ok-banner--dark-primary{--banner-bg:var(--color-primary-70);--banner-color:var(--color-base-0)}.ok-banner--light-pink{--banner-bg:var(--color-rubine-30)}.ok-banner--dark-pink{--banner-bg:var(--color-rubine-60);--banner-color:var(--color-base-0)}.ok-banner--light-orange{--banner-bg:var(--color-orange-30)}.ok-banner--dark-orange{--banner-bg:var(--color-orange-60);--banner-color:var(--color-base-0)}.ok-banner--light-yellow{--banner-bg:var(--color-yellow-20)}.ok-banner--dark-yellow{--banner-bg:var(--color-yellow-50)}.ok-banner--light-blue{--banner-bg:var(--color-blue-30)}.ok-banner--dark-blue{--banner-bg:var(--color-blue-60);--banner-color:var(--color-base-0)}.ok-banner--dark-teal{--banner-bg:var(--color-teal-80);--banner-color:var(--color-base-0)}.ok-banner .ok-link{color:inherit}.ok-banner .ok-link:after{content:"";inset:0;position:absolute;z-index:1}@media (hover:hover) and (pointer:fine){.ok-banner .ok-link:hover:not([disabled],[aria-disabled=true]){color:inherit}}.ok-banner .ok-link:focus{outline:none}.ok-rotator{background-color:var(--banner-bg,var(--color-teal-30));display:grid;overflow:hidden;position:relative}@media (min-width:30.0625rem){.ok-rotator:hover .ok-rotator__btn{display:block}}.ok-rotator__btn .ok-icon{font-size:var(--size-spacing-one-and-a-half-x)}.ok-rotator .ok-banner{grid-column-start:1;grid-row-start:1;transition:all .3s ease-in;z-index:1}.ok-rotator .ok-banner--active{transform:translateX(0);z-index:1}.ok-rotator .ok-banner--inactive,.ok-rotator .ok-banner--transition{transform:translateX(-100%);z-index:-1}@media (min-width:30.0625rem){.ok-rotator .ok-banner{padding:var(--size-spacing-three-quarters-x) var(--size-spacing-two-x)}}.ok-rotator__btn{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-blend-mode:multiply;background-color:rgba(0,0,0,.1);border:none;border-radius:4px;color:var(--banner-color,var(--color-base-100));cursor:pointer;display:none;height:35px;position:absolute;text-decoration:none;top:50%;transform:translateY(-50%);width:35px;z-index:10}.ok-rotator__btn--prev{left:0}.ok-rotator__btn--next{right:0}
.ok-hero{--hero-bg-default:var(--color-purple-10n);background:var(--hero-bg,var(--hero-bg-default));color:var(--hero-color,var(--color-base-100));display:flex;justify-content:center;margin-bottom:var(--size-spacing-one-x);min-height:470px;position:relative;text-align:center}@media (hover:hover) and (pointer:fine){.ok-hero:hover:not([disabled],[aria-disabled=true]){box-shadow:var(--elevation-light-700)}}.ok-hero:focus-within{box-shadow:var(--elevation-light-700)}@media (min-width:48rem){.ok-hero{margin-bottom:var(--size-spacing-two-x);min-height:580px}}.ok-hero__bg{height:100%;-o-object-fit:cover;object-fit:cover;position:absolute}.ok-hero__content{align-items:var(--hero-align,center);display:flex;flex-direction:column;justify-content:var(--hero-justify,flex-end);max-width:var(--size-breakpoint-xl);padding:var(--size-spacing-one-and-a-half-x) var(--size-spacing-one-x);position:relative;width:100%}@media (min-width:48rem){.ok-hero__content{padding:var(--size-spacing-two-x)}}.ok-hero__content:focus-within{outline:5px auto Highlight;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}.ok-hero__block{max-width:60ch;width:100%}.ok-hero__eyebrow{display:block;font-size:var(--font-size-600);margin-bottom:var(--size-spacing-half-x)}@media (min-width:48rem){.ok-hero__eyebrow{font-size:var(--font-size-700);margin-bottom:var(--size-spacing-three-quarters-x)}}.ok-hero__heading{font-size:var(--font-size-900);margin-bottom:var(--size-spacing-half-x)}@media (min-width:48rem){.ok-hero__heading{font-size:var(--font-size-1200);margin-bottom:var(--size-spacing-three-quarters-x)}}.ok-hero__lockup{display:inline;max-width:var(--hero-lockup-width,285px)}.ok-hero__copy{margin-bottom:var(--size-spacing-three-quarters-x)}@media (min-width:48rem){.ok-hero__copy{margin-bottom:var(--size-spacing-one-x)}}.ok-hero .ok-button{margin-bottom:var(--size-spacing-three-quarters-x)}.ok-hero .ok-button:after{content:"";inset:0;position:absolute;z-index:1}.ok-hero__footer{display:block;font-size:var(--font-size-300)}.ok-hero[data-mode~=dark]{--hero-bg-default:var(--color-base-90);--hero-color:var(--color-base-0)}.ok-hero[data-mode~=text-left]{--hero-align:flex-start;text-align:left}.ok-hero[data-mode~=text-right]{--hero-align:flex-end;text-align:right}.ok-hero[data-mode~=vtop]{--hero-justify:flex-start}.ok-hero[data-mode~=vmiddle]{--hero-justify:center}.ok-hero[data-mode~=text-split]{--hero-justify:space-between}
.ok-hype-block{container:ok-hype-block/inline-size;display:flex;flex-wrap:wrap;justify-content:center;margin-bottom:var(--size-spacing-four-x)}.ok-hype-block__media{aspect-ratio:1/1;margin-bottom:var(--size-spacing-one-and-a-half-x);max-width:600px;-o-object-fit:contain;object-fit:contain;width:100%}@container ok-hype-block (min-width: 45.625rem){.ok-hype-block__media{width:50%}.ok-hype-block__media[data-mode~=flip-layout]{order:1}}.ok-hype-block__content{align-self:center;display:flex;flex-grow:1;max-width:600px;padding-left:var(--size-spacing-three-quarters-x);padding-right:var(--size-spacing-three-quarters-x)}@container ok-hype-block (min-width: 45.625rem){.ok-hype-block__content{width:50%}}.ok-hype-block__content[data-block-alignment~=center]{justify-content:center}.ok-hype-block__content[data-block-alignment~=right]{justify-content:end}.ok-hype-block__content-block[data-text-alignment~=center]{text-align:center}.ok-hype-block__content-block[data-text-alignment~=right]{text-align:right}.ok-hype-block__content--small{max-width:25rem}.ok-hype-block__eyebrow{display:block;margin-bottom:var(--size-spacing-one-x)}.ok-hype-block__heading{font-size:var(--font-size-1100);font-weight:var(--font-weight-black);margin-bottom:var(--size-spacing-one-and-a-half-x)}.ok-hype-block__copy{margin-bottom:var(--size-spacing-two-x)}
.ok-inline-nav{border-bottom:2px solid var(--color-purple-20n);border-top:2px solid var(--color-purple-20n);display:flex;margin-bottom:var(--size-spacing-two-x);overflow-x:auto;padding-bottom:var(--size-spacing-one-x);padding-top:var(--size-spacing-one-x)}.ok-inline-nav__block{-moz-column-gap:var(--size-spacing-one-and-a-half-x);column-gap:var(--size-spacing-one-and-a-half-x);display:flex;flex-grow:1;justify-content:space-between;margin-left:auto;margin-right:auto;padding-left:var(--size-spacing-one-x);padding-right:var(--size-spacing-one-x);white-space:nowrap}@media (min-width:30.0625rem){.ok-inline-nav__block{-moz-column-gap:var(--size-spacing-four-x);column-gap:var(--size-spacing-four-x);justify-content:center}}
.ok-list-of-links{display:flex;flex-direction:row;justify-content:center;margin-bottom:var(--size-spacing-four-x)}.ok-list-of-links__list{display:flex;flex-flow:row wrap;gap:var(--size-spacing-two-x) var(--size-spacing-one-x);justify-content:center;max-width:var(--size-breakpoint-xl)}.ok-list-of-links__brand-img{opacity:.3;position:relative;transition:opacity .5s;z-index:-1}.ok-list-of-links__product-img{margin-top:-10px;position:relative;transition:margin-top .5s;z-index:0}.ok-list-of-links__block{display:flex;flex-direction:column;height:126px;justify-content:flex-end;padding:var(--size-spacing-0) var(--size-spacing-one-x);width:147px}@media (min-width:48rem){.ok-list-of-links__block{height:164px;width:219px}}@media (hover:hover) and (pointer:fine){.ok-list-of-links__block:hover:not([disabled],[aria-disabled=true]) .ok-list-of-links__brand-img{opacity:1}.ok-list-of-links__block:hover:not([disabled],[aria-disabled=true]) .ok-list-of-links__product-img{margin-top:var(--size-spacing-0)}}.ok-list-of-links__block:focus-within .ok-list-of-links__brand-img{opacity:1}.ok-list-of-links__block:focus-within .ok-list-of-links__product-img{margin-top:var(--size-spacing-0)}
.ok-media{margin-left:auto;margin-right:auto;max-width:var(--size-breakpoint-xl);position:relative}@media (hover:hover) and (pointer:fine){.ok-media__controls{opacity:0;transition:opacity .35s ease-in}.ok-media:focus-within .ok-media__controls,.ok-media:hover .ok-media__controls{opacity:1}@supports selector(:has(:focus-visible)){.ok-media:focus-within .ok-media__controls{opacity:0}.ok-media:has(:focus-visible) .ok-media__controls,.ok-media:hover .ok-media__controls{opacity:1}}}.ok-media__wrapper{--media-bg-default:transparent;background:var(--media-bg,var(--media-bg-default))}.ok-media__video{width:100%}.ok-media__controls{background:linear-gradient(180deg,rgba(20,18,21,0),rgba(20,18,21,.5));bottom:0;display:flex;justify-content:space-between;left:0;padding:0 var(--size-spacing-three-quarters-x) var(--size-spacing-half-x);position:absolute;right:0}.ok-media__toggle{background-color:transparent;border:none;border-radius:var(--size-spacing-eighth-x);color:var(--color-base-0);cursor:pointer;font-size:clamp(1.25rem,1vw + 1rem,1.875rem);padding:var(--size-spacing-half-x)}.ok-media__toggle:focus-visible,.ok-media__toggle:hover{background:rgba(93,98,101,.5)}.ok-media__toggle:focus-visible{outline:1px auto -webkit-focus-ring-color;outline:1px auto Highlight}.ok-media__toggle+.ok-media__toggle{margin-left:var(--size-spacing-one-and-a-half-x)}
.ok-story-card{background:var(--story-card-bg,var(--color-base-0));border-radius:6px;box-shadow:var(--elevation-light-200);color:var(--story-card-color,var(--color-base-100));display:flex;height:inherit;justify-content:center;min-height:216px;overflow:hidden;position:relative;text-align:left;text-decoration:none}@media (hover:hover) and (pointer:fine){.ok-story-card:hover:not([disabled],[aria-disabled=true]){box-shadow:var(--elevation-light-700)}}.ok-story-card:focus-within{box-shadow:var(--elevation-light-700)}.ok-story-card__bg{height:100%;-o-object-fit:cover;object-fit:cover;position:absolute}.ok-story-card__content{align-items:flex-start;display:flex;flex-direction:column;justify-content:flex-end;padding:var(--size-spacing-three-quarters-x);position:relative;width:100%}.ok-story-card__content:focus-within{outline:5px auto Highlight;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}.ok-story-card__block{max-width:60ch;width:100%}.ok-story-card__eyebrow{font-size:var(--font-size-500)}.ok-story-card__heading{font-size:var(--font-size-700);font-weight:var(--font-weight-black);margin:var(--size-spacing-half-x) 0}.ok-story-card .ok-link:after{content:"";inset:0;position:absolute;z-index:1}.ok-story-card .ok-link:focus{outline:none}.ok-story-card__footer{display:block;font-size:var(--font-size-300);margin-top:var(--size-spacing-half-x)}.ok-story-card[data-mode~=text-white]{--story-card-bg:var(--color-base-90);--story-card-color:var(--color-base-0)}.ok-story-card--sxs{display:grid;grid-column:span 2;grid-template-columns:1fr 1fr;max-width:570px}.ok-story-card--sxs .ok-card{background:var(--color-base-0);border-radius:inherit}.ok-story-card--sxs .ok-story-card__img-block{border-bottom-left-radius:6px;border-top-left-radius:6px;display:flex;overflow:hidden}.ok-story-card--sxs .ok-story-card__bg{border-radius:6px 0 0 6px;-o-object-fit:cover;object-fit:cover;position:relative}.ok-story-card--sxs .ok-card__body{border-bottom-left-radius:unset;border-top-left-radius:unset;box-shadow:unset}.ok-story-card--sxs .ok-card__promo{border-radius:0 0 6px;margin:unset}.ok-story-card--sxs .ok-card__link{outline-offset:-2px}
.ok-upsell{background-color:var(--color-teal-30);color:var(--color-base-100);display:flex;margin:0 auto var(--size-spacing-one-x);max-height:500px;max-width:1200px;min-height:500px;overflow:hidden;padding:var(--size-spacing-quarter-x) var(--size-spacing-half-x) 0 0;position:relative}@media (min-width:48rem){.ok-upsell{margin-bottom:var(--size-spacing-one-and-a-half-x);min-height:auto}.ok-upsell:before{content:"";padding-top:39.4557823129%}}@media (min-width:75rem){.ok-upsell{min-height:500px}}@media (hover:hover) and (pointer:fine){.ok-upsell:hover:not([disabled],[aria-disabled=true]){box-shadow:var(--elevation-light-600)}}.ok-upsell:focus-within{box-shadow:var(--elevation-light-600);outline:5px auto Highlight;outline:5px auto -webkit-focus-ring-color;outline-offset:var(--size-spacing-quarter-x)}.ok-upsell .ok-link{color:inherit;margin:var(--size-spacing-three-quarters-x) 0 var(--size-spacing-one-x)}.ok-upsell .ok-link:after{content:"";inset:0;position:absolute;z-index:1}@media (hover:hover) and (pointer:fine){.ok-upsell .ok-link:hover:not([disabled],[aria-disabled=true]){color:inherit}}.ok-upsell .ok-link:focus{outline:none}.ok-upsell__bg{height:100%;left:0;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;position:absolute;top:0;width:100%}.ok-upsell__copy{align-self:end;display:block;flex-basis:87%;padding-left:var(--size-spacing-one-x);z-index:2}@media (min-width:48rem){.ok-upsell__copy{flex-basis:50%}}.ok-upsell__heading{color:inherit;font-size:var(--font-size-900);font-weight:var(--font-weight-bold);line-height:normal}@media (min-width:60rem){.ok-upsell__heading{font-size:var(--font-size-1100);line-height:var(--font-size-1200)}}.ok-upsell__eyebrow{line-height:var(--font-size-700)}.ok-upsell__footnote{display:block;flex-grow:1;font-size:var(--font-size-300);text-orientation:sideways-right;-ms-writing-mode:tb-rl;writing-mode:vertical-rl;z-index:1}.ok-upsell[data-mode~=text-white]{background-color:var(--color-teal-80);color:var(--color-base-0)}.ok-upsell[data-mode~=footnote-bottom] .ok-upsell__footnote{align-self:flex-end}.ok-upsell[data-mode~=footnote-right] .ok-upsell__footnote{display:flex;justify-content:flex-start;text-orientation:unset;-ms-writing-mode:unset;writing-mode:unset}@media (min-width:48rem){.ok-upsell[data-mode~=footnote-right] .ok-upsell__footnote{align-self:end;justify-content:flex-end}}.ok-upsell[data-mode~=footnote-semitransparent] .ok-upsell__footnote{opacity:.5}