.cardholder-icon {
	pointer-events: none;
}
.cardholder input, .promotion-code input {
    padding: 0;
    border: 0;
    line-height: 43px;
    outline: 0;
    padding: 0 12px;
    border-radius: inherit;
    width: 100%
}
@media (max-width: 367px) {
    .fontawesome.cardholder-icon, .fontawesome.coupon-icon {
        display: none;
    }
}
@media (min-width: 368px) {
    .cardholder input, .promotion-code input {
        padding-left: 44px;
    }
}
.cardholder input::placeholder, .promotion-code input::placeholder {
    color: #999;
    opacity: 1;
}
.promotion-code input:placeholder-shown + .apply-promotion-code {
    opacity: 0;
    transform: scale(0);
}
.skip-trial h1 {
    margin-bottom: 20px;
}
.skip-trial .dialog-text {
    display: none;
}
.skip-trial .dialog-text[data-reason] {
    display: block;
    font-size: 0;
}
.skip-trial .dialog-text[data-reason]:before {
    content: 'To ' attr(data-reason) ', activate your subscription.';
    font-size: 16px;
}
.cancel-subscription-confirm.disabled,
.pause-subscription-confirm.disabled,
.resume-subscription-confirm.disabled,
.resume-subscription.disabled,
.renew-subscription.disabled {
    cursor: wait;
    pointer-events: all;
}
[data-role="parent"] .cancel-subscription-modal :is([value="changing-roles"],[value="changing-schools"],[value="retiring"]) {
    display: none;
}
.credit-cards-list:empty::before {
    content: 'None on file';
}
.credit-cards-list:empty + .add-credit-card {
    display: block;
    margin-top: 10px;
}
.extend-subscription,
.resume-subscription {
    margin-right: 16px;
}