.promo-item{position:relative;background-color:rgb(var(--white));border-radius:12px;box-shadow:0 2px 12px 0 #0000001f;cursor:pointer;margin-bottom:10px;transition:transform .15s cubic-bezier(.4,0,.2,1);display:flex;align-items:stretch}.promo-item:not(.promo-disable):not(:has(.promo-detail-action:active)):active{transform:scale(.98)}.promo-item.active{border:1.5px solid rgb(var(--purple))}.promo-item.promo-disable{margin-bottom:28px}.promo-item.promo-disable .promo-info{opacity:.5}.promo-item.promo-disable .promo-amount{background:#9aa4bf}.promo-item .promo-amount{flex:0 0 85px;width:85px;color:rgb(var(--white));text-align:center;border-top-left-radius:12px;border-bottom-left-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.125rem}.promo-item .promo-amount-discount{background:linear-gradient(90deg,#7750f8,#2701d2)}.promo-item .promo-amount-cashback{background:linear-gradient(90deg,#3697ff,#03b9c0)}.promo-item .promo-quota-badge{position:absolute;top:6px;left:-3px;background:rgb(var(--color-orange-peach));border-radius:5px;width:43px;height:16px;display:flex;justify-content:center;align-items:center}.promo-item .promo-info{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:.25rem;padding:.625rem}.promo-item .promo-info-head{display:flex;align-items:flex-start;justify-content:space-between;gap:.5rem}.promo-item .promo-title{overflow:hidden;display:-webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical}.promo-item .promo-meta{display:flex;flex-wrap:wrap;align-items:center;gap:.375rem}.promo-item .promo-payments{position:relative;display:flex;align-items:center;gap:.25rem;padding-left:.375rem}.promo-item .promo-payments:before{content:"";top:50%;height:12px;transform:translateY(-50%);background:rgb(var(--shade-75));position:absolute;left:0;width:1px}.promo-item .promo-payment-icon{-o-object-fit:contain;object-fit:contain;border-radius:4px;height:1.5rem;width:1.5rem}.promo-item .promo-footer{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.promo-item .promo-period{background:var(--light-purple-hex);border-radius:5px;padding:.125rem .375rem}.promo-item .promo-detail-action{display:flex;flex-shrink:0;align-items:center;gap:.125rem}input[type=radio]{height:1.2rem;width:1.2rem;accent-color:rgb(var(--purple))}.promo-item input[type=radio]{height:17px;width:17px}