dialog{border:none;padding:unset;background:transparent;--max_height: 80vh;max-height:var(--max_height);--close_button_size: 50px;--bg: white;--gutter: calc(var(--close_button_size) / 2)}dialog>.dialog_content{padding:30px;background:#fff;background:var(--bg);margin:var(--gutter);max-height:calc(var(--max_height) - (var(--gutter) * 2));display:flex;flex-direction:column;overflow-y:auto}dialog::backdrop{background:#00000090;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}dialog[open]{animation:bounce .15s ease-out forwards}dialog[open]::backdrop{animation:fade_in .5s forwards}dialog{--max_w: 50vw;max-width:calc(var(--max_w) + var(--gutter) * 2)}@media (max-width: 1000px){dialog{--max_w: 75vw;width:500px}}.dialog_close{all:unset;cursor:pointer;--size: var(--close_button_size);height:var(--size);width:var(--size);border-radius:50%;position:absolute;top:0;right:0;display:flex;justify-content:center;align-items:center;background:var(--red);color:transparent!important}.dialog_close:before,.dialog_close:after{content:"";width:50%;height:4px;background:#fff;position:absolute;transform:rotate(45deg)}.dialog_close:after{transform:rotate(-45deg)}@keyframes bounce{0%{transform:scale(0)}70%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes fade_in{0%{opacity:0}to{opacity:1}}.dialog_content>*{margin:5px 0}.dialog_content>*:last-child{margin-bottom:0}.dialog_content h2{line-height:1.1;font-size:20px;margin-top:0}dialog{--max_w: 280px}dialog .dialog_content{padding:15px}
/*# sourceMappingURL=/cdn/shop/t/120/assets/dialog.css.map */