.custom-options-container{margin:20px 0}.option-accordion{border-top:1px solid #0000001a;margin-bottom:16px;overflow:hidden}.custom-options-container .option-accordion:last-of-type{border-bottom:1px solid #0000001a}.custom-options-container .option-accordion.active:last-of-type{padding-bottom:16px}.option-accordion:not(.active){margin-bottom:0}.option-title{background:#fff;padding:16px 0;cursor:pointer;display:flex;align-items:center;position:relative;overflow:hidden;color:#000;text-overflow:ellipsis;font-size:20px;font-style:normal;font-weight:500;line-height:23.6px;letter-spacing:.5px;text-transform:uppercase}.option-title[data-configuration=mandatory]{background:#fff}.option-title span{font-size:12px;font-weight:500;margin-left:8px}.option-title .chevron{width:32px;height:32px;display:flex;align-items:center;justify-content:unset;flex:auto}.option-title .chevron svg{width:25px;height:25px}.option-accordion.active .option-title .chevron{transform:rotate(180deg)}.option-content{display:block;padding:0;background:#fff}.option-accordion.active .option-content{display:block}.product-list-wrapper{display:flex;flex-direction:column;gap:10px}.product-variant-item:has(.sold-out-variant){pointer-events:none;opacity:.5}.product-form__input input[type=radio]+label.color-swatch{width:90px!important;height:90px!important}.product-variant-item:has(.sold-out-variant) .variant-image:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' preserveAspectRatio='none' viewBox='0 0 100 100'><path d='M100 0 L0 100' stroke='black' stroke-width='1'/></svg>");background-repeat:no-repeat;background-position:center center}.product-list-content{position:relative}.product-list-title{margin-bottom:8px;color:#0c0c0a;font-size:16px;font-style:normal;font-weight:400;line-height:22.4px;letter-spacing:.2px}.product-variant-wrapper{display:flex;flex-wrap:wrap;gap:16px}.product-variant-item{cursor:pointer;transition:all .3s ease;text-align:center;background:#fff;position:relative;width:120px}.option-accordion:not(.active) .option-title .chevron{justify-content:end}.variant-image{width:100%;height:90px;margin:0 auto 8px;border-radius:8px;border:1px solid rgba(0,0,0,.1);display:flex;align-items:center;justify-content:center;overflow:hidden;padding:0 15px;position:relative}.variant-image img{width:100%;height:100%;object-fit:contain}.variant-image.not-variant-image{border:1px solid #ddd}.product-variant-item p{color:#0c0c0a;text-align:center;font-size:16px;font-style:normal;font-weight:500;line-height:22.4px;letter-spacing:.2px;margin:0}.product-variant-item.selected .variant-image{border-color:#000;border-width:2px}.variant-id-input{display:none}.mandatory-error{background:#f8d7da;color:#721c24;padding:12px 16px;border:1px solid #f5c6cb;border-radius:4px;margin:16px 0;display:none;align-items:center;gap:8px}.mandatory-error.show{display:flex}.mandatory-error-icon{width:20px;height:20px;background:#dc3545;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:12px;font-weight:700}div.option-color-div{background-color:#000;width:50px;height:50px;display:block;border-radius:50%}.custom-option-button:before,.custom-option-button:after{content:none}.custom-option-button.mandatory-error-state{background:#dc3545!important;border-color:#dc3545!important;color:#fff!important;animation:pulse-red 1s ease-in-out infinite alternate}@keyframes pulse-red{0%{background-color:#dc3545;box-shadow:0 0 #dc354566}to{background-color:#c82333;box-shadow:0 0 0 8px #dc354500}}.custom-option-button.loading{position:relative;color:transparent}.custom-option-button.loading:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:20px;height:20px;border:2px solid #fff;border-top:2px solid transparent;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.option-content{animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media screen and (max-width: 768px){.product-variant-item{width:104px}}
/*# sourceMappingURL=/cdn/shop/t/39/assets/multiple-product-options.css.map */