.modal{position:fixed;width:100%;height:100%;top:0;z-index:1002;background:#000000b3;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:all 175ms linear;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}html[dir=rtl] .modal{right:0}html[dir=ltr] .modal{left:0}.modal.active{opacity:1;visibility:visible}.modal .section-heading{margin-top:-.625rem;margin-bottom:1.25rem}.modal-background{position:absolute;top:0;width:100%;height:100%;z-index:1}html[dir=rtl] .modal-background{right:0}html[dir=ltr] .modal-background{left:0}.modal-content{position:relative;top:0;background:#fff0;color:#fff;transform:translateY(50px);padding:calc(var(--gutter-large) * .4) calc(var(--gutter-large) * .75) calc(var(--gutter-large) * .6);opacity:0;visibility:hidden;transition:all .3s linear 50ms;z-index:9;overflow-y:auto;max-height:calc(100vh - var(--gutter-large) * 2);pointer-events:none}html[dir=rtl] .modal-content{right:0}html[dir=ltr] .modal-content{left:0}modal-box.active .modal-content{pointer-events:all;opacity:1;visibility:visible;transform:translateY(0)}@media screen and (min-width: 768px){.modal--product .modal-content{padding:calc(var(--gutter-large) * .75)}}@media screen and (max-width: 767px){.modal--product .modal-content{padding:var(--gutter-container)}}.modal-heading{display:flex;align-items:center;justify-content:space-between;width:100%;margin-bottom:calc(var(--gutter-large) * .3)}.modal-close{cursor:pointer;width:2.75rem;height:2.75rem;margin-inline-end:-.75rem;display:flex;align-items:center;justify-content:center}.modal-close path{stroke:#fff}.modal-footer{margin-top:1.875rem}@media screen and (max-width: 767px){.modal{height:var(--window-height)}.modal>div{padding:0;height:100%}.modal-content{max-height:none;height:100%;align-content:center}#modal-login .button--solid{background-color:#fff;border-color:#fff;color:#000}#modal-login input,#modal-login textarea,#modal-login select{transition:all .1s linear;background-color:#ffffff29;border:var(--border-width-forms) solid var(--color-borders-forms-primary);border-radius:var(--border-radius-forms);color:var(--color-text-main);resize:none;padding:var(--input-padding);vertical-align:middle;appearance:none;-webkit-appearance:none;outline:none!important}#modal-login svg{width:10px;height:10px;stroke:#000;transition:stroke .2s ease;cursor:pointer}#modal-login svg:hover{stroke:#555}}
/*# sourceMappingURL=/cdn/shop/t/81/assets/component-modal.css.map */