:is(.p10,.gp) .dr-bg{z-index:60;opacity:0;pointer-events:none;background:#14141359;transition:opacity .2s;position:fixed;inset:0}:is(.p10,.gp) .dr-bg.on{opacity:1;pointer-events:auto}:is(.p10,.gp) .drawer{z-index:61;overscroll-behavior:contain;max-height:86vh;padding:8px 18px calc(24px + env(safe-area-inset-bottom));visibility:hidden;background:#fff;border-radius:24px 24px 0 0;transition:transform .28s cubic-bezier(.2,.8,.2,1),visibility 0s .28s;position:fixed;bottom:0;left:0;right:0;overflow-y:auto;transform:translateY(100%);box-shadow:0 -12px 40px -20px #14141380}:is(.p10,.gp) .drawer.on{visibility:visible;transition:transform .28s cubic-bezier(.2,.8,.2,1);transform:none}:is(.p10,.gp) .grab{background:#dcd9d3;border-radius:3px;width:38px;height:5px;margin:2px auto 10px;display:block}:is(.p10,.gp) .dr-h{background:#fff;justify-content:space-between;align-items:center;gap:12px;padding:6px 0 10px;display:flex;position:sticky;top:-8px}:is(.p10,.gp) .dr-h h3{min-width:0;font:850 18px/1.2 var(--fd,var(--f));letter-spacing:-.02em;flex:1}:is(.p10,.gp) .dr-h button{width:40px;height:40px;color:var(--ink2,#3e3e3c);cursor:pointer;background:#f1efeb;border:0;border-radius:50%;flex:none;font-size:14px}@media (width>=720px){:is(.p10,.gp) .drawer{width:min(672px,100vw - 32px);max-height:85vh;padding:8px 24px calc(24px + env(safe-area-inset-bottom));left:50%;right:auto;transform:translate(-50%,100%)}:is(.p10,.gp) .drawer.on{transform:translate(-50%)}}:is(.p10,.gp) .dr-act{flex:none;display:inline-flex}:is(.p10,.gp) .drawer .shr .shr-b{border:1px solid color-mix(in oklab, currentColor 20%, transparent);width:32px;height:32px;color:var(--ink,#141413);background:0 0}