.orderStatusModal{display:none;position:fixed;background:#fff;height:100vh;width:100vw;top:0;left:0;z-index:5;align-items:center;justify-content:center;padding:10px;flex-direction:column;text-align:center}.orderStatusModal h3{color:#3e81c7;font-size:clamp(1.5rem,6vw,2rem);font-size:22px}.orderStatusModal .header-flex{display:flex;justify-content:center;align-items:center;padding-inline-start:40px}.orderStatusModal .header-flex span{font-size:clamp(1.5rem,6vw,2.6rem);color:#3e81c7;font-weight:600}.orderStatusModal .header-flex img{margin:1rem}.orderStatusModal p.large{text-align:center;font-size:clamp(1.5rem,7vw,2.5rem);margin-top:1.5rem;margin-bottom:.5rem;color:#3e81c7;font-weight:600}.orderStatusModal p.small{text-align:center;font-size:clamp(1rem,5vw,1.7rem);margin-top:.5rem;margin-bottom:2rem;color:#3e81c7;font-weight:600}.orderStatusModal.opened-orderStatusModal{display:flex;animation:pop2 .5s ease forwards}#status_state.modal-state{animation:pop2 .3s ease forwards}.orderStatusModal button{background-color:#3e81c7;min-width:180px;max-width:75%;font-size:18px}body.modal-opened{overflow:hidden}.orderStatusModal .center-container{position:relative;display:inline-block}.orderStatusModal .big-div{display:block;max-width:400px}.orderStatusModal .small-div{position:absolute;display:flex;flex-direction:column;align-items:center;top:50%;left:57%;transform:translate(-50%,-50%);width:50%}.orderStatusModal .small-div .checkmark-container{text-align:center;margin-top:50px}.orderStatusModal .small-div .checkmark{width:35%;stroke:#3e81c7;stroke-width:4;stroke-miterlimit:10;stroke-linecap:round;stroke-linejoin:round}.orderStatusModal .small-div .checkmark-circle{stroke-dasharray:166;stroke-dashoffset:166;stroke:#3e81c7;animation:stroke .6s ease-out forwards .4s}.orderStatusModal .small-div .checkmark-check{stroke-dasharray:48;stroke-dashoffset:48;stroke:#3e81c7;animation:stroke .3s ease-out forwards 1s}.orderStatusModal .small-div .status{font-size:clamp(1.5rem,7vw,2.5rem);font-weight:600;text-align:center;color:#3e81c7;margin-top:15px;animation:pop .6s ease forwards 1.4s;opacity:0}@keyframes pop{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}@keyframes pop2{0%{transform:scale(.1);opacity:.1}to{transform:scale(1);opacity:1}}@keyframes stroke{to{stroke-dashoffset:0}}.payment-method-selection-box img{height:30px;margin-inline:5px;vertical-align:middle}.sk-folding-cube{margin:20px auto;width:40px;height:40px;position:relative;-webkit-transform:rotateZ(45deg);transform:rotate(45deg);scale:1.5}.sk-folding-cube .sk-cube{display:block;float:left;width:50%;height:50%;position:relative;-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}.sk-folding-cube .sk-cube:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;-webkit-animation:sk-foldCubeAngle 2.4s infinite linear both;animation:sk-foldCubeAngle 2.4s infinite linear both;-webkit-transform-origin:100% 100%;-ms-transform-origin:100% 100%;transform-origin:100% 100%;border-radius:15%}.sk-cube1:before{background-color:#254d77}.sk-cube2:before{background-color:#3268a1}.sk-cube3:before{background-color:#659ad2}.sk-cube4:before{background-color:#8bb3de}.sk-folding-cube .sk-cube2{-webkit-transform:scale(1.1) rotateZ(90deg);transform:scale(1.1) rotate(90deg)}.sk-folding-cube .sk-cube3{-webkit-transform:scale(1.1) rotateZ(180deg);transform:scale(1.1) rotate(180deg)}.sk-folding-cube .sk-cube4{-webkit-transform:scale(1.1) rotateZ(270deg);transform:scale(1.1) rotate(270deg)}.sk-folding-cube .sk-cube2:before{-webkit-animation-delay:.3s;animation-delay:.3s}.sk-folding-cube .sk-cube3:before{-webkit-animation-delay:.6s;animation-delay:.6s}.sk-folding-cube .sk-cube4:before{-webkit-animation-delay:.9s;animation-delay:.9s}@-webkit-keyframes sk-foldCubeAngle{0%,10%{-webkit-transform:perspective(140px) rotateX(-180deg);transform:perspective(140px) rotateX(-180deg);opacity:0}25%,75%{-webkit-transform:perspective(140px) rotateX(0deg);transform:perspective(140px) rotateX(0);opacity:1}90%,to{-webkit-transform:perspective(140px) rotateY(180deg);transform:perspective(140px) rotateY(180deg);opacity:0}}@keyframes sk-foldCubeAngle{0%,10%{-webkit-transform:perspective(140px) rotateX(-180deg);transform:perspective(140px) rotateX(-180deg);opacity:0}25%,75%{-webkit-transform:perspective(140px) rotateX(0deg);transform:perspective(140px) rotateX(0);opacity:1}90%,to{-webkit-transform:perspective(140px) rotateY(180deg);transform:perspective(140px) rotateY(180deg);opacity:0}}
/*# sourceMappingURL=/cdn/shop/t/48/assets/order-status-modal.css.map */