.premium-frame{background:rgba(0,0,0,.3);background-image:radial-gradient(79.94% 79.94% at 17.77% -11.34%,hsla(0,0%,100%,.08) 0,hsla(0,0%,100%,0) 100%);border:1px solid hsla(0,0%,100%,.08);width:1008px;height:auto;padding:20px;border-radius:10px;align-items:center}@media (max-width:1008px){.premium-frame{width:100%}}.toggle-container{display:flex;margin-bottom:20px;width:262px;height:40px;align-self:flex-start}.toggle-button{color:#fff;border:none;padding:10px 20px;border-radius:20px;justify-content:center;align-items:center;cursor:pointer}.toggle-button.active{background-color:#3a3a3a;padding:6px 20px;background:radial-gradient(75.05% 113.75% at 47.43% 0,hsla(0,0%,100%,.14) 0,hsla(0,0%,100%,0) 100%),#ffffff0a;border:1px solid #ffffff14}.toggle-button.yearly{font-size:16px;padding:6px 8px 6px 16px;gap:8px;border-radius:99px;border:1px}.save-badge{margin-left:5px;border:1px solid rgba(232,168,243,.08);padding:2px 8px;border-radius:200px;gap:8px;background:radial-gradient(104.99% 81.25% at 50% 12.5%,rgba(237,110,224,.16) 0,rgba(237,110,224,0) 100%);font-size:14px;font-weight:500}.save-text{background:linear-gradient(97.01deg,#fc8885 -59.27%,#ed6ee0 96.35%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent}.plan-container{display:flex;justify-content:space-between;width:976px;align-items:stretch}@media (max-width:976px){.plan-container{width:100%}}.plan{width:49%;padding:32px;border-radius:16px;flex:1;display:flex;flex-direction:column}.free-plan{background:hsla(0,0%,100%,.04);background-image:radial-gradient(75.05% 113.75% at 47.43% 0,hsla(0,0%,100%,.14) 0,hsla(0,0%,100%,0) 100%)}.grayed-out{opacity:.3;pointer-events:none;filter:grayscale(100%);background-color:#f5f5f5;border:1px solid #ddd;color:#999!important}.grayed-out .plan-button{background-color:#ccc;color:#666;cursor:not-allowed}.premium-plan{background:radial-gradient(75.05% 113.75% at 47.43% 0,rgba(253,226,89,.3) 0,rgba(253,226,89,0) 100%);background-color:rgba(253,226,89,.04);border:2px solid #fde259}.premium-plan-monthly{background:#72056793;border:2px solid transparent;background-image:radial-gradient(75.05% 113.75% at 47.43% 0,hsla(0,0%,100%,.24) 0,hsla(0,0%,100%,0) 100%)}.premium-plan-duo{background:radial-gradient(75.05% 113.75% at 47.43% 0,rgba(215,89,253,.3) 0,rgba(0,0,0,.26) 100%);position:relative;border-radius:16px}.premium-plan-duo:before{content:"";position:absolute;inset:0;border-radius:16px;padding:2px;background:linear-gradient(180deg,#d049ff 0,#ef3e3a);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude}.premium-plan-duo-glow{position:relative;border-radius:16px;background:radial-gradient(75.05% 113.75% at 47.43% 0,rgba(180,72,238,.402) 0,rgba(183,42,211,.322) 100%);box-shadow:0 0 12px rgba(215,89,253,.6),0 0 24px rgba(239,62,58,.4);z-index:1;overflow:visible}.premium-plan-duo-glow:before{--angle:0deg;content:"";position:absolute;inset:0;padding:3px;border-radius:16px;background:conic-gradient(from var(--angle),#d049ff,#ef3e3a,#d049ff);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;-webkit-mask-composite:destination-out;animation:rotateColors 3s linear infinite;z-index:0}@keyframes rotateColors{to{--angle:360deg}}.duo-yearly-plan-title{background:conic-gradient(from 0deg,#d149ff84,#ef3e3a,#f936af86);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 0 1px rgba(208,73,255,.7),0 0 2px rgba(239,62,58,.5)}.duo-yearly-plan-title,.plan-title{margin-bottom:16px;font-size:24px;font-weight:700}.plan-title{color:#fff}.top-section{justify-content:space-between;margin-bottom:32px}.top-section,.top-section-1{display:flex;flex-direction:column}.plan-description{color:hsla(0,0%,100%,.8);margin-bottom:40px;font-size:16px;font-weight:400}.plan-price{color:#fff;font-size:36px;font-weight:700}.price-period{color:hsla(0,0%,100%,.8)}.annual-price,.price-period{font-size:16px;font-weight:400}.annual-price{color:#a0a0a0}.channels-section{margin-bottom:32px;min-height:129px}.channels-title{color:#fff;margin-bottom:16px;opacity:.8;font-size:14px}.channels-icons{display:flex;gap:12px;flex-wrap:wrap}.features-title{color:#fff;margin-bottom:16px;opacity:.8;font-size:14px;font-weight:400}.feature-container{margin-bottom:32px}.features-list{color:#fff;font-size:14px;font-weight:500}.feature-item{display:flex;align-items:center;margin-bottom:16px}.feature-icon{height:20px;width:20px;margin-right:8px}.info-icon{height:20px;width:20px;margin-left:8px;color:#66676b;cursor:pointer;display:none;:hover{color:#8e9096}}.plan-button{width:100%;padding:10px 20px;background:#ffffff04;background-image:radial-gradient(75.05% 113.75% at 47.43% 0,hsla(0,0%,100%,.14) 0,hsla(0,0%,100%,0) 100%);color:#000;border-radius:9999px;cursor:pointer;font-family:sans-serif}.free-button{color:#fff;border:1px solid #ffffff14}.premium-button{background:#fde259}.duo-button{background:linear-gradient(101.01deg,#e34248,#9e55a0);box-shadow:0 2px 4px rgba(37,14,75,.4);color:#fff}.premium-button-monthly{background:linear-gradient(0deg,#fff,#fff),linear-gradient(180deg,hsla(0,0%,61%,.24),hsla(0,0%,100%,0) 113.75%)}.modal-action-button{background:var(
    --primary-200-gradient,linear-gradient(101deg,#e34248 0,#9e55a0 100%)
  );color:#fff;box-shadow:0 2px 4px 0 rgba(37,14,75,.4);width:250px;border-radius:200px}.yearly-icon{color:#fde259!important}.placeholder{background-color:#3a3a3a;animation:pulse 1.5s infinite}@keyframes pulse{0%{opacity:.6}50%{opacity:1}to{opacity:.6}}@media (max-width:480px){.premium-frame{width:100%}.plan-container{display:flex;flex-direction:column;width:unset}.plan{width:100%}.channels-icons{flex-wrap:wrap}.channels-section{height:unset}}.compact-mode{font-size:13px}.compact-mode .premium-frame{width:100%!important;padding:10px!important}.compact-mode .plan-container{display:flex!important;flex-direction:row!important;gap:8px!important;align-items:stretch!important}.compact-mode .toggle-container{width:100%!important;height:32px!important;margin-bottom:12px!important}.compact-mode .toggle-button{font-size:12px!important;padding:6px 12px!important}.compact-mode .toggle-button.active{padding:4px 12px!important}.compact-mode .save-badge{font-size:10px!important;padding:2px 6px!important}.compact-mode .plan{width:100%!important;padding:12px!important;min-width:unset!important;display:flex!important;flex-direction:column!important}.compact-mode .duo-yearly-plan-title,.compact-mode .plan-title{font-size:18px!important;margin-bottom:6px!important}.compact-mode .plan-description{font-size:11px!important;margin-bottom:8px!important}.compact-mode .plan-price{font-size:20px!important;margin-bottom:8px!important}.compact-mode .price-period{font-size:12px!important}.compact-mode .annual-price{font-size:10px!important}.compact-mode .channels-section{margin-bottom:12px!important;height:auto!important}.compact-mode .channels-title{font-size:12px!important;margin-bottom:6px!important}.compact-mode .channel-icon{width:28px!important;height:28px!important}.compact-mode .feature-container{margin-bottom:12px!important;height:auto!important}.compact-mode .features-title{font-size:12px!important;margin-bottom:6px!important}.compact-mode .feature-item{font-size:11px!important;padding:4px 0!important}.compact-mode .feature-icon{width:14px!important;height:14px!important}.compact-mode .info-icon{width:12px!important;height:12px!important}.compact-mode .plan-button{font-size:13px!important;padding:8px 16px!important;margin-top:auto!important}.compact-mode .top-section{margin-bottom:12px!important}