.custom-variant-selector{display:flex;flex-direction:column;gap:.5rem}.custom-variant-selector label{display:block;font-weight:400;margin-bottom:.5rem;text-transform:none}.custom-variant-selector .current-value{text-transform:none}.custom-variant-selector .current-value .cv-color{text-transform:capitalize}.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:1.5px 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;text-decoration:none}.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:12px}.custom-variant-selector .option-values-wrapper .current{border-color:#1a1a1a;background-color:#f5f5f5}.custom-variant-selector .option-values-wrapper .current:after{content:"";position:absolute;top:-8px;right:-8px;width:20px;height:20px;border-radius:50%;background:#1a1a1a url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2.5 6.2l2.3 2.3 4.7-5' fill='none' stroke='%23fff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 12px no-repeat;z-index:1}.custom-variant-selector .option-values-wrapper .current.sold-out{border-color:#1a1a1a;cursor:default;overflow:visible}.custom-variant-selector .option-values-wrapper .current.sold-out svg{clip-path:inset(0 round 4px)}.custom-variant-selector .size-selector .option-values-wrapper>.current.sold-out svg{clip-path:inset(0 round 9px)}.custom-variant-selector .option-values-wrapper .current.sold-out img{opacity:.5}.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:10px 16px;min-height:56px;background-color:#fff;border:1.5px solid #d6d6d6;border-radius:10px;color:#1a1a1a;font-size:14px;font-weight:700;text-align:center;flex-direction:column;gap:2px;white-space:normal;overflow-wrap:anywhere;box-sizing:border-box;min-width:auto;max-width:100%;flex:0 0 auto}.custom-variant-selector .size-selector .option-values-wrapper>.current{border-color:#1a1a1a;background-color:#fff;color:#000;font-weight:700;cursor:default}.custom-variant-selector .size-selector .option-values-wrapper>.current.sold-out{background-color:#f0f0f0;color:#5f5f5f}.custom-variant-selector .size-meta{display:block;font-size:12px;font-weight:400;line-height:1.25;color:#666;white-space:normal}@media(hover:hover)and (pointer:fine){.custom-variant-selector .size-selector .option-values-wrapper>a:hover{border-color:#8a8a8a}}.custom-variant-selector .variant-price{display:block;margin:0;padding-top:4px;font-size:12px;font-weight:400;line-height:1.2;white-space:nowrap}.custom-variant-selector .size-selector .variant-price{padding-top:0}.custom-variant-selector .option-values-wrapper>.mk-more{display:none}@media only screen and (max-width:600px){.custom-variant-selector .mk-collapsible.mk-js:not(.mk-open)>.mk-hide{display:none}.custom-variant-selector .mk-collapsible.mk-js:not(.mk-open)>.mk-more{display:flex;align-items:center;justify-content:center;appearance:none;-webkit-appearance:none;font-family:inherit;color:inherit;cursor:pointer;font-size:14px}}@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 6px;font-size:14px;min-height:56px;min-width:0;flex:0 1 calc((100% - 1rem) / 3);max-width:calc((100% - 1rem) / 3)}}@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/154/assets/custom-variant-selector.css.map */