body[data-home-motion]{--home-ease:cubic-bezier(.2, .75, .25, 1)}body[data-home-motion] #top>header{background-color:color-mix(in srgb, var(--background) 92%, transparent);border-color:color-mix(in srgb, var(--border) 72%, transparent);-webkit-backdrop-filter:blur(18px)saturate(1.08);backdrop-filter:blur(18px)saturate(1.08);transition:background-color .26s,box-shadow .26s,border-color .26s;box-shadow:0 10px 28px -26px #102a436b,inset 0 1px #ffffff80}body[data-home-motion] #top[data-scrolled=true]>header{background-color:color-mix(in srgb, var(--background) 78%, transparent);border-color:color-mix(in srgb, var(--border) 58%, transparent);box-shadow:0 16px 34px -24px #102a4370,inset 0 1px #ffffff9e}body[data-home-motion] #top :is(button,a){transition:transform .18s var(--home-ease), background-color .18s ease, border-color .18s ease, color .18s ease, box-shadow .22s ease}body[data-home-motion] #top :is(button,a):focus-visible{outline:2px solid var(--primary);outline-offset:4px}body[data-home-motion] #top button:not(:disabled):active,body[data-home-motion] #top a.rounded-full:active{transform:scale(.97)}body[data-home-motion] #products article,body[data-home-motion] #purpose>ul>li{transition:transform .26s var(--home-ease), box-shadow .26s ease, border-color .26s ease}body[data-home-motion] #products article img,body[data-home-motion] .he-card img{transition:transform .45s var(--home-ease)}body[data-home-motion] #products article button[aria-pressed=true] svg{animation:home-heart .26s var(--home-ease)}body[data-home-motion] .he-card svg,body[data-home-motion] .he-text-link svg,body[data-home-motion] .he-seller-note a svg{transition:transform .24s var(--home-ease)}@media (hover:hover) and (pointer:fine){body[data-home-motion] #products article:hover,body[data-home-motion] #purpose>ul>li:hover{border-color:color-mix(in srgb, var(--primary) 30%, var(--border));transform:translateY(-4px);box-shadow:0 15px 30px -18px #102a4352}body[data-home-motion] #products article:hover img{transform:scale(1.025)}body[data-home-motion] .he-card:hover{transform:translateY(-3px)}body[data-home-motion] .he-card:hover img{transform:scale(1.035)}body[data-home-motion] :is(.he-card,.he-text-link,.he-seller-note a):hover svg{transform:translate(3px)}}body[data-home-motion] .motion-pending{opacity:0;transform:translateY(12px)}body[data-home-motion] .motion-visible{animation:home-enter .42s var(--home-ease) both}body[data-home-motion] #purpose ul[id^=types-]{animation:home-enter .2s var(--home-ease) both}body[data-home-motion] #top main>section:first-child h2{animation:home-enter .45s var(--home-ease) both}body[data-home-motion] #top main>section:first-child [role=group]:not([aria-hidden=true]) img{animation:home-image-settle .65s var(--home-ease) both}body[data-home-motion] [data-dovi]>button{background:var(--background);box-shadow:0 10px 30px -15px #102a4359,inset 0 1px #ffffff73}body[data-home-motion] [data-dovi] [role=dialog]{animation:home-enter .24s var(--home-ease) both}@supports ((-webkit-backdrop-filter:blur(16px)) or (backdrop-filter:blur(16px))){body[data-home-motion] [data-dovi]>button{background:color-mix(in srgb, var(--background) 88%, transparent);-webkit-backdrop-filter:blur(16px)saturate(1.15)}}@keyframes home-enter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes home-image-settle{0%{transform:scale(1.025)}to{transform:scale(1)}}@keyframes home-heart{50%{transform:scale(1.18)}}body[data-home-motion] .motion-surface{isolation:isolate;transition:transform .32s var(--home-ease), box-shadow .32s ease, border-color .22s ease;position:relative}body[data-home-motion] .he-shell,body[data-home-motion] #products,body[data-home-motion] #purpose,body[data-home-motion] #compare-teaser{scroll-margin-top:96px}body[data-home-motion] .motion-surface:focus-within{border-color:color-mix(in srgb, var(--primary) 45%, var(--border));box-shadow:0 12px 30px -20px #102a4359}body[data-home-motion] [role=dialog] :is(button,a),body[data-home-motion] [data-dovi] :is(button,a){transition:background-color .18s,color .18s,border-color .18s,box-shadow .18s}body[data-home-motion] #top>header nav.grid{animation:home-item-enter .2s var(--home-ease) both}body[data-home-motion] .he-card-copy,body[data-home-motion] .he-card-top{z-index:1}body[data-home-motion] .he-card-copy{transition:transform .32s var(--home-ease)}body[data-home-motion] #top>header nav :is(a,button){position:relative}body[data-home-motion] #top>header nav :is(a,button):after{content:"";background:var(--primary);width:50%;height:2px;transition:scale .22s var(--home-ease);border-radius:2px;position:absolute;bottom:3px;left:25%;scale:0 1}body[data-home-motion] #top>header nav :is(a,button):is(:hover,:focus-visible):after{scale:1}body[data-home-motion] #top input[type=search]{transition:width .24s var(--home-ease), box-shadow .24s ease, border-color .24s ease, background-color .24s ease}body[data-home-motion] #top input[type=search]:focus{border-color:var(--primary);box-shadow:0 0 0 4px color-mix(in srgb, var(--primary) 12%, transparent), 0 8px 24px -16px var(--primary)}body[data-home-motion] #top>header form:focus-within>svg{color:var(--primary);scale:1.08}body[data-home-motion] #top>header svg,body[data-home-motion] #purpose button svg,body[data-home-motion] .bg-hero-gradient a>span{transition:transform .24s var(--home-ease), scale .22s var(--home-ease), color .22s ease}body[data-home-motion] #top footer a,body[data-home-motion] .he-text-link,body[data-home-motion] .he-seller-note a{transition:background-size .26s var(--home-ease), color .18s ease, transform .22s var(--home-ease);background-image:linear-gradient(currentColor,currentColor);background-position:0 100%;background-repeat:no-repeat;background-size:0% 1px}body[data-home-motion] #top footer a:is(:hover,:focus-visible),body[data-home-motion] .he-text-link:is(:hover,:focus-visible),body[data-home-motion] .he-seller-note a:is(:hover,:focus-visible){background-size:100% 1px}body[data-home-motion] .motion-visible :is(#products article,#purpose>ul>li,.he-card,footer nav li,.bg-soft-gradient li){animation:home-item-enter .42s var(--home-ease) var(--motion-delay,0s) both}body[data-home-motion] #top main>section:first-child [role=group]:not([aria-hidden=true]) :is(h2,p:not(.sr-only),a){animation:home-item-enter .5s var(--home-ease) both}body[data-home-motion] #top main>section:first-child [role=group]:not([aria-hidden=true]) h2{animation-delay:60ms}body[data-home-motion] #top main>section:first-child [role=group]:not([aria-hidden=true]) a{animation-delay:.11s}body[data-home-motion] #top main>section:first-child button[aria-current=true]>span{box-shadow:0 0 0 4px color-mix(in srgb, var(--primary) 13%, transparent)}body[data-home-motion] [data-dovi]>button{transition:bottom .2s ease, scale .24s var(--home-ease), box-shadow .24s ease, border-color .18s ease}body[data-home-motion] [data-dovi]>button svg{transition:rotate .26s var(--home-ease)}body[data-home-motion] [role=dialog][data-state=open]{animation:home-dialog-enter .24s var(--home-ease) both}body[data-home-motion] [role=dialog][data-state=closed]{animation:.16s both home-dialog-exit}@media (hover:hover) and (pointer:fine){body[data-home-motion] .motion-surface.motion-tracking{transform:perspective(1100px) translateY(-4px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));box-shadow:0 20px 38px -24px #102a4361}body[data-home-motion] .he-card:hover .he-card-copy{transform:translateY(-5px)}body[data-home-motion] #top>header :is(a,button):hover>svg{scale:1.1}body[data-home-motion] #top .bg-soft-gradient a:hover{border-color:var(--primary);transform:translateY(-3px);box-shadow:0 8px 20px -12px #102a434d}body[data-home-motion] #products button:hover{box-shadow:0 4px 14px -8px color-mix(in srgb, var(--primary) 45%, transparent)}body[data-home-motion] #products li[title]{transition:scale .2s var(--home-ease)}body[data-home-motion] #products li[title]:hover{scale:1.25}body[data-home-motion] .bg-hero-gradient a:hover>span{transform:translate(5px)}body[data-home-motion] [data-dovi]>button:hover{scale:1.035}body[data-home-motion] [data-dovi]>button:hover svg{rotate:-7deg}}@keyframes home-item-enter{0%{opacity:0;translate:0 10px}to{opacity:1;translate:0}}@keyframes home-dialog-enter{0%{opacity:0;scale:.975}to{opacity:1;scale:1}}@keyframes home-dialog-exit{to{opacity:0;scale:.98}}@media (prefers-reduced-motion:reduce){body[data-home-motion] #top *,body[data-home-motion] #top :after,body[data-home-motion] [data-dovi] *,body[data-home-motion] [role=dialog],body[data-home-motion] [role=dialog] *{transition:none!important;animation:none!important}body[data-home-motion] .motion-pending{opacity:1;transform:none}body[data-home-motion] #products article:hover,body[data-home-motion] #purpose>ul>li:hover,body[data-home-motion] .he-card:hover,body[data-home-motion] #products article img,body[data-home-motion] .he-card img,body[data-home-motion] .he-card-copy,body[data-home-motion] #top .bg-soft-gradient a,body[data-home-motion] .bg-hero-gradient a>span{transform:none!important}body[data-home-motion] #top svg,body[data-home-motion] #products li[title],body[data-home-motion] [data-dovi]>button,body[data-home-motion] [data-dovi]>button svg{rotate:none!important;scale:1!important}}@media (prefers-reduced-transparency:reduce){body[data-home-motion] #top>header,body[data-home-motion] #top[data-scrolled=true]>header,body[data-home-motion] [data-dovi]>button{background:var(--background);-webkit-backdrop-filter:none;backdrop-filter:none}}
