.bin>:is(svg,.page){pointer-events:none;position:absolute}.bin>svg{will-change:transform;width:100%;height:100%;inset:0;overflow:visible}.bin .shadow{fill:var(--lightningcss-light,#00000026)var(--lightningcss-dark,#00000080)}.bin .contact{fill:var(--lightningcss-light,#00000052)var(--lightningcss-dark,#000000b3)}.bin .inside-deep{stop-color:var(--lightningcss-light,#b9bec1)var(--lightningcss-dark,#141516)}.bin .inside-edge{stop-color:var(--lightningcss-light,#d9dcdd)var(--lightningcss-dark,#25272a)}.bin .lip-side{stop-color:var(--lightningcss-light,#dfe2e3)var(--lightningcss-dark,#37393c)}.bin .lip-high{stop-color:var(--lightningcss-light,#fff)var(--lightningcss-dark,#595c60)}.bin .lip-low{stop-color:var(--lightningcss-light,#c8cccf)var(--lightningcss-dark,#27292b)}.bin .shell-side{stop-color:var(--lightningcss-light,#e3e6e7)var(--lightningcss-dark,#2b2d30)}.bin .shell-high{stop-color:var(--lightningcss-light,#fbfbfb)var(--lightningcss-dark,#45484b)}.bin .shell-mid{stop-color:var(--lightningcss-light,#eef0f0)var(--lightningcss-dark,#36393c)}.bin .shell-low{stop-color:var(--lightningcss-light,#d6d9db)var(--lightningcss-dark,#292b2e)}.bin .shell-edge{stop-color:var(--lightningcss-light,#c3c7ca)var(--lightningcss-dark,#1e2022)}.bin .sheen{stroke:var(--lightningcss-light,#ffffff8c)var(--lightningcss-dark,#ffffff1a)}.bin .crease{stroke:var(--lightningcss-light,#00000012)var(--lightningcss-dark,#00000059)}.bin .gleam{stroke:var(--lightningcss-light,#ffffffe6)var(--lightningcss-dark,#ffffff38)}.bin .raised{fill:var(--lightningcss-light,#ffffffe6)var(--lightningcss-dark,#ffffff17);stroke:var(--lightningcss-light,#ffffffe6)var(--lightningcss-dark,#ffffff17)}.bin .pressed{fill:var(--lightningcss-light,#464e5429)var(--lightningcss-dark,#00000061);stroke:var(--lightningcss-light,#464e5429)var(--lightningcss-dark,#00000061)}.bin .page{transform-origin:0 0;filter:drop-shadow(calc(var(--cast-x) * .4rem) calc(var(--cast-y) * .4rem) .3rem var(--lightningcss-light,#0003)var(--lightningcss-dark,#0000008c));transition:translate .36s cubic-bezier(.2,.9,.25,1);rotate:-7deg}.bin .page img{width:100%;height:100%;display:block}.bin .hit{position:absolute}.bin .scrap{pointer-events:none;clip-path:url(#bin-outside);position:absolute;inset:0}.bin .fly{position:absolute}.bin :is(.fly,.hop,.spin){will-change:transform}.bin :is(.hop,.shade,.spin){width:100%;height:100%}.bin .shade{position:absolute;translate:1.5em 4em}.bin .shade .spin{filter:brightness(0)blur(3em);opacity:.2}.bin .spin{transform-origin:50%;transform:rotate(var(--turn));display:block}.bin[data-phase=burst] .page{translate:0 -.9rem}:root[data-appearance=dark] .bin .ink{filter:url(#bin-tone-dark)}:root[data-appearance=dark] .bin .shade .spin{opacity:.5}@media (prefers-color-scheme:dark){:root:not([data-appearance=light]) .bin .ink{filter:url(#bin-tone-dark)}:root:not([data-appearance=light]) .bin .shade .spin{opacity:.5}}.desk-view[data-viewing] .bin{transition:filter .65s cubic-bezier(.2,.8,.2,1)}.desk-view[data-defocused] .bin{filter:blur(var(--defocus)) brightness(.9)}@media (prefers-reduced-motion:reduce){.bin .page{transition:none}}