.dialog-panel{--dialog-gap: var(--space-2);box-shadow:var(--glass-rim),0 1.5rem 3rem var(--color-shadow);position:fixed;inset:var(--dialog-gap) var(--dialog-gap) var(--dialog-gap) auto;width:min(26rem,calc(100vw - 2 * var(--dialog-gap)));max-width:none;height:auto;max-height:calc(100dvh - 2 * var(--dialog-gap));margin:0;padding:var(--space-5);overflow:auto;overscroll-behavior:contain;color:var(--color-foreground);clip-path:inset(0 0 0 100% round var(--radius-panel));transition:clip-path var(--duration-menu-out) var(--ease-drawer)}.dialog-panel::backdrop{background:var(--color-scrim);-webkit-backdrop-filter:blur(var(--scrim-blur));backdrop-filter:blur(var(--scrim-blur))}dialog-panel[placement=start]>.dialog-panel{inset:var(--dialog-gap) auto var(--dialog-gap) var(--dialog-gap);clip-path:inset(0 100% 0 0 round var(--radius-panel))}dialog-panel[placement=top]>.dialog-panel{inset:var(--dialog-gap) var(--dialog-gap) auto;width:auto;clip-path:inset(0 0 100% 0 round var(--radius-panel))}dialog-panel[below]>.dialog-panel{inset-block-start:max(var(--dialog-gap),var(--dialog-top, 0px));max-height:calc(100dvh - max(var(--dialog-gap),var(--dialog-top, 0px)) - var(--dialog-gap))}dialog-panel[placement=center]>.dialog-panel{top:0;right:0;bottom:0;left:0;width:min(36rem,calc(100vw - 2 * var(--dialog-gap)));margin:auto;clip-path:inset(50% 0 50% 0 round var(--radius-panel))}dialog-panel[data-state=open]>.dialog-panel{clip-path:inset(0 round var(--radius-panel));transition-duration:var(--duration-menu-in)}@media(prefers-reduced-motion:no-preference){dialog-panel[data-origin]:not([data-state=open])>.dialog-panel{clip-path:inset(var(--origin-top) var(--origin-right) calc(100% - var(--origin-bottom)) var(--origin-left) round var(--radius-pill))}}@media(min-width:48rem){.dialog-panel{--dialog-gap: var(--space-3)}dialog-panel[placement=top]>.dialog-panel{inset-inline:auto var(--dialog-gap);width:min(36rem,calc(100vw - 2 * var(--dialog-gap)))}}@media(prefers-reduced-motion:reduce){:is(dialog-panel,dialog-panel[placement])>.dialog-panel{clip-path:none;opacity:0;transition:opacity var(--duration-fade) ease}dialog-panel[data-state=open]>.dialog-panel.dialog-panel{opacity:1}}html.is-scroll-locked{overflow:hidden;scrollbar-gutter:stable}html.is-scroll-locked body{padding-inline-end:var(--scrollbar-width, 0)}@supports (scrollbar-gutter: stable){html.is-scroll-locked body{padding-inline-end:0}}@media(forced-colors:active){.dialog-panel{border:1px solid CanvasText}}
/*# sourceMappingURL=/cdn/shop/t/35/assets/dialog-panel.css.map */
