.Modal .Modal__dialog .size-guide-wrapper ul.sizes-opts li:hover{background:#daa520}li.std:hover{background:transparent!important}.Modal .Modal__dialog .Modal__dialog-content{display:flex;align-items:center}@media (min-width:769px){.next-step-arrow{width:25px;position:absolute;top:50%;right:15px;transform:translateY(-50%);display:none}.prev-step-arrow{width:25px;position:absolute;top:50%;left:15px;transform:translateY(-50%);display:none}.progress-count{position:absolute;bottom:20px;width:100%;left:0;justify-content:space-around;display:none}.progress-count .active{display:block!important}.progress-bar{position:absolute;bottom:0;width:100%;left:0;display:flex}.progress-bar span{transition:width .4s ease,background-color .4s ease}.progress-bar .active{width:16.66%;height:9px;background:#daa520;transition:width .4s ease,background-color .4s ease}#step-6 ul{flex-wrap:nowrap!important}#step-6 ul li{width:137px!important}}@media (max-width:768px){.next-step-arrow{width:25px;position:absolute;bottom:40px;right:15px;display:none}.prev-step-arrow{width:25px;position:absolute;bottom:40px;left:15px;display:none}.progress-count{position:absolute;bottom:20px;width:100%;left:0;justify-content:space-around;display:none!important}.progress-count .active{display:block!important}.progress-bar{position:absolute;bottom:0;width:100%;left:0;display:flex}.progress-bar span{transition:width .4s ease,background-color .4s ease}.progress-bar .active{width:16.66%;height:9px;background:#000;transition:width .4s ease,background-color .4s ease}#step-6 ul li{width:75px!important}}.ModalBackdrop{position:fixed;top:0;left:0;width:100%;height:100%;opacity:0;z-index:1500;transition:opacity .15s linear;background-color:#000;-webkit-animation-name:FadeIn;animation-name:FadeIn;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-duration:.15s;animation-duration:.15s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@keyframes FadeIn{0%{opacity:0}to{opacity:.5}}.Modal{position:fixed;display:flex;justify-content:center;top:0;left:0;z-index:1600;width:100%;height:100%;overflow-x:hidden;overflow-y:auto}.Modal .Modal__dialog{width:70%;margin-top:30px;padding:0 10px;-webkit-animation-name:MoveIn;animation-name:MoveIn;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.Modal .Modal__dialog .Modal__dialog-content{position:absolute;border-radius:4px;margin-bottom:30px;width:100%;max-width:1200px;top:50%;left:50%;transform:translate(-50%,-50%);padding:60px 20px 20px;background-color:#fff;max-height:fit-content;height:auto;min-height:calc(100% - 92px)}.Modal .Modal__dialog .close-img{position:absolute;top:10px;right:10px;cursor:pointer}.Modal .Modal__dialog .size-guide-wrapper{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;text-align:center;max-width:650px;margin:0 auto}.Modal .Modal__dialog .size-guide-wrapper h3{font:1.375rem/2.1875rem georgia-bold,serif}.Modal .Modal__dialog #step-1{margin-top:52px}.Modal .Modal__dialog #step-1 h2{margin-bottom:20px;line-height:2.75rem;font-size:1.875rem}.Modal .Modal__dialog #step-1 p{font-size:1.0625rem;margin-bottom:35px;text-transform:capitalize}.Modal .Modal__dialog p{font-family:nunito-sans,Arial,sans-serif}.Modal .Modal__dialog .size-guide-wrapper ul.sizes-opts{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;margin:0}.Modal .Modal__dialog .size-guide-wrapper ul.sizes-opts.vertical{flex-direction:column}.Modal .Modal__dialog .size-guide-wrapper ul.sizes-opts li{width:44px;cursor:pointer;height:44px;line-height:44px;margin:.25em .5em;padding:0;list-style:none;box-shadow:#daa520 0 0 0 1px;border-radius:50px}.Modal .Modal__dialog .size-guide-wrapper ul.sizes-opts.icons{margin-top:50px}.Modal .Modal__dialog .size-guide-wrapper ul.sizes-opts.icons li{cursor:pointer;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;margin:30px 15px 0;width:150px;height:unset;box-shadow:none;line-height:normal}.Modal .Modal__dialog .size-guide-wrapper ul.sizes-opts.icons li.selected{box-shadow:none}.Modal .Modal__dialog .size-guide-wrapper ul.sizes-opts.icons li.selected svg g{fill:#000}.Modal .Modal__dialog .size-guide-wrapper ul.sizes-opts.vertical li{width:unset;padding:0 10px;background:#fff;color:#000}.Modal .Modal__dialog .size-guide-wrapper ul.sizes-opts li.selected{box-shadow:#000 0 0 0 2px;font-weight:700}.Modal .Modal__dialog .size-guide-wrapper ul.sizes-opts.vertical li.selected{font-weight:700;background:#000;color:#fff}.Modal .Modal__dialog .my-size__shape-icon{height:90px;margin-bottom:30px;width:auto}.Modal .Modal__dialog ul.sizes-opts.icons li:hover svg g{fill:#000}.Modal .Modal__dialog .size-guide-wrapper span.btn{margin-top:35px;border:0;border-radius:2px;cursor:pointer;display:inline-block;font-family:nunito-sans,Arial,sans-serif;font-size:1rem;padding:22px 40px;text-align:center;text-transform:none;transition:background-color .4s ease;text-transform:unset;font-weight:400;letter-spacing:0}@media (max-width: 960px){.Modal .Modal__dialog{width:80%}}@media screen and (max-width: 800px){.Modal .Modal__dialog{width:100%}.Modal .Modal__dialog .Modal__dialog-content{max-height:unset;width:100%;height:auto}.Modal .Modal__dialog .size-guide-wrapper{max-height:unset}.Modal .Modal__dialog .my-size__shape-icon{height:50px;margin-bottom:15px}.Modal .Modal__dialog .size-guide-wrapper ul.sizes-opts.icons li{margin:10px;width:100px}}.Modal .Modal__dialog .size-guide-wrapper .my-size__step-heading--small{font:1.375rem/2.1875rem georgia-bold,serif}.Modal .Modal__dialog .size-guide-wrapper a.my-size__footer{position:relative;margin-top:20px;margin-bottom:40px}.icon{stroke:#daa520;fill:#daa520}@media only screen and (min-width: 770px){.Modal .Modal__dialog .Modal__dialog-content{position:absolute;border-radius:4px;margin-bottom:30px;width:100%;max-width:1200px;top:50%;left:50%;transform:translate(-50%,-50%);padding:60px 20px 20px;background-color:#fff;max-height:fit-content;height:auto;min-height:calc(100% - 224px)!important}}circle#Ellipse_134{stroke:#daa520}
/*# sourceMappingURL=/cdn/shop/t/36/assets/size-guide-modal.css.map */