.dialog{margin:auto;border:0;border-radius:2.4rem;opacity:0;transition:opacity var(--duration-long) ease}.dialog.is-open{opacity:1;animation:fade-in-modal var(--duration-long) ease}@keyframes fade-in-modal{0%{opacity:0}to{opacity:1}}.dialog__inner{width:100%;max-width:var(--container-width);display:flex;justify-content:center;align-items:center}.dialog__video{border:0;width:100vw;aspect-ratio:16 / 9}.dialog__close{position:fixed;top:1.6rem;right:1.6rem;cursor:pointer;appearance:none;-webkit-appearance:none;background:transparent;border:0;background-color:var(--color-button-background);color:var(--color-primary);width:5rem;height:5rem;border-radius:.8rem}.dialog__close svg{display:inline-block;width:2.4rem;height:2.4rem}.dialog-button{--background: var(--color-button-background);--color: var(--color-primary);appearance:none;-webkit-appearance:none;position:absolute;top:50%;left:50%;width:8.7rem;height:8.7rem;background:transparent;border:0;transform:translate(-50%,-50%)}@media screen and (max-width: 767px){.dialog-button{width:7rem;height:7rem}}.dialog-button svg{width:100%;height:100%;will-change:transform;transition:transform var(--duration-default) ease-in-out}.dialog-button:hover svg{transform:scale(1.1)}
/*# sourceMappingURL=/cdn/shop/t/10/assets/dialog.css.map */