dialog-window{display:contents}:root:has(.dialog-window:modal){overflow:hidden}:root:has(.dialog-window:modal) body{padding-inline-end:var(--scrollbar-width, 0px)}.dialog-window{--dialog-gutter: min(var(--gutter), var(--space-32));--dialog-gutter-block: calc(24 * var(--px));--drawer-width: calc(540 * var(--px));--drawer-room: var(--space-40);--sheet-gap: calc(100 * var(--px));--dialog-line-alpha: var(--alpha-10);--dialog-hang: calc(10 * var(--px));padding:0;border:0;margin:auto;overflow:hidden;color:rgb(var(--color-foreground));background-color:rgb(var(--color-background));opacity:0;transition-property:opacity,translate,display,overlay;transition-duration:var(--motion-time-long);transition-timing-function:var(--motion-ease);transition-behavior:allow-discrete}.dialog-window[open]{display:flex;opacity:1}.dialog-window::backdrop{background-color:#0006;opacity:0;transition:opacity var(--motion-time-long) var(--motion-ease),display var(--motion-time-long) allow-discrete,overlay var(--motion-time-long) allow-discrete}.dialog-window[open]::backdrop{opacity:1}@starting-style{.dialog-window[open],.dialog-window[open]::backdrop{opacity:0}}@starting-style{.dialog-window[open]{translate:var(--enter, 0)}}.dialog-window:not([open]){translate:var(--enter, 0)}.dialog-window[data-swap]:not([open]){opacity:1;translate:none}.dialog-window__frame{display:flex;flex-direction:column;width:100%;max-height:inherit;min-height:0}.dialog-window__header{display:flex;align-items:center;gap:var(--space-16);padding:var(--dialog-gutter);text-align:start;border-bottom:1px solid rgba(var(--color-foreground),var(--dialog-line-alpha))}@media screen and (min-width:769px){.dialog-window__header{padding-block:var(--space-24)}}.dialog-window__lead:not(:has(>:not([hidden]))){display:none}.dialog-window__lead{display:flex}.dialog-window__lead>*{margin-block:calc(-1 * var(--dialog-hang))}.dialog-window__title{flex:1;margin:0;text-align:start}.dialog-window__actions{flex:none}.dialog-window__close{--close-hang: calc((var(--ib-hit) - .607 * var(--ib-glyph)) / 2);margin-block:calc(-1 * var(--dialog-hang));margin-inline:auto calc(-1 * var(--close-hang))}.dialog-window--float-header{--float-inset: calc(8 * var(--px));--float-close-room: calc(var(--float-inset) + var(--icon-button-hit))}.dialog-window--float-header .dialog-window__frame{position:relative}.dialog-window--float-header .dialog-window__header{position:absolute;inset-block-start:0;inset-inline-end:0;z-index:3;padding:var(--float-inset);background:none;border:0}.dialog-window--float-header .dialog-window__close{margin:0}.dialog-window--panels .dialog-window__frame{position:relative}.dialog-window--panels.dialog-window--dimmed .dialog-window__frame:after{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;background-color:#00000040;content:""}.dialog-window--full.dialog-window--float-header .dialog-window__header{padding:var(--space-16)}.dialog-window__body{flex:1;min-height:0;padding:var(--dialog-gutter-block) var(--dialog-gutter);overflow-y:auto;overscroll-behavior:contain}:is(.dialog-window--bare,.dialog-window--flush) .dialog-window__body{display:flex;flex-direction:column;padding:0}.dialog-window--flush .dialog-window__body{overflow:hidden}.dialog-window__body>:first-child{margin-top:0}.dialog-window__body>:last-child{margin-bottom:0}.dialog-window__footer{padding:var(--space-16) var(--dialog-gutter);border-top:1px solid rgba(var(--color-foreground),var(--alpha-10))}.dialog-window__footer:has(>:only-child:empty){display:none}.dialog-window--footer-raised .dialog-window__footer{border-top:0;box-shadow:0 calc(-1 * var(--space-4)) var(--space-16) rgba(var(--color-foreground),var(--alpha-8))}.dialog-window--footer-raised[open] .dialog-window__footer{animation:rise var(--motion-time-long) var(--motion-ease) var(--motion-time) backwards}.dialog-window--footer-gutter .dialog-window__footer{padding-block:var(--dialog-gutter)}@media screen and (min-width:768px){.dialog-window--footer-gutter .dialog-window__footer{padding-block:var(--dialog-gutter-block)}}.dialog-window--steady{--sheet-height: calc(100dvh - var(--sheet-gap))}.dialog-window--modal{position:fixed;inset-block:0;--modal-edge: calc(6 * var(--px));max-width:calc(100% - var(--modal-edge) - 2em);--modal-room: calc(30 * var(--px));--modal-width: calc(640 * var(--px));width:min(calc(100vw - var(--modal-room)),var(--dialog-width, var(--modal-width)));max-height:calc(100dvh - var(--modal-room));border-radius:var(--radius);box-shadow:var(--window-shadow);--enter: 0 var(--panel-slide)}.dialog-window--full{width:100vw;max-width:none;height:100dvh;max-height:none;border-radius:0;box-shadow:none}.dialog-window--full .dialog-window__body{padding:0;overflow:hidden}.dialog-window--drawer{--drawer-edge: var(--border-width);--drawer-shift: 100%;--enter: var(--drawer-shift) 0;position:fixed;inset-block:0;inset-inline:auto 0;width:min(calc(100vw - var(--drawer-room)),var(--drawer-width));height:100dvh;max-width:none;max-height:none;margin:0;border-inline-start:var(--drawer-edge) solid rgba(var(--color-foreground),var(--alpha-10));border-start-start-radius:var(--radius);border-end-start-radius:var(--radius);box-shadow:var(--lift-shadow)}.dialog-window--start{--drawer-shift: -100%;inset-inline:0 auto;border-inline-start:0;border-inline-end:var(--drawer-edge) solid rgba(var(--color-foreground),var(--alpha-10));border-radius:0 var(--radius) var(--radius) 0}.dialog-window__title-wide{display:none}@media screen and (min-width:769px){.dialog-window__title-phone{display:none}.dialog-window__title-wide{display:inline}}.dialog-window--panel{--drawer-room: 0px;--drawer-width: calc(550 * var(--px));--dialog-line-alpha: var(--alpha-20);--drawer-edge: 0px;--dialog-gutter-block: var(--dialog-gutter)}@media screen and (max-width:599px){.dialog-window--panel{border-radius:0}}@media screen and (min-width:769px){.dialog-window--panel{--dialog-gutter-block: calc(24 * var(--px))}}.dialog-window--panel .dialog-window__body{padding-block-start:0}.dialog-window--panel .dialog-window__body>:first-child{margin-block-start:calc(var(--dialog-gutter-block) - var(--row-pad))}.dialog-window--panel .dialog-window__footer{padding-block:var(--dialog-gutter-block);border-top:0}@media screen and (max-width:767px){.dialog-window--drawer:not(.dialog-window--start){inset-block:auto 0;inset-inline:auto 0;width:min(100%,var(--drawer-width));height:var(--sheet-height, auto);max-height:calc(100dvh - var(--sheet-gap));border-inline-start:0;border-top:var(--drawer-edge) solid rgba(var(--color-foreground),var(--alpha-10));border-radius:var(--radius) var(--radius) 0 0;--enter: 0 100%}}
/*# sourceMappingURL=/cdn/shop/t/24/assets/component-dialog-window.css.map */