:root{--color-twilight-navy: #25385b;--color-periwinkle-sky: #a2b0ff;--color-dusk-indigo: #0a0a3a;--color-cobalt-pop: #3252f4;--color-coral-blush: #ff5a5a;--color-cloud-white: #ffffff;--color-cream-linen: #fffcef;--color-slate-mist: #84849c;--color-onyx: #000000;--color-twilight-navy-rgb: 37 56 91;--color-periwinkle-sky-rgb: 162 176 255;--color-dusk-indigo-rgb: 10 10 58;--color-cobalt-pop-rgb: 50 82 244;--color-coral-blush-rgb: 255 90 90;--color-cloud-white-rgb: 255 255 255;--color-cream-linen-rgb: 255 252 239;--color-slate-mist-rgb: 132 132 156;--text-primary: var(--color-twilight-navy);--text-muted: var(--color-slate-mist);--text-on-dark: var(--color-cloud-white);--surface-canvas: var(--color-cloud-white);--surface-atmosphere: var(--color-periwinkle-sky);--surface-warm: var(--color-cream-linen);--surface-dark: var(--color-dusk-indigo);--border-structural: var(--color-twilight-navy);--border-atmospheric: var(--color-periwinkle-sky);--border-muted: var(--color-slate-mist);--accent-emphasis: var(--color-cobalt-pop);--accent-warmth: var(--color-coral-blush);--font-sharp-grotesk-web: "Space Grotesk", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-recess-script-logo: "Caveat", ui-rounded, cursive;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-bold: 700;--text-caption: 14px;--leading-caption: 1.38;--text-body: 16px;--leading-body: 1.63;--text-subheading: 18px;--leading-subheading: 1.4;--text-heading-sm: 20px;--leading-heading-sm: 1.33;--text-heading: 24px;--leading-heading: 1.25;--text-display: 60px;--leading-display: 1;--spacing-unit: 4px;--spacing-4: 4px;--spacing-8: 8px;--spacing-12: 12px;--spacing-16: 16px;--spacing-20: 20px;--spacing-24: 24px;--spacing-28: 28px;--spacing-32: 32px;--spacing-36: 36px;--spacing-40: 40px;--spacing-48: 48px;--spacing-56: 56px;--spacing-84: 84px;--spacing-144: 144px;--page-max-width: 1200px;--section-gap: 90px;--card-padding: 28px;--element-gap: 12px;--radius-cards: 8px;--radius-pills: 9999px;--radius-badges: 9999px;--radius-inputs: 4px;--radius-buttons: 6px;--gradient-sky: linear-gradient(180deg, #a2b0ff 0%, #c3ccff 42%, #eef1ff 76%, #ffffff 100%);--gradient-sunset: linear-gradient(180deg, #fffcef 0%, #f2eeff 38%, #dcd9ff 68%, #ffd9d9 100%);--gradient-sunset-horizontal: linear-gradient(100deg, #fffcef 0%, #e8e6ff 45%, #ffdede 100%);--gradient-dusk: linear-gradient(180deg, #a2b0ff 0%, #6f7fdc 55%, #0a0a3a 100%)}:root:root{--color-background: var(--color-cloud-white);--color-background-rgb: var(--color-cloud-white-rgb);--color-foreground: var(--color-twilight-navy);--color-foreground-rgb: var(--color-twilight-navy-rgb);--color-border: var(--color-twilight-navy);--color-border-rgb: var(--color-twilight-navy-rgb);--palette-lightest: var(--color-cloud-white);--palette-lightest-rgb: var(--color-cloud-white-rgb);--palette-darkest: var(--color-dusk-indigo);--palette-darkest-rgb: var(--color-dusk-indigo-rgb);--color-shadow-rgb: var(--color-dusk-indigo-rgb);--font-body--family: var(--font-sharp-grotesk-web);--font-body--style: normal;--font-body--weight: 400;--font-subheading--family: var(--font-sharp-grotesk-web);--font-subheading--style: normal;--font-subheading--weight: 500;--font-heading--family: var(--font-sharp-grotesk-web);--font-heading--style: normal;--font-heading--weight: 700;--font-accent--family: var(--font-recess-script-logo);--font-accent--style: normal;--font-accent--weight: 400;--style-border-radius-pills: var(--radius-pills);--style-border-radius-inputs: var(--radius-inputs);--style-border-radius-buttons-primary: var(--radius-buttons);--style-border-radius-buttons-secondary: var(--radius-pills);--style-border-radius-popover: var(--radius-cards);--style-border-radius-xs: 4px;--style-border-radius-sm: 8px;--style-border-radius-md: 8px;--style-border-radius-lg: 8px;--border-radius-sm: 4px;--checkbox-border-radius: 4px;--style-border-width: 1px;--style-border-width-primary: 1.5px;--style-border-width-secondary: 1px;--style-border-width-inputs: 1px;--border-width-sm: 1px;--border-color: rgb(var(--color-twilight-navy-rgb) / .35);--style-border-popover: 1px solid var(--color-periwinkle-sky);--style-border-drawer: 1px solid var(--color-periwinkle-sky);--color-primary-button-background: rgb(255 255 255 / 0);--color-primary-button-text: var(--color-twilight-navy);--color-primary-button-border: var(--color-twilight-navy);--color-primary-button-focus-outline: var(--color-twilight-navy);--color-primary-button-hover-text: var(--color-twilight-navy);--color-primary-button-hover-background: rgb(var(--color-periwinkle-sky-rgb) / .28);--color-primary-button-hover-border: var(--color-twilight-navy);--color-secondary-button-background: var(--color-cloud-white);--color-secondary-button-text: var(--color-twilight-navy);--color-secondary-button-border: var(--color-twilight-navy);--color-secondary-button-hover-text: var(--color-twilight-navy);--color-secondary-button-hover-background: var(--color-cream-linen);--color-secondary-button-hover-border: var(--color-twilight-navy);--color-input-background: var(--color-cloud-white);--color-input-text: var(--color-twilight-navy);--color-input-text-rgb: var(--color-twilight-navy-rgb);--color-input-border: var(--color-periwinkle-sky);--color-variant-background: var(--color-cloud-white);--color-variant-border: var(--color-periwinkle-sky);--color-variant-text: var(--color-twilight-navy);--color-variant-text-rgb: var(--color-twilight-navy-rgb);--color-variant-hover-background: rgb(var(--color-periwinkle-sky-rgb) / .22);--color-variant-hover-text: var(--color-twilight-navy);--color-variant-hover-border: var(--color-twilight-navy);--color-selected-variant-background: var(--color-twilight-navy);--color-selected-variant-border: var(--color-twilight-navy);--color-selected-variant-text: var(--color-cloud-white);--color-selected-variant-text-rgb: var(--color-cloud-white-rgb);--color-selected-variant-hover-background: var(--color-dusk-indigo);--color-selected-variant-hover-text: var(--color-cloud-white);--color-selected-variant-hover-border: var(--color-dusk-indigo);--color-error: var(--color-coral-blush);--color-success: #2f9e6b;--color-instock: #2f9e6b;--color-lowstock: var(--color-coral-blush);--color-outofstock: var(--color-slate-mist);--color-foreground-muted: var(--color-slate-mist);--color-foreground-subdued: var(--color-slate-mist);--padding-5xl: 3.5rem;--padding-6xl: 5.625rem;--margin-6xl: 5.625rem;--gap-3xl: 3rem;--narrow-page-width: 75rem;--normal-page-width: 75rem;--wide-page-width: 82.5rem;--icon-stroke-width: 1.6px;--animation-easing: cubic-bezier(.33, 1, .68, 1);--recess-ease: cubic-bezier(.33, 1, .68, 1);--recess-hover-opacity: .72}body{color:var(--color-twilight-navy);background-color:var(--color-cloud-white);font-family:var(--font-sharp-grotesk-web);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body,button,input,select,textarea,optgroup{font-family:var(--font-sharp-grotesk-web)}h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{font-family:var(--font-sharp-grotesk-web);color:var(--color, var(--color-twilight-navy));text-wrap:balance}h1,.h1,h2,.h2{font-weight:700;line-height:1;letter-spacing:0}h3,.h3{font-weight:700;line-height:1.25;letter-spacing:0}h4,.h4{font-weight:500;line-height:1.33}h5,.h5{font-weight:500;line-height:1.4}h6,.h6{font-weight:500;line-height:1.38}p,.rte p,li,dd,figcaption{line-height:1.63;letter-spacing:0}small,.caption,figcaption{font-size:var(--text-caption);line-height:var(--leading-caption);color:var(--color-slate-mist)}a{color:inherit;text-underline-offset:.18em;text-decoration-thickness:1px}a:hover{opacity:var(--recess-hover-opacity)}.recess-emphasis,mark{color:var(--color-cobalt-pop);background:transparent}.recess-wordmark{font-family:var(--font-recess-script-logo);font-weight:400;font-size:40px;line-height:1;color:var(--color-twilight-navy);letter-spacing:0;text-transform:none}.button:not(.button-unstyled),.button-secondary,.button-custom,button.button:not(.button-unstyled),a.button:not(.button-unstyled),.shopify-payment-button__button--unbranded,.add-to-cart-button,.quick-add__button{font-family:var(--font-sharp-grotesk-web);font-weight:500;font-size:14px;line-height:1.2;box-shadow:none;transition:opacity .15s var(--recess-ease),transform .1s var(--recess-ease),background-color .15s var(--recess-ease),border-color .15s var(--recess-ease)}.button:not(.button-unstyled),button.button:not(.button-unstyled),a.button:not(.button-unstyled),.shopify-payment-button__button--unbranded,.add-to-cart-button{border-radius:var(--radius-buttons);padding-block:12px;padding-inline:24px;text-transform:uppercase;letter-spacing:.04em}.button-secondary,a.button-secondary,button.button-secondary{border-radius:var(--radius-pills);padding-block:10px;padding-inline:20px;text-transform:none;letter-spacing:normal}.button:not(.button-unstyled):hover,.button-secondary:hover,.button-custom:hover,.shopify-payment-button__button--unbranded:hover,.add-to-cart-button:hover{opacity:var(--recess-hover-opacity);box-shadow:none}.button:not(.button-unstyled):active,.button-secondary:active,.button-custom:active,.shopify-payment-button__button--unbranded:active,.add-to-cart-button:active{transform:scale(.97)}.button[disabled],.button-secondary[disabled],.button[aria-disabled=true],.add-to-cart-button[disabled]{opacity:.4;transform:none}.button-unstyled{font-family:var(--font-sharp-grotesk-web);font-weight:500;text-transform:none;letter-spacing:normal;box-shadow:none}.shopify-payment-button__button{border-radius:var(--radius-buttons);box-shadow:none}.recess-sticky-cta{position:fixed;inset-block-end:24px;inset-inline-end:24px;z-index:8;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;border:1px solid var(--color-twilight-navy);border-radius:var(--radius-pills);background:var(--color-cloud-white);color:var(--color-twilight-navy);font-family:var(--font-sharp-grotesk-web);font-weight:500;font-size:14px;line-height:1;text-decoration:none;box-shadow:none;opacity:0;transform:translateY(8px);pointer-events:none;transition:opacity .3s var(--recess-ease),transform .3s var(--recess-ease)}.recess-sticky-cta[data-visible=true]{opacity:1;transform:translateY(0);pointer-events:auto}.recess-sticky-cta:hover{opacity:var(--recess-hover-opacity)}.recess-sticky-cta:active{transform:scale(.97)}@media screen and (max-width:749px){.recess-sticky-cta{inset-block-end:16px;inset-inline-end:16px}}:root:root{--shadow-button: none;--shadow-drawer: none;--shadow-popover: none;--shadow-blur: 0px}.card,.product-card,.resource-card,.quick-add__modal,.drawer,dialog,.popover,[popover],.cart-drawer,.theme-drawer,.search-modal,.header,.footer,.media,.badge{box-shadow:none}.card,.resource-card,.product-card,.testimonial-card,.quick-add__modal-content,.popover,[popover]{border-radius:var(--radius-cards)}.recess-promo-card{border:1.5px solid var(--color-periwinkle-sky);border-radius:var(--radius-cards);background:transparent;padding:var(--card-padding);box-shadow:none}.recess-testimonial-card{position:relative;background:var(--color-cloud-white);border:1px solid var(--color-slate-mist);border-radius:var(--radius-cards);padding:var(--card-padding);text-align:center;color:var(--color-twilight-navy);box-shadow:none}.recess-testimonial-card:before{content:"\201c";position:absolute;inset-block-start:8px;inset-inline-start:20px;font-family:var(--font-sharp-grotesk-web);font-size:48px;line-height:1;color:var(--color-twilight-navy)}.product-grid .product-card,.resource-list .product-card{background:transparent;border:none;box-shadow:none}.recess-blob-mask,.recess-blob-mask img{border-radius:46% 54% 52% 48%/48% 44% 56% 52%;overflow:hidden}input,textarea,select,.field__input,.select__select{font-family:var(--font-sharp-grotesk-web);font-size:16px;line-height:1.63;border-radius:var(--radius-inputs);color:var(--color-twilight-navy);background-color:var(--color-cloud-white);box-shadow:none}input::placeholder,textarea::placeholder{color:var(--color-slate-mist);opacity:1}input:focus-visible,textarea:focus-visible,select:focus-visible,a:focus-visible,button:focus-visible,summary:focus-visible{outline:1.5px solid var(--color-cobalt-pop);outline-offset:.2em}.pills__pill,.badge{border-radius:var(--radius-pills);font-family:var(--font-sharp-grotesk-web);font-size:14px;font-weight:500;letter-spacing:0;text-transform:none;box-shadow:none}.badge{border:1px solid var(--color-twilight-navy);background:var(--color-cloud-white);color:var(--color-twilight-navy)}.badge--sale,.badge[data-badge=sale]{background:var(--color-coral-blush);border-color:var(--color-coral-blush);color:var(--color-cloud-white)}.badge--sold-out,.badge[data-badge=sold-out]{background:var(--color-cream-linen);border-color:var(--color-slate-mist);color:var(--color-slate-mist)}.swatch{box-shadow:none}#header-component,.header{font-family:var(--font-sharp-grotesk-web);box-shadow:none;transition:background-color .25s var(--recess-ease),border-color .25s var(--recess-ease)}.header__menu a,.header__link,.menu-list__link,.header-actions__link{font-family:var(--font-sharp-grotesk-web);font-size:15px;font-weight:400;letter-spacing:0;text-transform:lowercase;color:var(--color-twilight-navy)}#header-component[data-recess-scrolled=true]{background-color:var(--color-cloud-white);border-bottom:1px solid rgb(var(--color-periwinkle-sky-rgb) / .6)}.header .svg-wrapper svg,.header-actions svg{stroke-width:1.6px}.cart-bubble__background{fill:var(--color-cobalt-pop)}.header-drawer,.mega-menu,.menu-drawer{background-color:var(--color-cloud-white);box-shadow:none}.recess-marquee,marquee-component.recess-marquee{display:block;width:100%;overflow:hidden;background-color:var(--color-twilight-navy);color:var(--color-cloud-white);font-family:var(--font-sharp-grotesk-web);font-size:13px;font-weight:400;letter-spacing:.03em;line-height:36px;min-height:36px;padding:0}.recess-marquee *{color:var(--color-cloud-white);font-family:var(--font-sharp-grotesk-web);font-size:13px;letter-spacing:.03em;text-transform:none}#header-group marquee-component{background-color:var(--color-twilight-navy);color:var(--color-cloud-white)}#header-group marquee-component :is(p,span,h1,h2,h3,h4,h5,h6,a){color:var(--color-cloud-white);font-family:var(--font-sharp-grotesk-web);font-size:13px;font-weight:400;letter-spacing:.03em;text-transform:none}marquee-component .marquee__repeated-items>*{font-family:var(--font-sharp-grotesk-web)}footer,footer .shopify-section,.footer,#shopify-section-footer-utilities,.footer-utilities{background-color:var(--color-dusk-indigo);color:var(--color-cloud-white)}footer,footer *{--color-background: var(--color-dusk-indigo);--color-background-rgb: var(--color-dusk-indigo-rgb);--color-foreground: var(--color-cloud-white);--color-foreground-rgb: var(--color-cloud-white-rgb);--color-border: var(--color-cloud-white);--color-border-rgb: var(--color-cloud-white-rgb);--color-foreground-muted: rgb(255 255 255 / .7);--color-foreground-subdued: rgb(255 255 255 / .8)}footer .section,.footer-utilities .section{padding-block:80px}footer a,footer p,footer li,footer h1,footer h2,footer h3,footer h4,footer h5,footer h6{color:var(--color-cloud-white);font-family:var(--font-sharp-grotesk-web)}footer a:hover{opacity:var(--recess-hover-opacity)}footer svg{color:var(--color-cloud-white)}footer input,footer .field__input{background:transparent;border:1px solid rgb(255 255 255 / .5);color:var(--color-cloud-white);border-radius:var(--radius-inputs)}footer input::placeholder{color:#fff9}footer .button{border-color:var(--color-cloud-white);color:var(--color-cloud-white);background:transparent}footer .button-secondary{background:var(--color-cloud-white);color:var(--color-dusk-indigo);border-color:var(--color-cloud-white)}footer .divider,.footer-utilities .divider{border-color:#ffffff40}#MainContent>.shopify-section:first-child{position:relative;background-image:var(--gradient-sky);background-repeat:no-repeat;background-size:100% 100%}#MainContent>.shopify-section:first-child .section-background{background-color:transparent}#MainContent>.shopify-section:last-child{position:relative;background-image:var(--gradient-sunset);background-repeat:no-repeat;background-size:100% 100%}#MainContent>.shopify-section:last-child .section-background{background-color:transparent}.recess-surface-sky{background-image:var(--gradient-sky)}.recess-surface-sunset{background-image:var(--gradient-sunset)}.recess-surface-periwinkle{background-color:var(--color-periwinkle-sky)}.recess-surface-cream{background-color:var(--color-cream-linen)}.recess-surface-dusk{background-color:var(--color-dusk-indigo);color:var(--color-cloud-white)}.recess-atmosphere{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;overflow:hidden;pointer-events:none}.recess-cloud{position:absolute;display:block;color:var(--color-cloud-white);opacity:.55;will-change:transform}.recess-cloud--1{inset-block-start:12vh;inset-inline-start:-8vw;width:160px;animation:recess-drift-a 42s ease-in-out infinite alternate}.recess-cloud--2{inset-block-start:34vh;inset-inline-end:-6vw;width:120px;opacity:.45;animation:recess-drift-b 56s ease-in-out infinite alternate}.recess-cloud--3{inset-block-start:62vh;inset-inline-start:14vw;width:90px;opacity:.35;animation:recess-drift-a 68s ease-in-out infinite alternate-reverse}.recess-cloud--4{inset-block-start:78vh;inset-inline-end:18vw;width:60px;opacity:.3;animation:recess-drift-b 50s ease-in-out infinite alternate}@keyframes recess-drift-a{0%{transform:translateZ(0)}to{transform:translate3d(70px,-22px,0)}}@keyframes recess-drift-b{0%{transform:translateZ(0)}to{transform:translate3d(-60px,18px,0)}}@keyframes recess-rise{0%{opacity:0;transform:translate3d(0,16px,0)}to{opacity:1;transform:translateZ(0)}}.recess-reveal{opacity:0}.recess-reveal[data-revealed=true]{animation:recess-rise .7s var(--recess-ease) both}.media img,.product-media img{transition:transform .5s var(--recess-ease),opacity .3s var(--recess-ease)}.product-card:hover .media img,.resource-card:hover .media img{transform:scale(1.02)}@media(prefers-reduced-motion:reduce){.recess-cloud,.recess-reveal[data-revealed=true],marquee-component .marquee__wrapper{animation:none!important}.recess-reveal{opacity:1}*,*:before,*:after{transition-duration:.01ms!important}}
/*# sourceMappingURL=/cdn/shop/t/24/assets/recess-design-system.css.map */