.modal{position:fixed;width:100%;height:100%;top:0;left:0;z-index:44343;background:#000000b3;display:flex;align-items:center;justify-content:center;padding:20px;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .25s ease-out,visibility 0s linear .25s}html[dir=rtl] .modal{left:auto;right:0}.modal p{text-wrap:auto}.modal.active{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .25s ease-out,visibility 0s linear 0s}.modal .modal-content{position:relative;background:var(--color-background-main, #fff);color:var(--color-text-main, #333);border-radius:4px;box-shadow:0 5px 20px #00000040;max-width:calc(100% - 100px);margin:0 auto;padding:calc(var(--gutter-large, 30px) * .6);overflow-y:auto;max-height:calc(100vh - 40px);width:auto;min-width:300px;transform:translateY(20px) scale(.95);opacity:0;transition:transform .25s ease-out .05s,opacity .25s ease-out .05s;pointer-events:none}.modal.active .modal-content{transform:translateY(0) scale(1);opacity:1;pointer-events:auto}.modal .modal-content .modal-heading{display:flex;align-items:center;justify-content:space-between;width:100%;margin-bottom:calc(var(--gutter-regular, 20px) * .75);padding-bottom:calc(var(--gutter-regular, 20px) * .5);border-bottom:1px solid var(--color-borders-main, #eee)}.modal .modal-content .modal-heading .popup-title{margin:0}.modal .modal-content .modal-close{cursor:pointer;width:2.25rem;height:2.25rem;display:flex;align-items:center;justify-content:center;background:transparent;border:none;padding:0;color:var(--color-text-main, #555);border-radius:50%;transition:background-color .15s ease-in-out,color .15s ease-in-out}.no-touchevents .modal .modal-content .modal-close:hover{background-color:#00000012;color:var(--color-text-main, #000)}.modal .modal-content .modal-close svg{width:.9rem;height:.9rem}.modal .modal-content .modal-close path{stroke:currentColor}.modal .modal-content .element--vertically-centered,.modal .modal-content .container--compact{width:100%}@media screen and (max-width:767px){.modal{padding:0}.modal .modal-content{width:100%;height:100%;max-height:none;border-radius:0;padding:var(--gutter-regular, 20px);display:flex;max-width:100%;flex-direction:column}.modal .modal-content .modal-heading{padding-bottom:var(--gutter-small, 10px);margin-bottom:var(--gutter-small, 10px);flex-shrink:0}.modal .modal-content .rte{flex-grow:1;overflow-y:auto}}
/*# sourceMappingURL=/cdn/shop/t/60/assets/component-popup.css.map */