*{margin:0;padding:0;box-sizing:border-box}*,*:before,*:after{box-sizing:border-box}html{font-size:100%;-webkit-text-size-adjust:100%;scrollbar-gutter:stable}html:has([data-locks-scroll][data-open=true]),html:has(.c-footer-drawer[data-locks-scroll]>.c-footer-drawer__details[open]){overflow:hidden}body{display:flex;flex-direction:column;min-height:100svh;margin:0;font-family:var(--font-body);font-size:var(--md-font-size);line-height:1.5;color:var(--color-text);background:var(--color-surface)}.template-blog{background:var(--color-white)}main{flex:1}.c-skip-link{position:absolute;inset-block-start:0;inset-inline-start:0;z-index:var(--z-toast);padding:.625rem 1rem;background:var(--color-primary);color:var(--color-white);font-family:var(--font-body);font-weight:var(--bold-font-weight);text-decoration:none;border-end-end-radius:.25rem;transform:translateY(-150%);transition:transform .15s ease-in-out}.c-skip-link:focus{transform:translateY(0);outline:2px solid var(--color-accent);outline-offset:2px}#main-content:focus{outline:none}.template-index{background:linear-gradient(to bottom,var(--color-white) 0%,color-mix(in srgb,var(--cyan-100) 35%,var(--color-white)) 50%,var(--color-white) 100%) no-repeat top / 100% 100svh}img,svg{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}.c-yellow-cta{display:inline-flex;align-items:center;justify-content:center;background:var(--btn-yellow-bg);color:var(--btn-yellow-fg);border:1px solid var(--btn-yellow-border);font-family:var(--btn-font-family);font-weight:var(--btn-font-weight);font-size:var(--btn-size-md);line-height:var(--btn-line-height);text-transform:var(--btn-text-transform);letter-spacing:var(--btn-letter-spacing-wide);padding:var(--sm-spacing) var(--lg-spacing);border-radius:var(--sm-border-radius);transition:background .15s ease,border-color .15s ease,color .15s ease}.c-yellow-cta:hover{background:var(--btn-yellow-bg-hover);border-color:var(--btn-yellow-border-hover)}.c-yellow-cta:active{background:var(--btn-yellow-bg-active);border-color:var(--btn-yellow-border-active)}.c-yellow-cta:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.c-yellow-cta[data-size=sm]{font-size:var(--btn-size-sm);padding:var(--xsm-spacing) var(--md-spacing)}.c-yellow-cta-outline{display:inline-flex;align-items:center;justify-content:center;background:transparent;color:var(--btn-yellow-outline-fg);border:1px solid var(--btn-yellow-outline-border);font-family:var(--btn-font-family);font-weight:var(--btn-font-weight);font-size:var(--btn-size-md);line-height:var(--btn-line-height);text-transform:var(--btn-text-transform);letter-spacing:var(--btn-letter-spacing-wide);padding:var(--sm-spacing) var(--lg-spacing);border-radius:var(--sm-border-radius);transition:background .15s ease,border-color .15s ease,color .15s ease}.c-yellow-cta-outline:hover{background:var(--btn-yellow-outline-bg-hover);color:var(--btn-yellow-outline-fg-hover);border-color:var(--btn-yellow-outline-border-hover)}.c-yellow-cta-outline:active{background:var(--btn-yellow-outline-bg-active)}.c-yellow-cta-outline:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.c-navy-cta{display:inline-flex;align-items:center;justify-content:center;background:var(--btn-navy-bg);color:var(--btn-navy-fg);border:1px solid var(--btn-navy-border);font-family:var(--btn-font-family);font-weight:var(--btn-font-weight);font-size:var(--btn-size-md);line-height:var(--btn-line-height);text-transform:var(--btn-text-transform);letter-spacing:var(--btn-letter-spacing-wide);padding:var(--sm-spacing) var(--lg-spacing);border-radius:var(--sm-border-radius);transition:background .15s ease,border-color .15s ease,color .15s ease}.c-navy-cta:hover{background:var(--btn-navy-bg-hover);border-color:var(--btn-navy-border-hover)}.c-navy-cta:active{background:var(--btn-navy-bg-active);border-color:var(--btn-navy-border-active)}.c-navy-cta:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.c-navy-cta[data-size=sm]{font-size:var(--btn-size-sm);padding:var(--xsm-spacing) var(--md-spacing)}.c-navy-cta-outline{display:inline-flex;align-items:center;justify-content:center;background:transparent;color:var(--btn-navy-outline-fg);border:1px solid var(--btn-navy-outline-border);font-family:var(--btn-font-family);font-weight:var(--btn-font-weight);font-size:var(--btn-size-md);line-height:var(--btn-line-height);text-transform:var(--btn-text-transform);letter-spacing:var(--btn-letter-spacing-wide);padding:var(--sm-spacing) var(--lg-spacing);border-radius:var(--sm-border-radius);transition:background .15s ease,border-color .15s ease,color .15s ease}.c-navy-cta-outline:hover{background:var(--btn-navy-outline-bg-hover);color:var(--btn-navy-outline-fg-hover);border-color:var(--btn-navy-outline-border-hover)}.c-navy-cta-outline:active{background:var(--btn-navy-outline-bg-active)}.c-navy-cta-outline:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.u-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.u-scroll-cue:after{content:"";position:absolute;bottom:var(--u-scroll-cue-bottom, var(--lg-spacing));left:50%;translate:-50% 0;rotate:45deg;width:.85rem;height:.85rem;border-right:.18rem solid currentColor;border-bottom:.18rem solid currentColor;z-index:2;pointer-events:none;animation:u-scroll-cue-bounce 1.8s ease-in-out infinite}@keyframes u-scroll-cue-bounce{0%,to{translate:-50% 0}50%{translate:-50% .4rem}}@media(prefers-reduced-motion:reduce){.u-scroll-cue:after{animation:none}}.u-bg-ocean{background:linear-gradient(-45deg,var(--cyan-75) 0%,var(--cyan-200) 25%,var(--cyan-50) 50%,var(--cyan-200) 75%,var(--color-white) 100%);background-size:300% 300%;animation:u-bg-ocean-shift 15s ease infinite}@keyframes u-bg-ocean-shift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.u-image-cover{width:100%;height:100%;object-fit:cover;display:block}.u-animation-circular-reveal{clip-path:circle(0%)}@keyframes u-animation-circular-reveal{to{clip-path:circle(50%)}}.u-animation-circular-reveal-bubble{clip-path:circle(0%)}@keyframes u-animation-circular-reveal-bubble{0%{clip-path:circle(0%)}55%{clip-path:circle(55%)}75%{clip-path:circle(43%)}to{clip-path:circle(50%)}}.u-animation-slide-in{opacity:0;transform:translate(5rem)}@keyframes u-animation-slide-in{to{opacity:1;transform:translate(0)}}.u-animation-slide-in-left{opacity:0;transform:translate(-.5rem)}@keyframes u-animation-slide-in-left{to{opacity:1;transform:translate(0)}}.u-animation-fade-in{opacity:0}@keyframes u-animation-fade-in{to{opacity:1}}.u-animation-slide-up{opacity:0;transform:translateY(2rem)}@keyframes u-animation-slide-up{to{opacity:1;transform:translateY(0)}}.u-animation-bg-fade-in{background:transparent;box-shadow:none}@keyframes u-animation-bg-fade-in{to{background:var(--u-fade-bg, transparent);box-shadow:var(--u-fade-shadow, none)}}.u-animation-grow-right{transform:scaleX(0);transform-origin:left}@keyframes u-animation-grow-right{to{transform:scaleX(1)}}.u-animation-grow-down{transform:scaleY(0);transform-origin:top}@keyframes u-animation-grow-down{to{transform:scaleY(1)}}.u-animation-pop-in{opacity:0;transform:scale(.9)}@keyframes u-animation-pop-in{to{opacity:1;transform:scale(1)}}@media(prefers-reduced-motion:reduce){.u-animation-circular-reveal,.u-animation-circular-reveal-bubble{clip-path:none;animation:none}.u-animation-slide-in,.u-animation-slide-in-left,.u-animation-slide-up,.u-animation-fade-in{opacity:1;transform:none;animation:none}.u-animation-bg-fade-in{background:var(--u-fade-bg, transparent);box-shadow:var(--u-fade-shadow, none);animation:none}.u-animation-grow-right,.u-animation-grow-down{transform:none;animation:none}.u-animation-pop-in{opacity:1;transform:none;animation:none}}html[data-js] [data-reveal]>*{opacity:0;transform:translateY(1.5rem);transition:opacity .6s ease,transform .6s ease;transition-delay:var(--reveal-delay, 0ms)}html[data-js] [data-reveal]>[data-revealed=true]{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){html[data-js] [data-reveal]>*{opacity:1;transform:none;transition:none}}
/*# sourceMappingURL=/cdn/shop/t/20/assets/main.css.map */