.loader{border:3px solid #f3f3f3;border-top:3px solid #000;border-radius:50%;width:20px;height:20px;animation:spin 1s linear infinite;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:none}@keyframes spin{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.hidden-info-data{display:none}#customBtnVariant{position:relative}#custom-phone-picker-wrapper button:after,.variant-list-container .tab-content:after{display:none}#customBtnVariant.is-loading{cursor:wait;pointer-events:none}#customBtnVariant.is-loading .btn-text,#customBtnVariant.is-loading svg{visibility:hidden}#customBtnVariant.is-loading .loader{display:block}#customBtnVariant{padding:10px 20px;margin-bottom:10px;background:#000;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500;transition:background .3s ease;display:flex;align-items:center;justify-content:space-between}#customBtnVariant:hover{background:#333}#customBtnVariant svg{margin-left:10px;transition:transform .3s ease}#customBtnVariant.active svg{transform:rotate(180deg)}.variant-dropdown-panel{background:#fff;border:1px solid #e5e5e5;border-radius:8px;margin-bottom:25px;overflow:hidden;box-shadow:0 2px 8px #0000001a}.variant-panel-content{display:flex;flex-direction:column}.tab-navigation{display:flex;gap:4px;padding:16px 16px 0;border-bottom:1px solid #e5e5e5;background:#fff}.tab-btn{flex:1;padding:12px 16px;background:transparent;border:none;border-bottom:3px solid transparent;font-size:14px;font-weight:500;color:#666;cursor:pointer;transition:all .2s ease;white-space:nowrap}.tab-btn:hover{color:#000;background:#f5f5f5}.tab-btn.active{font-weight:900;color:#000;border-bottom-color:#000}.variant-list-container{max-height:400px;overflow-y:auto;padding:20px 16px}.tab-content{display:none}.tab-content.active{display:block}.no-results{text-align:center;padding:40px 20px;color:#666;font-size:15px}.device-category{margin-bottom:0}.clear-variant-list{margin:0;padding:0;list-style:none}.variant-item{margin-bottom:12px;list-style:none}.variant-link{display:flex;align-items:center;gap:12px;text-decoration:none;color:inherit;padding:12px;border-radius:8px;transition:background .2s ease;border:1px solid #e5e5e5}.variant-link:hover{background:#f5f5f5;border-color:#ccc}.variant-image{border-radius:6px;border:1px solid #e5e5e5;flex-shrink:0;object-fit:cover}.variant-info strong{display:block;margin-bottom:4px;font-size:16px;font-weight:600}.variant-subtitle{font-size:13px;color:#000}.variant-info{width:100%;position:relative}.selected-text{color:#00ff4c;font-size:14px;font-weight:700;margin-left:6px;text-transform:uppercase;position:absolute;top:50%;right:10px;transform:translateY(-50%);z-index:1}.variant-link.is-selected{background:#000}.variant-link.is-selected .variant-info strong,.variant-link.is-selected .variant-subtitle{color:#fff}@media (max-width: 768px){.variant-list-container{max-height:350px}.tab-btn{font-size:13px;padding:10px 12px}}@media (max-width: 480px){.tab-btn{font-size:12px;padding:10px 8px}.variant-list-container{max-height:300px}}@media (min-width: 768px) and (max-width:990px){.tab-navigation{padding:10px 0 0}.tab-btn{font-size:14px;padding:6px}.variant-info strong{font-size:14px}}
/*# sourceMappingURL=/cdn/shop/t/32/assets/dynamic-custom-variant-list.css.map */