.sm-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:100002;display:flex;align-items:center;justify-content:center;padding:16px;opacity:0;pointer-events:none;transition:opacity .22s ease}.sm-backdrop.visible{opacity:1;pointer-events:auto}.sm-backdrop.closing{opacity:0;pointer-events:none}.sm-card{position:relative;width:100%;max-width:700px;height:500px;max-height:80vh;background:transparent;backdrop-filter:blur(100px);-webkit-backdrop-filter:blur(100px);border-radius:16px;border:1px solid hsla(0,0%,100%,.08);box-shadow:0 32px 80px rgba(0,0,0,.6),0 0 0 1px hsla(0,0%,100%,.04);display:flex;flex-direction:column;overflow:hidden;transform:scale(.95) translateY(12px);opacity:0;transition:transform .3s cubic-bezier(.34,1.56,.64,1),opacity .3s ease}.sm-backdrop.visible .sm-card{transform:scale(1) translateY(0);opacity:1}.sm-backdrop.closing .sm-card{transform:scale(.95) translateY(12px);opacity:0;transition:transform .22s ease,opacity .22s ease}.sm-drag-handle{display:none}.sm-close-btn{position:absolute;top:14px;right:14px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;padding:0;border-radius:50%;cursor:pointer;color:hsla(0,0%,100%,.55);transition:color .15s ease;z-index:10}.sm-close-btn:hover{color:#fff}.sm-content{flex:1 1;padding:28px 32px;overflow-y:auto;position:relative;scrollbar-width:thin;scrollbar-color:hsla(0,0%,100%,.1) transparent}.sm-content::-webkit-scrollbar{width:4px}.sm-content::-webkit-scrollbar-track{background:transparent}.sm-content::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.1);border-radius:2px}@media (max-width:768px){.sm-backdrop{align-items:flex-end;padding:0}.sm-card{max-width:100%;height:90vh;max-height:90vh;border-radius:16px 16px 0 0;align-self:flex-end}.sm-drag-handle{display:flex;align-items:center;justify-content:center;width:100%;height:22px;padding:6px 0;flex-shrink:0;cursor:-webkit-grab;cursor:grab;touch-action:none;z-index:11}.sm-drag-handle:active{cursor:-webkit-grabbing;cursor:grabbing}.sm-drag-handle-bar{width:36px;height:4px;background:hsla(0,0%,100%,.25);border-radius:2px;transition:background .15s ease,width .15s ease}.sm-drag-handle:active .sm-drag-handle-bar{background:hsla(0,0%,100%,.5);width:44px}.sm-close-btn{display:none}.sm-content{padding:20px}}