.sheet{position:relative;z-index:2;flex:1 0 auto;background:var(--paper);border-radius:0 0 var(--sheet-radius) var(--sheet-radius);padding-bottom:120px}.sheet-end{position:absolute;left:0;right:0;bottom:0;height:0;pointer-events:none}.sheet:after,.sheet:before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;pointer-events:none}.sheet:before{box-shadow:0 1px 1px rgba(0,0,0,.2),0 2px 4px rgba(0,0,0,.16)}.sheet:after{opacity:1;box-shadow:0 1px 0 hsla(0,0%,100%,.04),0 2px 3px rgba(0,0,0,.1),0 8px 16px rgba(0,0,0,.12),0 24px 48px rgba(0,0,0,.16),0 56px 96px rgba(0,0,0,.2)}body{timeline-scope:--reveal}.sheet-end{view-timeline:--reveal block}@supports (animation-timeline:view()){.back-in,.sheet:after,.sheet:before{animation-timing-function:linear;animation-fill-mode:both;animation-timeline:--reveal;animation-range:cover 0 cover calc(var(--back-h) - var(--sheet-radius))}.sheet:before{animation-name:lift-tight}.sheet:after{animation-name:lift-wide}}@keyframes lift-tight{0%{opacity:1}to{opacity:0}}@keyframes lift-wide{0%{opacity:0}to{opacity:1}}