html{--elevation-light-100:0 1px 4px #3731391f;--elevation-light-200:0 3px 4px #3731391f,0 1px 5px #37313933;--elevation-light-300:0 4px 5px #3731391f,0 1px 10px #37313933;--elevation-light-400:0 2px 14px 3px #3731391f,0 4px 15px #37313933;--elevation-light-500:0 5px 22px 4px #3731391f,0 7px 8px #37313933;--elevation-light-600:0 6px 30px 5px #3731391f,0 8px 10px #37313933;--elevation-light-700:0 9px 46px 8px #3731391f,0 11px 15px #37313933;--elevation-dark-100:0 1px 4px #1412151f;--elevation-dark-200:0 3px 4px #1412151f,0 1px 5px #14121533;--elevation-dark-300:0 4px 5px #1412151f,0 1px 10px #14121533;--elevation-dark-400:0 2px 14px 3px #1412151f,0 4px 15px #14121533;--elevation-dark-500:0 5px 22px 4px #1412151f,0 7px 8px #14121533;--elevation-dark-600:0 6px 30px 5px #1412151f,0 8px 10px #14121533;--elevation-dark-700:0 9px 46px 8px #1412151f,0 11px 15px #14121533;--elevation-backdrop-100:0 0 0 2000px #343649bf;--font-line-height-small:1.4;--font-line-height-medium:1.25;--font-line-height-large:1.15;--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-three-x:3rem;--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;--size-breakpoint-lg-desktop:120rem;--size-breakpoint-md-desktop:90rem;--size-breakpoint-tablet:64rem;--size-breakpoint-mobile:23.4375rem}html[data-brand=crocs]{--color-background-button-primary:#9fd06e;--color-background-button-primary-hover:#bfdda0;--color-background-button-tertiary-hover:#141215;--color-background-button-tertiary:#fff;--color-background-button-secondary-hover:#fff;--color-background-button-quaternary-hover:#141215;--color-background-button-quinary-hover:#fff;--color-background-button-secondary-focus:#fff;--color-background-button-tertiary-focus:#141215;--color-text-button-secondary:#fff;--color-text-button-primary:#141215;--color-text-button-secondary-hover:#141215;--color-text-button-primary-hover:#141215;--color-text-button-tertiary-hover:#fff;--color-text-button-quaternary:#fff;--color-text-button-quaternary-hover:#fff;--color-text-button-secondary-focus:#141215;--color-text-button-tertiary-focus:#fff;--color-border-button-primary:#9fd06e;--color-border-button-primary-hover:#bfdda0;--color-border-button-secondary-hover:#141215;--color-border-button-tertiary:#fff;--color-border-button-tertiary-hover:#fff;--color-border-button-quinary-hover:#fff;--color-border-button-quaternary:#fff;--color-border-button-quaternary-hover:#141215;--color-base-0:#fff;--color-base-10:#f7f5f8;--color-base-90:#2e363a;--color-base-100:#141215;--color-base-110:#000;--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-05n:#eff1f2;--color-blue-20n:#e7eaec;--color-blue-10n:#f8f9fa;--color-blue-40n:#a2a7a9;--color-blue-50n:#808587;--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:#1f8383;--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-family-decorative:"Karl",Arial,sans-serif;--font-weight-regular:400;--font-weight-bold:700;--font-weight-black:900}html[data-brand=heydude]{--color-background-button-primary:#3b6595;--color-background-button-primary-hover:#4f87c6;--color-background-button-tertiary-hover:#fff;--color-background-button-tertiary:#f2f0eb;--color-background-button-secondary-hover:#000;--color-background-button-quaternary-hover:#fff;--color-background-button-quinary-hover:#000;--color-background-button-secondary-focus:#2c282c;--color-background-button-tertiary-focus:#f2f0eb;--color-text-button-secondary:#f2f0eb;--color-text-button-primary:#f2f0eb;--color-text-button-secondary-hover:#fff;--color-text-button-primary-hover:#f2f0eb;--color-text-button-tertiary-hover:#2c282c;--color-text-button-quaternary:#f2f0eb;--color-text-button-quinary-hover:#fff;--color-text-button-quaternary-hover:#2c282c;--color-text-button-secondary-focus:#f2f0eb;--color-text-button-tertiary-focus:#2c282c;--color-border-button-primary:#3b6595;--color-border-button-primary-hover:#4f87c6;--color-border-button-secondary-hover:#fff;--color-border-button-tertiary:#f2f0eb;--color-border-button-tertiary-hover:#2c282c;--color-border-button-quinary-hover:#000;--color-border-button-quaternary:#f2f0eb;--color-border-button-quaternary-hover:#fff;--color-brand-10:#f2f0eb;--color-brand-20:#babab3;--color-brand-30:#b9cfe8;--color-brand-40:#7aaad5;--color-brand-50:#4f87c6;--color-brand-60:#3576a9;--color-brand-70:#215072;--color-brand-80:#183b54;--color-brand-90:#263954;--color-brand-ocean-blue:#4f87c6;--color-brand-dark-blue:#3576a9;--color-brand-light-blue:#b9cfe8;--color-primary-10:#f5fbfc;--color-primary-20:#c3d7ec;--color-primary-30:#9fc0e0;--color-primary-40:#7aaad5;--color-primary-50:#4f87c6;--color-primary-60:#3b6595;--color-primary-70:#215072;--color-primary-80:#183b54;--color-primary-dark:#2c282c;--color-primary-light:#f2f0eb;--color-blue-10:#f2f0eb;--color-blue-30:#b9cfe8;--color-blue-60:#3576a9;--color-blue-80:#183b54;--color-blue-20n:#cbcbc6;--color-blue-10n:#dddcd9;--color-blue-40n:#babab3;--color-blue-60n:#5c5a58;--color-blue-05n:#fbfaf9;--color-blue-50n:#80807c;--color-blue-90n:#2c282c;--color-purple-10:#ededf4;--color-purple-40:#9fadc7;--color-purple-60:#546a9a;--color-purple-10n:#dddcd9;--color-purple-20n:#babab3;--color-purple-70n:#393836;--color-purple-90n:#2c282c;--color-orange-10:#fdebd8;--color-orange-30:#f8ad62;--color-orange-50:#f68e28;--color-orange-60:#a6601b;--color-red-30:#f7cacb;--color-red-60:#b8222c;--color-rubine-10:#fceae9;--color-rubine-30:#f7cacb;--color-rubine-60:#b88f8c;--color-rubine-70:#735958;--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:#277c41;--color-teal-80:#32543c;--color-hdredesign-pure-white:#fff;--color-hdredesign-off-white:#f2f0eb;--color-hdredesign-light-grey:#dddcd9;--color-hdredesign-medium-grey:#babab3;--color-hdredesign-mist:#80807c;--color-hdredesign-dark-grey:#5c5a58;--color-hdredesign-pure-black:#000;--color-hdredesign-error-red:#b8222c;--color-hdredesign-error-light:#f7cacb;--color-hdredesign-success-green:#277c41;--color-hdredesign-light-green:#c9d8ce;--color-base-0:#fff;--color-base-10:#f2f0eb;--color-base-90:#393838;--color-base-100:#2c282c;--color-base-110:#000;--size-radius-button:0.5rem;--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-size-1500:4.375rem;--font-size-1600:5rem;--font-size-xl:3.5rem;--font-family-sans:"Trade Gothic Next",Arial,sans-serif;--font-family-decorative:"Dudefont",Arial,sans-serif;--font-weight-light:200;--font-weight-regular:400;--font-weight-bold:700;--font-weight-black:900;--font-heading-decorative-1100:900 2.125rem/0.85 "Dudefont",Arial,sans-serif}*,: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:Dudefont;font-weight:200;src:url(../css/assets/6c5c4493.woff2) format("woff2"),url(../css/assets/7944aef3.woff) format("woff")}@font-face{font-display:swap;font-family:Dudefont;font-weight:400;src:url(../css/assets/38f415b3.woff2) format("woff2"),url(../css/assets/11f99791.woff) format("woff")}@font-face{font-display:swap;font-family:Dudefont;font-weight:700;src:url(../css/assets/ba05a2cf.woff2) format("woff2"),url(../css/assets/def08ea0.woff) format("woff")}@font-face{font-display:swap;font-family:Trade Gothic Next;font-weight:400;src:url(../css/assets/c8942365.woff2) format("woff2"),url(../css/assets/8219aaf0.woff) format("woff")}@font-face{font-display:swap;font-family:Trade Gothic Next;font-weight:700;src:url(../css/assets/bd2dad31.woff2) format("woff2"),url(../css/assets/a7f0ae56.woff) format("woff")}@font-face{font-display:swap;font-family:Karl;font-weight:400;src:url(../css/assets/45a6813a.woff2) format("woff2"),url(../css/assets/17b3df90.woff) format("woff")}@font-face{font-display:swap;font-family:Karl;font-weight:700;src:url(../css/assets/9c70124a.woff2) format("woff2"),url(../css/assets/b62b3145.woff) format("woff")}@font-face{font-display:swap;font-family:Karl;font-weight:900;src:url(../css/assets/8bff7892.woff2) format("woff2"),url(../css/assets/48cdf641.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:var(--font-line-height-small);text-rendering:optimizespeed}h1{font-size:var(--font-size-700)}h1,h2,h3{line-height:var(--font-line-height-medium)}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-accordion{padding:var(--size-spacing-one-x) var(--size-spacing-one-and-a-half-x);width:100%}.ok-accordion .ok-accordion__item{background-color:var(--color-base-0);margin-bottom:var(--size-spacing-half-x)}.ok-accordion .ok-accordion__item:last-of-type{margin-bottom:0}.ok-accordion .ok-accordion__toggle button{align-items:center;display:flex;flex-wrap:nowrap;gap:var(--size-spacing-one-x);padding:var(--size-spacing-three-quarters-x) var(--size-spacing-one-x);text-align:left;width:100%}.ok-accordion .ok-accordion__heading{font-family:var(--font-family-decorative);font-size:var(--font-size-500)}.ok-accordion .ok-accordion__heading.capitalize{text-transform:capitalize}.ok-accordion .ok-accordion__heading.uppercase{text-transform:uppercase}.ok-accordion .ok-accordion__heading.bold{font-weight:var(--font-weight-bold)}[data-brand=heydude] .ok-accordion .ok-accordion__heading{text-transform:uppercase}.ok-accordion .ok-accordion__subheading{font-size:var(--font-size-300);line-height:.875rem;margin-top:var(--size-spacing-eighth-x)}.ok-accordion .ok-accordion__iconContainer{border-radius:var(--size-spacing-two-x);height:auto;padding:var(--size-spacing-half-x);width:auto}.ok-accordion .ok-accordion__icon{color:var(--color-base-100)}.ok-accordion .ok-accordion__toggle-icon{margin-left:auto}.ok-accordion .ok-accordion__content{padding:var(--size-spacing-three-quarters-x) var(--size-spacing-one-x)}.ok-accordion .ok-accordion__content :not(.swiper-slide,.swiper-slide *,.sidePrev *,.sideNext *){font-size:var(--font-size-400);font-weight:var(--font-weight-regular);line-height:var(--font-size-500);margin:0;padding:0}.ok-accordion .ok-accordion__content p:not(.swiper-slide *),.ok-accordion .ok-accordion__content ul:not(.swiper-slide *){margin-bottom:var(--size-spacing-one-x)}.ok-accordion .ok-accordion__content p:not(.swiper-slide *):last-of-type{margin-bottom:0}.ok-accordion .ok-accordion__content.hidden{display:none}.ok-accordion.none .ok-accordion__item{background:none}.ok-accordion.round .ok-accordion__item{border-radius:var(--size-spacing-three-quarters-x)}.ok-accordion.divider .ok-accordion__toggle{margin-bottom:var(--size-spacing-three-quarters-x)}.ok-accordion.divider .ok-accordion__content{padding-top:0}.ok-accordion.divider .ok-accordion__inner-content{border-top:1px solid var(--color-brand-20);padding-top:var(--size-spacing-three-quarters-x)}@media (max-width:48rem){.ok-accordion{padding:var(--size-spacing-one-x) 0}}
.ok-breadcrumbs{align-items:center;display:flex;flex-wrap:wrap;gap:var(--size-spacing-half-x);justify-content:center}.ok-breadcrumbs__item--link{align-items:center;border-radius:3px;color:var(--color-base-100);display:flex;gap:var(--size-spacing-quarter-x);line-height:var(--size-spacing-one-x);outline:none;padding:var(--size-spacing-quarter-x);text-decoration:none}.ok-breadcrumbs__item--link--icon-x{color:var(--color-base-100);margin:-4px;padding:4px;pointer-events:auto}.ok-breadcrumbs__item--background{background:var(--color-primary-10)}@media (hover:hover) and (pointer:fine){.ok-breadcrumbs__item--background:hover:not([disabled],[aria-disabled=true]){box-shadow:var(--elevation-light-100)}.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;line-height:1;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{outline:2px solid #5e9ed6;outline-offset:2px}[data-brand=crocs] .ok-button{font-family:var(--font-family-decorative)}.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--secondary{background-color:var(--color-base-100);border-color:var(--color-base-100);color:var(--color-text-button-secondary)}@media (hover:hover) and (pointer:fine){.ok-button--secondary:hover:not([disabled],[aria-disabled=true]){background-color:var(--color-background-button-secondary-hover);border-color:var(--color-border-button-secondary-hover);color:var(--color-text-button-secondary-hover)}}.ok-button--secondary:focus-visible{background-color:var(--color-background-button-secondary-focus);color:var(--color-text-button-secondary-focus)}.ok-button--tertiary{background-color:var(--color-background-button-tertiary);border-color:var(--color-border-button-tertiary);color:var(--color-base-100)}@media (hover:hover) and (pointer:fine){.ok-button--tertiary:hover:not([disabled],[aria-disabled=true]){background-color:var(--color-background-button-tertiary-hover);border-color:var(--color-border-button-tertiary-hover);color:var(--color-text-button-tertiary-hover)}}.ok-button--tertiary:focus-visible{background-color:var(--color-background-button-tertiary-focus);color:var(--color-text-button-tertiary-focus)}.ok-button--quaternary{background-color:transparent;border-color:var(--color-border-button-quaternary);color:var(--color-text-button-quaternary)}@media (hover:hover) and (pointer:fine){.ok-button--quaternary:hover:not([disabled],[aria-disabled=true]){background-color:var(--color-background-button-quaternary-hover);border-color:var(--color-border-button-quaternary-hover);color:var(--color-text-button-quaternary-hover)}}.ok-button--quaternary[aria-disabled=true],.ok-button--quaternary[disabled]{background-color:var(--color-blue-60n);background-color:transparent;border-color:var(--color-blue-60n);color:var(--color-base-0);color:var(--color-blue-60n);cursor:not-allowed;filter:unset;transform:none}.ok-button--quinary{background-color:transparent;border-color:var(--color-base-100);color:var(--color-base-100)}@media (hover:hover) and (pointer:fine){.ok-button--quinary:hover:not([disabled],[aria-disabled=true]){background-color:var(--color-base-100);border-color:var(--color-base-100);color:var(--color-base-0)}}.ok-button--quinary[aria-disabled=true],.ok-button--quinary[disabled]{background-color:var(--color-blue-60n);background-color:transparent;border-color:var(--color-blue-60n);color:var(--color-base-0);color:var(--color-blue-60n);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)}[data-brand=heydude] .ok-button{font-size:var(--font-size-400);letter-spacing:1.2px;padding:var(--size-spacing-one-x) var(--size-spacing-one-and-a-half-x);text-transform:uppercase}[data-brand=heydude] .ok-button--outlined{border-color:currentcolor}@media (hover:hover) and (pointer:fine){[data-brand=heydude] .ok-button--outlined:hover:not([disabled],[aria-disabled=true]){border-color:transparent}}[data-brand=heydude] .ok-button--outlined.ok-button--tertiary:focus-visible{border-color:var(--color-base-100)}[data-brand=heydude] .ok-button--small{padding:var(--size-spacing-three-quarters-x) var(--size-spacing-one-x)}[data-brand=heydude] .ok-button--x-small{font-size:revert;padding:var(--size-spacing-three-quarters-x) var(--size-spacing-three-quarters-x)}[data-brand=heydude] .ok-button--icon{border-radius:50%;padding:var(--size-spacing-three-quarters-x)}[data-brand=heydude] .ok-button--icon.ok-button--small,[data-brand=heydude] .ok-button--icon.ok-button--x-small{padding:var(--size-spacing-quarter-x)}
.ok-swatch{align-items:center;border:1px solid var(--color-blue-20n);border-radius:var(--size-spacing-quarter-x);cursor:pointer;display:flex;justify-content:center;padding:var(--size-spacing-one-x);position:relative;text-align:center;white-space:nowrap}.ok-swatch--size{background-color:var(--color-base-0);color:var(--color-base-100)}.ok-swatch--size.ok-swatch--active{background:var(--color-base-100);color:var(--color-base-0)}.ok-swatch--color{background-color:var(--color-base-0);padding:0 var(--size-spacing-quarter-x)}.ok-swatch--color.ok-swatch--active{border:1px solid var(--color-base-100)}.ok-swatch--sf-product-size-chip-label{cursor:pointer;font-size:var(--font-size-400);font-weight:var(--font-weight-bold)}.ok-swatch--large{height:48px;width:48px}.ok-swatch--medium{height:40px;width:40px}.ok-swatch--small{height:32px;width:32px}.ok-swatch--bisn:after,.ok-swatch--coming-soon:after,.ok-swatch--oos:after{background-color:var(--color-blue-50n);content:"";height:1px;left:3px;position:absolute;top:50%;transform:skewY(317deg);width:87%}.ok-swatch--oos{color:var(--color-blue-50n)}.ok-swatch--bisn,.ok-swatch--coming-soon{color:var(--color-base-100)}.ok-swatch--bisn .ok-icon,.ok-swatch--coming-soon .ok-icon{height:8px;left:4px;position:absolute;top:4px;width:8px}.ok-swatch--product-promo-icon{display:flex;gap:var(--size-spacing-quarter-x);left:4px;margin-bottom:var(--size-spacing-quarter-x);position:absolute;top:4px}.ok-swatch--product-promo-icon span{display:block;width:8px}.ok-swatch--product-promo-icon svg{display:block;height:8px;width:8px}.ok-swatch .sale-icon{display:flex}@media (hover:hover) and (pointer:fine){.ok-swatch:hover:not([disabled],[aria-disabled=true]){border-color:var(--color-base-100)}}.ok-swatch:has(:focus-visible){outline:2px solid var(--color-primary-40);outline-offset:2px}
.ok-star-ratings__rating{color:var(--color-base-100)}.no-ratings .ok-star-ratings__rating{display:none}.ok-star-ratings__ratings{align-items:center;display:flex;flex-direction:row;line-height:1.1}.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:76px}.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:15px 20px;content:""}.ok-star-ratings__ratings-stars-average:before{background-position-y:-11px}.ok-star-ratings__ratings-reviewcount{font-size:var(--font-size-300);line-height:var(--size-spacing-one-x);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(2,1fr)}.ok-card-list>li:not([id^=plp-react-grid-]){max-width:350px}@media (min-width:48rem){.ok-card-list{gap:var(--size-spacing-half-x);grid-template-columns:repeat(4,minmax(168px,350px));justify-content:center;margin:0 auto;max-width:100%}}@media (min-width:30.0625rem){.ok-card-list .product-grid{grid-template-columns:repeat(3,minmax(168px,350px))}}.ok-card{border-radius:12px;container:ok-card/inline-size;display:flex;flex-direction:column}.ok-card:focus-visible{outline:none}.ok-card:focus-visible__body{box-shadow:none}.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:325px}}@container ok-card (min-width: 300px){.ok-card__body{min-height:354px}}@container ok-card (min-width: 350px){.ok-card__body{min-height:375px}}.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);display:grid;padding:5px 15px 10px;position:relative;width:100%}@container ok-card (min-width: 215px){.ok-card__image-wrap{padding:9px 41px 18px}}.ok-card__image-wrap>img{aspect-ratio:23/16;grid-area:1/1;height:100%;-o-object-fit:contain;object-fit:contain;transition:opacity .3s ease;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:var(--font-size-400);max-height:2.8em;overflow:hidden;position:relative}.ok-card__product-name:after{background:linear-gradient(270deg,#fff 51.04%,hsla(0,0%,100%,0));content:"";height:1.4em;position:absolute;right:0;top:1.4em;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__snipe--clean{background:var(--color-base-10);border-radius:80px;color:var(--color-brand-100);font-size:var(--font-size-300);left:12px;padding:4px 12px;position:absolute;top:12px}.ok-card__price{margin-top:auto}[data-brand=heydude] .ok-card__snipe span{color:var(--color-base-100)!important}.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-quarter-x)}.ok-card__swatches--color{align-items:center;background:var(--color-base-0);border:1px solid var(--color-blue-20n);border-radius:var(--size-spacing-quarter-x);display:flex;height:32px;width:32px}@media (hover:hover) and (pointer:fine){.ok-card__swatches--color:hover:not([disabled],[aria-disabled=true]){border-color:var(--color-base-100)}}.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-background-button-tertiary-focus);border-color:var(--color-base-100);color:var(--color-text-button-tertiary-focus)}.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,.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}[data-brand=heydude] .ok-card__price-value--sale{color:var(--color-teal-60)}.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--horizontal .ok-card__body{background-color:var(--color-base-0);border-radius:12px;box-shadow:none;height:100%;min-height:auto;padding:0 var(--size-spacing-quarter-x)}.ok-card--horizontal .ok-card__main-wrap{flex:1;min-width:0;overflow:hidden;padding:0}.ok-card--horizontal .ok-card__image-wrap{align-items:center;box-shadow:none;display:flex;flex:1;height:100%;padding:0}.ok-card--horizontal .ok-card__image-wrap img{height:70px}.ok-card--horizontal .ok-card__main-content{gap:var(--size-spacing-quarter-x);height:100%;justify-content:center;min-width:0;overflow:hidden;padding-right:var(--size-spacing-quarter-x)}.ok-card--horizontal .ok-card__product-name{color:var(--color-base-100);font-size:var(--font-size-500);font-weight:var(--font-weight-bold);line-height:var(--font-size-800);max-height:-moz-fit-content;max-height:fit-content;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.ok-card--horizontal .ok-card__product-name:after{display:none}.ok-card--horizontal .ok-card__product-category{color:var(--color-blue-60n);font-size:var(--font-size-300);letter-spacing:.12px;line-height:var(--font-size-500)}.ok-card--horizontal .ok-card__price{color:var(--color-base-100);font-size:var(--font-size-400);font-weight:var(--font-weight-regular);line-height:var(--font-size-700);margin-top:0}.ok-card--horizontal .ok-card__link{flex-direction:row;gap:var(--size-spacing-three-quarters-x);height:100%;overflow:hidden;width:100%}.ok-card--horizontal--small{height:80px;max-width:none}.ok-card--horizontal--x-small{height:56px;max-width:178px}.ok-card--horizontal--x-small .ok-card__product-name{font-size:var(--font-size-300);line-height:var(--font-size-500);padding:0 var(--size-spacing-three-quarters-x);text-overflow:clip;white-space:normal}.ok-card--horizontal--x-small .ok-card__image-wrap img{height:40px}.ok-card--horizontal--x-small .ok-card__link{gap:var(--size-spacing-half-x)}.ok-card__image-wrap img:nth-child(2){opacity:0}.ok-card__image-wrap img:first-child:has(+img){opacity:1}.ok-card__image-wrap:has(img+img):hover img:first-child{opacity:0}.ok-card__image-wrap:has(img+img):hover img:nth-child(2){opacity:1}.ok-card--simple{max-width:244px}.ok-card--simple .ok-card__body{background-color:var(--color-base-0);box-shadow:none;flex-grow:1;max-height:-moz-min-content;max-height:min-content;min-height:150px}.ok-card--simple .ok-card__body:focus-within,.ok-card--simple .ok-card__body:hover{box-shadow:none}.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}.ok-card--clean{max-width:350px}.ok-card--clean--promo--text{color:var(--color-teal-60);font-size:var(--font-size-300);font-weight:var(--font-weight-bold);height:var(--size-spacing-one-x);line-height:var(--size-spacing-one-x);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ok-card--clean .ok-card__body{border-radius:12px;box-shadow:none;padding:12px}.ok-card--clean .ok-card__body:focus-within,.ok-card--clean .ok-card__body:hover{box-shadow:none}@container ok-card (min-width: 350px){.ok-card--clean .ok-card__body{min-height:554px}}.ok-card--clean .ok-card__main-content{gap:var(--size-spacing-quarter-x)}.ok-card--clean .ok-card__image-wrap{aspect-ratio:1;box-shadow:none;padding:0;position:relative}.ok-card--clean .ok-card__image-wrap:after{background-color:var(--color-base-10);bottom:0;content:"";height:1px;left:0;margin-left:-12px;margin-right:-12px;position:absolute;right:0;width:calc(100% + 24px)}.ok-card--clean .ok-card__main-wrap{padding:var(--size-spacing-half-x) 0}.ok-card--clean .ok-card__swatches--list{flex-wrap:nowrap;margin-bottom:8px;overflow-x:hidden;width:auto}.ok-card--clean .ok-card__swatches--list.fade-out:after{background:linear-gradient(90deg,hsla(0,0%,100%,0),#fff);content:"";height:100%;pointer-events:none;position:absolute;right:0;top:0;width:40px}.ok-card--clean .ok-card__swatches--color{flex:0 0 auto}.ok-card--clean .ok-star-ratings__rating-container{height:20px}.ok-card--clean .ok-star-ratings__rating{display:none;padding-top:var(--size-spacing-quarter-x)}@container ok-card (min-width: 268px){.ok-card--clean .ok-star-ratings__rating{display:block}}.ok-card--clean .ok-card__product-category{color:var(--color-blue-60n);font-size:var(--font-size-300);line-height:var(--font-size-500)}.ok-card--clean .ok-card__product-name{font-size:var(--font-size-500);font-weight:var(--font-weight-bold);line-height:var(--font-size-800);max-height:-moz-fit-content;max-height:fit-content;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.ok-card--clean .ok-card__product-name:after{display:none}.ok-card--clean .ok-card__price-value{font-size:var(--font-size-400);line-height:var(--font-size-700)}[data-brand=heydude] .ok-card--horizontal .ok-card__body{background-color:var(--color-blue-05n)}@media (min-width:48rem){[data-brand=heydude] .ok-card-list{display:grid;gap:var(--size-spacing-half-x);grid-template-columns:repeat(4,minmax(168px,350px));justify-content:center;margin:0 auto;max-width:100%}}@media (min-width:30.0625rem){[data-brand=heydude] .ok-card-list .product-grid{grid-template-columns:repeat(3,minmax(168px,350px))}}[data-brand=heydude] .ok-card--clean{background:none}[data-brand=heydude] .ok-card--clean .ok-card__body{background-color:var(--color-blue-05n);height:100%}[data-brand=heydude] .ok-card--clean .ok-card__swatches--color{border:1px solid var(--color-base-0)}[data-brand=heydude] .ok-card--clean .ok-card__snipe{font-family:var(--font-family-decorative);text-transform:uppercase}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}[data-brand=heydude] .ok-link{color:var(--color-blue-90n);font-weight:var(--font-weight-regular);text-underline-offset:4px}@media (hover:hover) and (pointer:fine){[data-brand=heydude] .ok-link:hover:not([disabled],[aria-disabled=true]){color:var(--color-blue-90n);text-decoration-line:none}}[data-brand=heydude] .ok-link:focus-visible{background-color:var(--color-brand-30);border:none;outline:none;outline-offset:var(--size-spacing-eighth-x);text-decoration-color:var(--color-brand-50)}[data-brand=heydude] .ok-link[aria-disabled=true],[data-brand=heydude] .ok-link[disabled]{color:var(--color-blue-90n);cursor:not-allowed;text-decoration-line:underline}[data-brand=heydude] .ok-link--secondary{color:var(--color-base-10);font-weight:var(--font-weight-regular);text-underline-offset:4px}@media (hover:hover) and (pointer:fine){[data-brand=heydude] .ok-link--secondary:hover:not([disabled],[aria-disabled=true]){color:var(--color-base-10);text-decoration-line:none}}[data-brand=heydude] .ok-link--secondary:focus-visible{background-color:var(--color-brand-30);border:none;outline:none;outline-offset:var(--size-spacing-eighth-x);text-decoration-color:var(--color-brand-50)}[data-brand=heydude] .ok-link--secondary[aria-disabled=true],[data-brand=heydude] .ok-link--secondary[disabled]{color:var(--color-base-10);cursor:not-allowed;text-decoration-line:underline}
.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);border-radius:3px;display:flex;flex-direction:column;gap:.75rem;list-style:none;padding:.75rem 1rem;position:relative}@media (hover:hover) and (pointer:fine){[data-brand=crocs] .ok-sub-nav:hover:not([disabled],[aria-disabled=true]){--sub-nav-fill:var(--color-primary-20);background-color:var(--sub-nav-fill)}}[data-brand=heydude] .ok-sub-nav{background-color:var(--color-base-10)}.ok-sub-nav:focus-within{--sub-nav-fill:var(--color-primary-20);background-color:var(--sub-nav-fill);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{display:block;font-size:var(--font-size-400);font-weight:var(--font-weight-regular);text-decoration:none}.ok-sub-nav__text{font-size:var(--font-size-600)}.ok-sub-nav__text:focus{text-decoration:underline}.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;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}[data-brand=heydude] .ok-sub-nav__text{font-size:var(--font-size-500)}[data-brand=heydude] .ok-sub-nav__text.ok-sub-nav--sale{color:var(--color-teal-60)}[data-brand=heydude] .ok-sub-nav__item{font-size:var(--font-size-500);font-weight:var(--font-weight-bold)}
.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;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-tab-container__product-feature{display:grid}[data-brand=heydude] .ok-tab-container__wrapper{background-color:var(--color-base-0);border-radius:var(--size-spacing-quarter-x);margin:var(--size-spacing-half-x) var(--size-spacing-one-x)}[data-brand=heydude] .ok-tab-container__wrapper .ok-tab-nav{border-bottom:none;border-radius:var(--size-spacing-quarter-x);color:var(--color-blue-90n);font-size:var(--font-size-500);font-weight:var(--font-weight-bold);padding:var(--size-spacing-quarter-x)}[data-brand=heydude] .ok-tab-container__wrapper .ok-tab-nav__tab--button{align-items:center;background-color:var(--color-base-0);border:none;color:inherit;cursor:pointer;display:flex;height:32px;justify-content:center;padding:var(--size-spacing-three-quarters-x);text-align:center;text-decoration:none;width:-webkit-fill-available}[data-brand=heydude] .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}[data-brand=heydude] .ok-tab-container__wrapper .ok-tab-nav__tab--button:after{content:"";display:none}@media (hover:hover) and (pointer:fine){[data-brand=heydude] .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}[data-brand=heydude] .ok-tab-container__wrapper .ok-tab-nav__tab:hover:not([disabled],[aria-disabled=true]):after{content:"";display:none}}[data-brand=heydude] .ok-tab-container__wrapper .ok-tab-nav__tab.active{color:var(--color-base-100);font-weight:var(--font-weight-bold);outline:none}[data-brand=heydude] .ok-tab-container__wrapper .ok-tab-nav__tab.active:after{content:"";display:none}[data-brand=heydude] .ok-tab-container__wrapper .ok-tab-nav__tab.active button{background-color:var(--color-brand-60);border-radius:var(--size-spacing-quarter-x);color:var(--color-base-0)}[data-brand=heydude] .ok-tab-container__tab-panel{background-color:var(--color-base-10);border:none;padding:var(--size-spacing-one-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__whyYouWillLoveIt-eyebrow{font-family:var(--font-family-decorative);font-size:var(--font-size-600);margin-top:var(--size-spacing-one-x)}[data-brand=heydude] .ok-tile__whyYouWillLoveIt-eyebrow{text-transform:uppercase}.ok-tile__whyYouWillLoveIt-heading{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;font-family:var(--font-family-decorative);font-size:var(--font-size-1000);line-height:var(--font-size-900);margin-top:var(--size-spacing-three-quarters-x);overflow:hidden;text-overflow:ellipsis}@media (min-width:48rem){.ok-tile__whyYouWillLoveIt-heading{font-size:var(--font-size-1200);line-height:var(--font-size-1050)}}[data-brand=heydude] .ok-tile__whyYouWillLoveIt-heading{text-transform:uppercase}.ok-tile__whyYouWillLoveIt-copy{-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;font-family:var(--font-family-sans);font-size:var(--font-size-500);line-height:var(--font-size-700);margin:var(--size-spacing-three-quarters-x) 0;overflow:hidden;text-overflow:ellipsis}.ok-tile__whyYouWillLoveIt-link{color:var(--color-brand-primary);font-size:var(--font-size-700);font-weight:var(--font-weight-bold);text-decoration:underline}.ok-tile__launch-date{font-family:var(--font-family-decorative);font-size:var(--font-size-600);line-height:var(--font-size-800);margin:var(--size-spacing-half-x) var(--size-spacing-one-and-a-half-x);text-transform:uppercase}.ok-tile__launch-body{display:flex;flex-direction:column;gap:var(--size-spacing-three-quarters-x);margin:var(--size-spacing-half-x) var(--size-spacing-one-and-a-half-x) var(--size-spacing-one-and-a-half-x)}.ok-tile__launch-lockup{margin:0 auto;max-width:11.25rem}.ok-tile__launch-heading{font-size:var(--font-size-700);font-weight:var(--font-weight-bold);line-height:var(--font-size-900)}.ok-tile__launch-copy{font-size:var(--font-size-400);line-height:var(--font-size-700)}.ok-tile__launch-link{color:var(--color-brand-primary);font-size:var(--font-size-500);line-height:var(--font-size-800);text-decoration:underline}.ok-tile__media-wrapper video{aspect-ratio:9/16;border-radius:var(--size-spacing-half-x);height:auto;-o-object-fit:cover;object-fit:cover;width:100%}.ok-tile__media-account{color:var(--color-base-100);font-size:var(--font-size-400)}.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}}[data-brand=heydude] .ok-tile{border-radius:0}[data-brand=heydude] .ok-tile__img-wrapper{height:72px;overflow:hidden}[data-brand=heydude] .ok-tile__img{border-radius:var(--size-spacing-quarter-x);transition:transform .25s ease}[data-brand=heydude] .ok-tile__img:hover{transform:scale(1.1)}@media (hover:hover) and (pointer:fine){[data-brand=heydude] .ok-tile:hover:not([disabled],[aria-disabled=true]){box-shadow:none}[data-brand=heydude] .ok-tile:hover:not([disabled],[aria-disabled=true]) .ok-tile__title{text-decoration:none}}[data-brand=heydude] .ok-tile__block{background-color:transparent;bottom:0;left:0;padding:var(--size-spacing-half-x) 0;position:relative;width:100%}[data-brand=heydude] .ok-tile__title{font-size:var(--font-size-300);font-weight:var(--font-weight-bold)}[data-brand=heydude] .sf-carousel swiper-slide{max-width:182px!important}[data-brand=heydude] .swiper-frame:not(.sf-carousel) .ok-tile{max-width:none}[data-brand=heydude] .swiper-frame:not(.sf-carousel) .ok-tile__img-wrapper{border-radius:var(--size-spacing-half-x);height:auto}@media (hover:hover) and (pointer:fine){[data-brand=heydude] .swiper-frame:not(.sf-carousel) .ok-tile__img-wrapper:hover:not([disabled],[aria-disabled=true]){border-radius:var(--size-spacing-half-x)}}[data-brand=heydude] .swiper-frame:not(.sf-carousel) .ok-tile__title{color:var(--color-blue-90n);font-size:var(--font-size-500);font-weight:var(--font-weight-normal);line-height:var(--size-spacing-one-and-a-half-x)}@media (hover:hover) and (pointer:fine){[data-brand=heydude] .swiper-frame:not(.sf-carousel) .ok-tile:hover:not([disabled],[aria-disabled=true]){text-decoration:underline}}[data-brand=heydude] .swiper-frame:not(.sf-carousel) swiper-slide{width:-moz-fit-content;width:fit-content}[data-brand=heydude] .swiper-frame:not(.sf-carousel) swiper-slide:not([data-has*=product i]){max-width:286px}[data-brand=heydude] .swiper-frame:not(.sf-carousel) swiper-slide.whyYouWillLoveIt{max-width:225px}[data-brand=heydude] .swiper-frame:not(.sf-carousel) swiper-slide.launch{background-color:var(--color-base-0);border-radius:var(--size-spacing-half-x);max-width:268px;text-align:center}[data-brand=heydude] .swiper-frame:not(.sf-carousel) swiper-slide.launch .ok-tile__img-wrapper{border-radius:0}@media (hover:hover) and (pointer:fine){[data-brand=heydude] .swiper-frame:not(.sf-carousel) swiper-slide.launch .ok-tile__img-wrapper:hover:not([disabled],[aria-disabled=true]){border-radius:0}}[data-brand=heydude] .swiper-frame:not(.sf-carousel) swiper-slide.launch .ok-tile__img{border-radius:0}[data-brand=heydude] .swiper-frame:not(.sf-carousel) swiper-slide.media{display:flex;flex-direction:column;gap:var(--size-spacing-one-x);max-width:268px}[data-brand=heydude] .swiper-frame:not(.sf-carousel) swiper-slide.media .ok-card--horizontal--small{max-width:none}[data-brand=heydude] .swiper-frame:not(.sf-carousel) swiper-slide.three_two{max-width:343px}[data-brand=heydude] .swiper-frame:not(.sf-carousel) swiper-slide.sm{max-width:168px}[data-brand=heydude] .swiper-frame:not(.sf-carousel) swiper-slide.three_two.sm{max-width:109px}[data-brand=heydude] .swiper-frame:not(.sf-carousel) swiper-slide.xs{max-width:106px}[data-brand=heydude] .swiper-frame:not(.sf-carousel) swiper-slide.three_two.xs{max-width:80px}@media (min-width:48rem){[data-brand=heydude] .swiper-frame:not(.sf-carousel) swiper-slide:not([data-has*=product i]){max-width:334px}[data-brand=heydude] .swiper-frame:not(.sf-carousel) swiper-slide.whyYouWillLoveIt{max-width:448px}[data-brand=heydude] .swiper-frame:not(.sf-carousel) swiper-slide.launch{max-width:335px;text-align:center}[data-brand=heydude] .swiper-frame:not(.sf-carousel) swiper-slide.media{max-width:332px}[data-brand=heydude] .swiper-frame:not(.sf-carousel) swiper-slide.three_two{max-width:343px}[data-brand=heydude] .swiper-frame:not(.sf-carousel) swiper-slide.sm{max-width:220px}[data-brand=heydude] .swiper-frame:not(.sf-carousel) swiper-slide.three_two.sm{max-width:109px}[data-brand=heydude] .swiper-frame:not(.sf-carousel) swiper-slide.xs{max-width:106px}[data-brand=heydude] .swiper-frame:not(.sf-carousel) swiper-slide.three_two.xs{max-width:80px}}
.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}.user-is-tabbing .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);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));border-radius:4px;color:var(--banner-color,var(--color-base-100));display:inline-flex;flex-wrap:wrap;justify-content:center;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-size:var(--font-size-300);font-weight:var(--font-weight-regular)}.ok-banner__promo,.ok-banner__subheadline{font-size:var(--font-size-300);font-weight:var(--font-weight-bold)}.ok-banner__disclaimer{flex:0 0 100%;font-size:var(--font-size-300);max-width:100%}.ok-banner__title{font-size:var(--font-size-300);font-weight:var(--font-weight-regular)}.ok-banner__promoLine{font-size:var(--font-size-300);font-weight:var(--font-weight-bold)}.ok-banner__link{color:var(--banner-color,var(--color-base-100));font-size:var(--font-size-300);font-weight:var(--font-weight-regular);text-decoration:underline}.ok-banner__single-banner-icon{position:absolute;right:12px}.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-brand-30)}.ok-banner--dark-blue{--banner-bg:var(--color-brand-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{align-items:center;background-color:var(--banner-bg,var(--color-brand-30));display:flex;justify-content:center;overflow:hidden;position:relative}.ok-rotator--light-brand{--banner-bg:var(--color-brand-10)}.ok-rotator--dark-brand{--banner-bg:var(--color-brand-90);--banner-color:var(--color-base-0)}.ok-rotator--light-primary{--banner-bg:var(--color-primary-30)}.ok-rotator--dark-primary{--banner-bg:var(--color-primary-70);--banner-color:var(--color-base-0)}.ok-rotator--light-pink{--banner-bg:var(--color-rubine-30)}.ok-rotator--dark-pink{--banner-bg:var(--color-rubine-60);--banner-color:var(--color-base-0)}.ok-rotator--light-orange{--banner-bg:var(--color-orange-30)}.ok-rotator--dark-orange{--banner-bg:var(--color-orange-60);--banner-color:var(--color-base-0)}.ok-rotator--light-yellow{--banner-bg:var(--color-yellow-20)}.ok-rotator--dark-yellow{--banner-bg:var(--color-yellow-50)}.ok-rotator--light-blue{--banner-bg:var(--color-brand-30)}.ok-rotator--dark-blue{--banner-bg:var(--color-brand-60);--banner-color:var(--color-base-0)}.ok-rotator--dark-teal{--banner-bg:var(--color-teal-80);--banner-color:var(--color-base-0)}@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{background-color:var(--banner-bg,var(--color-brand-30));border-radius:0;color:var(--banner-color,var(--color-base-100));grid-column-start:1;grid-row-start:1;max-width:375px;place-content:center;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}.ok-rotator .ok-banner__container{display:grid;place-content:center}@media (min-width:30.0625rem){.ok-rotator .ok-banner{padding:var(--size-spacing-three-quarters-x) var(--size-spacing-two-x)}}.ok-rotator__btn{background:transparent;border:none;color:var(--banner-color,var(--color-base-100));cursor:pointer;height:35px;text-decoration:none;width:35px;z-index:10}.ok-ticker-tape{margin-top:-16px}.ok-ticker-tape .ok-banner{align-items:center;background-color:var(--color-blue-90n);border-radius:0;color:var(--color-base-0);gap:4px;height:40px;margin-right:var(--size-spacing-two-x);padding:0;width:101%}.ok-ticker-tape .ok-banner:focus-within{outline:none}.ok-ticker-tape .ok-banner .ok-banner__link{color:var(--color-base-0)}.ok-ticker-tape .ok-banner__tickerImage{margin-left:var(--size-spacing-quarter-x)}
.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-700);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-family:var(--font-family-decorative);font-size:var(--font-size-1200)}@media (min-width:48rem){.ok-hero__heading{font-size:var(--font-size-1200)}.ok-hero__heading[data-font-size=large]{font-size:var(--font-size-1400)}}[data-brand=heydude] .ok-hero__heading{text-transform:uppercase}.ok-hero__heading-lockup,.ok-hero__heading-text{margin-bottom:var(--size-spacing-half-x)}@media (min-width:48rem){.ok-hero__heading-lockup,.ok-hero__heading-text{margin-bottom:var(--size-spacing-three-quarters-x)}}.ok-hero__lockup{display:inline;max-width:var(--hero-lockup-width,285px)}.ok-hero__copy{font-size:var(--font-size-600);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{align-items:center;container:ok-hype-block/inline-size;display:flex;flex-wrap:wrap;justify-content:center;padding-bottom:var(--size-spacing-four-x)}@container ok-hype-block (min-width: 45.625rem){.ok-hype-block__media{max-width:600px;width:50%}.ok-hype-block__media[data-mode~=flip-layout]{order:1}}.ok-hype-block__media .ok-hype-block__media-inner{position:relative}.ok-hype-block__media img,.ok-hype-block__media video{aspect-ratio:1/1;margin-bottom:var(--size-spacing-one-and-a-half-x);-o-object-fit:contain;object-fit:contain;width:100%}.ok-hype-block__media[data-padded~=padded-layout] img,.ok-hype-block__media[data-padded~=padded-layout] video{border-radius:var(--size-spacing-one-and-a-half-x);padding:var(--size-spacing-three-quarters-x)}.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--copy{max-width:30rem}.ok-hype-block__eyebrow{display:block;font-family:var(--font-family-decorative);margin-bottom:var(--size-spacing-one-x)}[data-brand=heydude] .ok-hype-block__eyebrow{text-transform:uppercase}.ok-hype-block__heading{font-family:var(--font-family-decorative);font-size:var(--font-size-1100);font-weight:var(--font-weight-bold);margin-bottom:var(--size-spacing-one-and-a-half-x)}[data-brand=heydude] .ok-hype-block__heading{text-transform:uppercase}.ok-hype-block__copy{margin-bottom:var(--size-spacing-two-x)}.ok-hype-block__lockup{margin-bottom:var(--size-spacing-one-x);max-width:var(--hypeblock-lockup-width,500px)}.ok-hype-block__productImage{padding-bottom:var(--size-spacing-one-x)}[data-brand=heydude] .ok-hype-block__content{max-height:600px;overflow:hidden}[data-brand=heydude] .ok-hype-block__productImage{border-radius:var(--size-spacing-half-x);margin-bottom:var(--size-spacing-one-and-a-half-x);padding:0}[data-brand=heydude] .ok-hype-block__copy{line-height:var(--size-spacing-one-and-a-half-x);margin-bottom:var(--size-spacing-one-and-a-half-x)}[data-brand=heydude] .ok-hype-block__content--small--container{align-items:start;display:flex;flex-wrap:wrap;width:100%}[data-brand=heydude] .ok-hype-block__content--small--container .ok-hype-block__copy{flex-basis:auto;max-width:30rem}[data-brand=heydude] .ok-hype-block__content--small--productImage{max-width:5rem;padding-left:1rem}[data-brand=heydude] .ok-hype-block__content--small--copy{flex-basis:auto}[data-brand=heydude] .ok-hype-block__media video{-o-object-fit:cover;object-fit:cover}[data-brand=heydude] .ok-hype-block__media .ok-button{background:none;border:none;bottom:var(--size-spacing-one-x);color:var(--color-base-10);font-size:var(--font-size-500);left:var(--size-spacing-one-x);padding:0;position:absolute;z-index:1}[data-brand=heydude] .ok-hype-block__media[data-padded~=padded-layout] .ok-button{bottom:var(--size-spacing-one-and-a-half-x);left:var(--size-spacing-one-and-a-half-x)}[data-brand=heydude] .ok-hype-block__media .ok-button:hover:not([disabled]){background:none;border:none}@media (min-width:48rem){[data-brand=heydude] .ok-hype-block__media img,[data-brand=heydude] .ok-hype-block__media video{margin-bottom:0}}
.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.image{display:flex;justify-content:center;margin-bottom:var(--size-spacing-one-x);max-width:none;min-height:470px;position:relative}.ok-media.image img{height:100%;-o-object-fit:cover;object-fit:cover;position:absolute}@media (width >= 48rem){.ok-media.image{min-height:580px}}.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;width:100%}.ok-story-card__content{max-width:60ch;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{align-items:flex-start;display:flex;flex-direction:column;gap:var(--size-spacing-eighth-x);height:100%;justify-content:end;width:100%}.ok-story-card__eyebrow{font-family:var(--font-family-decorative);font-size:var(--font-size-500);font-weight:var(--font-weight-normal);line-height:var(--font-size-500)}@media (min-width:48rem){.ok-story-card__eyebrow{font-size:var(--font-size-600);line-height:var(--font-size-600)}}[data-brand=heydude] .ok-story-card__eyebrow{text-transform:uppercase}.ok-story-card__heading{font-family:var(--font-family-decorative);font-size:var(--font-size-700);font-weight:var(--font-weight-bold);line-height:var(--font-size-700);margin:var(--size-spacing-half-x) 0}[data-brand=heydude] .ok-story-card__heading{text-transform:uppercase}@media (min-width:48rem){.ok-story-card__heading{font-size:var(--font-size-900);line-height:var(--font-size-900)}}.ok-story-card__arrow{bottom:var(--size-spacing-three-quarters-x);position:absolute;right:var(--size-spacing-three-quarters-x)}.ok-story-card .ok-link{font-size:var(--font-size-400);line-height:var(--font-size-400);margin-bottom:var(--size-spacing-quarter-x);text-decoration:underline}.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)}.ok-story-card[data-mode~=dark]{--story-card-bg:var(--color-base-90);--story-card-color:var(--color-base-0)}.ok-story-card[data-mode~=dark] .ok-link{color:var(--color-base-0)}.ok-story-card[data-mode~=dark] .ok-story-card__arrow{fill:var(--color-base-0)}.ok-story-card[data-mode~=text-top] .ok-story-card__block{justify-content:start}.ok-story-card--sxs{display:grid;grid-column:span 2;grid-template-columns:1fr 1fr}.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}[data-brand=heydude] .ok-story-card{--story-card-bg:var(--color-blue-05n);box-shadow:none}[data-brand=heydude] .ok-story-card__eyebrow,[data-brand=heydude] .ok-story-card__heading{text-transform:uppercase}[data-brand=heydude] .ok-story-card .ok-link,[data-brand=heydude] .ok-story-card .ok-link:hover{text-decoration:underline}@media (hover:hover) and (pointer:fine){[data-brand=heydude] .ok-story-card:hover:not([disabled],[aria-disabled=true]){box-shadow:none}}[data-brand=heydude] .ok-story-card[data-mode~=dark]{--story-card-bg:var(--color-base-90)}
.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-family:var(--font-family-decorative);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)}}[data-brand=heydude] .ok-upsell__heading{text-transform:uppercase}.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}
.ok-splash{height:375px;left:50%;margin-left:-50vw;margin-right:-50vw;overflow:hidden;position:relative;right:50%;width:100vw}@media (min-width:48rem){.ok-splash{height:480px}}.ok-splash.tiny{height:188px}@media (min-width:48rem){.ok-splash.tiny{height:376px}}.ok-splash__background{height:100%;-o-object-fit:cover;object-fit:cover;position:absolute;width:100%}.ok-splash__background .ok-media,.ok-splash__content{max-width:var(--size-breakpoint-lg-desktop)}.ok-splash__content{align-items:flex-start;display:flex;flex-direction:column;height:100%;justify-content:flex-end;margin:auto;padding:var(--size-spacing-four-x) var(--size-spacing-one-x) var(--size-spacing-one-and-a-half-x) var(--size-spacing-one-x);position:relative}@media (min-width:75rem){.ok-splash__content{padding:var(--size-spacing-four-x) 2.5rem var(--size-spacing-one-and-a-half-x) 2.5rem}}.ok-splash__content img{margin-bottom:var(--size-spacing-one-x)}.ok-splash__content p{margin-top:var(--size-spacing-half-x)}.ok-splash__content.center{align-items:center;margin:0 auto}.ok-splash__content.center p{text-align:center}.ok-splash__content.middle{justify-content:center}.ok-splash__content.light{color:var(--color-base-0)}@media (min-width:48rem){.ok-splash__content.left:not(.short){padding-left:var(--size-spacing-two-x)}}@media (max-width:48rem){.ok-splash__content{align-self:stretch}}.ok-splash__heading{font-family:var(--font-family-decorative);font-size:var(--font-size-1200);font-weight:var(--font-weight-bold)}@media (min-width:48rem){.ok-splash__heading{font-size:var(--font-size-1400)}}.ok-splash__subheading{font-family:var(--font-family-decorative);font-size:var(--font-size-700);font-weight:var(--font-weight-normal)}@media (min-width:48rem){.ok-splash__subheading{font-size:var(--font-size-900)}}[data-brand=heydude] .ok-splash__heading,[data-brand=heydude] .ok-splash__subheading{text-transform:uppercase}
.ok-spotlight{--spotlight-bg-default:var(--color-purple-10n);background:var(--spotlight-bg,var(--spotlight-bg-default));color:var(--spotlight-color,var(--color-base-100));display:flex;height:var(--spotlight-height,540px);justify-content:center;margin-bottom:var(--size-spacing-one-x);position:relative;text-align:center}@media (min-width:48rem){.ok-spotlight{height:var(--spotlight-above-md-height,720px)}}.ok-spotlight__bg{height:100%;-o-object-fit:cover;object-fit:cover;position:absolute;width:100%}.ok-spotlight__content{align-items:var(--spotlight-align,center);display:flex;flex-direction:column;gap:var(--size-spacing-one-x);justify-content:var(--spotlight-justify,flex-end);padding:var(--size-spacing-one-x,16px) var(--size-spacing-one-and-a-half-x,24px) var(--size-spacing-one-and-a-half-x,24px) var(--size-spacing-one-x,16px);position:relative;width:100%}.ok-spotlight__content:focus-within{outline:var(--size-spacing-quarter-x) auto Highlight;outline:var(--size-spacing-quarter-x) auto -webkit-focus-ring-color;outline-offset:-2px}.ok-spotlight__block{display:flex;justify-content:var(--spotlight-align,center);max-width:60ch;width:100%}.ok-spotlight__thumbnail{border-radius:8px;cursor:pointer;max-width:128px;position:relative}.ok-spotlight__thumbnail video{border-radius:8px}.ok-spotlight__thumbnail video:focus,.ok-spotlight__thumbnail video:focus-visible{outline:2px solid var(--color-brand-50)}.ok-spotlight__thumbnail video:hover{outline:2px solid var(--color-base-10)}@media (min-width:48rem){.ok-spotlight__thumbnail{max-width:192px}}.ok-spotlight__thumb-overlay{bottom:var(--size-spacing-half-x);color:var(--color-base-0);font-size:var(--font-size-300);left:var(--size-spacing-half-x);position:absolute}.ok-spotlight__lockup{max-width:168px;width:100%}@media (min-width:48rem){.ok-spotlight__lockup{max-width:240px}}.ok-spotlight__body-headings{flex-direction:column}.ok-spotlight__subheading{display:block;font-size:var(--font-size-900);margin-bottom:var(--size-spacing-half-x)}.ok-spotlight__heading{font-size:var(--font-size-1400);margin:var(--size-spacing-quarter-x) 0 var(--size-spacing-half-x) 0}@media (min-width:48rem){.ok-spotlight__heading{font-size:var(--font-size-1400)}}.ok-spotlight__copy{font-size:var(--font-size-500)}.ok-spotlight__buttons{display:flex;gap:5px}.ok-spotlight__footer{display:block;font-size:var(--font-size-400)}.ok-spotlight[data-mode~=dark]{--spotlight-bg-default:var(--color-base-90);--spotlight-color:var(--color-blue-90n)}.ok-spotlight[data-mode~=light]{--spotlight-bg-default:var(--color-base-90);--spotlight-color:var(--color-base-0)}.ok-spotlight[data-mode~=horiz_left]{--spotlight-align:flex-start;text-align:left}.ok-spotlight[data-mode~=vert_bottom]{--spotlight-justify:flex-end}.ok-spotlight[data-mode~=vert_middle]{--spotlight-justify:center}.ok-spotlight[data-mode~=medium]{--spotlight-height:468px;--spotlight-above-md-height:576px}.ok-spotlight[data-mode~=short]{--spotlight-height:375px;--spotlight-above-md-height:480px}.ok-spotlight[data-mode~=tiny]{--spotlight-height:188px;--spotlight-above-md-height:360px}[data-brand=heydude] .ok-spotlight .ok-media.ok-spotlight__bg{height:100%;-o-object-fit:cover;object-fit:cover;position:absolute;width:100%}[data-brand=heydude] .ok-spotlight__heading,[data-brand=heydude] .ok-spotlight__subheading{text-transform:uppercase}[data-brand=heydude] .ok-spotlight__heading{font:var(--font-heading-decorative-1100)}@media (min-width:48rem){[data-brand=heydude] .ok-spotlight__heading{font-size:4.0625rem}}[data-brand=heydude] .ok-spotlight__subheading{font-weight:var(--font-weight-regular);margin-bottom:0}[data-brand=heydude] .ok-spotlight__toggle{background-color:transparent;border:none;bottom:20px;left:12px;position:absolute}[data-brand=heydude] .ok-spotlight__toggle svg{color:var(--color-base-0);height:24px;width:24px}[data-brand=heydude] .ok-spotlight__thumbnail .ok-media__controls{display:none}[data-brand=heydude] .ok-spotlight__thumbnail .ok-media:focus-within [data-brand=heydude] .ok-spotlight__thumbnail .ok-media__controls,[data-brand=heydude] .ok-spotlight__thumbnail .ok-media:hover [data-brand=heydude] .ok-spotlight__thumbnail .ok-media__controls{opacity:0}@supports selector(:has(:focus-visible)){[data-brand=heydude] .ok-spotlight__thumbnail .ok-media:focus-within [data-brand=heydude] .ok-spotlight__thumbnail .ok-media__controls{opacity:0}[data-brand=heydude] .ok-spotlight__thumbnail .ok-media:has(:focus-visible) [data-brand=heydude] .ok-spotlight__thumbnail .ok-media__controls,[data-brand=heydude] .ok-spotlight__thumbnail .ok-media:hover [data-brand=heydude] .ok-spotlight__thumbnail .ok-media__controls{opacity:0}}[data-brand=heydude] .ok-spotlight__thumb-overlay{bottom:0;color:var(--color-base-0);left:0;position:relative}[data-brand=heydude] .ok-spotlight__thumb-overlay-title{align-items:center;bottom:12px;display:flex;gap:4px;left:8px;position:absolute;width:100%}[data-brand=heydude] .ok-spotlight__thumb-overlay-title .ok-icon{fill:var(--color-base-0)}[data-brand=heydude] .ok-spotlight__close-button{align-items:center;background:hsla(0,0%,100%,.8);border-radius:3px;display:flex;height:24px;padding:5px;position:absolute;right:10px;top:10px;width:24px;z-index:100}[data-brand=heydude] .ok-spotlight__close-button svg{color:var(--color-blue-90n);height:20px;width:20px}
.ok-show-dont-tell__content{align-items:center;display:flex;flex-direction:column;margin:0 auto;width:375px}.ok-show-dont-tell__content .product-card-container{align-items:center;background:var(--color-brand-10) url(../css/assets/6664f39b.png) repeat-x center;display:flex;flex:1 1 50%;flex-direction:column;height:100%;justify-content:center;padding:var(--size-spacing-three-x);width:100%}.ok-show-dont-tell__content .product-card-container .product-cards{display:flex;gap:var(--size-spacing-half-x);padding:var(--size-spacing-two-x) 0}.ok-show-dont-tell__content .product-card-container .product-cards .ok-card{width:172px}.ok-show-dont-tell__content .product-card-container .product-cards--button{width:100%}@media (width >= 972px){.ok-show-dont-tell__content .product-card-container .product-cards--button{width:auto}}.ok-show-dont-tell__content.frame{background:var(--color-brand-10) url(../css/assets/6664f39b.png) repeat-x center;padding:32px}@media (max-width:60rem){.ok-show-dont-tell__content.frame .product-card-container{padding-top:0}.ok-show-dont-tell__content.frame .product-cards{margin-top:-32px;padding-top:0}}@media (width >= 554px){.ok-show-dont-tell__content{width:554px}}@media (width >= 972px){.ok-show-dont-tell__content{flex-direction:row;height:619px;width:972px}.ok-show-dont-tell__content .product-card-container{padding-bottom:155px!important}}@media (width >= 1440px){.ok-show-dont-tell__content{height:917px;width:1440px}}.ok-show-dont-tell__content--titles{align-items:center;display:flex;flex-direction:column;justify-content:center;padding-top:40px;width:100%}@media (max-width:60rem){.ok-show-dont-tell__content--titles{background:var(--color-brand-10) url(../css/assets/6664f39b.png) repeat-x center}}@media (min-width:60rem){.ok-show-dont-tell__content.image-right{flex-direction:row-reverse!important}}@media (width >= 2200px){.ok-show-dont-tell__content{height:1401px;width:2200px}}.ok-show-dont-tell__content .image-container{flex:1 1 50%;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.ok-show-dont-tell__content .image-container img{border-radius:var(--size-spacing-three-quarters-x);height:100%;-o-object-fit:contain;object-fit:contain}.ok-show-dont-tell__content:not(.grunge) .product-card-container,.ok-show-dont-tell__content:not(.grunge).frame{background:var(--color-brand-10)}@media (max-width:60rem){.ok-show-dont-tell__content:not(.frame) .product-card-container{padding-top:0}.ok-show-dont-tell__content:not(.frame) .product-card-container .product-cards{margin-top:-32px;padding-top:0}}.ok-show-dont-tell__content:not(.frame) .image-container img{border-radius:0}.ok-show-dont-tell__content .eyebrow{font-family:var(--font-family-decorative);font-size:var(--font-size-900);line-height:1.25;margin-bottom:var(--size-spacing-half-x)}.ok-show-dont-tell__content [data-brand=heydude] .eyebrow{text-transform:uppercase}.ok-show-dont-tell__content .headline{font-family:var(--font-family-decorative);font-size:var(--font-size-1200);font-weight:var(--font-weight-bold);margin-bottom:var(--size-spacing-one-x)}@media (min-width:60rem){.ok-show-dont-tell__content .headline{font-size:var(--font-size-1300);margin-bottom:0}}.ok-show-dont-tell__content [data-brand=heydude] .headline,[data-brand=heydude] .ok-show-dont-tell__content .eyebrow,[data-brand=heydude] .ok-show-dont-tell__content .headline{text-transform:uppercase}
.ok-whats-up{display:flex;flex-wrap:wrap;gap:var(--size-spacing-half-x);line-height:1}.ok-whats-up__container{display:flex;place-content:center}@media (max-width:48rem){.ok-whats-up{flex-direction:column;height:auto}}.ok-whats-up--light{color:var(--color-base-0)}.ok-whats-up--dark{color:var(--color-base-100)}.ok-whats-up__section{flex:1;overflow:hidden;position:relative}.ok-whats-up__section .ok-whats-up__right-arrow{bottom:1.5rem;position:absolute;right:var(--size-spacing-one-x)}@media (min-width:48rem){.ok-whats-up__section .ok-whats-up__right-arrow{bottom:2.5rem}}@media (max-width:48rem){.ok-whats-up__section{margin-bottom:var(--size-spacing-half-x);padding:0}}.ok-whats-up__section__bg{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}@media (hover:hover) and (pointer:fine){.ok-whats-up__section:hover:not([disabled],[aria-disabled=true]) .ok-whats-up__section__bg{transform:scale(1.05);transform-origin:center;transition-duration:.3s;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1)}}.ok-whats-up--text-on{margin:0 auto var(--size-spacing-half-x) auto;max-width:var(--size-breakpoint-lg-desktop)}@media (max-width:48rem){.ok-whats-up--text-on .ok-whats-up__section{padding:0}}.ok-whats-up--text-on .ok-whats-up__section__bg{height:972px;-o-object-fit:cover;object-fit:cover}@media (max-width:48rem){.ok-whats-up--text-on .ok-whats-up__section__bg{height:468px}}.ok-whats-up--text-off{margin:0 auto var(--size-spacing-half-x) auto;max-width:var(--size-breakpoint-lg-desktop)}@media (max-width:48rem){.ok-whats-up--text-off .ok-whats-up__section{margin-bottom:var(--size-spacing-half-x);padding:0}}.ok-whats-up--text-off .ok-whats-up__section__bg{height:536px;-o-object-fit:cover;object-fit:cover}@media (max-width:48rem){.ok-whats-up--text-off .ok-whats-up__section__bg{height:281px}}.ok-whats-up:focus-within{outline:5px auto Highlight;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}.ok-whats-up__content{left:var(--size-spacing-one-x);position:absolute}.ok-whats-up__content__bottom{bottom:var(--size-spacing-one-x)}.ok-whats-up__content__top{top:var(--size-spacing-one-x)}.ok-whats-up__content-below{display:flex;flex-direction:column;gap:var(--size-spacing-one-x);padding:var(--size-spacing-half-x)}.ok-whats-up__content-below.ok-whats-up--light{background-color:var(--color-base-100)}.ok-whats-up__content-below.ok-whats-up--dark{background-color:var(--color-base-0)}.ok-whats-up__content-below .ok-whats-up__buttons{align-content:flex-start;align-items:flex-start;display:flex;flex-wrap:wrap;gap:var(--size-spacing-one-x)}.ok-whats-up__content-below .ok-whats-up__legal{font-size:var(--font-size-300)}.ok-whats-up__content-below__lock-up{height:56px;width:168px}.ok-whats-up__heading{font-family:var(--font-family-decorative);font-size:var(--font-size-1100);font-weight:var(--font-weight-regular)}[data-brand=heydude] .ok-whats-up__heading{text-transform:uppercase}.ok-whats-up__eyebrow{font-family:var(--font-family-decorative);font-size:var(--font-size-600);font-weight:var(--font-weight-regular)}[data-brand=heydude] .ok-whats-up__eyebrow{text-transform:uppercase}.ok-whats-up__thumbnail{border:2px solid var(--color-base-0);border-radius:8px;cursor:pointer;left:var(--size-spacing-one-and-a-half-x);position:absolute;top:var(--size-spacing-one-and-a-half-x)}@media (min-width:48rem){.ok-whats-up__thumbnail{left:var(--size-spacing-three-x);top:var(--size-spacing-three-x)}}.ok-whats-up__thumbnail img,.ok-whats-up__thumbnail video{border-radius:8px;max-width:128px}@media (min-width:48rem){.ok-whats-up__thumbnail img,.ok-whats-up__thumbnail video{max-width:192px}}.ok-whats-up__thumbnail span{bottom:var(--size-spacing-half-x);color:var(--color-base-0);font-size:var(--font-size-300);left:var(--size-spacing-half-x);position:absolute}.ok-whats-up .ok-link{color:inherit}.ok-whats-up .ok-link:after{content:"";inset:0;position:absolute;z-index:1}@media (hover:hover) and (pointer:fine){.ok-whats-up .ok-link:hover:not([disabled],[aria-disabled=true]){color:inherit}}.ok-whats-up .ok-link:focus{outline:none}[data-brand=heydude] .ok-whats-up__heading{color:var(--color-blue-90n);font-size:3rem;letter-spacing:.04em;line-height:var(--font-size-700);margin-top:var(--size-spacing-one-x)}@media (max-width:48rem){[data-brand=heydude] .ok-whats-up__heading{font-size:1.875rem;margin-top:var(--size-spacing-half-x)}}[data-brand=heydude] .ok-whats-up__eyebrow{color:var(--color-blue-90n);font-size:var(--font-size-600);letter-spacing:.05em}@media (max-width:48rem){[data-brand=heydude] .ok-whats-up__eyebrow{font-size:1.125rem}}[data-brand=heydude] .ok-whats-up__content-below{display:flex;flex-direction:column;gap:var(--size-spacing-one-x);padding:var(--size-spacing-one-and-a-half-x) var(--size-spacing-one-x)}[data-brand=heydude] .ok-whats-up__content-below .ok-whats-up__eyebrow{font-size:1.5rem}[data-brand=heydude] .ok-whats-up__content-below .ok-whats-up__heading{font-size:2.25rem;margin-top:var(--size-spacing-half-x)}[data-brand=heydude] .ok-whats-up__content-below.ok-whats-up--light{background-color:var(--color-blue-90n)}[data-brand=heydude] .ok-whats-up__content-below.ok-whats-up--light .ok-whats-up__eyebrow,[data-brand=heydude] .ok-whats-up__content-below.ok-whats-up--light .ok-whats-up__heading{color:var(--color-base-0)}[data-brand=heydude] .ok-whats-up__content-below.ok-whats-up--dark{background-color:var(--color-base-10)}[data-brand=heydude] .ok-whats-up__content-below.ok-whats-up--dark .ok-whats-up__eyebrow,[data-brand=heydude] .ok-whats-up__content-below.ok-whats-up--dark .ok-whats-up__heading{color:var(--color-blue-90n)}[data-brand=heydude] .ok-whats-up__content{left:2.5rem}@media (max-width:48rem){[data-brand=heydude] .ok-whats-up__content{left:1.5rem}}[data-brand=heydude] .ok-whats-up__content__bottom{bottom:1.5rem}@media (min-width:48rem){[data-brand=heydude] .ok-whats-up__content__bottom{bottom:2.5rem}}[data-brand=heydude] .ok-whats-up__content__top{top:1.375rem}@media (max-width:48rem){[data-brand=heydude] .ok-whats-up__content__top{top:1.125rem}}[data-brand=heydude] .ok-whats-up__content.ok-whats-up--light .ok-whats-up__eyebrow,[data-brand=heydude] .ok-whats-up__content.ok-whats-up--light .ok-whats-up__heading{color:var(--color-base-0)}[data-brand=heydude] .ok-whats-up__content.ok-whats-up--dark .ok-whats-up__eyebrow,[data-brand=heydude] .ok-whats-up__content.ok-whats-up--dark .ok-whats-up__heading{color:var(--color-blue-90n)}[data-brand=heydude] .ok-whats-up__body{font-size:1rem;font-weight:var(--font-weight-regular);line-height:20px}[data-brand=heydude] .ok-whats-up__link{height:100%}[data-brand=heydude] .ok-whats-up__toggle{background-color:transparent;border:none;bottom:20px;left:12px;position:absolute}[data-brand=heydude] .ok-whats-up__toggle svg{color:var(--color-base-0);height:24px;width:24px}[data-brand=heydude] .ok-whats-up__thumbnail{z-index:100}[data-brand=heydude] .ok-whats-up__thumbnail .ok-media__controls{display:none}[data-brand=heydude] .ok-whats-up__thumbnail .ok-media:focus-within [data-brand=heydude] .ok-whats-up__thumbnail .ok-media__controls,[data-brand=heydude] .ok-whats-up__thumbnail .ok-media:hover [data-brand=heydude] .ok-whats-up__thumbnail .ok-media__controls{opacity:0}@supports selector(:has(:focus-visible)){[data-brand=heydude] .ok-whats-up__thumbnail .ok-media:focus-within [data-brand=heydude] .ok-whats-up__thumbnail .ok-media__controls{opacity:0}[data-brand=heydude] .ok-whats-up__thumbnail .ok-media:has(:focus-visible) [data-brand=heydude] .ok-whats-up__thumbnail .ok-media__controls,[data-brand=heydude] .ok-whats-up__thumbnail .ok-media:hover [data-brand=heydude] .ok-whats-up__thumbnail .ok-media__controls{opacity:0}}[data-brand=heydude] .ok-whats-up__thumb-overlay{bottom:0;left:0;position:relative}[data-brand=heydude] .ok-whats-up__thumb-overlay-title{align-items:center;bottom:12px;display:flex;gap:4px;left:8px;position:absolute;width:100%}[data-brand=heydude] .ok-whats-up__thumb-overlay-title svg{fill:var(--color-base-0);color:var(--color-base-0)}[data-brand=heydude] .ok-whats-up__close-button{align-items:center;background:hsla(0,0%,100%,.8);border-radius:3px;display:flex;height:24px;padding:5px;position:absolute;right:10px;top:10px;width:24px;z-index:100}[data-brand=heydude] .ok-whats-up__close-button svg{color:var(--color-blue-90n);height:20px;width:20px}
.ok-product-feature{margin-bottom:var(--size-spacing-half-x)}.ok-product-feature .ok-tab-container__tab-panel{grid-column:1;grid-row:1;padding:0}.ok-product-feature .ok-tab-container__wrapper--scroll-button{display:none}.ok-product-feature__tab-content{--product-feature-bg-default:var(--color-base-10);background:var(--product-feature-bg,var(--product-feature-bg-default));color:var(--product-feature-color,var(--color-base-0));display:flex;justify-content:center;min-height:300px;padding:var(--size-spacing-two-x,32px) var(--size-spacing-half-x,8px);position:relative;text-align:center}@media (min-width:48rem){.ok-product-feature__tab-content{min-height:480px}}.ok-product-feature__bg-top{height:300px;max-width:100%;-o-object-fit:cover;object-fit:cover;position:absolute;width:100%}@media (min-width:48rem){.ok-product-feature__bg-top{height:480px}}.ok-product-feature__bg-bottom{background-color:var(--color-base-10);background-image:url(../css/assets/b4e2a014.png);bottom:0;height:calc(100% - 300px);position:absolute;width:100%}@media (min-width:48rem){.ok-product-feature__bg-bottom{height:calc(100% - 480px)}}.ok-product-feature__content{align-items:center;display:flex;flex-direction:column;gap:var(--size-spacing-two-x);justify-content:center;padding:var(--size-spacing-one-and-a-half-x) var(--size-spacing-one-x);position:relative;width:100%}@media (min-width:48rem){.ok-product-feature__content{max-width:767px;padding:var(--size-spacing-two-x)}}.ok-product-feature__content:focus-within{outline:var(--size-spacing-quarter-x) auto Highlight;outline:var(--size-spacing-quarter-x) auto -webkit-focus-ring-color;outline-offset:-2px}.ok-product-feature__block{display:flex;justify-content:center;width:100%}.ok-product-feature__headline{font-family:var(--font-family-decorative);font-size:var(--font-size-1400)}@media (min-width:48rem){.ok-product-feature__headline{font-size:var(--font-size-1400)}}[data-brand=heydude] .ok-product-feature__headline{font-size:var(--font-size-1300);text-transform:uppercase}@media (min-width:48rem){[data-brand=heydude] .ok-product-feature__headline{font-size:var(--font-size-1600)}}.ok-product-feature__image img{filter:drop-shadow(0 100px 80px rgba(0,0,0,.07)) drop-shadow(0 64.815px 46.852px rgba(0,0,0,.05)) drop-shadow(0 38.519px 25.481px rgba(0,0,0,.04)) drop-shadow(0 20px 13px rgba(0,0,0,.04)) drop-shadow(0 8.148px 6.519px rgba(0,0,0,.03)) drop-shadow(0 1.852px 3.148px rgba(0,0,0,.02));height:160px;-o-object-fit:contain;object-fit:contain}@media (min-width:48rem){.ok-product-feature__image img{height:260px}}.ok-product-feature__body-content{align-items:center;display:flex;flex-direction:column;gap:var(--size-spacing-two-x)}.ok-product-feature__copy{font-size:var(--font-size-500);margin-bottom:var(--size-spacing-three-quarters-x)}@media (min-width:48rem){.ok-product-feature__copy{margin-bottom:var(--size-spacing-one-x)}}.ok-product-feature__details{align-self:center;display:flex;flex-wrap:wrap;gap:var(--size-spacing-half-x)}.ok-product-feature__details :after{content:"|";font-size:var(--font-size-500);padding-left:var(--size-spacing-half-x);text-align:center}.ok-product-feature__details :last-child:after{content:"";padding-left:0}.ok-product-feature__buttons{display:flex;gap:var(--size-spacing-one-x)}.ok-product-feature__footer{display:block;font-size:var(--font-size-400)}.ok-product-feature__tab-content[data-mode~=dark]{--product-feature-bg-default:var(--color-base-10);--product-feature-color:var(--color-blue-90n)}.ok-product-feature .fade-image{opacity:0;transition:opacity .25s ease-in-out}.ok-product-feature .fade-image.visible{opacity:1}[data-brand=heydude] .ok-product-feature .ok-tab-container__wrapper{background:rgba(0,0,0,.5);grid-column:1;grid-row:1;height:40px;justify-self:center;top:50px;width:-moz-fit-content;width:fit-content;z-index:100}[data-brand=heydude] .ok-product-feature .ok-tab-container__wrapper .ok-tab-nav{background:transparent;border-radius:10px}[data-brand=heydude] .ok-product-feature .ok-tab-container__wrapper .ok-tab-nav__tab--button{background-color:transparent;color:var(--color-base-0)}[data-brand=heydude] .ok-product-feature .ok-tab-container__wrapper .ok-tab-nav__tab.active button{background-color:var(--color-base-0);border-radius:var(--size-spacing-quarter-x);color:var(--color-blue-90n)}[data-brand=heydude] .ok-product-feature .ok-tab-container__tab-panel{margin-top:0}[data-brand=heydude] .ok-product-feature__tab-content{padding:0 var(--size-spacing-half-x,8px) var(--size-spacing-two-x,32px) var(--size-spacing-half-x,8px)}[data-brand=heydude] .ok-product-feature__content{padding:115px var(--size-spacing-half-x) 0 var(--size-spacing-half-x)}[data-brand=heydude] .ok-product-feature__copy{color:var(--color-blue-90n);font-weight:var(--font-weight-regular);line-height:125%;margin-bottom:0}[data-brand=heydude] .ok-product-feature__details{color:var(--color-blue-90n);font-size:var(--font-size-400);font-weight:var(--font-weight-regular)}