:root{--motion-control:160ms;--motion-panel:240ms;--motion-ease:cubic-bezier(.22,.75,.25,1)}
.nav.has-thumb.is-thumb-ready::before{transition:transform var(--motion-panel) var(--motion-ease),width var(--motion-panel) var(--motion-ease)}
.view :is(.btn,.btn-ghost,.custom-select-trigger){transition:background-color var(--motion-control),border-color var(--motion-control),color var(--motion-control)}
.view :is(.btn,.btn-ghost) svg{transition:transform var(--motion-control) var(--motion-ease)}
.view :is(.btn,.btn-ghost):active:not(:disabled) svg{transform:scale(.92)}
.view :is(input:not([type=range]),textarea){transition:border-color var(--motion-control),background-color var(--motion-control)}
.task-check path{transition:stroke-dashoffset var(--motion-panel) var(--motion-ease)}
.task-row-title{transition:color var(--motion-panel),text-decoration-color var(--motion-panel)}
.brand{position:relative;isolation:isolate}
.brand::after{content:'';position:absolute;inset:0;background:repeating-linear-gradient(0deg,#ffffff12 0 1px,transparent 1px 3px),linear-gradient(0deg,var(--teal),#a1fff3);mask:url('/logo.svg?v=a947bc3') center/contain no-repeat;pointer-events:none;opacity:0;clip-path:inset(100% 0 0)}
.brand.is-layer-printing::after{animation:logo-layer 1500ms linear both}
@keyframes logo-layer{0%{opacity:0;clip-path:inset(100% 0 0)}8%{opacity:1;clip-path:inset(92% 0 0)}60%{opacity:1;clip-path:inset(0 0 0)}78%{opacity:1;clip-path:inset(0 0 0)}100%{opacity:0;clip-path:inset(0 0 0)}}
.btn:active:not(:disabled),.btn-ghost:active:not(:disabled){transform:none}
.product{transition:border-color 180ms,box-shadow 180ms}.product-summary{transition:transform 180ms var(--motion-ease),background 180ms}
.product-thumb img,.photo-tile .photo-preview img{transition:transform 300ms var(--motion-ease)}
.color-choice{transition:border-color 180ms,box-shadow 180ms}.color-choice i{transition:transform 180ms var(--motion-ease),box-shadow 180ms}.color-choice.is-selected i{box-shadow:inset 0 1px 2px #ffffff45,inset 0 -2px 4px #0005}.color-choice:active i{transform:scale(.94)}.color-choice.is-selected::after{animation:color-choice-check 180ms var(--motion-ease) both}
.gallery-img.gallery-transition-old{position:fixed;max-width:none;max-height:none;pointer-events:none;z-index:1}.gallery-nav,.gallery-x,.gallery-bar{z-index:2}
.view.is-entering .chart-line{animation-duration:650ms;animation-delay:80ms}.view.is-entering .chart rect{animation-duration:440ms;animation-delay:calc(60ms + var(--d,0)*8ms)}.view.is-entering .chart circle{animation-duration:180ms;animation-delay:620ms}
.view.is-refreshing .chart-line,.view.is-refreshing .chart rect,.view.is-refreshing .chart circle,.view:not(.is-entering) .reel-edge,.view:not(.is-entering) .reel-arc,.view:not(.is-entering) .operations-meter i{animation:none!important}
.task-check:disabled[aria-checked=true]{color:var(--teal)}
@media(hover:hover) and (pointer:fine){.product:not([open]):hover{border-color:color-mix(in srgb,var(--text-muted) 60%,var(--border));box-shadow:0 5px 16px #0002,inset 0 1px 0 #ffffff08}.product:not([open]):hover>.product-summary{transform:translateY(-2px)}.product-thumb:hover img,.photo-tile .photo-preview:hover img{transform:scale(1.045)}}
@media(hover:none){.product-summary:active{background:color-mix(in srgb,var(--teal) 5%,var(--surface-2))}.product-thumb img,.photo-tile .photo-preview img{transform:none!important}}
@keyframes color-choice-check{from{opacity:0;transform:scale(.7)}}
@media(prefers-reduced-motion:reduce){.brand::after{animation:none!important}.nav.has-thumb.is-thumb-ready::before,.view :is(.btn,.btn-ghost,.custom-select-trigger,input,textarea),.view :is(.btn,.btn-ghost) svg,.task-check path,.task-row-title{transition:none!important}.view :is(.btn,.btn-ghost):active:not(:disabled) svg{transform:none}}
@media(prefers-reduced-motion:reduce){.product,.product-summary,.product-thumb img,.photo-tile .photo-preview img,.color-choice,.color-choice i{transition:none!important;transform:none!important}.color-choice::after{animation:none!important}}