.custom-variant-selector .option-values-wrapper{display:flex;flex-wrap:wrap;gap:.75rem}.custom-variant-selector .option-values-wrapper>*{position:relative;display:inline-block;padding:8px 12px;background-color:#f5f5f5;border:2px solid transparent;border-radius:5px;font-size:12px;font-weight:700}.custom-variant-selector .option-values-wrapper>* img{aspect-ratio:1/1;width:100px}.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:6px}@media only screen and (max-width: 600px){.custom-variant-selector .option-values-wrapper>* img{width:50px}}.custom-variant-selector .option-values-wrapper .sold-out svg line{stroke:#c8c8c8;stroke-width:2}@media (pointer: fine){.custom-variant-selector .option-values-wrapper>a:hover{border-color:#c8c8c8;transition:.3s}}.custom-variant-selector .option-values-wrapper{display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between}.custom-variant-selector .option-values-wrapper>*{position:relative;display:inline-block;padding:6px 10px;background-color:#f5f5f5;border:2px solid transparent;border-radius:5px;font-size:11px;font-weight:700;flex:1 1 calc(20% - 1rem);max-width:calc(20% - 1rem);text-align:center;box-sizing:border-box}@media only screen and (max-width: 600px){.custom-variant-selector .option-values-wrapper>*{flex:1 1 calc(33.33% - 1rem);max-width:calc(33.33% - 1rem)}.custom-variant-selector .option-values-wrapper>* img{width:50px}}.custom-variant-selector .option-values-wrapper>*{position:relative;display:inline-block;padding:6px 10px;background-color:#f5f5f5;border:2px solid transparent;border-radius:5px;font-size:11px;font-weight:700;flex:0 1 calc(20% - .5rem);max-width:calc(20% - .5rem);text-align:center;box-sizing:border-box}.custom-variant-selector .option-values-wrapper>* img{aspect-ratio:1/1;width:100%;height:auto}@media only screen and (max-width: 600px){.custom-variant-selector .option-values-wrapper>*{flex:0 1 calc(25% - .5rem);max-width:calc(25% - .5rem)}.custom-variant-selector .option-values-wrapper>* img{width:40px;height:auto}}.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:4px 6px;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 *:not(.sold-out) svg{display:none}.variant-selector-loader{display:flex;gap:.75rem}.variant-loader-box{width:60px;height:60px;background:linear-gradient(90deg,#e0e0e0 25%,#f5f5f5,#e0e0e0 75%);background-size:200% 100%;border-radius:8px;animation:shimmer 1.5s infinite}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@media only screen and (max-width: 600px){.custom-variant-selector .option-values-wrapper>*{flex:0 1 calc(25% - .5rem);max-width:calc(25% - .5rem)}.custom-variant-selector .option-values-wrapper>* img{width:100%;height:auto}}.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}@media (hover: hover) and (pointer: fine){.custom-variant-selector .option-values-wrapper>*:hover{border-color:#c8c8c8;transition:.3s}}
/*# sourceMappingURL=/s/files/1/0703/8513/9958/t/103/assets/custom-variant-selector.css.map */