@layer components{.hz{background:var(--color-paper)}.hz-pin{padding-block:5rem}.hz-scr{grid-template-columns:repeat(2,minmax(0,1fr));gap:.625rem;padding:2.75rem .75rem .75rem;display:grid;position:relative}.hz-scr:before{content:"";border:1px solid var(--line);border-radius:var(--radius-card);box-shadow:var(--shadow-2);background:radial-gradient(circle at 1.25rem 1.375rem, var(--color-inset) .3rem, transparent .32rem), radial-gradient(circle at 2.25rem 1.375rem, var(--color-inset) .3rem, transparent .32rem), radial-gradient(circle at 3.25rem 1.375rem, var(--color-inset) .3rem, transparent .32rem), linear-gradient(var(--line), var(--line)) 0 2.25rem / 100% 1px no-repeat, var(--color-card);position:absolute;inset:0}@media (width>=48rem){.hz-pin{padding-block:8rem}.hz-scr{grid-template-columns:repeat(4,minmax(0,1fr));gap:.875rem;padding:3rem 1rem 1rem}}.hz-t:first-child{--i:0}.hz-t:nth-child(2){--i:1}.hz-t:nth-child(3){--i:2}.hz-t:nth-child(4){--i:3}.hz-t:nth-child(5){--i:4}.hz-t:nth-child(6){--i:5}.hz-t:nth-child(7){--i:6}.hz-t:nth-child(8){--i:7}.hz-t{border-radius:var(--radius-inset);min-height:6.5rem;font-size:.875rem;line-height:1.3;position:relative}@media (width>=48rem){.hz-t{min-height:7.5rem;font-size:.9375rem}}.hz-t:after{content:"";z-index:2;border-radius:inherit;background:rgb(var(--vrgb) / .09);box-shadow:inset 0 0 0 1.5px rgb(var(--vrgb) / .55);pointer-events:none;position:absolute;inset:0}.hz-a,.hz-b{border-radius:inherit;padding:.75rem .875rem;display:flex;position:absolute;inset:0}.hz-a{z-index:1;color:var(--color-ink);background:var(--color-inset);opacity:0;align-items:flex-end;box-shadow:0 10px 24px -14px #0a0c0f59}.hz-b{z-index:3;color:var(--v);flex-direction:column;justify-content:space-between;font-weight:600}.hz-b:before{content:"";background:var(--v);width:1.75rem;height:1.75rem;-webkit-mask:var(--g) center / 1.0625rem no-repeat, linear-gradient(#000 0 0);-webkit-mask-composite:xor;-webkit-mask:var(--g) center / 1.0625rem no-repeat exclude, linear-gradient(#000 0 0);mask:var(--g) center / 1.0625rem no-repeat exclude, linear-gradient(#000 0 0);border-radius:.5rem}.k-chat{--g:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 7.5l9-4.5 9 4.5v9L12 21l-9-4.5zM3 7.5l9 4.5 9-4.5M12 12v9'/%3E%3C/svg%3E")}.k-sheet{--g:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='16' rx='2'/%3E%3Cpath d='M3 10h18M8 3v4M16 3v4'/%3E%3C/svg%3E")}.k-receipt{--g:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 3h12v18l-3-2-3 2-3-2-3 2zM9 8h6M9 12h6'/%3E%3C/svg%3E")}.k-contacts{--g:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 4h4l2 5-2.5 1.5a11 11 0 0 0 5 5L15 13l5 2v4a2 2 0 0 1-2 2A16 16 0 0 1 3 6a2 2 0 0 1 2-2'/%3E%3C/svg%3E")}.k-note{--g:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 12.5l5 5L20 6.5'/%3E%3C/svg%3E")}.k-message{--g:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M8 12l3 3 5-6'/%3E%3C/svg%3E")}.k-product{--g:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 12V4h8l10 10-8 8z'/%3E%3Ccircle cx='7.5' cy='8.5' r='1'/%3E%3C/svg%3E")}.k-tally{--g:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 20v-7M10 20V7M15 20v-9M20 20V4'/%3E%3C/svg%3E")}.hz-b:after{content:"";--c:rgb(var(--vrgb) / .22);background:linear-gradient(var(--c) 0 0) 100% 0 / 100% .3125rem no-repeat, linear-gradient(var(--c) 0 0) 100% 100% / 60% .3125rem no-repeat;width:3.5rem;height:1.0625rem;position:absolute;top:1.0625rem;right:.875rem}.k-tally .hz-b:after{content:"";--c:rgb(var(--vrgb) / .4);background:linear-gradient(var(--c) 0 0) 0 100% / .5rem 35% no-repeat, linear-gradient(var(--c) 0 0) .75rem 100% / .5rem 55% no-repeat, linear-gradient(var(--c) 0 0) 1.5rem 100% / .5rem 45% no-repeat, linear-gradient(var(--c) 0 0) 2.25rem 100% / .5rem 70% no-repeat, linear-gradient(var(--c) 0 0) 3rem 100% / .5rem 80% no-repeat, linear-gradient(var(--v) 0 0) 3.75rem 100% / .5rem 100% no-repeat;width:4.25rem;height:1.75rem;position:absolute;top:.75rem;right:.875rem}.k-chat .hz-a{background:#e2e4e7;border-radius:1.125rem 1.125rem 1.125rem .25rem;align-items:center}.k-message .hz-a{background:#dcdfe2;border-radius:1.125rem 1.125rem .25rem;align-items:center}.k-sheet .hz-a{font-family:var(--font-mono);word-break:break-all;background:linear-gradient(transparent calc(100% - 2.25rem), #d3d6da 0), repeating-linear-gradient(90deg, transparent 0 calc(25% - 1px), #d9dcdf 0 25%), repeating-linear-gradient(transparent 0 1.25rem, #d9dcdf 0 calc(1.25rem + 1px)), var(--color-card);border-radius:.25rem;font-size:.75rem}.k-receipt .hz-a{font-family:var(--font-mono);background:linear-gradient(112deg, transparent 38%, #0a0c0f12 40%, transparent 52%), linear-gradient(205deg, transparent 48%, #0a0c0f0f 50%, transparent 66%), var(--color-card);border-radius:.125rem;padding-bottom:1.125rem;font-size:.75rem;-webkit-mask:linear-gradient(#000 0 0) top/100% calc(100% - .375rem) no-repeat,conic-gradient(from -45deg at bottom,#0000,#000 1deg 89deg,#0000 90deg) bottom/.75rem .4rem repeat-x;mask:linear-gradient(#000 0 0) top/100% calc(100% - .375rem) no-repeat,conic-gradient(from -45deg at bottom,#0000,#000 1deg 89deg,#0000 90deg) bottom/.75rem .4rem repeat-x}.k-contacts .hz-a{background:repeating-linear-gradient(#0000 0 1.375rem,#d3d6da 0 calc(1.375rem + 1px)) 0 .5rem,#eceef0;border:.3rem solid #c7cacf;border-radius:1rem;align-items:center;font-style:italic}.k-note .hz-a{background:#e3e3de;border-radius:.125rem;align-items:center;font-style:italic}.k-product .hz-a{background:linear-gradient(#d6d9dc 0 0) .875rem .75rem / 2.5rem 2.5rem no-repeat, var(--color-card);border:1px solid var(--line);padding-top:3.75rem}.k-tally .hz-a{background:repeating-linear-gradient(#0000 0 1.375rem,#cdd1d6 0 calc(1.375rem + 1px)),#efefec;font-style:italic}@keyframes hz-move{0%{transform:translate(var(--x), var(--y)) rotate(var(--r)) scale(1.16)}25%{transform:translate(calc(var(--x) * .92), calc(var(--y) * .92 - 1.5vh)) rotate(calc(var(--r) * 1.1)) scale(1.16)}to{transform:none}}@keyframes hz-pop{0%,to{scale:1}45%{scale:1.07}}@keyframes hz-in{0%{opacity:0}to{opacity:1}}@keyframes hz-out{0%{opacity:1}to{opacity:0}}@keyframes hz-float{0%{translate:0 -3px;rotate:-.6deg}to{translate:0 3px;rotate:.6deg}}@media (prefers-reduced-motion:no-preference) and (width>=40.0625rem) and (height>=40rem){.motion .hz-track{view-timeline:--hz block;height:300vh}.motion .hz-pin{align-items:center;height:100vh;padding-block:0;display:flex;position:sticky;top:0}.motion .hz-a{opacity:1}.motion .hz.is-floating{--fl:running}.motion .hz-t:first-child{--x:-10vw;--y:13vh;--r:-14deg;z-index:5}.motion .hz-t:nth-child(2){--x:9vw;--y:-3vh;--r:9deg;z-index:2}.motion .hz-t:nth-child(3){--x:-24vw;--y:8vh;--r:7deg;z-index:7}.motion .hz-t:nth-child(4){--x:6vw;--y:20vh;--r:-11deg;z-index:8}.motion .hz-t:nth-child(5){--x:15vw;--y:9vh;--r:16deg;z-index:4}.motion .hz-t:nth-child(6){--x:-23vw;--y:-21vh;--r:-8deg;z-index:6}.motion .hz-t:nth-child(7){--x:-2vw;--y:16vh;--r:13deg;z-index:3}.motion .hz-t:nth-child(8){--x:4vw;--y:-20vh;--r:-18deg;z-index:1}@supports (animation-timeline:view()){.motion .hz-t{animation:hz-move both var(--ease-out), hz-pop both var(--ease-out);animation-timeline:--hz,--hz;animation-range:contain 6% contain calc(34% + var(--i) * 1%), contain calc(50% + var(--i) * 3%) contain calc(57% + var(--i) * 3%)}.motion .hz-t:after{animation:hz-in both var(--ease-out);animation-timeline:--hz;animation-range:contain calc(50% + var(--i) * 3%) contain calc(55% + var(--i) * 3%)}.motion .hz-a{animation:hz-out both var(--ease-out), hz-float 5s ease-in-out infinite alternate;animation-timeline:--hz,auto;animation-range:contain 76% contain 84%,normal;animation-delay:0s, calc(var(--i) * -.7s);animation-play-state:running, var(--fl,paused)}.motion .hz-b{animation:hz-in both var(--ease-out);animation-timeline:--hz;animation-range:contain 78% contain 88%}.motion .hz-scr:before{animation:hz-in both var(--ease-out);animation-timeline:--hz;animation-range:contain 72% contain 84%}}.motion .hz-js .hz-t{animation:hz-move 1s var(--ease-out) both paused, hz-pop 1s var(--ease-out) both paused;animation-duration:calc((.28 + var(--i) * .01) * 1s), 70ms;animation-delay:calc((.06 - var(--p,0)) * 1s), calc((.5 + var(--i) * .03 - var(--p,0)) * 1s)}.motion .hz-js .hz-t:after{animation:hz-in 50ms var(--ease-out) both paused;animation-delay:calc((.5 + var(--i) * .03 - var(--p,0)) * 1s)}.motion .hz-js .hz-a{animation:hz-out 80ms var(--ease-out) both paused, hz-float 5s ease-in-out infinite alternate;animation-delay:calc((.76 - var(--p,0)) * 1s), calc(var(--i) * -.7s);animation-play-state:paused, var(--fl,paused)}.motion .hz-js .hz-b{animation:hz-in .1s var(--ease-out) both paused;animation-delay:calc((.78 - var(--p,0)) * 1s)}.motion .hz-js .hz-scr:before{animation:hz-in .12s var(--ease-out) both paused;animation-delay:calc((.72 - var(--p,0)) * 1s)}}@media (prefers-reduced-motion:no-preference) and (width<=40rem),(prefers-reduced-motion:no-preference) and (height<=39.99rem){.motion .hz-a{opacity:1}.motion .hz-t:after,.motion .hz-b{opacity:0}.motion .hz-t:after{transition:opacity .45s var(--ease-out) calc(.15s + var(--i) * 90ms)}.motion .hz-a{transition:opacity .2s var(--ease-out) calc(.15s + var(--i) * 90ms)}.motion .hz-b{transition:opacity .45s var(--ease-out) calc(.35s + var(--i) * 90ms)}.motion .is-revealed .hz-a{opacity:0}.motion .is-revealed .hz-t:after,.motion .is-revealed .hz-b{opacity:1}.motion .is-revealed .hz-t{animation:hz-pop .5s var(--ease-out) calc(.15s + var(--i) * 90ms) both}}}