.subscription-selector{margin-top:1rem;padding:0;background:transparent}.subscription-selector h3{display:none}.purchase-options{display:flex;flex-direction:column;gap:.5rem}.purchase-option{position:relative;display:block;padding:1rem 1rem 1rem 3rem;background:transparent;border:2px solid rgba(255,255,255,.2);border-radius:8px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.purchase-option:hover{border-color:#fff6;background:#ffffff08}.purchase-option input[type=radio]{position:absolute;left:1rem;top:50%;transform:translateY(-50%);width:20px;height:20px;margin:0;cursor:pointer;-webkit-appearance:none;appearance:none;border:2px solid rgba(255,255,255,.3);border-radius:50%;background:transparent;transition:all .2s ease}.purchase-option input[type=radio]:checked{border-color:#7c3aff;background:#7c3aff;box-shadow:0 0 0 4px #7c3aff26}.purchase-option input[type=radio]:checked:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:8px;height:8px;background:#fff;border-radius:50%}.purchase-option:has(input[type=radio]:checked){border-color:#7c3aff;border-width:2px;background:#7c3aff14}.option-content{display:flex;justify-content:space-between;align-items:center;width:100%}.option-label{font-size:1rem;font-weight:500;color:#fff}.option-price{font-size:1.125rem;font-weight:700;color:#fff;margin-left:auto}.subscription-option{border-color:#7c3aff4d;background:#7c3aff0d}.subscription-option:hover{border-color:#7c3aff80;background:#7c3aff14}.subscription-option:has(input[type=radio]:checked){border-color:#7c3aff;background:#7c3aff1f}.subscription-option .option-content{display:grid;grid-template-columns:auto 1fr auto;grid-template-rows:auto auto;align-items:center;gap:.125rem 1rem;width:100%}.option-header{grid-column:1 / 2;grid-row:1;display:flex;align-items:center;gap:.5rem}.subscription-price{grid-column:3 / 4;grid-row:1;font-size:1.25rem;font-weight:700;color:#fff;text-align:right;margin:0}.frequency-selector-inline{grid-column:1 / 4;grid-row:2;margin-top:-5px}.best-value-badge{display:inline-block;padding:.25rem .5rem;background:#00b25c;color:#fffbfb;font-size:.725rem;font-weight:700;text-transform:uppercase;border-radius:4px;letter-spacing:.5px}.frequency-selector-inline{position:relative;width:auto;max-width:220px;margin-top:.75rem}.frequency-dropdown{width:100%;padding:.5rem 2rem .5rem 0;border:none;border-bottom:1px solid rgba(255,255,255,.3);background:transparent;color:#fff;font-size:.9rem;font-weight:500;cursor:pointer;appearance:none;-webkit-appearance:none;-moz-appearance:none;outline:none;transition:border-color .2s ease}.frequency-dropdown:hover{border-bottom-color:#ffffff80}.frequency-dropdown:focus{border-bottom-color:#fff}.frequency-dropdown option{background:#1a1a1a;color:#fff;padding:.75rem;font-size:.9375rem}.dropdown-arrow{position:absolute;right:.5rem;top:50%;transform:translateY(-50%);pointer-events:none;color:#fff9;font-size:.625rem;transition:transform .2s ease}.frequency-dropdown:focus+.dropdown-arrow{transform:translateY(-50%) rotate(180deg)}.treli-subscribe-btn{--initial-gradient: linear-gradient(to right, #000000, #000000);--hover-gradient: linear-gradient(to right, transparent, transparent);--initial-background-position: right;--hover-background-position: left;display:flex;align-items:center;justify-content:center;width:100%;min-height:44px;padding:.65rem 1.75rem;border:1px solid #ffffff;border-radius:var(--button-border-radius, 40px);background-color:#fff;background-image:var(--initial-gradient),var(--hover-gradient);background-size:0 101%,101% 101%;background-position:var(--initial-background-position);background-repeat:no-repeat;color:#000;font-family:Poppins,sans-serif;font-size:15px;font-weight:600;text-decoration:none;text-align:center;cursor:pointer;box-sizing:border-box;transition:background-size .45s cubic-bezier(.785,.135,.15,.86),background-position .45s step-end,color .45s cubic-bezier(.785,.135,.15,.86);visibility:visible!important;opacity:1;position:relative}.treli-subscribe-btn:hover{background-size:101% 101%,0 101%;background-position:left;color:#fff;text-decoration:none}.treli-subscribe-btn--hidden{display:none!important}@media(max-width:640px){.subscription-selector h3{display:none}.purchase-option{padding:.875rem .875rem .875rem 2.75rem}.option-label{font-size:.9375rem;font-weight:550}.option-price{font-size:1rem}.subscription-price{font-size:1.125rem}.best-value-badge{font-size:.9rem;padding:.1875rem .4375rem}.frequency-dropdown{padding:.4375rem 1.75rem .4375rem 0;font-size:.83rem}.dropdown-arrow{right:.375rem;font-size:.5625rem}.frequency-selector-inline{max-width:200px}}.purchase-option,.frequency-dropdown{will-change:transform,opacity,border-color}.purchase-option input[type=radio]{will-change:border-color,background-color}
/*# sourceMappingURL=/cdn/shop/t/17/assets/subscription-selector.css.map */