.custom-modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:1000;overflow:hidden;visibility:hidden;opacity:0;transition:opacity .3s ease-in-out,visibility .3s ease-in-out}.custom-modal.open{visibility:visible;opacity:1}.custom-modal-content{position:fixed;top:0;right:0;width:50%;height:100%;background-color:#fff;box-shadow:-2px 0 5px #0003;z-index:1001;transform:translate(100%);transition:transform .3s ease-in-out;overflow:hidden}.custom-modal.open .custom-modal-content{transform:translate(0);overflow:auto}.custom-modal-panel.news{padding-left:32px;padding-right:32px}.heading-newsletter{font-size:11px;font-weight:500;letter-spacing:0px;line-height:1.5rem;min-height:1rem;-webkit-font-smoothing:antialiased;margin-top:30px;text-transform:uppercase}.custom-modal-close{cursor:pointer}.custom-modal-header{display:flex;flex-direction:row-reverse;width:100%;justify-content:space-between;align-items:center;padding:30px}.custom-modal-header h2,.custom-modal-header span{text-transform:uppercase;font-weight:700;font-size:13px}.more-colors-content .item-modal{object-fit:contain}.more-colors-content .item-modal h2{font-family:HelveticaNeue;font-size:10px;letter-spacing:1px}.modal-imgs{position:fixed;top:0;left:0;width:100vw;height:0;overflow:hidden;background:#000000e6;display:flex;align-items:center;justify-content:center;transition:height .5s ease-in-out;z-index:1000}.modal-imgs.open{height:100vh}.modal-content-imgs{position:relative;width:100%;height:100%;display:flex;flex-direction:column}.modal-slider-imgs{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch}.modal-item-imgs{width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;scroll-snap-align:start}.modal-item-imgs img{width:100%;height:100%;object-fit:contain}.close-imgs{position:absolute;top:15px;right:20px;font-size:30px;color:#fff;cursor:pointer;z-index:10}.pdp-custom-box .table-wrapper table td{padding:3px 3px 3px 50px}.table-wrapper{padding-left:30px}.product-form__input .variant-options{display:flex;flex-wrap:wrap;grid-gap:0px;margin-left:40px;margin-right:40px;gap:10px}.product-form__input .variant-options .variant-radio{display:none}.product-form__input .variant-options .variant-label{width:100%;height:100%;border:1px solid #ece9e9;cursor:pointer;min-width:50px;text-transform:uppercase;font-size:14px;font-weight:700;transition:all .3s ease-in-out;display:inline-block;text-align:center;color:#000;height:128px;width:167px}.product-form__error-message{font-family:HelveticaNeue;font-size:10px;letter-spacing:1px}.variant-label-color{display:inline-block;width:200px;height:200px;cursor:pointer;border:2px solid transparent;transition:border .3s}.variant-label-color.mobile{border:0px solid transparent}.variant-label-color.mobile{height:100%;min-height:167px;max-width:167px;border:2px solid #8e998f}variant-selects .options-color.mobile{display:flex;margin-left:40px;gap:10px;flex-wrap:wrap}input[type=radio].color-input.mobile.checked+.variant-label-color.mobile{border:2px solid black}input[type=radio].color-input{display:none}.variant-radio:checked+.variant-label{background:#ece9e9;border:1px solid #ece9e9}.variant-label:hover{background:#fff;color:#fff;border:1px solid black}.variant-radio:disabled+.variant-label{opacity:.5;cursor:not-allowed;border-color:#e8e4e4}.product-form__input--swatch{margin:0;padding:0;border:none}.color-swatch-container{display:flex;flex-direction:column;align-items:center}.color-name{font-size:12px;margin-top:5px;text-align:center;color:#333;text-transform:capitalize}@media screen and (max-width: 420px){.product-form__input .variant-options .variant-label{height:120px;width:120px}.variant-label-color.mobile{min-height:120px;max-width:130px}}@media (max-width: 767px){.index .custom-modal .custom-modal-content,footer+.custom-modal .custom-modal-content{width:100%}.index .custom-modal .custom-modal-content .custom-modal-panel.news,footer+.custom-modal .custom-modal-content .custom-modal-panel.news{padding-left:20px;padding-right:20px}.newsletter-form{margin:auto}}
/*# sourceMappingURL=/cdn/shop/t/90/assets/custom-modal-pdp.css.map */
