:root{--container-max-width: 1600px;--container-gutter: 24px;--grid-column-count: 20;--grid-gap: 24px;--container-max-width-minus-gutters: calc(var(--container-max-width) - var(--container-gutter) * 2);--container-outer-width: max( calc((100vw - var(--container-max-width-minus-gutters)) / 2), var(--container-gutter) );--container-outer-margin: var(--container-outer-width);--grid-column-width: calc( (100vw - var(--container-outer-width) * 2 - var(--grid-gap) * (var(--grid-column-count) - 1)) / var(--grid-column-count) );--vertical-breather: 48px;--vertical-breather-tight: 40px;--product-list-block-spacing: 32px;--heading-xxsmall-font-size: 11px;--heading-xsmall-font-size: 11px;--heading-small-font-size: 13px;--heading-large-font-size: 40px;--heading-h1-font-size: 40px;--heading-h2-font-size: 32px;--heading-h3-font-size: 28px;--heading-h4-font-size: 26px;--heading-h5-font-size: 22px;--heading-h6-font-size: 18px;--base-font-size: 16px;--body-line-height: 1.733;--small-line-height: 1.538;--heading-line-height: 1.2;--button-height: 48px;--button-small-height: 40px;--form-input-field-height: 48px;--form-input-gap: 16px;--form-submit-margin: 24px;--button-border-radius: 0px;--block-border-radius: 0px;--block-border-radius-reduced: 0px;--color-swatch-border-radius: 100%}@media screen and (min-width:741px){:root{--container-gutter: 40px;--vertical-breather: 64px;--vertical-breather-tight: 64px;--heading-xsmall-font-size: 13px;--heading-small-font-size: 14px;--heading-large-font-size: 58px;--heading-h1-font-size: 58px;--heading-h2-font-size: 44px;--heading-h3-font-size: 36px;--heading-h4-font-size: 28px;--heading-h5-font-size: 22px;--heading-h6-font-size: 20px;--button-height: 52px;--button-small-height: 44px;--form-input-field-height: 52px;--form-submit-margin: 32px}}@media screen and (min-width:1200px){:root{--vertical-breather: 80px;--vertical-breather-tight: 64px;--product-list-block-spacing: 48px;--heading-large-font-size: 72px;--heading-h1-font-size: 62px;--heading-h2-font-size: 54px;--heading-h3-font-size: 40px;--heading-h4-font-size: 34px;--heading-h5-font-size: 26px;--heading-h6-font-size: 18px}}@media screen and (max-width:740px){.hidden-phone{display:none!important}}@media screen and (min-width:741px)and (max-width:999px){.hidden-tablet{display:none!important}}@media screen and (min-width:741px){.hidden-tablet-and-up{display:none!important}}@media screen and (max-width:999px){.hidden-pocket{display:none!important}}@media screen and (min-width:1000px)and (max-width:1199px){.hidden-lap{display:none!important}}@media screen and (min-width:1000px){.hidden-lap-and-up{display:none!important}}@media screen and (min-width:1200px){.hidden-desk{display:none!important}}.container{max-width:var(--container-max-width);margin-inline:auto;padding-inline:var(--container-gutter)}.container--full{max-width:none}.page-width{padding-inline:var(--container-gutter)}body{letter-spacing:normal;line-height:var(--body-line-height)}h1,h2,h3,h4,h5,h6,.h0,.h1,.h2,.h3,.h4,.h5,.h6{letter-spacing:normal;line-height:var(--heading-line-height);text-transform:none}.hxxl,.hxl,.h0{font-size:var(--heading-large-font-size)}h1,.h1{font-size:var(--heading-h1-font-size)}h2,.h2{font-size:var(--heading-h2-font-size)}h3,.h3{font-size:var(--heading-h3-font-size)}h4,.h4{font-size:var(--heading-h4-font-size)}h5,.h5{font-size:var(--heading-h5-font-size)}h6,.h6{font-size:var(--heading-h6-font-size)}.heading{display:block;font-family:var(--font-heading-family);font-style:var(--font-heading-style);font-weight:var(--font-heading-weight);color:rgb(var(--color-foreground));text-transform:none}.heading--small,.heading--xsmall,.heading--xxsmall{font-family:var(--font-body-family);font-weight:var(--font-body-weight-bold);text-transform:uppercase;letter-spacing:1px;line-height:1.4663636}.heading--small{font-size:var(--heading-small-font-size);line-height:1.5}.heading--xsmall{font-size:var(--heading-xsmall-font-size)}.heading--xxsmall{font-size:var(--heading-xxsmall-font-size)}.heading--large{font-size:var(--heading-large-font-size);line-height:1.11111111;letter-spacing:-.9px}@media screen and (min-width:741px){.heading--small{line-height:1.2307692308}.heading--large{line-height:1}}.heading--small+.heading--large{margin-block-start:32px}.heading--small+p{margin-block-start:16px}@media screen and (min-width:741px){.heading--small+p{margin-block-start:24px}}.heading+.button-wrapper,.heading+.button-group,p+.button-wrapper,p+.button-group{margin-block-start:32px}.text--small{font-size:var(--heading-small-font-size);line-height:var(--small-line-height)}.text--xsmall{font-size:14px;line-height:var(--small-line-height)}strong,b{font-weight:var(--font-body-weight-bold)}.tap-area{display:inline-flex;align-items:center;justify-content:center;position:relative;background:none;border:none;padding:0;margin:0;color:inherit;font:inherit;cursor:pointer}.tap-area:after{content:"";position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px}.tap-area--large:after{top:-14px;right:-14px;bottom:-14px;left:-14px}.vertical-breather{padding-block:var(--vertical-breather)}.vertical-breather--tight{padding-block:var(--vertical-breather-tight)}.section:not(.shopify-section){display:block;margin-block:var(--vertical-breather)}.section:empty{display:none}.section--flush:not(.shopify-section){margin-block:0}.section__color-wrapper{display:flow-root;background:rgb(var(--color-background))}.section__header{max-width:1000px;margin-inline:auto;margin-block-end:min(32px,var(--vertical-breather));text-align:center}.section__header:only-child{margin-block-end:0}@media screen and (min-width:741px){.section__header{margin-block-end:min(40px,var(--vertical-breather))}}@media screen and (min-width:1000px){.section__header{margin-block-end:min(48px,var(--vertical-breather))}}.content-box{position:relative;z-index:1}.content-box--text-left{text-align:left}.content-box--text-center{text-align:center}.content-box--text-right{text-align:right}@media screen and (max-width:740px){.content-box--small,.content-box--medium{margin-inline:24px}.content-box--left{margin-inline-end:auto}.content-box--right{margin-inline-start:auto}}@media screen and (min-width:741px){.content-box{margin-inline:auto;width:calc(var(--grid-column-width) * 16 + var(--grid-gap) * 15)}.content-box--medium{width:calc(var(--grid-column-width) * 14 + var(--grid-gap) * 13)}.content-box--small{width:calc(var(--grid-column-width) * 10 + var(--grid-gap) * 9)}.content-box--fill{width:100%!important}.content-box--left{margin-inline-start:calc(var(--grid-column-width) + var(--grid-gap))}.content-box--right{margin-inline-end:calc(var(--grid-column-width) + var(--grid-gap))}}@media screen and (min-width:1000px){.content-box{width:calc(var(--grid-column-width) * 14 + var(--grid-gap) * 13)}.content-box--medium{width:calc(var(--grid-column-width) * 10 + var(--grid-gap) * 9)}.content-box--small{width:calc(var(--grid-column-width) * 8 + var(--grid-gap) * 7)}}@media screen and (min-width:1400px){.content-box--small{width:calc(var(--grid-column-width) * 7 + var(--grid-gap) * 6)}}.button{position:relative;display:inline-block;-webkit-appearance:none;appearance:none;min-width:0;min-height:0;line-height:var(--button-height);padding:0 30px;border:none;border-radius:var(--button-border-radius);text-align:center;text-decoration:none;background:rgb(var(--color-button));color:rgb(var(--color-button-text))}.button:not(.button--text){font-family:var(--font-body-family);font-size:calc(var(--base-font-size) - 3px);font-weight:var(--font-body-weight-bold);text-transform:uppercase;letter-spacing:1.5px}.button:after{display:none}@media screen and (min-width:741px){.button:not(.button--text){padding-inline:35px;font-size:calc(var(--base-font-size) - 2px);letter-spacing:2px}}@media(pointer:fine){.button{background-image:linear-gradient(178deg,rgb(var(--color-button)),rgb(var(--color-button)) 10%,#00000012 10% 100%),linear-gradient(rgb(var(--color-button)),rgb(var(--color-button)));background-size:100% 200%,100% 100%;background-position:100% -100%,100% 100%;background-repeat:no-repeat;transition:background-position .3s cubic-bezier(.215,.61,.355,1);transform:translateZ(0)}.button:hover{background-position:100% 25%,100% 100%}}.button-group{font-size:0}@media screen and (max-width:740px){.button-group .button{margin:12px;padding-inline:18px}.button-group__wrapper{margin:-12px}}@media screen and (min-width:741px){.button-group__wrapper{display:inline-grid;grid-template-columns:1fr 1fr;gap:24px}}[reveal]{opacity:0}[reveal-visibility]{visibility:hidden}.no-js [reveal]{opacity:1}.no-js [reveal-visibility]{visibility:visible}@media(prefers-reduced-motion:reduce){[reveal]{opacity:1}[reveal-visibility]{visibility:visible}}.prev-next-button{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:rgb(var(--color-background));color:rgb(var(--color-foreground));border:1px solid rgba(var(--color-foreground),.15);border-radius:var(--block-border-radius-reduced);cursor:pointer}@media screen and (min-width:741px){.prev-next-button{width:56px;height:56px}}.prev-next-button[disabled]{color:rgba(var(--color-foreground),.3);cursor:default}@media(pointer:fine){.hidden-no-touch{display:none!important}}@media not screen and (pointer:fine){.hidden-touch{display:none!important}}@media screen and (max-width:999px){.scroller{overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;margin-left:calc(-1 * var(--container-gutter));margin-right:calc(-1 * var(--container-gutter))}.scroller::-webkit-scrollbar{display:none}.scroller__inner{min-width:min-content;padding-left:var(--container-gutter);padding-right:var(--container-gutter);margin-left:auto;margin-right:auto}}.hide-scrollbar{overflow-x:auto;overflow-y:hidden;scrollbar-width:none}.hide-scrollbar::-webkit-scrollbar{display:none}.button--outline{background:rgb(var(--color-background));color:rgb(var(--color-foreground));border:1px solid rgba(var(--color-foreground),.15);background-image:none}.button--full{width:100%;padding-inline:0}.button--small:not(.button--text){line-height:var(--button-small-height)}@media screen and (min-width:741px){.button--small:not(.button--text){padding-inline:28px;font-size:calc(var(--base-font-size) - 3px)}}split-lines{display:block}.list--unstyled{list-style:none;margin:0;padding:0}.linklist__item:not(:first-child){padding-block-start:12px}@media screen and (min-width:1000px){.linklist__item:not(:first-child){padding-block-start:6px}}.linklist__item a{display:inline-block;word-break:break-word;color:currentcolor;text-decoration:none}.tabs-nav{position:relative;display:block;margin-block-end:32px}.tabs-nav:not(:first-child){margin-block-start:24px}@media screen and (min-width:741px){.tabs-nav:not(:first-child){margin-block-start:32px}}.tabs-nav__scroller{display:block;overflow-x:auto;scrollbar-width:none}.tabs-nav__scroller::-webkit-scrollbar{display:none}.tabs-nav__scroller-inner{position:relative;line-height:1}.tabs-nav--center .tabs-nav__scroller-inner{max-width:max-content;margin-inline:auto}.tabs-nav__item-list{display:inline-grid;grid-auto-flow:column;grid-auto-columns:max-content;justify-content:flex-start;gap:32px;vertical-align:top;box-shadow:0 -1px rgba(var(--color-foreground),.15) inset}.tabs-nav__item{padding-block-end:18px;background:none;border:none;color:currentcolor;cursor:pointer;opacity:.7;transition:opacity .25s ease-in-out}.tabs-nav__item[aria-expanded=true]{opacity:1}.tabs-nav__position{display:block;position:absolute;bottom:0;inset-inline-start:0;height:2px;width:100%;background:currentcolor;transform:scaleX(var(--scale, 0)) translate(var(--translate, 0));transform-origin:left}.tabs-nav__position.is-initialized{transition:transform .4s ease-in-out}@media screen and (max-width:999px){.tabs-nav--edge2edge{margin-inline:calc(-1 * var(--container-gutter))}.tabs-nav--edge2edge .tabs-nav__scroller-inner{padding-inline:var(--container-gutter);min-width:max-content}}.collapsible{display:block;height:0;overflow:hidden;visibility:hidden}.collapsible[open],.no-js .collapsible{height:auto;overflow:visible;visibility:visible}
/*# sourceMappingURL=/cdn/shop/t/2/assets/karat-karat-foundations.css.map */