.sheet-overlay{position:fixed;inset:0;left:0;width:100%;height:100%;background:rgba(0 0 0/.4);z-index:100;&[data-entering]{animation:sheet-blur .15s}&[data-exiting]{animation:sheet-blur .15s reverse}}.sheet{position:fixed;top:0;left:0;width:70%;max-width:450px;margin-right:auto;height:100%;background:#ffffff;outline:none;border-left:1px solid var(--overlay-border);box-shadow:0 0 20px 0 #0000001a;&[data-entering]{animation:sheet-slide .15s}&[data-exiting]{animation:sheet-slide .15s reverse}*{outline:none}}@keyframes sheet-blur{0%{background:rgba(0 0 0/0)}to{background:rgba(0 0 0/.4)}}@keyframes sheet-slide{0%{transform:translateX(-100%)}to{transform:translateX(0)}}