.pages-control-panel-subscriptions{margin-top:10px}@media screen and (min-width:768px){.pages-control-panel-subscriptions .no-subscribed-servers{margin-top:-60px}}.pages-control-panel-subscriptions .no-subscribed-servers .header{color:var(--white-100);margin-top:40px;font-size:20px;font-weight:700}.pages-control-panel-subscriptions .no-subscribed-servers .description{max-width:406px;margin-top:12px}.pages-control-panel-subscriptions .table-header{color:var(--white-50);margin-top:40px;margin-bottom:-3px;font-size:14px;font-weight:500}.pages-control-panel-subscriptions .table-header:first-of-type{margin-top:0}.pages-control-panel-subscriptions table{border-spacing:0 15px;table-layout:fixed;width:100%}.pages-control-panel-subscriptions table td{background:var(--primary-800);text-align:left}@media (max-width:768px){.pages-control-panel-subscriptions table td{width:100%;padding-left:20px;padding-right:20px;display:block}}@media (min-width:769px){.pages-control-panel-subscriptions table td{height:80px}}.pages-control-panel-subscriptions table td .title{color:var(--white-50);align-items:center;font-size:12px;font-weight:500;line-height:18px;display:flex}.pages-control-panel-subscriptions table td .value{color:var(--white-100);font-weight:600}@media (max-width:768px){.pages-control-panel-subscriptions table td .title-value-mobile-row{justify-content:space-between;margin-bottom:32px;display:flex}.pages-control-panel-subscriptions table td .title-value-mobile-row .value{font-weight:500}}.pages-control-panel-subscriptions table td .cta-row{justify-content:flex-end;align-items:center;display:flex}.pages-control-panel-subscriptions table td .cta-row .cta{border-radius:50px;align-items:center;height:35px;padding:0 23px;font-size:14px;font-weight:500;display:inline-flex}@media (max-width:768px){.pages-control-panel-subscriptions table td .cta-row{flex-direction:row-reverse;justify-content:space-between;margin-bottom:25px}}.pages-control-panel-subscriptions table td .subscription-state-title{align-items:center;font-weight:600;display:flex}@media (max-width:768px){.pages-control-panel-subscriptions table td .subscription-state-title{justify-content:flex-end}}.pages-control-panel-subscriptions table td .subscription-state-title.inactive{color:var(--error)}.pages-control-panel-subscriptions table td .subscription-state-title.inactive svg{fill:var(--error);width:28px;margin-left:-6px;margin-right:2px}.pages-control-panel-subscriptions table td .subscription-state-title.canceled{color:var(--warning)}.pages-control-panel-subscriptions table td .subscription-state-title.canceled svg{fill:var(--warning);width:19px;margin-left:-1px;margin-right:6px}.pages-control-panel-subscriptions table td .subscription-state-title.active{color:var(--success)}.pages-control-panel-subscriptions table td .subscription-state-title.active svg{fill:var(--success);width:23px;margin-left:-3px;margin-right:4px}.pages-control-panel-subscriptions table td .subscription-state-renewal-date{font-size:12px;font-weight:500;line-height:18px}.pages-control-panel-subscriptions table td .cta-icon{margin-right:4px}.pages-control-panel-subscriptions table td:first-of-type>div{align-items:center;gap:15px;display:flex}@media (min-width:769px){.pages-control-panel-subscriptions table td:first-of-type>div{gap:30px}}@media (max-width:768px){.pages-control-panel-subscriptions table td:first-of-type{border-top-left-radius:8px;border-top-right-radius:8px;padding-top:26px;padding-bottom:32px}}@media (min-width:769px){.pages-control-panel-subscriptions table td:first-of-type{border-top-left-radius:4px;border-bottom-left-radius:4px;width:30%;padding-left:34px}}@media (min-width:769px){.pages-control-panel-subscriptions table td:last-child{border-top-right-radius:4px;border-bottom-right-radius:4px;padding-right:62px}}@media (max-width:768px){.pages-control-panel-subscriptions table td:last-child{border-bottom-right-radius:8px;border-bottom-left-radius:8px}}.pages-control-panel-subscriptions table td:last-child{text-align:right}.pages-control-panel-subscriptions .subscription-menu-contents{background:var(--primary-800);border-radius:4px;padding:9px;box-shadow:0 0 15px 3px rgba(0,0,0,.25)}.pages-control-panel-subscriptions .subscription-menu-contents a{color:var(--white-77);white-space:nowrap;text-overflow:ellipsis;align-items:center;padding:9px 35px 9px 12px;font-size:14px;font-weight:500;display:flex}.pages-control-panel-subscriptions .subscription-menu-contents a:hover{background:var(--primary-700);color:var(--white-100);border-radius:4px}.pages-control-panel-subscriptions .subscription-menu-contents a:hover svg{fill:var(--white-100)}.pages-control-panel-subscriptions .subscription-menu-contents a svg{fill:var(--white-77);width:20px;height:100%;margin-right:14px}.pages-control-panel-subscriptions .subscription-menu-contents button{color:var(--white-77);white-space:nowrap;text-overflow:ellipsis;align-items:center;padding:9px 35px 9px 12px;font-size:14px;font-weight:500;display:flex}.pages-control-panel-subscriptions .subscription-menu-contents button:hover{background:var(--primary-700);color:var(--white-100);border-radius:4px}.pages-control-panel-subscriptions .subscription-menu-contents button:hover svg{fill:var(--white-100)}.pages-control-panel-subscriptions .subscription-menu-contents button svg{fill:var(--white-77);width:20px;height:100%;margin-right:14px}.pages-control-panel-subscriptions .subscription-menu-contents hr{background:rgba(255,255,255,.15);margin:6px -9px}.pages-control-panel-subscriptions .subscription-menu{color:var(--white-77);align-items:center;font-size:14px;font-weight:500;display:flex}.pages-control-panel-subscriptions .subscription-menu:hover{color:var(--white-100)}.pages-control-panel-subscriptions .subscription-menu:hover .dot-dot-dot svg{fill:var(--white-100)}@media (min-width:769px){.pages-control-panel-subscriptions .subscription-menu{margin-left:29px}}.pages-control-panel-subscriptions .subscription-menu .dot-dot-dot{flex-direction:column;display:inline-flex}.pages-control-panel-subscriptions .subscription-menu .dot-dot-dot svg{fill:var(--white-77);width:3px;margin:1px 12px 1px 0}.pages-control-panel-subscriptions .payment-preference-opener{align-items:center;gap:11px;display:flex}.pages-control-panel-subscriptions .payment-preference{justify-content:flex-end;align-items:flex-end;height:50px;display:flex}.pages-control-panel-subscriptions .payment-preference .tooltip{color:var(--white-77);font-size:14px;font-weight:500}.pages-control-panel-subscriptions .payment-preference .tooltip svg{fill:var(--white-77);width:18px}.pages-control-panel-subscriptions .payment-preference .tooltip:hover{color:var(--white-100)}.pages-control-panel-subscriptions .payment-preference .tooltip:hover svg{fill:var(--white-100)}.pages-control-panel-subscriptions .payment-preference .dattooltipcontents{padding:22px}.pages-control-panel-subscriptions .payment-preference .dattooltipcontents form{flex-direction:column;gap:12px;font-size:14px;display:flex}.pages-control-panel-subscriptions .payment-preference .dattooltipcontents form .radio{width:14px;height:14px}.pages-control-panel-subscriptions .payment-preference .dattooltipcontents form .spinner{width:14px;height:14px}.pages-control-panel-subscriptions .payment-preference .dattooltipcontents form .radiobox-select{display:none}.pages-control-panel-subscriptions .payment-preference .dattooltipcontents form .radio-checked{border-width:5.5px}.pages-control-panel-subscriptions .payment-preference .dattooltipcontents form label{cursor:pointer;color:var(--white-77);align-items:center;gap:12px;display:flex}.pages-control-panel-subscriptions .payment-preference .dattooltipcontents form label:has(.radio-checked){color:var(--white-100)}.pages-control-panel-subscriptions .payment-preference .dattooltipcontents form label:hover{color:var(--white-100)}@media (max-width:768px){.pages-control-panel-subscriptions .mobile-open-right{left:0;right:initial!important}}