.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:1001;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:1000;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;z-index:1002}.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:auto;right:15px;top:15px;background-color:RGB(var(--color-background) / .95);border:1px solid RGB(var(--color-border));border-radius:50%;width:40px;height:40px;z-index:1003}.dialog[open] .dialog__summary__close svg{height:16px;width:16px}.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:100vh;max-width:none;width:100%;border:none;box-shadow:none}.dialog.__style-left-drawer .dialog__content{max-width:min(90%,400px);width:90%;box-shadow:2px 0 8px RGBA(var(--color-text) / .1);transition:transform .25s ease}.dialog.__style-right-drawer .dialog__content{max-width:min(90%,400px);width:90%;left:auto;box-shadow:-2px 0 8px RGBA(var(--color-text) / .1);transition:transform .25s ease}.dialog.__style-left-drawer[open] .dialog__content,.dialog.__style-right-drawer[open] .dialog__content{transform:translate(0)}.dialog[open] .dialog__summary:before{background-color:RGBA(var(--color-text) / .3)}.dialog__content__body{padding:calc(var(--pxSize) / 3) var(--sectionGuttersSpacing) 0;margin-bottom:80px;padding-bottom:env(safe-area-inset-bottom,20px)}.dialog.__style-left-drawer .dialog__content{padding-bottom:env(safe-area-inset-bottom,0)}}
/*# sourceMappingURL=/cdn/shop/t/14/assets/dialog.css.map */