.commerce-dots-light{background-image:radial-gradient(#0a0a0a17 1px,#0000 1px);background-size:18px 18px}.box-link.commerce-box-dark{--bx-border:var(--color-ink);background:var(--color-ink)}.box-link.commerce-box-light{--bx-border:var(--color-ink);--bx-label:var(--color-ink)}.commerce-printer-lid{clip-path:polygon(6% 0,94% 0,100% 100%,0 100%);background:linear-gradient(#3a3a42,#26262c)}.commerce-printer-body{background:linear-gradient(#1c1c21,#111114);box-shadow:0 2px #000}.commerce-printer-slot{background:#000;box-shadow:inset 0 3px 4px #000000f2,0 -1px #2e2e35}.commerce-receipt{background-color:#fff;background-image:linear-gradient(90deg,#0a0a0a08,#0000 12% 88%,#0a0a0a08)}.commerce-tear{-webkit-mask:linear-gradient(#000 0 0) top / 100% calc(100% - 7px) no-repeat, conic-gradient(from -45deg at 50% 100%, #000 90deg, #0000 0) bottom / 12px 7px repeat-x;mask:linear-gradient(#000 0 0) top / 100% calc(100% - 7px) no-repeat, conic-gradient(from -45deg at 50% 100%, #000 90deg, #0000 0) bottom / 12px 7px repeat-x}.commerce-shadow{background:radial-gradient(#0a0a0a38,#0000 70%)}@keyframes commerce-paper{0%{opacity:1;animation-timing-function:steps(26,end);transform:translateY(-100%)}46%{opacity:1;animation-timing-function:ease-in-out;transform:translateY(0)}56%{transform:rotate(1deg)}66%{transform:rotate(-.8deg)}76%{transform:rotate(.3deg)}82%{opacity:1;animation-timing-function:ease-in;transform:none}90%{opacity:0;transform:translateY(80px)rotate(-5deg)}91%,to{opacity:0;transform:translateY(-100%)}}.commerce-paper{animation:12s infinite commerce-paper}@keyframes commerce-led{0%,46%{background:var(--color-accent-soft);box-shadow:0 0 8px var(--color-accent-soft)}47%,to{background:var(--color-graphite);box-shadow:none}}.commerce-led{background:var(--color-graphite);animation:12s step-end infinite commerce-led}@keyframes commerce-buzz{0%,45%{transform:translate(0)}1%,5%,9%,13%,17%,21%,25%,29%,33%,37%,41%{transform:translate(.6px)}3%,7%,11%,15%,19%,23%,27%,31%,35%,39%,43%{transform:translate(-.6px)}46%,to{transform:none}}.commerce-buzz{animation:12s step-end infinite commerce-buzz}@keyframes commerce-float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.commerce-float{animation:6s ease-in-out infinite commerce-float}@keyframes commerce-shadow-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.82)}}.commerce-shadow-pulse{animation:6s ease-in-out infinite commerce-shadow-pulse}@keyframes commerce-word{0%{opacity:.16}to{opacity:1}}@supports (animation-timeline:view()){.commerce-word{animation:linear both commerce-word;animation-timeline:view()}}.commerce-row{transition:color .35s steps(4,end);position:relative;overflow:hidden}.commerce-row:before{content:"";background:var(--color-accent);width:0;transition:width .22s steps(5,end);position:absolute;inset:0 auto 0 0}.commerce-row:hover,.commerce-row:focus-visible{color:#fff}.commerce-row:hover:before,.commerce-row:focus-visible:before{width:100%}.commerce-row>*{position:relative}.commerce-row:hover .commerce-row-desc,.commerce-row:focus-visible .commerce-row-desc{color:#e5e5ff}.commerce-tab{transition:background .3s steps(4,end),color .3s steps(4,end)}@keyframes commerce-pop{0%{transform:scale(1)}40%{transform:scale(1.35)}to{transform:scale(1)}}.commerce-pop{animation:.4s steps(3,end) commerce-pop}@keyframes commerce-slide-up{0%{transform:translateY(100%)}to{transform:none}}.commerce-cartbar{animation:.4s steps(6,end) both commerce-slide-up}@keyframes commerce-drawer{0%{transform:translate(100%)}to{transform:none}}.commerce-drawer{animation:.35s steps(7,end) both commerce-drawer}@keyframes commerce-fade{0%{opacity:0}to{opacity:1}}dialog.commerce-drawer::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#050506b8;animation:.25s both commerce-fade}@media (prefers-reduced-motion:reduce){.commerce-word,.commerce-led,.commerce-buzz,.commerce-float,.commerce-shadow-pulse,.commerce-pop,.commerce-cartbar,.commerce-drawer,dialog.commerce-drawer::backdrop{animation:none}.commerce-paper{animation:none;transform:none}}
