.modal-subscription .header{position:relative;display:flex;align-items:center;justify-content:center;padding:0 40px;overflow:hidden}.modal-subscription .header .subscription-item-container{display:flex;gap:.8em;overflow-x:auto;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none;padding:15px calc(50% - 75px);width:100%;justify-content:flex-start;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory}.modal-subscription .header .subscription-item-container.single-option{justify-content:center;padding:15px 0}.modal-subscription .header .subscription-item-container::-webkit-scrollbar{display:none}.modal-subscription .header .subscription-item-container .subscription-item{display:inline-block;padding:.5em .75em;cursor:pointer;border-radius:1em;border:1px solid #f5f5f5;transition:all .3s ease;flex-shrink:0;min-width:120px;text-align:center;scroll-snap-align:center;scroll-snap-stop:always}.modal-subscription .header .subscription-item-container .subscription-item.active{border:1px solid var(--light-gray-color);box-shadow:rgba(149,157,165,.2) 0 4px 8px;transform:scale(1.05);opacity:1;z-index:2}.modal-subscription .header .subscription-item-container .subscription-item:not(.active){opacity:.7;transform:scale(.95);z-index:1}.subscription-nav-btn{position:absolute;background-color:var(--dark-color);border:1px solid var(--light-gray-color);color:var(--white-color);border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;box-shadow:rgba(149,157,165,.2) 0 2px 4px;transition:all .2s ease;padding:0;font-size:.6em;font-weight:100}.subscription-nav-btn:hover{background-color:var(--dark-color-hover);transform:scale(1.1);border:0}.subscription-nav-btn:active{transform:scale(.95)}.subscription-nav-btn.left{left:5px}.subscription-nav-btn.right{right:5px}.modal-subscription .header::after,.modal-subscription .header::before{content:"";position:absolute;width:30px;height:100%;z-index:3;pointer-events:none}.modal-subscription .header::before{left:30px;background:linear-gradient(to right,var(--white-color),transparent)}.modal-subscription .header::after{right:30px;background:linear-gradient(to left,var(--white-color),transparent)}.modal-subscription-price{margin-bottom:0;margin-top:.25em;font-size:.9em;text-wrap:nowrap}.modal-subscription .body{flex-grow:1;transition:all .3s ease-in-out}.subscription-details{display:none;opacity:0}.subscription-details.active{display:block;opacity:1}.modal-subscription .body .subscription-description{margin-top:.25em;padding-left:1.5em;padding-right:1.5em}.modal-subscription h2{margin:0;margin-bottom:.25em}.oddsrabbit-btn.community-subscribe-btn{border-top-left-radius:0;border-top-right-radius:0;border-bottom-left-radius:1em;border-bottom-right-radius:1em;width:100%}.subscription-name-container{display:flex;gap:.3em;align-items:center}.modal-subscription-name{margin-bottom:0;margin-top:0;text-wrap:nowrap}.subscription-features-list{list-style:none;padding-left:0;border:1px solid var(--light-gray-color);border-bottom:0;padding:.25em 1em;margin-bottom:0;border-top-right-radius:1em;border-top-left-radius:1em;box-shadow:rgba(149,157,165,.2) 0 8px 24px}.subscription-features-list li{padding:.4em;font-size:.95em;display:flex;justify-content:center;align-items:center}.subscription-features-list li:not(:last-child){border-bottom:1px solid #d5d5d5}.modal-subscription .footer{display:flex;flex-direction:column;justify-content:space-between;align-items:center;padding:0 1em;margin-top:.25em}.modal-subscription .footer a{font-size:.9em}.modal-subscription .learn-more-link{display:inline-block;margin-top:.5em;font-size:.9em}.modal-subscription-details{max-width:420px}.subscription-details-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:1em;border-bottom:1px solid var(--light-gray-color);margin-bottom:1em}.subscription-details-header-left{display:flex;align-items:center;gap:.75em}.subscription-details-badge-wrapper{width:44px;height:44px;border-radius:50%;background-color:var(--white-color);display:flex;align-items:center;justify-content:center;box-shadow:rgba(149,157,165,.15) 0 2px 6px}.subscription-details-badge-wrapper .subscription-badge{width:36px;height:36px}.subscription-details-header-text{display:flex;flex-direction:column}.subscription-details-label{font-size:.7em;text-transform:uppercase;letter-spacing:.5px;color:var(--secondary-text-color);margin-bottom:2px}.subscription-details-community{margin:0;font-size:1.1em;font-weight:600;text-align:left}.subscription-details-status-row{display:flex;gap:.5em;margin-bottom:1.25em;flex-wrap:wrap}.subscription-status-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:6px;font-size:.8em;font-weight:600;color:var(--secondary-text-color);border:1px solid var(--light-gray-color)}.subscription-status-badge.status-active{border-color:#4caf50;color:#4caf50}.subscription-status-badge.status-canceled{border-color:#ff5722;color:#ff5722}.subscription-plan-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:6px;font-size:.8em;font-weight:600;border:1px solid var(--highlight-color);color:var(--highlight-color)}.subscription-plan-badge .badge-icon,.subscription-status-badge .badge-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0}.subscription-plan-badge .badge-icon svg,.subscription-status-badge .badge-icon svg{width:14px;height:14px}.subscription-details-body{padding:0}.subscription-details-section{margin-bottom:1em}.subscription-details-section-title{font-size:.7em;text-transform:uppercase;letter-spacing:.5px;color:var(--secondary-text-color);margin:0 0 .75em 0;text-align:left}.subscription-details-card{list-style:none;margin:0;background-color:var(--card-alt-background-color);border-radius:12px;padding:.5em .75em}.subscription-details-features-list{list-style:none;padding:.5em .75em;margin:0;background-color:var(--card-alt-background-color);border-radius:12px;text-align:left}.subscription-details-features-list li{display:flex;align-items:center;gap:.5em;padding:.25em 0;font-size:.9em}.subscription-details-features-list .checkmark-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#4caf50}.subscription-details-features-list .checkmark-icon svg{width:16px;height:16px}.subscription-details-features-list .feature-badge-icon{width:20px;height:20px;border-radius:50%;background-color:var(--icon-background-color);vertical-align:middle;margin-left:8px}.subscription-detail-row{display:flex;justify-content:space-between;align-items:center;padding:.4em 0}.subscription-detail-label{display:flex;align-items:center;gap:.5em;color:var(--secondary-text-color);font-size:.9em}.subscription-detail-label .icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px;color:var(--secondary-text-color)}.subscription-detail-label .icon svg{width:16px;height:16px}.subscription-detail-value{font-weight:500;font-size:.9em}.subscription-detail-value.value-canceled{color:#ff5722}.subscription-canceled-notice{display:flex;align-items:flex-start;gap:.75em;background-color:#fbe9e7;border-radius:10px;padding:.75em 1em;margin-bottom:1.25em}.subscription-canceled-notice i{color:#ff5722;font-size:1.2em;flex-shrink:0;margin-top:2px}.subscription-canceled-notice p{margin:0;font-size:.85em;color:#bf360c;line-height:1.4}.subscription-details-footer{display:flex;flex-direction:column;align-items:center}.subscription-details-footer button{font-size:.9em}