.variant-picker{--flavor-size: 48px;--spacing: 24px;--bg-color: #0f0a1a;--text-color: #ffffff;--accent-start: #b32571;--accent-end: #e91e8c}.variant-picker__flavors{margin-bottom:24px}.variant-picker__label{display:block;margin-bottom:12px;font-size:14px;font-weight:400;letter-spacing:.05em;color:var(--text-color);font-family:var(--font-body-family)}.variant-picker__flavor-buttons{display:flex;gap:16px;flex-wrap:wrap}.variant-picker__flavor-btn{display:flex;flex-direction:column;align-items:center;gap:8px;padding:0;background:none;border:none;cursor:pointer;transition:transform .2s ease}.variant-picker__flavor-btn:hover{transform:scale(1.05)}.variant-picker__flavor-circle{position:relative;width:var(--flavor-size);height:var(--flavor-size);border-radius:50%;display:flex;align-items:center;justify-content:center;overflow:hidden;transition:all .3s ease}.variant-picker__flavor-btn:not(.is-selected) .variant-picker__flavor-circle{opacity:.6}.variant-picker__flavor-btn:not(.is-selected):hover .variant-picker__flavor-circle{opacity:.8}.variant-picker__flavor-btn.is-selected .variant-picker__flavor-circle{box-shadow:0 0 0 2px var(--bg-color),0 0 0 4px #ffffffe6;transform:scale(1.1)}.variant-picker__flavor-gradient{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%}.variant-picker__flavor-gradient[data-gradient=pornstar-passion]{background:linear-gradient(to top,#b32571,#f9b027)}.variant-picker__flavor-gradient[data-gradient=sunset-sex]{background:linear-gradient(to top,#f8d24a,#e65245)}.variant-picker__flavor-gradient[data-gradient=cosmo-crush]{background:linear-gradient(to top,#bf4a54,#f39b9d)}.variant-picker__flavor-gradient[data-gradient=lemon-lust]{background:linear-gradient(to top,#76c3aa,#f1e981)}.variant-picker__flavor-noise{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;opacity:.3;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");pointer-events:none}.variant-picker__flavor-icon{position:relative;z-index:10;color:#ffffffe6;display:flex;align-items:center;justify-content:center}.variant-picker__flavor-icon svg{width:64px;height:64px}.variant-picker__flavor-icon img{width:64px;height:64px}.variant-picker__discount-badge-wrap{margin-top:12px}.variant-picker__packs{margin-bottom:32px}.variant-picker__pack-buttons{display:flex;gap:12px;flex-wrap:wrap}.variant-picker__pack-btn{padding:10px 24px;border-radius:9999px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;background:transparent;border:1px solid #C1004B;color:var(--text-color);font-family:var(--font-body-family)}.variant-picker__pack-btn:hover:not(.is-selected){background:#ffffff1a}.variant-picker__pack-btn.is-selected{background:#c1004b;border-color:transparent;color:#fff}@media screen and (max-width:749px){.variant-picker{text-align:center}.variant-picker__flavor-buttons,.variant-picker__pack-buttons{justify-content:center}.variant-picker__label{text-align:center}}
/*# sourceMappingURL=/cdn/shop/t/30/assets/custom-variant-picker.css.map */
