.drawer{--drawer-border-radius:0px}.drawer[data-dialog]{max-height:var(--dialog-viewport-height,100dvh);pointer-events:none;z-index:1000;position:fixed;inset:0}.drawer.drawer--top .drawer__content{border-bottom-left-radius:var(--drawer-border-radius);border-bottom-right-radius:var(--drawer-border-radius);top:0;left:0;right:0}.drawer.drawer--top .drawer__content:before{width:40px;height:4px;bottom:8px;left:50%;transform:translate(-50%)}.drawer.drawer--bottom .drawer__content{border-top-left-radius:var(--drawer-border-radius);border-top-right-radius:var(--drawer-border-radius);bottom:0;left:0;right:0}.drawer.drawer--bottom .drawer__content:before{width:40px;height:4px;top:8px;left:50%;transform:translate(-50%)}.drawer.drawer--left .drawer__content{border-bottom-right-radius:var(--drawer-border-radius);border-top-right-radius:var(--drawer-border-radius);top:0;bottom:0;left:0}.drawer.drawer--left .drawer__content:before{width:4px;height:40px;top:50%;right:8px;transform:translateY(-50%)}.drawer.drawer--right .drawer__content{border-bottom-left-radius:var(--drawer-border-radius);border-top-left-radius:var(--drawer-border-radius);top:0;bottom:0;right:0}.drawer.drawer--right .drawer__content:before{width:4px;height:40px;top:50%;left:8px;transform:translateY(-50%)}.drawer .drawer__backdrop{-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);cursor:pointer;opacity:0;pointer-events:auto;z-index:1;background-color:#0003;position:fixed;inset:0}.drawer .drawer__content{background-color:var(--surface);color:var(--on-surface);pointer-events:auto;touch-action:none;-webkit-user-select:none;user-select:none;z-index:2;flex-direction:column;display:flex;position:absolute;overflow:hidden;box-shadow:0 10px 25px #00000026}.drawer .drawer__content:before{background-color:var(--primary);content:"";opacity:.6;border-radius:2px;position:absolute}.drawer .drawer__header{background-color:var(--surface);border-bottom:1px solid var(--primary);flex-shrink:0;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.drawer .drawer__title{color:var(--on-surface);margin:0;font-size:18px;font-weight:600}.drawer .drawer__close{background:var(--secondary);color:var(--on-secondary);cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;transition:all .15s;display:flex}.drawer .drawer__close:hover{background-color:var(--primary);color:var(--on-primary)}.drawer .drawer__close:active,.drawer .drawer__close[data-active]{transform:scale(.95)}.drawer .drawer__close[data-focus-visible]{outline:2px solid var(--primary);outline-offset:2px}.drawer .drawer__description{color:var(--on-surface);flex-shrink:0;margin:0;padding:0 24px 16px;font-size:14px;line-height:1.5}.drawer .drawer__body{overscroll-behavior:contain;flex:1;padding:0 24px 24px;overflow-y:auto}.drawer-trigger{background-color:var(--primary);color:var(--on-primary);cursor:pointer;border:none;border-radius:6px;justify-content:center;align-items:center;padding:10px 16px;font-size:14px;font-weight:500;transition:all .15s;display:inline-flex}.drawer-trigger:hover{background-color:var(--secondary)}.drawer-trigger:active,.drawer-trigger[data-active]{transform:scale(.98)}.drawer-trigger[data-focus-visible]{outline:2px solid var(--on-primary);outline-offset:2px}@media (max-width:640px){.drawer[data-dialog]{max-height:var(--dialog-viewport-height,100dvh)}.drawer.drawer--left .drawer__content,.drawer.drawer--right .drawer__content{max-width:320px;width:calc(100vw - 40px)!important}.drawer.drawer--bottom .drawer__content,.drawer.drawer--top .drawer__content{max-height:400px;height:calc(var(--dialog-viewport-height,100dvh) - 40px)!important}.drawer .drawer__header{padding:16px 20px 12px}.drawer .drawer__body{padding:0 20px 20px}.drawer .drawer__description{padding:0 20px 12px}}