.coffee-card-scene{isolation:isolate;position:absolute;inset:0}.coffee-card-scene,.coffee-card-scene:after{background:#c5b39a var(--coffee-card-wall) center / 100% auto}.coffee-card-scene:before{content:"";background:linear-gradient(118deg,#37231205 30%,#37231257);position:absolute;inset:0}.coffee-card-sign{--cf:1.8cqw;background:#6b4b33;border-radius:.5cqw;position:absolute;inset:3% 2% 5%;box-shadow:0 .6cqw .5cqw #1e120859,3cqw 5cqw 6cqw -2cqw #28190a73}.coffee-card-boards{inset:var(--cf);flex-direction:column;display:flex;position:absolute;overflow:hidden}.coffee-card-boards i{flex:1}.coffee-card-boards i,.coffee-card-boards i:before{background:var(--coffee-card-plank) repeat-x center bottom / auto 182%;box-shadow:inset 0 1px #12090399,inset 0 2px #ffe2be2e}.coffee-card-boards:after{content:"";mix-blend-mode:multiply;background:#6b4b33;position:absolute;inset:0}.coffee-card-marks{inset:var(--cf);flex-direction:column;justify-content:center;align-items:center;gap:1%;padding:2%;display:flex;position:absolute}.coffee-card-patch{flex:none;width:14%}.coffee-card-wordmark{flex:none;width:96%}.coffee-card-plate{aspect-ratio:1;background:#fff;border-radius:50%;flex:none;justify-content:center;align-items:center;height:80%;display:flex;box-shadow:0 .4cqw 1.2cqw #1e120866}.coffee-card-plate .coffee-card-wordmark{width:86%}.coffee-card-frame{position:absolute;inset:0}.coffee-card-frame:before{content:"";inset:var(--cf);position:absolute;box-shadow:inset .8cqw 1cqw 1.4cqw #0c060080,inset -.3cqw -.3cqw .5cqw #ffe8c81f}.coffee-card-frame i{position:absolute}.coffee-card-frame i,.coffee-card-frame i:before{background:#b89068 var(--coffee-card-plank) repeat-x 31% calc(var(--cf) * -2.6) / auto calc(var(--cf) * 4.6);box-shadow:inset 0 .5cqw .4cqw #fff6e647,inset 0 -.4cqw .5cqw #321c0866}.coffee-card-frame [data-side=t]{height:var(--cf);clip-path:polygon(0 0, 100% 0, calc(100% - var(--cf)) 100%, var(--cf) 100%);inset:0 0 auto}.coffee-card-frame [data-side=b]{height:var(--cf);clip-path:polygon(var(--cf) 0, calc(100% - var(--cf)) 0, 100% 100%, 0 100%);inset:auto 0 0}.coffee-card-frame [data-side=l]{width:var(--cf);clip-path:polygon(0 0, 100% var(--cf), 100% calc(100% - var(--cf)), 0 100%);inset:0 auto 0 0}.coffee-card-frame [data-side=r]{width:var(--cf);clip-path:polygon(0 var(--cf), 100% 0, 100% 100%, 0 calc(100% - var(--cf)));inset:0 0 0 auto}.coffee-card-daylight{pointer-events:none;background:linear-gradient(122deg,#ffeac33b,#0000 52%,#25160b17);position:absolute;inset:0}.coffee-card-wood{object-fit:none;object-position:-10000px 0;pointer-events:none;width:100%;max-width:none;height:100%;position:absolute;inset:0}html[data-soft-in] .coffee-card-scene:has(>[data-wood=wall][data-preview]:not([data-in=now],[data-in=done])):after{--coffee-card-wall:var(--coffee-card-wall-preview);content:"";z-index:-1;position:absolute;inset:0}html[data-soft-in] .coffee-card-scene:has(>[data-wood=plank][data-preview]:not([data-in=now],[data-in=done])) .coffee-card-boards i{position:relative}html[data-soft-in] .coffee-card-scene:has(>[data-wood=plank][data-preview]:not([data-in=now],[data-in=done])) :is(.coffee-card-boards,.coffee-card-frame) i:before{--coffee-card-plank:var(--coffee-card-plank-preview);content:"";background-position-x:inherit;position:absolute;inset:0}html[data-soft-in] .coffee-card-scene:has(>[data-wood=plank][data-preview]:not([data-in=now],[data-in=done])) .coffee-card-boards i:before{background-image:var(--coffee-card-plank), var(--coffee-card-plank);background-position-y:calc(100% - 1px),100%;background-size:auto calc(182% - 1.82px),auto 182%;bottom:-1px}html[data-soft-in] .coffee-card-scene:has(>[data-wood=wall][data-in=fade]):after{opacity:0;animation:.28s cubic-bezier(.33,1,.68,1) coffee-card-preview-off}html[data-soft-in] .coffee-card-scene:has(>[data-wood=plank][data-in=fade]) :is(.coffee-card-boards,.coffee-card-frame) i:before{opacity:0;animation:.28s cubic-bezier(.33,1,.68,1) coffee-card-preview-off}@keyframes coffee-card-preview-off{0%{opacity:1}}html[data-soft-in] .coffee-card-scene:has(>[data-wood=plank][data-in=fade]) .coffee-card-frame{will-change:contents}