@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.modal-dialog{--modal-dialog__overlay-background: rgb(0 0 0 / 70%);--modal-dialog__box-max-width: 680px;--modal-dialog__header-height: 50px;display:grid;position:fixed;top:0;left:0;place-items:center;z-index:var(--zindex-modal);background:var(--modal-dialog__overlay-background);width:100%;height:100dvh}.modal-dialog[data-modal-aside=true]{place-items:end}.modal-dialog[data-modal-aside=true] .modal-dialog__content{top:0;right:-100%;animation:slideIn .3s ease-out forwards;height:100%}.modal-dialog[data-modal-aside=true] .modal-dialog__content.closing{animation:slideOut .3s ease-out forwards}@media (min-width: 680px){.modal-dialog[data-modal-aside=false] .modal-dialog__content-wrapper{max-height:70vh}}.modal-dialog:not([data-pagetheme]){--typography-heading-text-transform: uppercase}.modal-dialog__content{position:relative;border:1px solid #999;border-radius:var(--space-4);background:var(--color-white);width:100vw;max-width:var(--modal-dialog__box-max-width);height:auto;overflow:hidden}@keyframes slideIn{0%{right:-100%}to{right:0}}@keyframes slideOut{0%{right:0}to{right:-100%}}.modal-dialog__header{display:flex;justify-content:start;align-items:center;padding-top:0;height:var(--modal-dialog__header-height)}.modal-dialog__header.has-center,.modal-dialog__header:has(.modal-dialog__back-btn){justify-content:center}.modal-dialog__heading{margin:0;padding:0 var(--space-24);display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:1;-webkit-box-orient:vertical}.modal-dialog__back-btn,.modal-dialog__close-btn{flex-shrink:0;cursor:pointer}.modal-dialog__back-btn{font-weight:400;line-height:var(--typography-heading-lineheight);font-family:var(--typography-headingfont);letter-spacing:var(--typography-heading-letter-spacing);text-transform:uppercase;display:flex;position:absolute;top:0;left:var(--space-12);align-items:center;gap:var(--space-8);padding-block:calc((var(--modal-dialog__header-height) - 1em) / 2);text-decoration:none}[data-background-dark=true] .modal-dialog__back-btn{color:var(--typography-headingcolor-darkbg)}@media screen and (min-width: 768px){.modal-dialog__back-btn{left:var(--space-32)}}.modal-dialog__back-btn svg{transition:transform .3s ease}.modal-dialog__back-btn span{color:var(--color-text-grey);font-weight:500;font-size:var(--typography-text-micro)}.modal-dialog__back-btn:hover svg{transform:translate(-4px)}.modal-dialog__close-btn{position:absolute;top:0;right:0;opacity:.5;width:var(--modal-dialog__header-height);height:var(--modal-dialog__header-height)}.modal-dialog__close-btn:hover{opacity:1}.modal-dialog__content-wrapper{padding:0 var(--space-24) var(--space-24);max-height:calc(100% - var(--modal-dialog__header-height));overflow-y:auto;scroll-behavior:smooth;scroll-padding-top:0}.modal-dialog__content-wrapper::-webkit-scrollbar{width:6px}.modal-dialog__content-wrapper::-webkit-scrollbar-track{border-radius:10px;background:rgba(0,0,0,.1)}.modal-dialog__content-wrapper::-webkit-scrollbar-thumb{border-radius:10px;background:rgba(0,0,0,.5)}.modal-dialog__bottom-close-btn{margin-top:var(--space-8)}[data-pagetheme=martenson] .modal-dialog__close-btn,[data-pagetheme=wood] .modal-dialog__close-btn,[data-pagetheme=ad-astra] .modal-dialog__close-btn,[data-pagetheme=vana-spa] .modal-dialog__close-btn{--font-color-primary: var(--color-black-light)}