.crop[data-astro-cid-65doc2ck]{position:relative}b[data-astro-cid-65doc2ck]{background:linear-gradient(var(--line-crop), var(--line-crop)) 50% 0 / 1px 100% no-repeat, linear-gradient(var(--line-crop), var(--line-crop)) 0 50% / 100% 1px no-repeat;pointer-events:none;width:9px;height:9px;position:absolute}.tl[data-astro-cid-65doc2ck]{top:-18px;left:-18px}.tr[data-astro-cid-65doc2ck]{top:-18px;right:-18px}.bl[data-astro-cid-65doc2ck]{bottom:-18px;left:-18px}.br[data-astro-cid-65doc2ck]{bottom:-18px;right:-18px}@media (width<=700px){.tl[data-astro-cid-65doc2ck],.bl[data-astro-cid-65doc2ck]{left:-10px}.tr[data-astro-cid-65doc2ck],.br[data-astro-cid-65doc2ck]{right:-10px}}video[data-astro-cid-kcp27dyr]{opacity:0;transition:opacity .6s var(--ease)}video[data-astro-cid-kcp27dyr][data-live]{opacity:1}.device[data-astro-cid-jdvywxy6]{--u:5px;--bezel:calc(var(--u) * 4);--lip:calc(var(--u) * 7);--deck:calc(var(--u) * 6);container-type:inline-size}.device--phone[data-astro-cid-jdvywxy6]{--bezel:calc(var(--u) * 3);--lip:0px;--deck:0px}@media (width<=700px){.device--browser[data-astro-cid-jdvywxy6]{--bezel:calc(var(--u) * 3);--lip:calc(var(--u) * 3);--deck:calc(var(--u) * 4)}}.bar[data-astro-cid-jdvywxy6]{padding:0 var(--lip) .6rem;color:var(--content-muted);display:flex}.body[data-astro-cid-jdvywxy6]{width:round(down, 100%, var(--u));padding:var(--bezel) calc(var(--lip) + var(--bezel)) calc(var(--deck) + var(--bezel));position:relative}.shell[data-astro-cid-jdvywxy6] i[data-astro-cid-jdvywxy6]{background:var(--content-primary);-webkit-mask:var(--tone) 0 0 / calc(var(--u) * 8) calc(var(--u) * 8);-webkit-mask:var(--tone) 0 0 / calc(var(--u) * 8) calc(var(--u) * 8);mask:var(--tone) 0 0 / calc(var(--u) * 8) calc(var(--u) * 8);position:absolute;inset:0}@keyframes ink-in{0%{opacity:0;-webkit-mask-image:url(/dots/tone-12.svg);mask-image:url(/dots/tone-12.svg)}15%{opacity:1;-webkit-mask-image:url(/dots/tone-12.svg);mask-image:url(/dots/tone-12.svg)}50%{-webkit-mask-image:url(/dots/tone-25.svg);mask-image:url(/dots/tone-25.svg)}80%{-webkit-mask-image:var(--almost,url(/dots/tone-50.svg));-webkit-mask-image:var(--almost,url(/dots/tone-50.svg));mask-image:var(--almost,url(/dots/tone-50.svg))}}@supports (animation-timeline:view()){html[data-motion=on] .shell[data-astro-cid-jdvywxy6] i[data-astro-cid-jdvywxy6]{animation:step-end both ink-in;animation-timeline:view();animation-range:entry 10% entry 90%}}.top[data-astro-cid-jdvywxy6]{--tone:url(/dots/tone-25.svg);--almost:var(--tone);clip-path:inset(0 var(--lip) calc(100% - var(--bezel)) var(--lip))}.left[data-astro-cid-jdvywxy6]{--tone:url(/dots/tone-50.svg);clip-path:inset(var(--bezel) calc(100% - var(--lip) - var(--bezel)) var(--deck) var(--lip))}.right[data-astro-cid-jdvywxy6]{--tone:url(/dots/tone-100.svg);clip-path:inset(var(--bezel) var(--lip) var(--deck) calc(100% - var(--lip) - var(--bezel)))}.bottom[data-astro-cid-jdvywxy6]{--tone:url(/dots/tone-100.svg);clip-path:inset(calc(100% - var(--deck) - var(--bezel)) calc(var(--lip) + var(--bezel)) var(--deck) calc(var(--lip) + var(--bezel)))}.deck[data-astro-cid-jdvywxy6]{--tone:url(/dots/tone-25.svg);--almost:var(--tone);--edge:calc(100% - var(--u) * 3);clip-path:polygon(var(--lip) calc(100% - var(--deck)), calc(100% - var(--lip)) calc(100% - var(--deck)), 100% var(--edge), 0 var(--edge))}.front[data-astro-cid-jdvywxy6]{--tone:url(/dots/tone-100.svg);--edge:calc(100% - var(--u) * 3);clip-path:polygon(0 var(--edge), 100% var(--edge), calc(100% - var(--u) * 2) 100%, calc(var(--u) * 2) 100%)}.bar[data-astro-cid-jdvywxy6] .t-label[data-astro-cid-jdvywxy6]{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.device--phone[data-astro-cid-jdvywxy6]{flex-direction:column;display:flex}.device--phone[data-astro-cid-jdvywxy6] .bar[data-astro-cid-jdvywxy6]{order:1;justify-content:center;padding:.6rem 0 0}.device--phone[data-astro-cid-jdvywxy6] .body[data-astro-cid-jdvywxy6]{background:var(--surface-page)}.arm[data-astro-cid-jdvywxy6]{background:var(--surface-page);position:relative;overflow:clip}@supports (height:round(1px, 1px)){.arm[data-astro-cid-jdvywxy6]{height:round(nearest, calc((100cqw - (var(--lip) + var(--bezel)) * 2) * var(--k)), var(--u));aspect-ratio:auto!important}}.wire[data-astro-cid-jdvywxy6] i[data-astro-cid-jdvywxy6]{border:1px solid var(--line-wire);position:absolute}.wire[data-astro-cid-jdvywxy6] i[data-astro-cid-jdvywxy6]:first-child{background:repeating-linear-gradient(-45deg, var(--line-hair) 0 1px, transparent 1px 7px)}.slot[data-astro-cid-jdvywxy6]{color:var(--content-muted);position:absolute;bottom:5%;left:5%}.arm[data-astro-cid-jdvywxy6] picture,.arm[data-astro-cid-jdvywxy6] video{position:absolute;inset:0}.arm[data-astro-cid-jdvywxy6] img,.arm[data-astro-cid-jdvywxy6] video{object-fit:cover;object-position:50% 0;width:100%;height:100%}.device[data-astro-cid-jdvywxy6]:not(.is-empty) .wire[data-astro-cid-jdvywxy6]{opacity:0}@keyframes fill{0%{clip-path:inset(0 0 100%)}to{clip-path:inset(0)}}@keyframes unwire{0%{opacity:1}}@supports (animation-timeline:view()){html[data-motion=on] .device[data-astro-cid-jdvywxy6]:not(.is-empty) picture,html[data-motion=on] .device[data-astro-cid-jdvywxy6]:not(.is-empty) video{animation:linear both fill;animation-timeline:var(--fill-timeline,view());animation-range:var(--fill-range,entry 45% cover 55%)}html[data-motion=on] .device[data-astro-cid-jdvywxy6]:not(.is-empty) .wire[data-astro-cid-jdvywxy6]{animation:linear both unwire;animation-timeline:var(--fill-timeline,view());animation-range:var(--fill-range,entry 45% cover 55%)}}