.popup-header{border-bottom:1px solid #595959}.popup-overlay{align-items:flex-end;background-color:rgba(0,0,0,.5);bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}@media (min-width:768px){.popup-overlay{align-items:center}}.popup-content{animation:slideUp .3s ease-out;max-height:80vh;overflow-y:auto;position:relative;width:100%}@media (min-width:768px){.popup-content{animation:fadeIn .3s ease-out;max-height:90vh;max-width:680px;width:auto}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.popup-content input[type=radio]{clip:rect(0,0,0,0);height:1px;overflow:hidden;position:absolute;width:1px}.popup-content .color-swatch{position:relative}.popup-content input[type=radio]:checked+.color-swatch:after{border:1px solid #9e9e9e;border-radius:2px;content:"";height:140%;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:140%}.size-option-btn{transition:all .2s ease}.size-option-btn:hover:not(:disabled){background-color:#333!important}.size-option-btn:disabled{cursor:not-allowed;opacity:.5}.size-option-btn.loading .spinner{display:block!important}.size-option-btn.loading span{opacity:.7}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.animate-spin{animation:spin 1s linear infinite}@media (max-width:767px){.size-option-btn{min-height:44px;min-width:44px}.color-swatch{min-height:32px!important;min-width:32px!important}}body.popup-open{overflow:hidden}.popup-overlay{scroll-behavior:auto}.product-form__input--color input[type=radio]:checked+label:after{border:1px solid #9e9e9e;border-radius:2px;content:"";height:140%;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:140%;z-index:20}