.modal{--_modal-translate: 40em;--_modal-invert: -1;--_modal-margin: 16px;position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999;display:flex;align-items:stretch;justify-content:flex-end;opacity:0;visibility:hidden;transition:all .3s ease}.modal.modal--left .modal__container{margin-left:var(--_modal-margin);margin-right:auto}.modal.modal--left .modal__close{left:var(--_modal-cursor-x, 140%);right:auto}.modal .modal__content{display:flex;flex-direction:column;height:100%}.modal .modal__backdrop{position:fixed;top:0;left:0;width:100%;height:100%;cursor:pointer;background:#0003;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.modal .modal__backdrop .modal__close{top:calc(var(--_modal-cursor-y, 50%) + var(--_button-size) / 2);left:calc(var(--_modal-cursor-x, 50%) + var(--_button-size) / 2);transform:translate(-50%,-50%)}.modal .modal__backdrop:not([data-mouse-hover=false]):hover{cursor:none}.modal .modal__backdrop:not([data-mouse-hover=false]):hover .modal__close{opacity:1;visibility:visible;cursor:none}.modal .modal__backdrop:not([data-mouse-hover=false]):hover+.modal__container .modal__close{opacity:0;visibility:hidden}.modal .modal__backdrop:not([data-mouse-hover=false]):not(:hover) .modal__close{opacity:0;visibility:hidden}.modal .modal__container{position:relative;width:90%;max-width:25vw;min-width:22.5rem;max-height:100%;background:var(--theme-color-white-blur-9);border-radius:8px;box-shadow:0 10px 30px #0000004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transform:translate(calc(var(--_modal-translate) * var(--_modal-invert)));transition:transform .3s ease;margin:var(--_modal-margin) var(--_modal-margin) var(--_modal-margin) auto;padding:16px}.modal .modal__container:is(.modal--top .modal__container,.modal--bottom .modal__container){transform:translateY(calc(var(--_modal-translate) * var(--_modal-invert)))}.modal[aria-hidden=false]{opacity:1;visibility:visible}.modal[aria-hidden=false] .modal__container{transform:translate(0)}.modal[aria-hidden=false] .modal__container:is(.modal--top .modal__container,.modal--bottom .modal__container){transform:translateY(0)}.modal.modal--small .modal__container{max-width:400px}.modal.modal--large .modal__container{max-width:800px}.modal.modal--left{justify-content:flex-start}.modal.modal--bottom,.modal.modal--right{--_modal-invert: 1;justify-content:flex-end}.modal.modal--center{--_modal-margin: auto;justify-content:center;align-items:center}.modal .modal__header{display:flex;align-items:center;justify-content:space-between;padding:0}.modal .modal__title{margin:0;text-transform:none}.modal .modal__close{--_button-size: 40px;width:var(--_button-size);height:var(--_button-size);position:fixed;top:0;left:0;background:none;border:none;padding:10px;cursor:pointer;transition:background-color .2s ease;display:flex;align-items:center;justify-content:center;background-color:var(--theme-color-primary);border-radius:8px;color:var(--theme-color-white);transform:translate(-130%)}.modal .modal__close.modal__close--inside{position:relative;inset:unset;width:24px;height:24px;background:var(--theme-color-white);color:var(--theme-color-black);padding:5px;border:1px solid var(--theme-color-grey-2);transform:translate(0)}.modal .modal__close svg{width:fit-content;height:fit-content}.modal .modal__close:is(.modal--hidden-close .modal__close){display:none}.modal .modal__close:hover,.modal .modal__close:focus{outline:2px solid var(--theme-color-grey-2);outline-offset:2px}.modal .modal__body{display:flex;flex-direction:column;gap:8px;padding:24px 0 0;height:100%;overflow:hidden}@media screen and (max-width:1000px){.modal .modal__container{--_modal-margin: 8px;max-width:100vw!important;width:calc(100% - calc(var(--_modal-margin) * 2));max-height:calc(100svh - calc(var(--_modal-margin) * 2))}:is(.modal.modal--bottom,.modal.modal--top,.modal.modal--left,.modal.modal--right) .modal__close:not(.modal__close--inside){position:relative;inset:unset;width:24px;height:24px;background:var(--theme-color-white);color:var(--theme-color-black);padding:5px;transform:translate(0)}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/css/modal.css.map */