/**
* These breakpoints' pixels are used in the legacy
* breakpoint mixin only.
*
* The container-breakpoint mixin breakpoints are defined in the
* LearnDash\Core\Template\Breakpoints PHP class.
*
* The names of the breakpoints are used in both mixins.
* Please keep those synced.
*/
/**
* This is the required way to use breakpoints in the project.
*
* @param {String} $name - The name of the breakpoint.
* @param {Boolean} $is-container - If true, the breakpoint will be
* applied to the container element.
*/
/**
* This is the legacy way to use breakpoints in the project.
* Don't use it unless you have a very good reason,
* you have to provide it in the PR.
*
* @param {String} $name - The name of the breakpoint.
* @param {String} $type - The type of the breakpoint.
* Can be 'min' or 'max'.
*/
:root {
/** Colors **/
--ld-color-semantic-success: #2f8351;
--ld-color-semantic-error: #db0000;
--ld-color-system-body-text: #333;
--ld-color-system-middle-gray: #d2d7e2;
--ld-color-system-middle-gray-light: #edf0f5;
--ld-color-system-light-2: #f6f8fa;
--ld-color-system-subtle: #73738c;
--ld-color-system-subtle-text: var(--ld-color-system-subtle);
/** Forms **/
--ld-color-field-bg: var(--ld-color-system-white);
--ld-color-field-border: var(#8694B1);
--ld-color-field-border-error: var(--ld-color-semantic-error);
--ld-color-field-border-valid: var(--ld-color-semantic-success);
--ld-color-field-error: var(--ld-color-semantic-error);
}
.ld-form .ld-form__field {
background: var(--ld-color-field-bg);
border: 1px solid var(--ld-color-field-border);
border-radius: var(--ld-radius);
box-sizing: border-box;
color: var(--ld-color-field-text);
display: inline-block;
font-family: var(--ld-typography-font-family);
font-size: var(--ld-typography-desktop-body-size);
font-weight: var(--ld-typography-font-weight-regular);
height: auto;
line-height: var(--ld-typography-desktop-body-height);
margin-bottom: var(--ld-spacer-4);
padding: var(--ld-spacer-2) var(--ld-spacer-fixed-3);
}
.ld-form .ld-form__field:active, .ld-form .ld-form__field:focus {
border-color: var(--ld-color-field-border-active);
box-shadow: inset 0 0 0 2px var(--ld-color-field-border-active);
outline: 0;
}
.ld-form .ld-form__field:disabled {
background: var(--ld-color-field-bg-disabled);
border-color: var(--ld-color-field-border-disabled);
color: var(--ld-color-field-text-disabled);
}
.ld-form .ld-form__field:hover {
background: var(--ld-color-field-bg-hover);
}
.ld-form .ld-form__field--error:not(:focus) {
border-color: var(--ld-color-field-border-error);
}
.ld-form .ld-form__field--valid {
border-color: var(--ld-color-field-border-valid);
}
.ld-form .ld-form__field-wrapper--type-radio {
cursor: pointer;
position: relative;
}
.ld-form .ld-form__field-wrapper--type-radio input[type=radio] {
position: absolute;
height: 1.5em;
left: -5px;
opacity: 0;
top: -2px;
width: 1.5em;
}
.ld-form .ld-form__field-wrapper--type-radio input[type=radio]:checked + .ld-svgicon__radio .ld-svgicon__radio-select {
display: inline-block;
}
.ld-form .ld-form__field-wrapper--type-radio input[type=radio]:not(:checked) + .ld-svgicon__radio .ld-svgicon__radio-select {
display: none;
}
.ld-form input[type=checkbox] {
border-color: var(--ld-color-field-border);
border-radius: var(--ld-radius);
border-width: 1px;
cursor: pointer;
margin-right: var(--ld-spacer-1);
transform: scale(1.5);
transform-origin: left;
vertical-align: baseline;
}
.ld-form input[type=checkbox]:after {
content: "";
opacity: 0;
display: block;
left: 8px;
top: 4px;
position: absolute;
width: 7px;
height: 13px;
border: 3px solid var(--form--color-text);
border-top: 0;
border-left: 0;
transform: rotate(30deg);
}
.ld-form input[type=checkbox]:checked:after {
opacity: 1;
}
.ld-form__fieldset {
border: 0;
margin: 0;
padding: 0;
}
.ld-form__field-error-message {
color: var(--ld-color-semantic-error);
display: block;
font-size: var(--ld-typography-desktop-body-small-size);
line-height: var(--ld-typography-desktop-body-small-height);
margin-bottom: var(--ld-spacer-4);
margin-top: calc(-1 * var(--ld-spacer-1));
}
.ld-form__field-password-wrapper + .ld-form__field-error-message {
margin-bottom: var(--ld-spacer-1);
margin-top: var(--ld-spacer-1);
}
.ld-form__field-confirm_password-wrapper + .ld-form__field-error-message {
margin-bottom: 0;
}
.ld-button {
align-items: center;
border-radius: var(--ld-button-border-radius);
border-style: none;
box-sizing: border-box;
color: var(--ld-color-system-white);
cursor: pointer;
display: inline-flex;
font-family: var(--ld-typography-font-family);
font-size: var(--ld-typography-desktop-button-text-size);
font-weight: var(--ld-typography-desktop-button-text-weight);
justify-content: center;
letter-spacing: var(--ld-typography-desktop-button-text-spacing);
line-height: var(--ld-typography-desktop-button-text-height);
overflow-wrap: break-word;
padding: var(--ld-spacer-2) var(--ld-spacer-fixed-5);
text-align: center;
text-decoration: none;
white-space: normal;
width: auto;
word-break: normal;
}
.ld-button--lg {
height: 56px;
padding: var(--ld-spacer-3) var(--ld-spacer-fixed-5);
}
.ld-button--sm {
font-size: var(--ld-typography-mobile-button-text-size);
height: 46px;
line-height: var(--ld-typography-mobile-button-text-height);
padding: var(--ld-spacer-2) var(--ld-spacer-fixed-4);
}
.ld-button--primary {
background-color: var(--ld-color-button-bg);
}
.ld-button--primary:active, .ld-button--primary:hover {
background-color: var(--ld-color-button-bg-hover);
}
.ld-button--secondary {
background-color: #fff;
border: 2px solid var(--ld-color-button-secondary-border);
color: var(--ld-color-system-body-text);
}
.ld-button--secondary:active, .ld-button--secondary:focus, .ld-button--secondary:hover {
background-color: var(--ld-color-system-light-1);
color: var(--ld-color-system-body-text);
outline: none;
}
.ld-button--tertiary {
background-color: transparent;
border: 3px solid var(--ld-color-brand-primary);
color: var(--ld-color-brand-primary);
}
.ld-button--tertiary:active, .ld-button--tertiary:hover {
background-color: transparent;
color: var(--ld-color-button-bg-hover);
}
.ld-button--rounded {
border-radius: var(--ld-button-border-radius-rounded);
}
.ld-button--border {
background: var(--ld-color-field-bg);
border: 2px solid var(--ld-color-field-border);
border-radius: 8px;
color: var(--ld-color-system-body-text);
font-family: var(--ld-typography-font-family);
font-size: var(--ld-typography-desktop-body-size);
font-weight: var(--ld-typography-font-weight-medium);
line-height: var(--ld-typography-desktop-body-height);
padding: var(--ld-spacer-2) var(--ld-spacer-fixed-3);
}
.ld-button--border:focus {
border-color: var(--ld-color-system-body-text);
box-shadow: inset 0 0 0 2px var(--ld-color-system-body-text);
outline: none;
}
.ld-button--border:active, .ld-button--border:hover {
background-color: var(--ld-color-system-light-1);
border-color: var(--ld-color-system-body-text);
color: var(--ld-color-system-dark);
outline: none;
}
.ld-button:disabled {
background-color: var(--ld-color-system-light-2);
border: 1px solid var(--ld-color-system-border);
color: var(--ld-color-system-subtle-text);
cursor: not-allowed;
}
.ld-button__password-visibility-toggle {
background-color: var(--ld-color-field-bg);
}
.ld-form input[type=button]:disabled,
.ld-form input[type=submit]:disabled,
.ld-form input[type=reset]:disabled,
.ld-form button:disabled,
.ld-form .ld-button:disabled {
cursor: not-allowed;
}
.ld-registration__wrapper {
margin: auto;
}
.ld-registration__wrapper.ld-breakpoint--medium {
display: flex;
flex-wrap: wrap;
}
.ld-registration__wrapper--logged-in.ld-registration__wrapper.ld-breakpoint--medium {
display: block;
flex-wrap: wrap;
}
.ld-registration__wrapper--logged-in.ld-registration__wrapper.ld-breakpoint--medium .ld-registration-order {
border-top: none;
box-sizing: border-box;
flex: 0 0 100%;
margin-bottom: 0;
max-width: 650px;
padding-left: 0;
padding-right: 0;
}
.ld-registration__wrapper--logged-in.ld-registration__wrapper .ld-registration-order {
max-width: 650px;
}
.ld-registration__wrapper--logged-in.ld-registration__wrapper .ld-registration-order__return {
font-size: inherit;
}
.ld-registration__wrapper--logged-in.ld-registration__wrapper .ld-registration-order__return .dashicons {
font-size: inherit;
}
.ld-registration__wrapper--logged-in.ld-registration__wrapper .ld-registration-order__return-wrapper {
border-right: none;
margin-left: auto;
margin-right: auto;
max-width: 650px;
padding-right: 0;
}
.ld-registration__wrapper--logged-in.ld-registration__wrapper .ld-registration__form {
border-right: none;
flex: 0 0 100%;
margin-left: auto;
margin-right: auto;
max-width: 650px;
padding-right: 0;
}
.ld-registration__wrapper--login .ld-registration__login,
.ld-registration__wrapper--login .ld-registration__login-form {
display: block;
}
.ld-registration__wrapper--login .ld-registration__register,
.ld-registration__wrapper--login .ld-registration__register-form {
display: none;
}
.ld-registration__wrapper--register .ld-registration__login,
.ld-registration__wrapper--register .ld-registration__login-form {
display: none;
}
.ld-registration__wrapper--register .ld-registration__register,
.ld-registration__wrapper--register .ld-registration__register-form {
display: block;
}
.ld-registration__wrapper .ld-alert {
margin-left: auto;
margin-right: auto;
max-width: 650px;
}
.ld-registration__wrapper--has-order.ld-breakpoint--medium .ld-registration__form {
border-right: 1px solid var(--ld-color-system-middle-gray);
box-sizing: border-box;
flex: 0 0 67%;
margin-left: 0;
margin-right: 0;
max-width: 67%;
padding-right: var(--ld-spacer-9);
}
.ld-registration__login, .ld-registration__register {
margin-left: auto;
margin-right: auto;
max-width: 650px;
}
.ld-registration__login, .ld-registration__login-form {
display: none;
}
.ld-registration__register, .ld-registration__register-form {
display: block;
}
.ld-registration__register-form .ld-password-strength__error {
display: none;
}
.ld-registration__register-form .ld-password-strength__hint {
margin-bottom: 0;
}
.ld-registration__register, .ld-registration__login {
margin-bottom: var(--ld-spacer-5);
}
.ld-registration__heading {
margin-bottom: var(--ld-spacer-5);
}
.ld-registration__p {
margin-bottom: var(--ld-spacer-5);
}
.ld-registration__register .ld-registration__p:last-child {
margin-bottom: 0;
}
.ld-registration__login-button {
display: inline-block;
}
.ld-registration__login-button--active {
display: none;
}
.ld-registration__form {
padding-bottom: var(--ld-spacer-6);
margin-left: auto;
margin-right: auto;
max-width: 650px;
width: 100%;
}
.ld-registration__form .ld-password-strength {
margin-bottom: var(--ld-spacer-fixed-1);
}
.ld-registration__login-form input:not([type=checkbox]) {
margin-bottom: var(--ld-spacer-4);
}
.ld-registration__login-form .login-username,
.ld-registration__login-form .login-password,
.ld-registration__login-form .login-submit,
.ld-registration__login-form .ld-registration__forgot-password,
.ld-registration__login-form .login-remember {
margin: 0;
}
.ld-registration__login-form .login-remember {
font-size: var(--ld-typography-desktop-body-size);
line-height: var(--ld-typography-desktop-body-height);
margin-bottom: var(--ld-spacer-4);
padding: var(--ld-spacer-1) 0;
}
.ld-breakpoint--tablet .ld-registration__login-form .login-remember {
margin-bottom: 0;
}
.ld-registration__login-form .login-remember input,
.ld-registration__login-form .login-remember label {
margin-bottom: 0;
}
.ld-registration__login-form, .ld-registration__register-form, .ld-registration__forgot-password-form, .ld-registration__reset-password-form {
margin-left: auto;
margin-right: auto;
max-width: 650px;
}
.ld-registration__login-form label, .ld-registration__register-form label, .ld-registration__forgot-password-form label, .ld-registration__reset-password-form label {
display: block;
font-size: var(--ld-typography-desktop-body-size);
line-height: var(--ld-typography-desktop-body-height);
margin-bottom: var(--ld-spacer-1);
}
.ld-registration__login-form input[type=email],
.ld-registration__login-form input[type=text],
.ld-registration__login-form input[type=password], .ld-registration__register-form input[type=email],
.ld-registration__register-form input[type=text],
.ld-registration__register-form input[type=password], .ld-registration__forgot-password-form input[type=email],
.ld-registration__forgot-password-form input[type=text],
.ld-registration__forgot-password-form input[type=password], .ld-registration__reset-password-form input[type=email],
.ld-registration__reset-password-form input[type=text],
.ld-registration__reset-password-form input[type=password] {
font-size: var(--ld-typography-desktop-body-size);
margin-left: 0;
width: 100%;
}
.ld-registration__login-form input[type=checkbox], .ld-registration__register-form input[type=checkbox], .ld-registration__forgot-password-form input[type=checkbox], .ld-registration__reset-password-form input[type=checkbox] {
margin-bottom: 3px;
}
.ld-registration__login-form input[name=confirm_password], .ld-registration__register-form input[name=confirm_password], .ld-registration__forgot-password-form input[name=confirm_password], .ld-registration__reset-password-form input[name=confirm_password] {
margin-bottom: 0;
}
.ld-registration__login-form .login-submit, .ld-registration__register-form .login-submit, .ld-registration__forgot-password-form .login-submit, .ld-registration__reset-password-form .login-submit {
font-size: var(--ld-typography-desktop-body-size);
line-height: var(--ld-typography-desktop-body-height);
padding-top: var(--ld-spacer-5);
}
.ld-registration__register-submit-wrapper {
padding-top: var(--ld-spacer-5);
}
.ld-breakpoint--tablet .ld-registration__login_options_wrapper {
align-items: center;
display: flex;
justify-content: space-between;
}
.ld-registration__forgot-password {
margin: 0;
}
.ld-breakpoint--tablet .ld-registration__forgot-password {
text-align: right;
}
.ld-form .ld-form__field {
margin-bottom: 0;
}
.ld-form .ld-form__field.ld-form__field-password.ld-form__field--valid {
border-color: var(--ld-color-field-border-valid);
}
.ld-form .ld-form__field.ld-form__field-password.ld-form__field--valid:active, .ld-form .ld-form__field.ld-form__field-password.ld-form__field--valid:focus {
border-color: var(--ld-color-field-border-valid);
}
.ld-form__field-wrapper {
margin-bottom: var(--ld-spacer-4);
}
/**
* Order details
*/
.ld-registration-order {
margin-left: auto;
margin-right: auto;
max-width: 650px;
padding-bottom: var(--ld-spacer-fixed-4);
padding-top: var(--ld-spacer-fixed-6);
}
.ld-breakpoint--medium .ld-registration-order {
box-sizing: border-box;
flex: 0 0 33%;
margin-bottom: var(--ld-spacer-fixed-9);
max-width: 33%;
padding-left: var(--ld-spacer-fixed-9);
padding-right: var(--ld-spacer-fixed-9);
}
.ld-registration-order__heading {
margin-bottom: var(--ld-spacer-5);
margin-top: 0;
}
.ld-registration-order__items {
max-width: 350px;
}
.logged-in .ld-registration-order__items {
max-width: 100%;
}
.ld-breakpoint--medium .ld-registration-order__items {
max-width: 100%;
}
.ld-registration-order__item-type {
color: var(--ld-color-system-subtle);
font-size: var(--ld-typography-desktop-caption-size);
font-weight: var(--ld-typography-font-weight-bold);
letter-spacing: 0.36px;
line-height: var(--ld-typography-desktop-caption-height);
text-transform: uppercase;
}
.ld-registration-order__item-details {
display: flex;
font-size: var(--ld-typography-desktop-body-size);
justify-content: space-between;
line-height: var(--ld-typography-desktop-body-height);
}
.ld-registration-order__item-title-wrapper {
flex-grow: 2;
}
.ld-registration-order__item-price {
margin-left: 10px;
text-align: right;
word-break: normal;
}
.ld-registration-order__item-price-value {
text-align: right;
}
.ld-registration-order__item-price-original {
color: var(--ld-color-system-subtle-text);
visibility: hidden;
font-size: var(--ld-typography-desktop-caption-size);
line-height: var(--ld-typography-desktop-caption-height);
text-align: right;
text-decoration-line: line-through;
}
.ld-registration-order__items--with-coupon .ld-registration-order__item-price-original {
visibility: visible;
}
.ld-registration-order__item-interval {
font-size: var(--ld-typography-desktop-body-small-size);
line-height: var(--ld-typography-desktop-body-small-height);
}
.ld-registration-order__item-trial-marker {
background-color: var(--ld-color-system-middle-gray-light);
border-radius: 5px;
display: block;
font-size: var(--ld-typography-desktop-caption-size);
margin-bottom: 6px;
margin-top: var(--ld-spacer-2);
padding: 3px 9px;
width: fit-content;
}
.ld-registration-order__total {
border-top: 1px solid var(--ld-color-system-middle-gray);
display: flex;
font-size: var(--ld-typography-desktop-body-size);
justify-content: space-between;
line-height: var(--ld-typography-desktop-body-height);
margin-top: var(--ld-spacer-fixed-5);
padding-bottom: var(--ld-spacer-fixed-2);
padding-top: var(--ld-spacer-fixed-2);
}
.ld-registration-order__total-title {
flex-grow: 2;
font-weight: var(--ld-typography-font-weight-bold);
}
.ld-registration-order__total-price {
margin-left: 10px;
text-align: right;
}
.ld-registration-order__return {
border-top: 1px solid var(--ld-color-system-middle-gray);
line-height: var(--ld-typography-desktop-button-text-height);
margin-bottom: var(--ld-spacer-9);
margin-left: auto;
margin-right: auto;
max-width: 650px;
padding-top: var(--ld-spacer-2);
}
.ld-breakpoint--medium .ld-registration-order__return-wrapper {
border-right: 1px solid var(--ld-color-system-middle-gray);
box-sizing: border-box;
flex: 0 0 100%;
max-width: 67%;
padding-right: var(--ld-spacer-9);
}
.ld-registration-order__return .dashicons {
margin-right: var(--ld-spacer-fixed-1);
text-decoration: none;
vertical-align: middle;
}
.ld-registration-order__coupon-form-wrapper {
border-top: 1px solid var(--ld-color-system-middle-gray);
margin-top: var(--ld-spacer-fixed-5);
padding-top: var(--ld-spacer-fixed-5);
}
.ld-registration-order__coupon-form-wrapper label {
font-size: var(--ld-typography-desktop-body-size);
font-weight: var(--ld-typography-font-weight-regular);
line-height: var(--ld-typography-desktop-body-height);
}
.ld-registration-order__checkout-select {
margin-bottom: var(--ld-spacer-fixed-5);
margin-top: var(--ld-spacer-fixed-5);
padding-bottom: var(--ld-spacer-fixed-3);
padding-top: var(--ld-spacer-fixed-3);
}
.ld-registration-order__checkout-select-item {
margin-bottom: var(--ld-spacer-fixed-2);
}
.ld-registration-order__checkout-select-item-main, .ld-registration-order__checkout-select-item-info {
background-color: var(--ld-color-system-light-2);
border: 1px solid var(--ld-color-system-middle-gray-light);
border-radius: var(--ld-border-radius);
padding: var(--ld-spacer-fixed-2);
}
.ld-breakpoint--medium .ld-registration-order__checkout-select-item-main, .ld-breakpoint--medium .ld-registration-order__checkout-select-item-info {
padding: var(--ld-spacer-fixed-3) var(--ld-spacer-fixed-5) var(--ld-spacer-fixed-2);
}
.ld-registration-order__checkout-select-item-main {
align-items: center;
cursor: pointer;
display: flex;
justify-content: space-between;
}
.ld-registration-order__checkout-select-item-main .ld-form__field-wrapper {
display: flex;
}
.ld-registration-order__checkout-select-item-main .ld-form__field-wrapper span {
font-size: var(--ld-typography-desktop-body-size);
line-height: var(--ld-typography-desktop-body-height);
}
.ld-registration-order__checkout-select-item-info {
border-color: var(--ld-color-brand-primary);
display: none;
font-size: var(--ld-typography-desktop-body-size);
line-height: var(--ld-typography-desktop-body-height);
margin-top: 3px;
padding-bottom: var(--ld-spacer-fixed-3);
}
.ld-registration-order__checkout-select-item:first-child {
margin-top: 0;
}
.ld-registration-order__checkout-select-item:last-child {
margin-bottom: 0;
}
.ld-registration-order__checkout-select-item.ld--selected .ld-registration-order__checkout-select-item-main {
border-color: var(--ld-color-brand-primary);
}
.ld-registration-order__checkout-select-item.ld--selected .ld-registration-order__checkout-select-item-meta .ld-svglogo {
filter: none;
}
.ld-registration-order__checkout-select-item.ld--selected .ld-registration-order__checkout-select-item-info {
display: block;
}
.ld-registration-order__checkout-select-item-meta {
align-self: center;
display: flex;
height: fit-content;
margin-left: var(--ld-spacer-fixed-2);
}
.ld-registration-order__checkout-select-item-meta .ld-svglogo {
filter: grayscale(1);
line-height: 0;
}
.ld-registration-order__checkout-select-item .ld-form__field-wrapper--type-radio {
align-items: center;
flex-grow: 2;
font-weight: var(--ld-typography-font-weight-bold);
margin-bottom: 0;
}
.ld-registration-order__checkout-select-item label {
display: block;
width: 100%;
}
.ld-registration-order__checkout-button {
display: none;
}
.ld-registration-order__checkout-button #btn-join,
.ld-registration-order__checkout-button .button {
width: auto;
}
.ld-registration-order__checkout-button.ld--selected {
display: block;
}
.ld-registration-order .ppalholder {
display: block;
height: 0;
}
.ld-form__field-password-wrapper {
margin-bottom: var(--ld-spacer-fixed-1);
}
.ld-form__field-coupon_field {
width: 100%;
}
.ld-form__field-coupon_field-wrapper {
display: flex;
max-width: 450px;
}
.ld-form__coupon {
display: flex;
flex-direction: column;
gap: 8px;
}
.ld-button__coupon-apply {
margin-left: 10px;
overflow-wrap: break-word;
white-space: normal;
word-break: normal;
}
.ld-breakpoint--medium .ld-registration__wrapper--logged-in .ld-registration-order-wrapper {
border-right: none;
box-sizing: border-box;
flex: 0 0 100%;
max-width: 650px;
padding-right: 0;
}
.ld-coupon {
display: flex;
}
.ld-coupon__alerts {
margin-left: auto;
margin-right: auto;
max-width: 650px;
}
.ld-coupon__wrapper {
display: none;
}
.ld-registration-order__items--with-coupon .ld-coupon__wrapper {
display: block;
}
.ld-coupon__details-wrapper {
background-color: var(--ld-color-system-middle-gray-light);
border-radius: 5px;
display: none;
padding: 7px 9px;
}
.ld-registration-order__items--with-coupon .ld-coupon__details-wrapper {
display: inline-block;
}
.ld-coupon__remove {
border: 0;
cursor: pointer;
font-size: var(--ld-typography-desktop-body-size);
line-height: 0;
margin: 0;
padding: 0;
text-decoration: none;
}
.ld-coupon__remove, .ld-coupon__remove:hover, .ld-coupon__remove:focus, .ld-coupon__remove:active {
background-color: transparent;
box-shadow: none;
}
.ld-coupon__remove:hover svg path {
fill: #000;
}
.ld-coupon__remove:focus {
color: inherit;
outline: solid;
}
.ld-coupon__remove-form {
align-self: center;
display: flex;
line-height: 0;
margin-left: var(--ld-spacer-2);
margin-bottom: 0;
vertical-align: middle;
}
.ld-coupon__label-wrapper {
display: flex;
}
.ld-coupon__label {
align-self: center;
display: flex;
}
.ld-coupon__label-text {
align-self: center;
display: inline-block;
font-weight: var(--ld-typography-font-weight-bold);
text-transform: uppercase;
word-break: break-all;
}
.ld-coupon__label--coupon-icon {
align-self: center;
margin-right: var(--ld-spacer-1);
}
.ld-coupon__value {
align-self: center;
color: var(--ld-color-system-subtle-text);
display: inline-block;
font-size: var(--ld-typography-desktop-body-small-size);
margin-left: var(--ld-spacer-fixed-4);
}
.ld-coupon .ld-svgicon__coupon {
stroke: var(--ld-color-system-subtle);
}