@layer components{html:has(dialog.c-dialog[open]){overflow:hidden}.c-dialog{--dialog-w: calc(var(--space-12) * 2 + var(--space-10) + var(--space-1));--dialog-from: translateX(100%);position:fixed;margin:0;padding:0;border:0;max-width:100vw;max-height:100dvh;background:var(--color-bg-page);color:var(--color-text-primary);flex-direction:column;overflow:hidden;box-shadow:var(--shadow-drawer-left);opacity:1;transform:none;transition:transform var(--duration-exit) var(--ease-exit),opacity var(--duration-exit) var(--ease-exit),overlay var(--duration-exit) var(--ease-exit) allow-discrete,display var(--duration-exit) var(--ease-exit) allow-discrete}.c-dialog[open]{display:flex;transition-duration:var(--duration-slow);transition-timing-function:var(--ease-out)}.c-dialog:not([open]){transform:var(--dialog-from)}@starting-style{.c-dialog[open]{transform:var(--dialog-from)}}.c-dialog--sm{--dialog-w: calc(var(--space-12) * 2 + var(--space-9))}.c-dialog--lg{--dialog-w: calc(var(--space-12) * 2 + var(--space-11))}.c-dialog::backdrop{background:var(--color-scrim);opacity:1;transition:opacity var(--duration-exit) var(--ease-exit),overlay var(--duration-exit) var(--ease-exit) allow-discrete,display var(--duration-exit) var(--ease-exit) allow-discrete}.c-dialog[open]::backdrop{transition-duration:var(--duration-slow);transition-timing-function:var(--ease-out)}.c-dialog:not([open])::backdrop{opacity:0}@starting-style{.c-dialog[open]::backdrop{opacity:0}}.c-dialog--drawer-right,.c-dialog--drawer-left{inset-block:0;width:min(100%,var(--dialog-w));height:100dvh}.c-dialog--drawer-right{inset-inline:auto 0}.c-dialog--drawer-left{inset-inline:0 auto;--dialog-from: translateX(-100%);box-shadow:var(--shadow-md)}.c-dialog--sheet{inset:auto 0 0;width:100%;max-height:calc(100dvh - var(--space-6));border-radius:var(--radius-lg) var(--radius-lg) 0 0;box-shadow:var(--shadow-up-md);--dialog-from: translateY(100%)}.c-dialog--modal{top:0;right:0;bottom:0;left:0;margin:auto;width:fit-content;max-width:calc(100vw - 2 * var(--container-gutter));max-height:calc(100dvh - 2 * var(--space-6));border-radius:var(--radius-lg);box-shadow:var(--shadow-modal);--dialog-from: translateY(var(--space-raw-20));opacity:1}.c-dialog--modal:not([open]){opacity:0}@starting-style{.c-dialog--modal[open]{opacity:0}}.c-dialog--panel-top{top:0;right:0;bottom:0;left:0;width:100%;height:100dvh;box-shadow:none;--dialog-from: translateY(calc(var(--space-2) * -1))}.c-dialog--panel-top:not([open]){opacity:0}@starting-style{.c-dialog--panel-top[open]{opacity:0}}@media(min-width:1280px){.c-dialog--panel-top{inset:var(--shell-header-bottom, var(--header-height)) 0 auto;height:auto;max-height:calc(100dvh - var(--shell-header-bottom, var(--header-height)));border-block-end:var(--border-width-hairline) solid var(--color-border-subtle);box-shadow:var(--shadow-sticky-down)}.c-dialog--panel-top::backdrop{inset-block-start:var(--shell-header-bottom, var(--header-height))}}.c-dialog__head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);flex:none;padding:var(--space-4) var(--space-6);border-block-end:var(--border-width-hairline) solid var(--color-border-subtle)}.c-dialog__title{margin:0;font-size:var(--type-h4-size);line-height:var(--type-h4-line);letter-spacing:var(--type-h4-tracking);font-weight:var(--font-weight-regular)}.c-dialog__close{margin-inline-end:calc(var(--space-2) * -1)}.c-dialog__body{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding-inline:var(--space-6)}.c-dialog__foot{display:flex;align-items:center;gap:var(--space-3);flex:none;padding:var(--space-4) var(--space-6) calc(var(--space-4) + var(--safe-bottom));background:var(--color-bg-page);border-block-start:var(--border-width-hairline) solid var(--color-border-subtle)}.c-dialog--sheet .c-dialog__body,.c-dialog--panel-top .c-dialog__body{padding-inline:var(--container-gutter)}@media not (min-width:750px){.c-dialog__head,.c-dialog__foot,.c-dialog__body{padding-inline:var(--container-gutter)}}@media not (min-width:990px){html[data-text-large] :is(.c-dialog--drawer-right,.c-dialog--drawer-left,.c-dialog--sheet,.c-dialog--panel-top)[open]{overflow-y:auto;overscroll-behavior:contain}html[data-text-large] :is(.c-dialog--drawer-right,.c-dialog--drawer-left,.c-dialog--sheet,.c-dialog--panel-top)>.c-dialog__body{flex:none;min-height:auto;overflow:visible}html[data-text-large] :is(.c-dialog--drawer-right,.c-dialog--drawer-left,.c-dialog--sheet,.c-dialog--panel-top)>.c-dialog__head{position:sticky;inset-block-start:0;z-index:var(--z-raised);background:var(--color-bg-page)}html[data-text-large] :is(.c-dialog--drawer-right,.c-dialog--drawer-left,.c-dialog--sheet,.c-dialog--panel-top)>.c-dialog__foot{margin-block-start:auto}}@media(prefers-reduced-motion:reduce){.c-dialog,.c-dialog::backdrop{transition:opacity var(--duration-fast) var(--ease-out),overlay var(--duration-fast) allow-discrete,display var(--duration-fast) allow-discrete}.c-dialog:not([open]),.c-dialog[open]{transform:none}@starting-style{.c-dialog[open]{transform:none;opacity:0}}}}
/*# sourceMappingURL=/cdn/shop/t/67/assets/c-overlays.css.map */