.dialog{--margin: 20px;--width: 750px}.dialog__summary__close{display:grid;opacity:0;will-change:opacity;transition:opacity ease 0s;position:fixed;height:var(--navHeight);width:var(--navHeight);z-index:3;top:-100%;place-content:center}.dialog__summary__close svg{will-change:transform;transition:all .25s ease;height:20px;width:auto}.dialog__summary:hover{cursor:pointer}.dialog__content{display:flex;flex-direction:column;overflow:auto;position:fixed;z-index:2;background-color:RGB(var(--color-background));border:1px solid RGB(var(--color-border));box-shadow:5px 5px 10px RGBA(var(--color-text)/.1)}.dialog__content__header,.dialog__content__footer{flex-grow:0;flex-shrink:0;padding:calc(var(--pxSize) / 2)}.dialog__content__header{border-bottom:1px solid RGB(var(--color-border))}.dialog__content__body{flex-grow:1;padding:0 calc(var(--pxSize) / 4);margin-bottom:min(150px,50vh)}.dialog[open] .dialog__summary:before{all:unset;content:"";position:fixed;z-index:2;top:0;right:0;height:100vh;left:0;cursor:default;background-color:RGBA(var(--color-text)/.1)}.dialog[open] .dialog__summary__close{opacity:1;transition:opacity .25s ease .25s;top:0}.dialog[open] .dialog__summary__close:hover{cursor:pointer}.dialog[open] .dialog__summary__close:hover svg{transform:scale(1.05)}.dialog[open] .dialog__summary:focus{outline:none}.dialog[open] .dialog__summary:focus-visible .dialog__summary__close,.dialog[open] .dialog__summary:focus .dialog__summary__close{outline:1px solid RGB(var(--color-border))}.dialog[open] .dialog__summary:focus:not(:focus-visible) .dialog__summary__close{outline:none}.dialog.__style-pop-up .dialog__content{top:var(--pxSize);bottom:initial;left:50%;max-width:var(--width);width:calc(100% - var(--pxSize) * 2);transform:translate(-50%);max-height:calc(100% - var(--pxSize) * 2)}.dialog.__style-left-drawer .dialog__content,.dialog.__style-right-drawer .dialog__content{top:0;height:100vh;max-width:375px;width:375px;will-change:transform;transition:transform .25s ease}.dialog.__style-left-drawer[open] .dialog__content,.dialog.__style-right-drawer[open] .dialog__content{transform:translate(0)}.dialog.__style-left-drawer .dialog__content{left:0;transform:translate(-100%)}.dialog.__style-left-drawer .dialog__summary__close{left:0}.dialog.__style-right-drawer .dialog__content{right:0;transform:translate(100%)}.dialog.__style-right-drawer .dialog__summary__close{right:0}@media screen and (max-width: 676px){.dialog[open] .dialog__summary__close{transform:none;left:10px}.dialog.__style-pop-up .dialog__content,.dialog.__style-left-drawer .dialog__content,.dialog.__style-right-drawer .dialog__content{top:0;right:0;bottom:0;left:0;min-height:375px;max-width:none;width:auto}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/dialog.css.map */