.vs{line-height:1.6;letter-spacing:0;--vs-ink: var(--pr-green-smoke, #3e491c);--vs-gold: #c9a24a;--vs-gold-soft: #f3e4bf;--vs-silver: #9aa3ae;--vs-silver-soft: #e6ebf0;display:block;position:relative;overflow:hidden;background:var(--vs-bg, #fadada);color:var(--vs-ink);padding:var(--vs-pt-m, 34px) 0 var(--vs-pb-m, 34px)}.vs__wrap{position:relative;max-width:var(--vs-max, 1200px);margin:0 auto;padding:0 12px}.vs__head{text-align:center;margin-bottom:22px}.vs__eyebrow{display:block;margin:0 0 10px;color:var(--vs-ink);font-size:12px;font-weight:700;letter-spacing:.2em;text-transform:uppercase}.vs__title{font-family:var(--font-heading-family);color:var(--vs-ink);font-size:var(--vs-title-m, 28px);font-weight:600;line-height:1.1;letter-spacing:normal;margin:0}.vs__grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.vs__card{-webkit-appearance:none;appearance:none;display:block;width:100%;margin:0;position:relative;overflow:hidden;cursor:pointer;text-align:center;font:inherit;line-height:1.6;color:var(--vs-ink);background:var(--vs-card, #ffffff);border:2px solid var(--vs-ink);border-radius:var(--vs-radius, 14px);padding:3px 3px 14px;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}.vs__card:before{content:"";position:absolute;top:-40%;right:-40%;bottom:-40%;left:-40%;background:radial-gradient(circle at 50% 0%,var(--vs-glow, transparent) 0%,transparent 55%);opacity:.65;pointer-events:none;transition:opacity .35s ease;z-index:0}.vs__card[data-tone=gold]{--vs-glow: var(--vs-gold-soft)}.vs__card[data-tone=silver]{--vs-glow: var(--vs-silver-soft)}.vs__card:focus-visible{outline:2px solid var(--vs-ink);outline-offset:2px}.vs__card[aria-busy=true]{opacity:.7;pointer-events:none}.vs__media{display:block;position:relative;z-index:1;aspect-ratio:1 / 1;background:#fff;overflow:hidden;margin-bottom:10px;border-radius:calc(var(--vs-radius, 14px) - 3px)}.vs__media img,.vs__media .vs__ph{display:block;width:100%;height:100%;object-fit:contain;transition:transform .45s ease}.vs__chip{position:absolute;z-index:3;top:8px;left:8px;display:inline-flex;align-items:center;gap:6px;padding:4px 9px;border:1.5px solid var(--vs-ink);border-radius:999px;background:#fff;color:var(--vs-ink);font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.vs__card[data-tone=gold] .vs__chip{background:linear-gradient(135deg,#ffffff 0%,var(--vs-gold-soft) 100%)}.vs__card[data-tone=silver] .vs__chip{background:linear-gradient(135deg,#ffffff 0%,var(--vs-silver-soft) 100%)}.vs__chip-dot{display:block;flex-shrink:0;width:8px;height:8px;border-radius:50%;box-shadow:0 0 6px #0000001f}.vs__card[data-tone=gold] .vs__chip-dot{background:radial-gradient(circle at 30% 30%,#f4d07a,var(--vs-gold))}.vs__card[data-tone=silver] .vs__chip-dot{background:radial-gradient(circle at 30% 30%,#eef2f6,var(--vs-silver))}.vs__sparkle{position:absolute;z-index:2;pointer-events:none;opacity:.9;animation:vs-twinkle 2.6s ease-in-out infinite}.vs__sparkle svg{display:block;width:100%;height:100%}.vs__card[data-tone=gold] .vs__sparkle{color:var(--vs-gold)}.vs__card[data-tone=silver] .vs__sparkle{color:var(--vs-silver)}.vs__sparkle--tr{top:10px;right:10px;width:18px;height:18px;animation-delay:0s}.vs__sparkle--bl{bottom:52px;left:12px;width:14px;height:14px;animation-delay:.6s}.vs__sparkle--mr{top:40%;right:8px;width:10px;height:10px;animation-delay:1.2s}@keyframes vs-twinkle{0%,to{opacity:.35;transform:scale(.85) rotate(0)}50%{opacity:1;transform:scale(1.1) rotate(15deg)}}.vs__label{display:block;position:relative;z-index:1;font-family:var(--font-heading-family);font-size:16px;font-weight:700;color:var(--vs-ink);margin:0 0 4px}.vs__sub{display:block;position:relative;z-index:1;font-size:12px;padding:0 6px;color:var(--vs-ink);opacity:.72;margin:0 0 12px}.vs__btn{display:inline-flex;align-items:center;gap:6px;position:relative;z-index:1;padding:7px 14px;border:2px solid var(--vs-ink);border-radius:10px;background:transparent;color:var(--vs-ink);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;transition:background .25s ease,color .25s ease}.vs__btn svg{width:12px;height:12px;flex-shrink:0}.vs__btn-check{display:none}.vs__card.is-added .vs__btn-check{display:block}.vs__card.is-added .vs__btn-chev{display:none}.vs__status{display:block;position:relative;z-index:1;font-size:12px;color:var(--pr-sea-pink-text, #b03546)}.vs__status:not(:empty){margin-top:8px}@media(hover:hover){.vs__card:hover{transform:translateY(-4px);box-shadow:0 14px 30px rgba(var(--pr-green-smoke-rgb, 62, 73, 28),.14);border-color:var(--vs-ink)}.vs__card:hover:before{opacity:1}.vs__card:hover .vs__media img{transform:scale(1.04)}.vs__btn:hover{background:var(--vs-ink);color:#fff}}@media only screen and (min-width:769px){.vs{padding:var(--vs-pt-d, 60px) 0 var(--vs-pb-d, 60px)}.vs__wrap{padding:0 24px}.vs__head{margin-bottom:36px}.vs__title{font-size:var(--vs-title-d, 48px)}.vs__grid{gap:20px}.vs__card{padding:4px 4px 18px}.vs__media{margin-bottom:12px;border-radius:calc(var(--vs-radius, 14px) - 4px)}.vs__chip{top:10px;left:10px;padding:5px 11px;font-size:11px}.vs__sparkle--bl{bottom:58px}.vs__label{font-size:20px}.vs__sub{font-size:13px;padding:0}.vs__btn{padding:8px 18px;font-size:13px}}@media(prefers-reduced-motion:reduce){.vs__sparkle{animation:none}.vs__card,.vs__card:before,.vs__media img,.vs__btn{transition:none}.vs__card:hover,.vs__card:hover .vs__media img{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/section-pr-product-variant-showcase.css.map */
