.user-page04{padding:40px;display:flex;max-width:930px;margin:20px auto;flex-wrap:wrap;justify-content:space-between;background:#fff;border-radius:10px}.user-page04 h2{flex-basis:100%;font-size:28px;margin-bottom:30px;color:#000;font-weight:700}.user-page04 .settingColumn{display:flex;flex-direction:column;flex-basis:49%}.user-page04 .settingColumn section{padding:20px;background:#f7f8f9;border-radius:8px;margin-bottom:20px;color:#000}.user-page04 .settingColumn section>.title{text-align:left;font-size:20px;font-weight:700;margin-bottom:30px}.user-page04 .settingColumn section.accountInfo .field{padding:10px;position:relative;border:1px solid #000;border-radius:4px;margin-bottom:20px;font-size:14px;background:#fff}.user-page04 .settingColumn section.accountInfo .field.connectedAccounts{display:flex;flex-direction:row;align-items:center}.user-page04 .settingColumn section.accountInfo .field.connectedAccounts img{height:25px}.user-page04 .settingColumn section.accountInfo .field.connectedAccounts i{margin-right:10px}.user-page04 .settingColumn section.accountInfo .field.connectedAccounts .tveStatus{font-size:11px;width:150px;margin-left:auto}.user-page04 .settingColumn section.accountInfo .field.connectedAccounts.cursorPointer{cursor:pointer}.user-page04 .settingColumn section.accountInfo .field .fieldName{position:absolute;top:-6px;left:10px;background:#f7f8f9;padding:0 3px;color:#000;font-size:10px}.user-page04 .settingColumn section.accountInfo .field .button{position:absolute;top:50%;right:10px;-webkit-transform:translateY(-50%);transform:translateY(-50%);cursor:pointer}.user-page04 .settingColumn section.accountInfo .email-consent{display:flex;font-size:15px;align-items:center}.user-page04 .settingColumn section.personalizationInfo .selectedCategories{position:relative;padding:15px;border:1px solid #000;margin-bottom:15px;font-size:12px;display:flex;border-radius:4px;flex-wrap:wrap}.user-page04 .settingColumn section.personalizationInfo .selectedCategories .categoryName{padding:4px 5px;background:#626262;color:#fff;width:auto;border-radius:4px;display:flex;align-items:center;margin:3px}.user-page04 .settingColumn section.personalizationInfo .selectedCategories .categoryName i{font-size:8px;margin-left:5px}.user-page04 .settingColumn section.personalizationInfo .selectedCategories label{position:absolute;top:-6px;left:10px;padding:0 3px;background:#f7f8f9;font-size:10px}.user-page04 .settingColumn section.personalizationInfo .personalization-edit-color{cursor:pointer;padding:10px;text-align:center;border-radius:4px}.user-page04 .settingColumn section.deviceInfo .sectionDetails .main{background:#fff;position:relative;display:flex;padding:15px;border:1px solid #000;border-radius:5px;justify-content:space-between;margin-top:15px;align-items:center}.user-page04 .settingColumn section.deviceInfo .sectionDetails .main .title{position:absolute;top:-6px;left:10px;background:#f7f8f9;font-size:12px;padding:0 5px}.user-page04 .settingColumn section.deviceInfo .sectionDetails .main .button{cursor:pointer}.user-page04 .settingColumn section.deviceInfo .deviceCount{font-size:30px}.user-page04 .settingColumn section.deviceInfo .dm-form{margin-top:30px}.user-page04 .settingColumn section.deviceInfo .dm-form .add-code-form{display:flex}.user-page04 .settingColumn section.deviceInfo .dm-form .add-code-form input[type=text]{padding:10px 0;text-align:center;flex:2 1;font-size:16px}.user-page04 .settingColumn section.subsInfo .planDetails{display:flex;flex-wrap:wrap}.user-page04 .settingColumn section.subsInfo .planDetails .billingInfo{flex:1 1}.user-page04 .settingColumn section.subsInfo .planDetails .billingInfo .billingHistory{cursor:pointer;text-decoration:underline}.user-page04 .settingColumn section.subsInfo .planDetails .title{flex-basis:100%;font-size:14px;font-weight:700;margin-bottom:10px}.user-page04 .settingColumn section.subsInfo .planDetails .main{display:flex;justify-content:space-between;flex-basis:100%;margin:5px 0 15px}.user-page04 .settingColumn section.subsInfo .planDetails .main .nextBilling{font-size:12px}.user-page04 .settingColumn section.subsInfo .planDetails .main .nextBilling span{font-size:16px}.user-page04 .settingColumn section.subsInfo .planDetails .main .button{padding:10px 15px;border-radius:4px;text-align:center;font-size:12px;text-transform:uppercase;align-items:center;cursor:pointer}.user-page04 .settingColumn section.subsInfo .paymentProcessor{background:#fff;position:relative;display:flex;padding:15px;border:1px solid #000;border-radius:5px;justify-content:space-between;margin-top:15px}.user-page04 .settingColumn section.subsInfo .paymentProcessor .title{position:absolute;top:-6px;left:10px;background:#f7f8f9;font-size:12px;padding:0 5px}.user-page04 .settingColumn section.subsInfo .paymentProcessor .buttons .paymentProBtn{font-size:12px;cursor:pointer}.user-page04 .settingColumn section.purchaseInfo .sectionDetails{display:flex}.user-page04 .settingColumn section.purchaseInfo .planDetails{display:inline-block;width:50%}.user-page04 .settingColumn section.purchaseInfo .planDetails .warningMessageWrapper{width:300px}.user-page04 .settingColumn section.purchaseInfo .planDetails .warningMessageWrapper .buttonsWrapper{display:flex}.user-page04 .settingColumn section.purchaseInfo .planDetails .warningMessageWrapper .buttonsWrapper .button{margin-right:10px}.user-page04 .settingColumn section.purchaseInfo .planDetails .main{flex-direction:column}.user-page04 .settingColumn section.purchaseInfo .planDetails .main .key{font-size:14px;margin-bottom:15px}.user-page04 .settingColumn section.purchaseInfo .planDetails .main .button{margin-top:10px;text-align:center;font-size:11px;border-radius:3px}.user-page04 .settingColumn section.purchaseInfo .planDetails.onDemandPurchases .seeAllPruchases{font-size:14px;text-decoration:underline;text-transform:lowercase;margin-top:0;padding:0;text-align:left;cursor:pointer}.user-page04 .settingColumn section.purchaseInfo .planDetails:first-child{margin-right:40px}.user-page04 .settingColumn section.purchaseInfo .planDetails .title{margin-bottom:10px;font-size:15px}.user-page04 .settingColumn section.noSubscription .detail .buttons{margin-top:20px}.user-page04 .settingColumn section.cancelledSubscription .buttons{display:flex;justify-content:space-between;margin-top:30px}.user-page04 .settingColumn section.defferedSubscription .buttons,.user-page04 .settingColumn section.suspendedSubscription .buttons{margin-top:20px;display:flex;justify-content:space-between}.user-page04 .settingColumn section.defferedSubscription .buttons .button{padding:10px 30px;border-radius:4px}.user-page04 .settingColumn section.defferedSubscription .next-step{font-size:14px;margin-top:5px}.user-page04 .settingColumn section.helpInfo{font-size:14px}.user-page04 .settingColumn section.helpInfo a{text-decoration:underline;font-weight:700}.user-page04 .settingColumn section .detail{position:relative}.user-page04 .settingColumn section .detail>.title{padding:0 3px;color:#000}.user-page04 .settingColumn section .detail .payment-card{height:1.2em}.user-page04 .hide{display:none}.user-page04 .status{font-style:italic;font-size:12px}.user-page04 .loading{margin-top:15px}.user-page04 input.button{border:1px solid #fff;padding:10px;background:transparent;color:#fff;text-transform:uppercase;font-size:.9em;font-weight:600;cursor:pointer;outline:none;letter-spacing:.5px}.add-code-form{display:inline-flex;margin-top:10px}.add-code-form .device-code{padding:5px}.add-code-form .device-submit{text-transform:uppercase;background:none;color:inherit;padding:5px;font-weight:600;letter-spacing:1px;margin-left:5px;font-size:12px;border:1px solid #fff;text-align:center}.add-code-form .device-submit .spinner{margin:0 20px;padding:.5em}.add-code-form .button{cursor:pointer;display:block}.add-code-form .button .device-msg{font-size:12px;font-weight:600;text-align:center;display:inline-block;margin-top:5px;position:absolute;left:0}.add-code-form .button .device-msg.error{color:red}.dm-form{text-align:end}@media (max-width:768px){.user-page04{padding:20px;border-radius:0}}@media (max-width:767px){.user-page04{padding:20px;flex-direction:column;border-radius:0}.user-page04 section .sectionDetails{min-height:auto}.user-page04 section .paymentProcessor .buttons .button,.user-page04 section .paymentProcessor .main span{font-size:12px}.user-page04 h2{margin:0 20px 20px}}
/*# sourceMappingURL=modules-User04-style-scss.2099cac7.chunk.css.map */