.custom-variant-selector{display:flex;flex-direction:column;gap:.5rem}.custom-variant-selector label{display:block;font-weight:400;margin-bottom:.5rem}.custom-variant-selector .current-value{font-weight:600}.custom-variant-selector .option-values-wrapper{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:flex-start}.custom-variant-selector .option-values-wrapper>*{position:relative;display:inline-block;padding:6px 8px;background-color:#f5f5f5;border:2px solid transparent;border-radius:5px;font-size:12px;font-weight:700;flex:0 1 calc(25% - .5rem);max-width:calc(25% - .5rem);text-align:center;box-sizing:border-box}.custom-variant-selector .option-values-wrapper>* img{aspect-ratio:1/1;width:100%;height:auto;object-fit:cover}.custom-variant-selector .option-values-wrapper>* img+p,.custom-variant-selector .option-values-wrapper>* img~p{text-align:center;margin:0;width:100%;padding-top:2px;font-size:10px}.custom-variant-selector .option-values-wrapper .current{border-color:#f60;background-color:#ffefdb}.custom-variant-selector .option-values-wrapper .sold-out{cursor:not-allowed;border-color:#c8c8c8;position:relative;overflow:hidden}.custom-variant-selector .option-values-wrapper .sold-out svg{display:block;width:100%;height:100%;position:absolute;left:0;top:0}.custom-variant-selector .option-values-wrapper .sold-out svg line{stroke:#c8c8c8;stroke-width:2}.custom-variant-selector .option-values-wrapper *:not(.sold-out) svg{display:none}@media(hover:hover)and (pointer:fine){.custom-variant-selector .option-values-wrapper>a:hover{border-color:#c8c8c8;transition:.3s}}.custom-variant-selector .size-selector .option-values-wrapper{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:flex-start}.custom-variant-selector .size-selector .option-values-wrapper>*{position:relative;display:inline-flex;align-items:center;justify-content:center;padding:8px 12px;background-color:#f5f5f5;border:2px solid transparent;border-radius:5px;font-size:12px;font-weight:700;text-align:center;white-space:nowrap;box-sizing:border-box;min-width:auto;max-width:none;flex:0 0 auto}.custom-variant-selector .size-selector .option-values-wrapper>.current{border-color:#f60;background-color:#ffefdb;color:#000;font-weight:700;cursor:default}.custom-variant-selector .variant-price{display:flex;flex-wrap:wrap;gap:.25rem;justify-content:center;align-items:center;margin:0;padding-top:4px;font-size:11px}.custom-variant-selector .variant-price s{color:#999}@media only screen and (min-width:601px){.custom-variant-selector .variant-price{flex-direction:row;flex-wrap:nowrap;gap:4px;font-size:9px;line-height:1.2;white-space:nowrap}.custom-variant-selector .variant-price s{font-size:9px}}@media only screen and (max-width:600px){.custom-variant-selector .option-values-wrapper>*{padding:8px 10px;flex:0 1 calc(25% - .5rem);max-width:calc(25% - .5rem);min-height:44px}.custom-variant-selector .option-values-wrapper>* img{width:100%;height:auto}.custom-variant-selector .size-selector .option-values-wrapper>*{padding:10px 14px;font-size:13px;min-height:44px}.custom-variant-selector .variant-price{flex-direction:column;gap:0;font-size:10px}}@keyframes soft-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.variant-selector-loader{display:flex;gap:.75rem}.color-selector .variant-selector-loader{display:flex;gap:.5rem}.color-selector .variant-loader-box{width:70px;height:70px;background:linear-gradient(90deg,#f0f0f0,#f7f7f7 20%,#fafafa,#f7f7f7 80%,#f0f0f0);background-size:300% 100%;border-radius:8px;animation:soft-shimmer 2.5s ease-in-out infinite}.size-selector .variant-selector-loader{display:flex;gap:.5rem}.size-selector .variant-loader-box{width:50px;height:32px;background:linear-gradient(90deg,#f0f0f0,#f7f7f7 20%,#fafafa,#f7f7f7 80%,#f0f0f0);background-size:300% 100%;border-radius:5px;animation:soft-shimmer 2.5s ease-in-out infinite}@media only screen and (max-width:600px){.color-selector .variant-loader-box{width:50px;height:50px}}
/*# sourceMappingURL=/cdn/shop/t/168/assets/custom-variant-selector.css.map */