.modal{height:100%;justify-content:center;transition:all 175ms linear;position:fixed;opacity:0;visibility:hidden;top:0;align-items:center;background:#000000b3;width:100%;display:flex;z-index:1002}html[dir=rtl] .modal{right:0}html[dir=ltr] .modal{left:0}.modal.active{opacity:1;visibility:visible}.modal .section-heading{margin-bottom:1.25rem;margin-top:-.625rem}.modal-background{height:100%;position:absolute;top:0;width:100%;z-index:1}html[dir=rtl] .modal-background{right:0}html[dir=ltr] .modal-background{left:0}.modal-content{transform:translateY(50px);pointer-events:none;overflow-y:auto;padding:calc(var(--gutter-large)*.4) calc(var(--gutter-large)*.75) calc(var(--gutter-large)*.6);color:var(--color-text-main);transition:all .3s linear 50ms;position:relative;max-height:calc(100vh - var(--gutter-large)*2);opacity:0;visibility:hidden;top:0;background:var(--color-background-main);z-index:9}html[dir=rtl] .modal-content{right:0}html[dir=ltr] .modal-content{left:0}modal-box.active .modal-content{transform:translateY(0);pointer-events:all;opacity:1;visibility:visible}.modal--product .modal-content{padding:calc(var(--gutter-large)*.75)}.modal-heading{justify-content:space-between;margin-bottom:calc(var(--gutter-large)*.3);width:100%}.modal-close,.modal-heading{align-items:center;display:flex}.modal-close{height:2.75rem;justify-content:center;margin-inline-end:-.75rem;cursor:pointer;width:2.75rem}.modal-close path{stroke:var(--color-text-main)}.modal-footer{margin-top:1.875rem}@media screen and (max-width:767px){.modal{height:var(--window-height)}.modal>div{height:100%;padding:0}.modal-content{height:100%;max-height:none}}