.ctr-variant-selector{width:100%;max-width:100%;--font-body-family: "Inter", sans-serif;display:flex;flex-direction:column;gap:12px;margin-top:var(--ctr-vs-margin-top-desktop, 0px);margin-bottom:var(--ctr-vs-margin-bottom-desktop, 0px);overflow:clip}@media screen and (max-width:749.98px){.ctr-variant-selector{margin-top:var(--ctr-vs-margin-top-mobile, 0px);margin-bottom:var(--ctr-vs-margin-bottom-mobile, 0px)}}.ctr-variant-selector__heading{font-family:var(--font-body-family);font-size:14px;font-weight:700;letter-spacing:1.12px;text-transform:uppercase;color:#0000007a;margin:0;line-height:1}@media screen and (max-width:749.98px){.ctr-variant-selector__heading{font-size:12px;letter-spacing:.96px}}.ctr-variant-selector__heading p{margin:0}.ctr-variant-selector__list{display:flex;flex-wrap:wrap;gap:16px;align-items:stretch;width:100%}.ctr-variant-selector__list:has(.ctr-variant-selector__featured) .ctr-variant-selector__item{margin-top:10px}@media screen and (min-width:750px){.ctr-variant-selector--desktop-cols .ctr-variant-selector__list{display:grid;grid-template-columns:repeat(var(--ctr-vs-desktop-columns),minmax(0,1fr))}}@media screen and (max-width:749.98px){.ctr-variant-selector--mobile-cols .ctr-variant-selector__list{display:grid;grid-template-columns:repeat(var(--ctr-vs-mobile-columns),minmax(0,1fr))}}.ctr-variant-selector__item{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;isolation:isolate;min-width:0;max-width:100%}@media screen and (min-width:750px){.ctr-variant-selector--desktop-cols .ctr-variant-selector__item{flex:1 1 0}}@media screen and (max-width:749.98px){.ctr-variant-selector--mobile-cols .ctr-variant-selector__item{flex:1 1 0}}.ctr-variant-selector__featured{position:absolute;top:-14px;display:flex;align-items:center;justify-content:center;margin-bottom:-10px;padding:6px 14px;border-radius:100px;background:#2a2552;color:#fff;font-family:var(--font-body-family);font-size:10px;font-weight:700;line-height:1.4;text-transform:uppercase;white-space:nowrap;z-index:2}@media screen and (max-width:749.98px){.ctr-variant-selector__featured{font-size:8px;top:-12px}}.ctr-variant-selector__card{display:flex;align-items:center;justify-content:center;gap:16px;width:100%;height:100%;max-width:100%;min-width:186px;padding:12px 20px;border:1px solid rgba(0,0,0,.1);border-radius:8px;background:#2a25520d;box-sizing:border-box;cursor:pointer;text-align:left;color:inherit;font:inherit;-webkit-appearance:none;appearance:none;position:relative;z-index:1;overflow:clip;transition:border-color .2s,background-color .2s,box-shadow .2s}@media screen and (max-width:749.98px){.ctr-variant-selector__card{gap:8px;min-width:0;background:#ffffff42}}.ctr-variant-selector__card:hover:not(:disabled){border-color:#1f2d5b73}.ctr-variant-selector__card.is-active,.ctr-variant-selector__card.is-featured.is-active{border:3px solid #1f2d5b;background:#1f2d5b12}.ctr-variant-selector__card:disabled{opacity:.5;cursor:not-allowed}.ctr-variant-selector__card:focus-visible{outline:2px solid #2a2552;outline-offset:2px}.ctr-variant-selector__thumb{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:37px;height:37px;border-radius:50%;overflow:hidden}.ctr-variant-selector__thumb img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.ctr-variant-selector__info{display:flex;flex-direction:column;align-items:flex-start;gap:10px;min-width:0}@media screen and (max-width:749.98px){.ctr-variant-selector__info{gap:6px}}.ctr-variant-selector__title{font-family:var(--font-body-family);font-size:18px;font-weight:700;line-height:1;color:#242424;white-space:nowrap}@media screen and (max-width:749.98px){.ctr-variant-selector__title{font-size:16px}}.ctr-variant-selector__title p{margin:0}.ctr-variant-selector__meta{display:flex;align-items:center;gap:6px;flex-wrap:wrap;min-width:0}.ctr-variant-selector__price{font-family:var(--font-body-family);font-size:16px;font-weight:500;line-height:1;color:#242424;white-space:nowrap}@media screen and (max-width:749.98px){.ctr-variant-selector__price{font-size:14px}}.ctr-variant-selector__unit{display:inline-flex;align-items:center;justify-content:center;padding:1px 4px;border-radius:100px;background:#d3cedd;opacity:.78;font-family:var(--font-body-family);font-size:10px;font-weight:700;line-height:1.4;color:#2a2552;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}@media screen and (max-width:749.98px){.ctr-variant-selector__unit{font-size:8px}}
/*# sourceMappingURL=/cdn/shop/t/30/assets/ctr-variant-selector.css.map */