.guest-order {
display: flex;
justify-content: center;
min-height: 39.8125rem;
background-size: cover;
background-color: #4f4f4f;
}
.guest-order-wrapper {
display: flex;
flex-direction: column;
align-items: center;
margin-bottom: 1.5rem;
}
.guest-order-header {
color: #fff;
display: flex;
flex-direction: column;
align-items: center;
margin: 1.5rem 0 1rem 0;
text-align: center;
}
.guest-order-header__title {
font-family: Avenir-Black;
font-size: 1.25rem;
line-height: 1.5rem;
width: 13.9375rem;
margin-bottom: 0.5rem;
margin-top:0;
}
.guest-order-header__instructions {
font-family: Avenir-Roman;
font-size: 1rem;
line-height: 1.3125rem;
max-width: 28.75rem;
padding: 0 1rem;
}
.guest-order-form-container {
width: 18.125rem;
padding: 2rem 1.875rem 1rem 1.5rem;
background-color: #fff;
box-shadow: 0 .25rem .5rem 0 rgba(0, 0, 0, 0.5);
position: relative;
}
.guest-order-form-container label,
.guest-order-form-container input,
.track-order-btn-wrapper .button {
display: block;
width: 100%;
margin-bottom: 0;
}
.guest-order-form-container input {
height: 2.25rem;
border: solid .0625rem rgba(0,0,0,0.25);
padding: .3125rem .3125rem
}
.guest-order-form-container .form-group {
margin: 0;
}
.guest-order-form-container .form-group:first-child {
padding: 0 0 .1875rem 0;
}
.guest-order-form-container .form-group:nth-child(n+2) {
padding-top: .625rem
}
.guest-order-form-container .form-group:last-child {
padding-top: 0;
}
.guest-order-form-container .form-group label {
font-family: Avenir-Black;
font-size: .625rem;
font-weight: 900;
color: #433736;
line-height: .6875rem;
padding-bottom: .3125rem;
}
.guest-order-form-container .form-group,
.track-order-btn-wrapper{
width: 100%;
}
.guest-order-form-container form {
display: flex;
flex-flow: wrap;
justify-content: center;
}
.guest-order .required-info {
font-family: Avenir-Roman;
font-size: .625rem;
color: #2e2e2e;
line-height: .875rem;
}
.guest-order .guest-order-form__full-name {
position: relative;
}
.guest-order__tooltip {
position: absolute;
bottom: 0.6rem;
right: -1.7rem;
display: flex;
flex-direction: column-reverse;
align-items: flex-end;
}
.guest-order__tooltip-message {
display: none;
width: 9.75rem;
height: 4rem;
background-color: rgba(0,0,0,0.75);
opacity: 75%;
color: #fff;
padding-top: .5625rem;
font-family: Avenir-Roman;
font-size: .625rem;
line-height: .875rem;
text-align: center;
margin-bottom: .25rem;
}
.guest-order__tooltip-icon {
width: .9375rem;
height: .9375rem;
margin-right: .5rem;
}
.guest-order__tooltip-icon svg {
float: right;
}
.guest-order__tooltip-icon:hover ~ .guest-order__tooltip-message {
display: block;
}
.guest-order__recapture-inner {
transform: scale(0.78);
transform-origin: 0 0;
margin-left: .5rem;
}
.guest-order__recapture-outer {
height: 3.7rem;
margin-top: 0.375rem;
}
.guest-order__recapture-inner input {
opacity: 0;
height: 0;
}
.guest-order__recapture-inner .recaptcha-error-msg {
display: none;
}
.track-order-btn-wrapper::before {
content:'';
display: block;
padding-top: 0.96875rem;
margin-top: 0.96875rem;
border-top: solid .0625rem #e2e2e2;
}
.guest-order-form__not-exist-order-msg {
margin-top: 1.25rem;
}
.guest-order-form__error-msg {
font-size: .625rem;
line-height: 0.875rem;
color: #c41230;
margin-top: 0.3125rem;
display: none;
}
.guest-order .guest-order-form__error-input {
border-color: #c41230;
}
@media (min-width: 48rem) {
.guest-order-form-container {
width: 18.75rem;
padding: 2rem 2rem 1rem 2rem;
}
.guest-order-wrapper {
margin-bottom: 2.5rem;
}
.guest-order-header {
margin: 2.5rem 0 2rem 0;
}
.guest-order-header__title {
font-size: 1.875rem;
line-height: 2.0625rem;
width: 17.0625rem;
}
.guest-order__tooltip-icon {
width: auto;
height: auto;
margin-right: .3rem;
}
.guest-order__tooltip {
right: -1.6rem;
}
}
.guest-order {
background-color: #ffffff;
}
.guest-order .required-info {
font-family: 'DM Sans', sans-serif;
color: #000000;
font-size: 0.75rem;
}
.guest-order-form-container .form-group label {
font-family: 'DM Sans', sans-serif;
color: #000000;
font-size: 0.75rem;
}
.guest-order-form-container .form-group input {
border: 0.0625rem solid #58585a;
border-radius: 0.25rem;
}
.guest-order-form-container .form-group input:focus-visible {
outline: none;
}
.guest-order-form-container .form-group:focus-within label {
color: #037fa5;
}
.guest-order-form-container .form-group:focus-within input {
border: 0.09375rem solid #037fa5;
border-radius: 0.25rem;
}
.guest-order-form-container .form-group.error label {
color: #ea1730;
}
.guest-order-form-container .form-group.error input {
border: 0.09375rem solid #ea1730;
}
.guest-order-form-container .form-group.error:focus-within input {
border: 0.09375rem solid #037fa5;
}
.guest-order .guest-order-form__error-msg {
color: #ea1730;
font-family: 'DM Sans', sans-serif;
font-weight: 500;
font-size: 0.625rem;
}
.guest-order .guest-order-header__title {
color: #000000;
font-family: 'DIN 30640 Pro', sans-serif;
font-size: 1.5rem !important;
font-weight: 900;
text-transform: capitalize;
}
.guest-order .guest-order-header__instructions {
font-family: 'DM Sans', sans-serif;
font-size: 1rem;
color: #000000;
}
.productCarousel:not(.cq-Editable-dom):not(:has(.prd-carousel--wrap)):has(.prd-carousel) {
display: none;
}
.productCarousel .slick-dots li.slick-active button:before,
.productCarousel .slick-dots li button:before {
content: unset;
}
.prd-carousel .single-line {
color: inherit;
font-family: inherit;
}
.prd-carousel .red-price {
color: #A00A1D;
font-weight: bold;
}
.prd-carousel .prd-carousel-top-price {
font-size: 1rem;
line-height: 1.5rem;
margin-bottom: 0.25rem;
font-weight: bold;
}
.prd-carousel .prd-carousel-top-price-label {
font-size: 0.75rem;
line-height: 1rem;
font-weight: 400;
}
.prd-carousel .prd-carousel__saving {
font-weight: bold;
}
.prd-carousel .prd-carousel__product-tile__title {
width: inherit;
}
.prd-carousel .member-price-cta__text:hover {
text-decoration: underline;
}
.prd-carousel .hidden {
visibility: hidden;
}
.interstitial-prd-carousel {
padding: 0 2rem 1rem 2rem;
}
.interstitial-prd-carousel__product-tile__title--link,
.interstitial-prd-carousel__header,
.interstitial-prd-carousel__product-tile-price,
.interstitial-prd-carousel__product-tile__btn .button,
.interstitial-prd-carousel .prd-carousel__save-price {
font-family: 'HelveticaNeue-Bold', sans-serif;
}
.interstitial-prd-carousel__sub-header,
.interstitial-prd-carousel .prd-carousel__product-tile__prices--small {
font-family: 'HelveticaNeue', sans-serif;
}
.interstitial-prd-carousel__product-tile {
width: 15rem;
}
.interstitial-prd-carousel__product-tile__bv {
height: 1.3125rem;
}
.interstitial-prd-carousel__product-tile__title--link {
color: #000000;
font-size: .75rem;
text-decoration: underline;
}
.interstitial-prd-carousel__headline {
text-align: center;
}
.interstitial-prd-carousel__header {
font-size: 1rem;
text-align: center;
margin: 1rem 0 0 0;
}
.interstitial-prd-carousel__header::after {
display: none;
}
.interstitial-prd-carousel__sub-header {
margin: .375rem 0 1rem 0;
font-size: .75rem;
}
.interstitial-prd-carousel__item {
width: 14.375rem;
display: flex;
align-items: center;
justify-content: center;
}
.interstitial-prd-carousel__item.slick-slide {
display: flex;
}
.interstitial-prd-carousel__product-tile-container {
display: flex;
justify-content: center;
padding-left: .5rem;
}
.interstitial-prd-carousel__product-tile-image-container {
display: flex;
align-items: center;
}
.interstitial-prd-carousel__product-tile-image-url {
max-width: 5.9375rem;
height: 5.9375rem;
}
.interstitial-prd-carousel__product-tile-image {
max-width: 5.9375rem;
max-height: 5.9375rem;
}
.interstitial-prd-carousel__product-tile-body {
font-size: .75rem;
margin-left: .5rem;
line-height: 1rem;
display: flex;
flex-direction: column;
}
.interstitial-prd-carousel__product-tile__btn {
margin-top: .5rem;
}
.interstitial-prd-carousel__product-tile__btn .button {
width: 13.625rem;
height: 2.1875rem;
background-color: #fff;
color: #000000;
font-size: 1rem;
text-transform: none;
border-radius: 3.125rem;
border-top: 0.125rem solid #000000;
border-bottom: 0.125rem solid #000000;
border-left: 0.15rem solid #000000;
border-right: 0.15rem solid #000000;
}
.interstitial-prd-carousel__product-tile__btn .button:hover,
.interstitial-prd-carousel__product-tile__btn .button:focus {
background-color: transparent;
color: #000000;
}
.interstitial-prd-carousel .product-added-btn,
.interstitial-prd-carousel .product-added-btn:hover,
.interstitial-prd-carousel .product-added-btn:focus {
background-color: #f2f2f2;
border: 0;
}
.interstitial-prd-carousel__prev-btn,
.interstitial-prd-carousel__next-btn {
width: 1.25rem;
height: 1.25rem;
top: 30%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
border: solid #eeb111;
border-width: 0 5px 5px 0;
cursor: pointer;
}
.interstitial-prd-carousel__prev-btn.slick-disabled,
.interstitial-prd-carousel__next-btn.slick-disabled {
border-color: #e2e2e2;
}
.interstitial-prd-carousel__prev-btn,
.interstitial-prd-carousel__next-btn,
.interstitial-prd-carousel__prev-btn:hover,
.interstitial-prd-carousel__next-btn:hover,
.interstitial-prd-carousel__prev-btn:focus,
.interstitial-prd-carousel__next-btn:focus {
background: none;
padding: 0;
margin: 0;
}
.interstitial-prd-carousel__prev-btn {
position: absolute;
left: -0.9375rem;
-webkit-transform: rotate(135deg);
-ms-transform: rotate(-45deg);
transform: rotate(135deg);
}
.interstitial-prd-carousel__next-btn {
position: absolute;
right: -0.9375rem;
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.interstitial-prd-carousel .prd-carousel-top-price {
font-size: .75rem;
}
.interstitial-prd-carousel .prd-carousel__product-tile__prices--small,
.interstitial-prd-carousel .prd-carousel__save-price {
font-size: .625rem;
}
.interstitial-prd-carousel .prd-carousel__save-price {
color: #008800;
display: inline-block;
}
.interstitial-prd-carousel .slick-list > div {
margin-left: 0;
}
.interstitial-product-card {
display: flex;
flex-wrap: wrap;
border-bottom: 1px solid rgba(39, 3, 9, 0.3);
}
.interstitial-product-card__product-title:has(+ .marketplace-product-label) {
margin-bottom: .5rem;
}
.interstitial-product-card__product-data .marketplace-product-label {
margin: .625rem 0;
width: 14rem;
}
.interstitial-product-card__product-data .marketplace-product-label span {
text-decoration: underline;
}
.interstitial-product-card__header-title,
.interstitial-product-card__product-title-text,
.interstitial-product-card__main-cta-text,
.interstitial-product-card__protection-plans-title,
.interstitial-product-card__protection-plan-select,
.interstitial-product-card__product-subscription-label,
.interstitial-product-card__delivery-date {
font-family: 'HelveticaNeue-Bold', sans-serif;
}
.interstitial-product-card__product-specification,
.interstitial-product-card__delivery,
.interstitial-product-card__protection-plans-learn-more {
font-family: 'HelveticaNeue', sans-serif;
}
.interstitial-product-card__check-mark-icon {
width: 2rem;
height: 2rem;
}
.interstitial-product-card__check-mark-icon svg {
width: 2rem;
height: 2rem;
display: inline-block;
}
.interstitial-product-card__icons {
display: none;
}
.interstitial-product-card__product-subscription {
display: flex;
align-items: center;
margin-top: 1rem;
}
.interstitial-product-card__product-subscription-icon {
width: 1.4rem;
height: 1.4rem;
}
.interstitial-product-card__product-subscription-icon svg {
width: 1.4rem;
height: 1.4rem;
display: inline-block;
}
.interstitial-product-card__product-subscription-label {
margin-left: .5rem;
font-size: .75rem;
font-weight: bold;
}
.interstitial-product-card__header {
display: flex;
align-items: center;
}
.interstitial-product-card__success-title,
.interstitial-product-card__error-title {
display: none;
}
.success .interstitial-product-card__success-title,
.error .interstitial-product-card__error-title {
display: flex;
align-items: center;
flex-wrap: wrap;
}
.interstitial-product-card__header-title {
font-size: 1.25rem;
margin-left: .5rem;
}
.interstitial-product-card__appliances-quantity {
font-size: .75rem;
margin-left: 2.5rem;
}
.interstitial-product-card__item {
display: flex;
}
.interstitial-product-card__header-container {
width: 100%;
display: flex;
margin: 0 1rem;
padding: 1.5rem 0 1rem;
border-bottom: 1px solid rgba(0, 0, 0, 0.2);
flex-wrap: wrap;
}
.interstitial-product-card__cart-limit-message {
color: #e22323;
margin-top: 10px;
width: 100%;
}
.interstitial-product-card__container {
width: 100%;
}
.interstitial-product-card__container {
padding: 1.5rem;
}
.interstitial-product-card__product-image-container {
display: flex;
flex-direction: column;
justify-content: center;
margin-right: .5rem;
}
.interstitial-product-card__product-image {
max-height: 100%;
}
.interstitial-product-card__product-title-text {
width: 14rem;
font-size: .875rem;
line-height: 1.25rem;
letter-spacing: normal;
font-weight: bold;
color: #000;
}
.interstitial-product-card__product-title-text::after {
display: none;
}
.interstitial-product-card__product-title {
margin-bottom: .5625rem;
}
.interstitial-product-card__product-specification {
font-size: .75rem;
margin-bottom: .5rem;
}
.interstitial-product-card__product-specification-value {
font-weight: 700;
margin-left: 0.25rem;
}
.interstitial-product-card__protection-plans {
margin-top: 1.5rem;
}
.interstitial-product-card__protection-plans-header {
display: flex;
align-items: center;
margin-bottom: .375rem;
}
.interstitial-product-card__protection-plans-title {
font-size: .75rem;
margin-left: .1rem;
}
.interstitial-product-card__protection-plans-body {
display: flex;
align-items: center;
}
.interstitial-product-card__trigger {
display: flex;
}
.interstitial-product-card__protection-plan-select {
width: 100%;
height: 100%;
cursor: pointer;
padding: 0 3.625rem 0 .5rem;
border: 0;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
z-index: 1;
background: transparent;
font-weight: bold;
font-size: .75rem;
}
.interstitial-product-card__protection-plan-select::-ms-expand {
display: none;
}
.interstitial-product-card__protection-plan-trigger {
position: relative;
display: inline-flex;
align-items: center;
height: 2.5rem;
line-height: 2.5rem;
background: #fff;
border: solid 1px rgba(127, 127, 127, 0.35);
}
.interstitial-product-card__protection-plan-arrow {
position: absolute;
top: .6875rem;
right: 1.25rem;
}
.interstitial-product-card__protection-plan-arrow::before {
content: '';
display: block;
width: .75rem;
height: .75rem;
transform: rotate(45deg);
border: solid #eeb111;
border-width: 0 3px 3px 0;
}
.interstitial-product-card__protection-plans-learn-more {
margin-left: .5rem;
}
.interstitial-product-card__protection-plans-learn-more a {
font-size: .75rem;
font-weight: normal;
}
.interstitial-product-card__delivery-container {
width: 100%;
}
.interstitial-product-card__delivery {
border-top: 1px solid rgba(0, 0, 0, 0.2);
min-height: 2.1875rem;
font-size: 1rem;
padding: .5625rem 1rem;
}
.interstitial-product-card__delivery-date {
color: #008800;
}
.interstitial-product-card .horizontal-line {
content: '';
height: 0.0625rem;
display: block;
margin: 0 2rem;
background: #000;
opacity: 0.2;
}
.interstitial-product-card__main-cta {
display: none;
}
@media all and (max-width: 47.938rem) {
.interstitial-product-card__header {
width: 100%;
}
.interstitial-product-card__product-image-container {
height: 6.75rem;
}
.interstitial-product-card__with-protection-plans {
padding-bottom: 4.75rem;
}
.interstitial-product-card__protection-plans-wrapper {
margin-left: 1rem;
}
.interstitial-product-card__protection-plans {
width: 100vw;
position: absolute;
left: 50%;
right: 50%;
margin-left: -50vw;
margin-right: -50vw;
}
.interstitial-product-card__protection-plan-select {
padding: 0 1.4rem 0 .2rem;
font-size: .65rem;
}
.interstitial-product-card__protection-plan-arrow {
right: .4rem;
}
.interstitial-product-card__protection-plans-learn-more {
margin-left: .25rem;
}
.interstitial-product-card__protection-plans-learn-more a {
font-size: .65rem;
}
}
@media all and (min-width: 48rem) {
.interstitial-product-card__appliances-quantity {
font-size: 1.25rem;
margin-left: .3125rem;
}
.interstitial-product-card__container {
padding: 1.5rem .5rem 1.5rem 2.5rem;
}
.interstitial-product-card__product-image-container {
height: 12.5rem;
margin-right: 3rem;
}
.interstitial-product-card__header-container {
margin: 0 2.5rem;
padding: 1rem 0;
justify-content: space-between;
}
.interstitial-product-card__delivery {
padding: .5625rem 2rem;
}
.interstitial-product-card__product-title {
margin: 1rem 0;
}
.interstitial-product-card__product-title-text {
width: 23rem;
font-size: 1rem;
letter-spacing: normal;
line-height: 1.19;
}
.interstitial-product-card .marketplace-product-label {
width: 23rem;
}
.interstitial-product-card__protection-plans-title {
margin-left: .25rem;
}
.interstitial-product-card__product-image-container {
align-items: center;
}
.interstitial-product-card__main-cta {
display: flex;
align-items: center;
justify-content: center;
background: 0;
padding: 0;
margin: 0;
text-transform: none;
height: inherit;
font-size: inherit;
font-weight: inherit;
color: inherit;
}
.interstitial-product-card__main-cta:hover,
.interstitial-product-card__main-cta:focus,
.interstitial-product-card__main-cta[disabled],
.interstitial-product-card__main-cta[disabled]:hover,
.interstitial-product-card__main-cta[disabled]:focus {
background: none;
color: inherit;
}
.interstitial-product-card__main-cta:before {
content: '';
display: block;
height: 2.5rem;
width: .0625rem;
background: #e2e2e2;
margin-right: 1rem;
}
.interstitial-product-card__main-cta-container {
display: flex;
}
.interstitial-product-card__main-cta-icon svg {
width: 1.375rem;
height: 1.1875rem;
}
.interstitial-product-card__main-cta-text {
margin-left: .5625rem;
}
}
@media all and (max-width: 20rem) {
.interstitial-product-card__protection-plan-select {
font-size: .55rem;
}
}
@media all and (max-width: 22.5rem) {
.interstitial-product-card__container {
padding-right: .5rem;
}
.interstitial-product-card__product-title-text {
width: 12rem;
}
.interstitial-product-card__protection-plans-wrapper {
margin-left: .2rem;
}
}
.interstitial-product-subscriptions__select {
margin-top: .5rem;
position: relative;
user-select: none;
border: 0.063rem solid #a9a9a9;
background-color: #ffffff;
z-index: 2;
display: flex;
flex-direction: column;
}
.interstitial-product-subscriptions__select .recommended {
font-weight: normal;
}
.interstitial-product-subscriptions__select-trigger,
.interstitial-product-subscriptions__select-options {
font-style: normal;
font-weight: bold;
font-size: .75rem;
line-height: 1rem;
}
.interstitial-product-subscriptions__select-trigger {
position: relative;
display: flex;
height: 2.5rem;
align-items: center;
padding-left: .5625rem;
color: #000000;
}
.interstitial-product-subscriptions__select-trigger:focus {
box-shadow: inset 0 0 0 0.0625rem #000000;
}
.interstitial-product-subscriptions__select-options {
position: absolute;
top: 102%;
left: 0;
right: 0;
border-radius: .125rem;
box-shadow: 0 0.5px 4px 0 rgba(0, 0, 0, 0.5);
border-top: 0;
background: #ffffff;
opacity: 0;
visibility: hidden;
pointer-events: none;
z-index: 2;
}
.interstitial-product-subscriptions__select-options__option {
position: relative;
display: block;
padding: .5625rem .5rem;
font-size: .75rem;
color: #000000;
cursor: pointer;
transition: all 0.5s;
line-height: 1.33;
font-weight: bold;
}
.interstitial-product-subscriptions__select-options__option:hover {
cursor: pointer;
background-color: #b2b2b2;
}
.interstitial-product-subscriptions__select-options__option.selected {
background-color: #ededed;
}
.interstitial-product-subscriptions__select-options__option-frequency-copy {
font-weight: normal;
color: #000000;
}
.interstitial-product-subscriptions__select-options__option:focus {
box-shadow: inset 0 0 0 0.0625rem #000000;
}
.interstitial-product-subscriptions__select.open .interstitial-product-subscriptions__select-options {
opacity: 1;
visibility: visible;
pointer-events: all;
}
.interstitial-product-subscriptions__select-icon {
position: absolute;
width: 3rem;
height: 100%;
top: 0;
right: 0;
border-left: solid 0.0625rem #a9a9a9;
display: flex;
justify-content: center;
z-index: -1;
}
.interstitial-product-subscriptions__select-icon:after {
content: '';
transform: rotate(45deg);
height: .725rem;
width: .775rem;
margin-top: .725rem;
border-bottom: 0.1875rem solid #e09d00;
border-right: 0.1875rem solid #e09d00;
}
@media (min-width: 47.938rem) {
.interstitial-product-subscriptions__select {
width: 20rem;
}
}
.interstitial-product-subscriptions__guestpass {
border: 0.125rem solid rgba(0, 0, 0, 0.2);
padding: 1.25rem 1rem 1rem;
font-size: .875rem;
line-height: 1rem;
color: #000000;
}
.interstitial-product-subscriptions__guestpass-header {
font-weight: bold;
margin-bottom: .75rem;
display: flex;
}
.interstitial-product-subscriptions__guestpass-header__icon {
height: 1.5rem;
width: 1.5rem;
}
.interstitial-product-subscriptions__guestpass-header__icon svg:not(:root) {
height: inherit;
}
.interstitial-product-subscriptions__guestpass-header__text {
margin: auto .5rem;
}
.interstitial-product-subscriptions {
padding: 1.156rem 1rem 1rem;
border-top: 1px solid rgba(0, 0, 0, 0.2);
font-family: "HelveticaNeue", sans-serif;
}
.interstitial-product-subscriptions__checkbox-container {
position: relative;
padding-left: 1.625rem;
}
.interstitial-product-subscriptions__checkbox-container input[type="checkbox"] {
position: absolute;
opacity: 0;
top: .0625rem;
left: 0;
}
.interstitial-product-subscriptions__checkbox-container input[type="checkbox"] + .check-mark {
height: 1rem;
width: 1rem;
position: absolute;
top: 0;
left: 0;
border: .0625rem solid #000;
}
.interstitial-product-subscriptions__checkbox-container input[type="checkbox"]:checked + .check-mark:after {
position: absolute;
display: block;
top: .0625rem;
left: .25rem;
width: .375rem;
height: .625rem;
border: solid #000000;
border-width: 0 .125rem .125rem 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
content: '';
}
.interstitial-product-subscriptions__label {
font-size: 1rem;
line-height: 1.188rem;
color: #000000;
font-style: normal;
font-weight: bold;
}
.interstitial-product-subscriptions__label .percent-off {
color: #008800;
}
.interstitial-product-subscriptions__terms {
margin-top: .656rem;
font-style: normal;
font-weight: normal;
font-size: .75rem;
line-height: 1rem;
color: #000000;
}
.interstitial-product-subscriptions__terms a {
font-weight: normal;
}
.interstitial-product-subscriptions__select-container {
margin-top: .5rem;
}
.interstitial-product-subscriptions__delivery {
margin-top: .5rem;
font-size: .75rem;
font-style: normal;
font-weight: bold;
line-height: .875rem;
}
@media (min-width: 48rem) {
.interstitial-product-subscriptions {
padding: 1.656rem 3rem 1.5rem;
}
}
.author-env.interstitial-modal {
display: block;
position: unset;
}
.author-env .modal-box {
opacity: 1;
}
.interstitial-modal-trigger {
display: none;
}
.interstitial-modal {
-ms-overflow-style: none;
scrollbar-width: none;
}
.interstitial-modal::-webkit-scrollbar {
display: none;
}
.interstitial-modal .modal-box {
padding: 0;
width: 100%;
max-width: unset;
}
.interstitial-modal .modal-dialog {
text-align: unset;
max-width: 100%;
}
.interstitial-modal__container {
box-shadow: 0 4px 8px 0 rgba(39, 3, 9, 0.3);
background-color: #fff;
}
@media all and (max-width: 63.938rem) {
.interstitial-modal {
padding: 0;
}
.interstitial-modal .modal-box {
margin: 0;
}
}
@media all and (min-width: 64rem) {
.interstitial-modal .modal-box {
width: 52.5rem;
}
}
.interstitial-installation-service {
padding: 1.25rem 0 0 0;
}
.interstitial-installation-service .green {
color: #008800;
}
.interstitial-installation-service__header:not(.ka-hide) {
display: flex;
align-items: center;
font-family: "HelveticaNeue", sans-serif;
font-weight: bold;
font-size: 1rem;
}
.interstitial-installation-service__header-icon {
display: inline-block;
}
.interstitial-installation-service__header-icon svg {
width: 1.875rem;
height: 1.5rem;
margin-right: .625rem;
}
.interstitial-installation-service__header-icon img {
max-width: 1.875rem;
max-height: 1.5rem;
margin-right: .625rem;
}
.interstitial-installation-service__learn-more {
font-weight: normal;
color: #353535;
font-size: 0.75rem;
margin-left: 0.5rem;
}
.interstitial-installation-service__no-options {
padding: 0;
}
.interstitial-installation-service__title {
display: inline-block;
font-size: 0.875rem;
font-family: "HelveticaNeue", sans-serif;
font-weight: bold;
margin: 1.5rem 0 1rem 0;
}
.interstitial-installation-service .upper {
text-transform: uppercase;
}
.interstitial-installation-service__options :last-child {
margin-bottom: 0;
}
.interstitial-installation-service__price {
font-family: "HelveticaNeue", sans-serif;
font-weight: bold;
}
.interstitial-installation-service__checkbox-container {
position: relative;
padding-left: 1.625rem;
margin-bottom: 1rem;
cursor: pointer;
font-size: 0.875rem;
display: block;
align-items: center;
}
.interstitial-installation-service__checkbox-container input {
position: absolute;
opacity: 0;
cursor: pointer;
}
.interstitial-installation-service__checkbox-container input:checked ~ .check-mark:after {
display: block;
}
.interstitial-installation-service__checkbox-container .check-mark {
position: absolute;
top: 0;
left: 0;
border: 0.0625rem solid #000;
height: 1rem;
width: 1rem;
}
.interstitial-installation-service__checkbox-container .check-mark:after {
content: '';
position: absolute;
display: none;
top: .0625rem;
left: .25rem;
width: .375rem;
height: .625rem;
border: solid black;
border-width: 0 0.125rem 0.125rem 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.interstitial-installation-service__header,
.interstitial-installation-service-section {
padding: 0 1rem;
}
.interstitial-installation-service-section {
border-top: 0.0625rem solid rgba(0, 0, 0, 0.2);
border-bottom: 0.0625rem solid rgba(0, 0, 0, 0.2);
padding-bottom: 1.1875rem;
}
.interstitial-installation-service__fieldset {
border: none;
padding: 0;
margin: 0;
}
@media all and (min-width: 48rem) {
.interstitial-installation-service {
padding: 1.40625rem 0 0 0;
}
.interstitial-installation-service__header {
font-size: 1.25rem;
}
.interstitial-installation-service__header-icon {
display: inline-block;
}
.interstitial-installation-service__header-icon svg {
width: 2.75rem;
height: 2.1875rem;
}
.interstitial-installation-service__header-icon img {
max-width: 2.75rem;
max-height: 2.1875rem;
}
.interstitial-installation-service__header,
.interstitial-installation-service-section {
padding: 0 2rem 1rem 2rem;
}
.interstitial-installation-service__learn-more {
font-size: 1rem;
}
.interstitial-installation-service__no-options {
padding: 0;
}
.interstitial-installation-service__title {
font-size: 1rem;
margin: 1rem 0;
}
.interstitial-installation-service__checkbox-container {
font-size: 1rem;
}
.interstitial-installation-service__checkbox-container input:focus + .check-mark {
outline: dotted 0.125rem #000000;
}
}
.interstitial-delivery {
padding: 1.25rem 0 0 0;
}
.interstitial-delivery .green {
color: #008800;
}
.interstitial-delivery .upper {
text-transform: uppercase;
}
.interstitial-delivery__header:not(.ka-hide) {
display: flex;
align-items: center;
font-family: "HelveticaNeue", sans-serif;
font-weight: bold;
font-size: 1rem;
}
.interstitial-delivery__header-icon {
display: inline-block;
}
.interstitial-delivery__header-icon svg {
width: 1.875rem;
height: 1.5rem;
margin-right: .625rem;
}
.interstitial-delivery__header-icon img {
max-width: 1.875rem;
max-height: 1.5rem;
margin-right: .625rem;
}
.interstitial-delivery__no-options {
padding: 0;
}
.interstitial-delivery__options :last-child {
margin-bottom: 0;
}
.interstitial-delivery__title {
display: inline-block;
font-size: 0.875rem;
font-family: "HelveticaNeue", sans-serif;
font-weight: bold;
margin: 1.5rem 0 1rem 0;
}
.interstitial-delivery__policy {
font-weight: normal;
color: #353535;
font-size: 0.75rem;
margin-left: 0.5rem;
}
.interstitial-delivery__price {
font-family: "HelveticaNeue", sans-serif;
font-weight: bold;
}
.interstitial-delivery__radio-container,
.interstitial-delivery__checkbox-container {
position: relative;
padding-left: 1.625rem;
margin-bottom: 1rem;
cursor: pointer;
font-size: 0.875rem;
}
.interstitial-delivery__radio-container input,
.interstitial-delivery__checkbox-container input {
position: absolute;
opacity: 0;
cursor: pointer;
}
.interstitial-delivery__radio-container input:checked ~ .check-mark:after,
.interstitial-delivery__checkbox-container input:checked ~ .check-mark:after {
display: block;
}
.interstitial-delivery__radio-container .check-mark,
.interstitial-delivery__checkbox-container .check-mark {
position: absolute;
top: 0;
left: 0;
border: 0.0625rem solid #000;
}
.interstitial-delivery__radio-container .check-mark:after,
.interstitial-delivery__checkbox-container .check-mark:after {
content: '';
position: absolute;
display: none;
}
.interstitial-delivery__radio-container {
display: block;
}
.interstitial-delivery__radio-container .check-mark {
height: 1.25rem;
width: 1.25rem;
border-radius: 50%;
background: #ffffff;
}
.interstitial-delivery__radio-container .check-mark:after {
top: 25%;
left: 25%;
width: 50%;
height: 50%;
border-radius: 50%;
background: #000;
}
.interstitial-delivery__checkbox-container {
display: block;
align-items: center;
}
.interstitial-delivery__checkbox-container.included {
opacity: 0.5;
}
.interstitial-delivery__checkbox-container .check-mark {
height: 1rem;
width: 1rem;
}
.interstitial-delivery__checkbox-container .check-mark:after {
top: .0625rem;
left: .25rem;
width: .375rem;
height: .625rem;
border: solid black;
border-width: 0 0.125rem 0.125rem 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.interstitial-delivery__included-copy {
display: none;
opacity: 0.5;
}
.interstitial-delivery__included-copy.show {
display: inline;
}
.interstitial-delivery__accessories {
display: none;
}
.interstitial-delivery__accessories:before {
content: '';
width: 100%;
height: .0625rem;
display: block;
margin-top: 1rem;
background: #000;
opacity: .2;
}
.interstitial-delivery__accessories-info {
position: relative;
min-height: 1.25rem;
display: flex;
flex-direction: row;
align-items: center;
padding-top: 0.5rem;
margin: 0 0.5rem;
}
.interstitial-delivery__accessories-info > .interstitial-delivery__accessories-prev-btn-mobile,
.interstitial-delivery__accessories-info > .interstitial-delivery__accessories-next-btn-mobile {
display: none;
width: 1.25rem;
height: 1.25rem;
top: 40%;
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(135deg);
transform: rotate(-45deg);
border: solid #eeb111;
border-width: 0 0.3125rem 0.3125rem 0;
cursor: pointer;
}
.interstitial-delivery__accessories-info > .interstitial-delivery__accessories-prev-btn-mobile.slick-disabled,
.interstitial-delivery__accessories-info > .interstitial-delivery__accessories-next-btn-mobile.slick-disabled {
border: solid #e2e2e2;
border-width: 0 0.3125rem 0.3125rem 0;
}
.interstitial-delivery__accessories-info > .interstitial-delivery__accessories-prev-btn-mobile {
-webkit-transform: rotate(135deg);
-ms-transform: rotate(-45deg);
transform: rotate(135deg);
}
.interstitial-delivery__accessories-info-container {
text-align: center;
width: calc(100% - 2.5rem);
font-size: 0.75rem;
font-weight: bold;
}
.interstitial-delivery__accessories-info-container .bracket {
display: initial;
}
.interstitial-delivery__accessory {
display: flex;
background: #ffffff;
width: auto;
height: 5rem;
border: solid 0.0625rem #979797;
align-items: center;
margin: .5rem 0;
}
.interstitial-delivery__accessory.slick-slide {
display: flex;
}
.interstitial-delivery__accessory .interstitial-delivery__checkbox-container {
display: none;
}
.interstitial-delivery__accessory .interstitial-delivery__checkbox-container .check-mark {
display: none;
}
.interstitial-delivery__accessory.selected {
border: solid 0.125rem #000000;
}
.interstitial-delivery__accessory-image {
max-height: 3.5rem;
max-width: 3.5rem;
margin: 0 .5rem;
}
.interstitial-delivery__accessory-specifications {
font-size: .75rem;
line-height: 1rem;
}
.interstitial-delivery__accessory-price {
font-family: "HelveticaNeue", sans-serif;
font-weight: bold;
}
.interstitial-delivery__accessory-price .red {
color: #c80a33;
}
.interstitial-delivery__accessories-prev-btn,
.interstitial-delivery__accessories-next-btn {
width: 1.25rem;
height: 1.25rem;
top: 40%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
border: solid #eeb111;
border-width: 0 0.3125rem 0.3125rem 0;
cursor: pointer;
}
.interstitial-delivery__accessories-prev-btn.slick-disabled,
.interstitial-delivery__accessories-next-btn.slick-disabled {
border: solid #e2e2e2;
border-width: 0 0.3125rem 0.3125rem 0;
}
.interstitial-delivery__accessories-prev-btn {
position: absolute;
left: -0.9375rem;
-webkit-transform: rotate(135deg);
-ms-transform: rotate(-45deg);
transform: rotate(135deg);
}
.interstitial-delivery__accessories-next-btn {
position: absolute;
right: -0.9375rem;
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.interstitial-delivery__header,
.interstitial-delivery__installation-section,
.interstitial-delivery__delivery-section {
padding: 0 1rem;
}
.interstitial-delivery__installation-section,
.interstitial-delivery__delivery-section {
border-bottom: 0.0625rem solid rgba(0, 0, 0, 0.2);
padding-bottom: 1.1875rem;
}
.interstitial-delivery__installation-section {
border-top: 0.0625rem solid rgba(0, 0, 0, 0.2);
background: #f2f2f2;
margin-top: 1rem;
}
.interstitial-delivery__content-spot-section {
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
padding: 0 2rem .9375rem 2rem;
border-bottom: 0.0625rem solid rgba(0, 0, 0, 0.2);
}
.interstitial-delivery__content-spot-text {
width: 38.375rem;
line-height: 1.19;
}
.interstitial-delivery__required-option-error {
display: none;
color: #c80a33;
font-size: .875rem;
margin: 0.5rem 0 -0.625rem 0;
}
.interstitial-delivery .interstitial-delivery__fieldset {
border: none;
padding: 0;
margin: 0;
}
.interstitial-delivery__accessory-wrapper.invisible {
visibility: hidden;
}
@media all and (min-width: 48rem) {
.interstitial-delivery {
padding: 1.40625rem 0 0 0;
}
.interstitial-delivery__header {
font-size: 1.25rem;
}
.interstitial-delivery__header-icon {
display: inline-block;
}
.interstitial-delivery__header-icon svg {
width: 2.75rem;
height: 2.1875rem;
}
.interstitial-delivery__header-icon img {
max-width: 2.75rem;
max-height: 2.1875rem;
}
.interstitial-delivery__header,
.interstitial-delivery__installation-section,
.interstitial-delivery__delivery-section {
padding: 0 2rem 1rem 2rem;
}
.interstitial-delivery__no-options {
padding: 0;
}
.interstitial-delivery__title {
font-size: 1rem;
margin: 1rem 0;
}
.interstitial-delivery__policy {
font-size: 1rem;
}
.interstitial-delivery__radio-container,
.interstitial-delivery__checkbox-container {
font-size: 1rem;
}
.interstitial-delivery__radio-container input:focus + .check-mark,
.interstitial-delivery__checkbox-container input:focus + .check-mark {
outline: dotted 0.125rem #000000;
}
.interstitial-delivery__required-option-error {
font-size: 1rem;
}
.interstitial-delivery__accessory {
width: 95%;
margin: .5rem;
}
.interstitial-delivery__accessory .interstitial-delivery__checkbox-container.selected {
display: flex;
}
.interstitial-delivery__accessory .interstitial-delivery__checkbox-container input:checked ~ .check-mark {
display: block;
margin: 0 0.75rem;
}
.interstitial-delivery__accessories-container .slick-track {
margin-left: 0;
}
.interstitial-delivery__accessories-info-container {
width: 100%;
}
.interstitial-delivery__accessories-info-container .bracket {
display: none;
}
}
.interstitial-cta-buttons {
display: flex;
justify-content: flex-end;
border-bottom: 1px solid rgba(0, 0, 0, 0.2);
padding: 1rem 2rem 1.4375rem 2rem;
}
.interstitial-cta-buttons__secondary.button {
padding: 0;
font-size: 1rem;
font-weight: normal;
font-family: 'HelveticaNeue', sans-serif;
background: none;
text-decoration: underline;
color: #353535;
}
.interstitial-cta-buttons__secondary.button:hover,
.interstitial-cta-buttons__secondary.button:focus {
background: none;
text-decoration: underline !important;
}
.interstitial-cta-buttons__main {
width: 18rem;
margin-left: 1rem;
font-family: 'HelveticaNeue-Bold', sans-serif;
}
@media all and (max-width: 47.938rem) {
.interstitial-cta-buttons {
flex-direction: column;
align-items: center;
padding-top: 1.4375rem;
}
.interstitial-cta-buttons__secondary.button {
width: 18rem;
height: 2.3125rem;
margin: 0 0 1rem 0;
background-color: #fff;
text-decoration: none;
font-family: 'HelveticaNeue-Bold', sans-serif;
border-radius: 3.125rem;
border-top: .125rem solid #000;
border-bottom: .125rem solid #000;
border-left: .10rem solid #000;
border-right: .20rem solid #000;
}
.interstitial-cta-buttons__secondary.button:hover,
.interstitial-cta-buttons__secondary.button:focus {
background: transparent;
color: #D99E02;
}
.interstitial-cta-buttons__main.button {
width: 18rem;
margin: 0;
}
}
.interstitial-content-spot-v2__wrapper-majors,
.interstitial-content-spot-v2__wrapper-non-majors,
.interstitial-content-spot-v2__wrapper-circuit-breaker-majors,
.interstitial-content-spot-v2__wrapper-circuit-breaker-non-majors {
padding: 1rem 1.625rem 1rem 1.5rem;
}
.interstitial-content-spot-v2__heading {
font-size: 0.875rem;
line-height: 1.36;
text-align: center;
font-weight: bold;
padding-bottom: 0.5rem;
}
.interstitial-content-spot-v2__body {
font-size: 0.75rem;
line-height: 1.33;
text-align: center;
}
@media all and (min-width: 48rem) {
.interstitial-content-spot-v2__wrapper-majors,
.interstitial-content-spot-v2__wrapper-non-majors,
.interstitial-content-spot-v2__wrapper-circuit-breaker-majors,
.interstitial-content-spot-v2__wrapper-circuit-breaker-non-majors {
padding: 1rem 7.063rem;
}
.interstitial-content-spot-v2__heading,
.interstitial-content-spot-v2__body {
font-size: 1rem;
line-height: 1.19;
}
}
.interstitial-content-spot__wrapper-majors,
.interstitial-content-spot__wrapper-non-majors,
.interstitial-content-spot__wrapper-circuit-breaker {
padding: 1rem 1.625rem 1rem 1.5rem;
}
.interstitial-content-spot__heading {
font-size: 0.875rem;
line-height: 1.36;
text-align: center;
font-weight: bold;
padding-bottom: 0.5rem;
}
.interstitial-content-spot__body {
font-size: 0.75rem;
line-height: 1.33;
text-align: center;
}
@media all and (min-width: 48rem) {
.interstitial-content-spot__wrapper-majors,
.interstitial-content-spot__wrapper-non-majors,
.interstitial-content-spot__wrapper-circuit-breaker {
padding: 1rem 7.063rem;
}
.interstitial-content-spot__heading,
.interstitial-content-spot__body {
font-size: 1rem;
line-height: 1.19;
}
}
@font-face{
font-family:"icons";
src:url("../../../etc/designs/whirlpool/digitalplatform/v2/maytag/clientlibs/fonts/icons.eot");
src:url("../../../etc/designs/whirlpool/digitalplatform/v2/maytag/clientlibs/fonts/icons.eot?#iefix") format("embedded-opentype"),url("../../../etc/designs/whirlpool/digitalplatform/v2/maytag/clientlibs/fonts/icons.woff2") format("woff2"),url("../../../etc/designs/whirlpool/digitalplatform/v2/maytag/clientlibs/fonts/icons.woff") format("woff"),url("../../../etc/designs/whirlpool/digitalplatform/v2/maytag/clientlibs/fonts/icons.ttf") format("truetype"),url("../../../etc/designs/whirlpool/digitalplatform/v2/maytag/clientlibs/fonts/icons.svg#icons") format("svg");
font-weight:normal;
font-style:normal
}
.social-icons, .social-icons a {
font-size: 1.9em;
color: #FFF;
text-decoration: none;
}
.social-icons a:hover,
.social-icons a:focus {
text-decoration: none;
}
.social-icons .icon::before, .social-icons a .icon::before {
border-radius: 50%;
}
.icon-twitter:before {
content: "\f121";
}
.icon-facebook:before {
content: "\f10f";
}
.icon-youtube:before{
content:"\f125"
}
.icon-pinterest:before{
content:"\f11b"
}
.icons-chat{
background-position:0 -80px;
height:18px;
width:20px
}
.pdp-accordion-v2-bar.accordionV2-title {
border-bottom: 2px solid #ddd;
padding: 10px 15px;
line-height: 20px;
font-size: 1em;
position: relative;
cursor: pointer;
font-weight: 600;
}
.pdp-accordion-v2-drawer.accordion-v2-show {
display: block;
padding: 10px 15px;
}
.pdp-accordion-v2-drawer {
display: none;
}
.icon-arrow-down {
display: none;
}
.accordion-v2-show .icon-arrow-down {
display: block;
}
.accordion-v2-show .icon-arrow-up {
display: none;
}
.icon-arrow-up {
display: block;
}
[class^="icon-"]:before,
[class*=" icon-"]:before {
font-family: "icons";
display: inline-block;
vertical-align: middle;
line-height: 1;
font-weight: normal;
font-style: normal;
speak: none;
text-decoration: inherit;
text-transform: none;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.pdp-accordion-collapse-icon {
position: absolute;
right: 0;
bottom: .625rem;
cursor: pointer;
}
@media (min-width: 1023px) {
.invisible {
display: none;
}
}
.circuit-breaker-banner__config {
display: none;
}
.circuit-breaker-banner {
width: 100%;
text-align: center;
padding: 1rem 0.9375rem 1rem 0.9375rem;
animation: 0.5s fadeIn 0s 1 forwards;
font-weight: normal;
}
.circuit-breaker-banner.hidden {
display: none;
}
.circuit-breaker-banner--fixed {
position: fixed;
z-index: 25;
}
.comparison-chart__tooltip {
cursor: pointer;
}
.comparison-chart__tooltip svg {
height: 1.188rem !important;
margin-left: 0.5rem;
}
.comparison-chart__tooltip-info:focus {
border: dotted;
}
.comparison-chart__heading {
text-align: left;
padding-top: 2.25rem;
padding-bottom: 2.25rem;
width: 100%;
}
.comparison-chart__heading-value {
font-size: 1.875rem;
line-height: 2.0625rem;
}
.comparison-chart__wrapper {
width: 100%;
margin: auto;
background: #ffffff;
padding-bottom: 2.5rem;
}
.comparison-chart__columns-wrapper {
min-width: 75%;
margin: auto;
position: relative;
min-height: 32rem;
padding-top: 1rem;
}
.comparison-chart__columns-wrapper:after {
content: "";
display: table;
clear: both;
}
.comparison-chart__info-column {
float: left;
background: #ffffff;
width: 49%;
padding-bottom: 5rem;
position: relative;
padding-top: 8.375rem;
box-shadow: 0.625rem 0 0.313 -0.313 #797979;
}
.comparison-chart__info-cell {
height: 54px !important;
display: flex;
text-align: right;
justify-content: flex-end;
align-items: center;
padding: 0.312rem;
font-size: 0.875rem;
line-height: 1.375rem;
}
.comparison-chart__info-cell.cat-row {
background: #5e5e5e !important;
color: #ffffff;
}
.comparison-chart__info-cell:nth-child(even) {
background: #f1f2f2;
}
.comparison-chart__info-modal .close-modal-btn:focus {
border: dotted;
}
.comparison-chart__data-column {
float: left;
overflow-x: auto;
width: 51%;
}
.comparison-chart__data-column-scroll-container {
position: relative;
}
.comparison-chart__data-column-scroll-container.loading {
opacity: 0.1;
}
.comparison-chart__data-column-scroll-container.loading .digital-platform-loading-button--loader {
display: block;
width: 6.25rem;
height: 6.25rem;
opacity: 1;
left: 45%;
top: 10%;
z-index: 10;
}
.comparison-chart__data-column-scroll-container .aem-Grid {
display: flex;
padding: 0.375rem;
}
@media screen and (min-width: 1000px) {
.comparison-chart__info-column {
width: 15%;
}
.comparison-chart__data-column {
width: 85%;
}
.comparison-chart__columns-wrapper {
display: block;
width: 95%;
margin: 0 auto;
}
}
.comparison-chart .cq-Editable-dom.comparison-chart__data-column-scroll-container .newpar {
min-width: 5rem;
flex-grow: 1;
}
.comparison-chart__modals .modal-box {
position: absolute;
padding: 2rem 3.125rem 2rem 3.125rem;
top: 50%;
left: 50%;
max-width: 60.75rem;
transform: translate(-50%, -50%);
}
.comparison-chart__modals .modal-box .close-modal-btn {
height: 1.5em;
overflow: hidden;
width: 1.5em;
right: 0.7rem;
top: 0.7rem;
position: absolute;
cursor: pointer;
}
.comparison-chart__modals .modal-box .comparison-chart__info-modal-title {
font-family: "Avenir", sans-serif;
font-style: normal;
font-weight: 900;
font-size: 1.375rem;
line-height: 1.813rem;
text-align: center;
letter-spacing: 0.05em;
text-transform: uppercase;
color: #3d3d3d;
padding-bottom: 2rem;
}
.comparison-chart__modals .modal-box .comparison-chart__info-modal-text {
font-family: "Avenir", sans-serif;
font-style: normal;
font-weight: normal;
font-size: 1rem;
line-height: 1.5rem;
text-align: justify;
color: #3d3d3d;
}
.comparison-chart__modals .modal-box .comparison-chart__info-modal-image {
width: 100%;
}
@media all and (max-width: 48rem) {
.comparison-chart__modals .modal-box {
padding: 2rem 1rem 2rem 1rem;
}
.comparison-chart__modals .modal-box .comparison-chart__info-modal-title {
padding-left: 15%;
padding-right: 15%;
}
.comparison-chart__modals .modal-box .comparison-chart__image {
margin: 0 auto;
}
.comparison-chart__modals .modal-box .comparison-chart__info-modal-text {
text-align: center;
}
}
.comparison-chart__modals #comparison-chart__video-modal .modal-box {
width: 70%;
padding: 1.562rem 5.375rem;
}
.comparison-chart__modals #comparison-chart__video-modal .modal-box #comparison-chart__video-modal-holder_container {
height: 28.125rem;
}
@media screen and (max-width: 63.938rem) {
.comparison-chart__modals #comparison-chart__video-modal .modal-box {
width: 80%;
height: 18.75rem;
padding: 4rem 0 0;
}
}
.comparison-product-wrapper {
flex-grow: 1;
width: 100% !important;
}
.comparison-product-wrapper .comparison-product {
background: #ffffff;
display: flex;
flex-direction: column;
position: relative;
}
.comparison-product-wrapper .comparison-product:hover,
.comparison-product-wrapper .comparison-product:focus {
box-shadow: 0 0 0.562rem rgba(0, 0, 0, 0.6);
z-index: 1;
}
.comparison-product-wrapper .comparison-product:after {
content: '';
display: table;
clear: both;
}
.comparison-product-wrapper .comparison-product__data-cell {
height: 54px !important;
width: 100%;
float: left;
display: flex;
align-items: center;
justify-content: center;
font-size: 0.875rem;
line-height: 1rem;
padding: 0.312rem;
align-self: center;
}
.comparison-product-wrapper .comparison-product__data-cell.cat-row {
background: #5e5e5e !important;
color: #ffffff;
}
.comparison-product-wrapper .comparison-product__data-cell:nth-child(odd) {
background: #f1f2f2;
}
.comparison-product-wrapper .comparison-product__data-cell:first-of-type {
height: 8rem !important;
width: 7.812rem;
background: transparent;
}
.comparison-product-wrapper .comparison-product__data-cell:last-of-type {
height: 5rem;
}
.comparison-product-wrapper .comparison-product__data-cell-copy {
text-align: center;
width: 100%;
height: 100%;
}
.comparison-product-wrapper .comparison-product__data-cell-copy img {
margin: auto;
height: 100%;
object-fit: contain;
}
.comparison-product-wrapper .comparison-product__data-cell .button {
color: #000000;
margin: 0.625rem 0;
padding: 1rem;
min-width: 0;
width: auto;
}
.comparison-product-wrapper .comparison-product__data-cell .actual-price {
color: #c41230;
font-weight: bold;
}
.comparison-product-wrapper .comparison-product__data-cell .actual-price .crossed {
color: #000000;
text-decoration: line-through;
margin-right: 0.5rem;
}
.comparison-product-wrapper .comparison-product__data-cell .actual-price .member-price-text {
margin-right: 0.5rem;
}
.comparison-product-wrapper .comparison-product__data-cell .actual-price .black {
color: #000000;
}
.comparison-product-wrapper .comparison-product__data-cell a {
color: #000000;
}
.comparison-product-wrapper .comparison-product.hover-product {
box-shadow: 0 0 0.562rem rgba(0, 0, 0, 0.6);
z-index: 1;
}
.header-pencil-banner-v4 {
display: inline-flex;
justify-content: center;
align-items: center;
width: 100%;
z-index: unset;
position: unset;
}
.header-pencil-banner-v4 * {
color: inherit;
}
.header-pencil-banner-v4 p {
line-break: auto;
margin: 15px 0;
}
.header-pencil-banner-v4__content {
display: inline-flex;
justify-content: center;
align-items: center;
max-width: 100%;
}
.header-pencil-banner-v4__content__enabledAccessibilityButton {
margin-left: auto;
}
.header-pencil-banner-v4__theme-01 {
background-color: #ffffff;
color: #000000;
}
.header-pencil-banner-v4__theme-01__accessibility-button {
font-family: 'DM Sans', sans-serif;
line-height: 135%;
margin-right: 10px;
}
.header-pencil-banner-v4__theme-01__accessibility-button a {
font-size: 1rem;
font-weight: 400;
letter-spacing: 0.01625rem;
outline-color: #000000;
color: #000000;
text-decoration: underline;
}
.header-pencil-banner-v4__theme-01__accessibility-button a:hover,
.header-pencil-banner-v4__theme-01__accessibility-button a:focus {
color: #037fa5;
font-weight: 700;
letter-spacing: 0.01625rem;
}
.header-pencil-banner-v4__theme-01__message {
font-family: 'DM Sans', sans-serif;
font-weight: 400;
font-size: 1rem;
line-height: 135%;
letter-spacing: 0.01625rem;
margin-left: 10px;
}
.header-pencil-banner-v4__theme-01__message a {
font-weight: 400;
letter-spacing: 0.01625rem;
outline-color: #000000;
color: #000000;
text-decoration: underline;
}
.header-pencil-banner-v4__theme-01__message a:hover,
.header-pencil-banner-v4__theme-01__message a:focus {
color: #037fa5;
font-weight: 700;
letter-spacing: 0.01625rem;
}
.header-pencil-banner-v4__theme-01__message sub,
.header-pencil-banner-v4__theme-01__message sup {
font-size: 60%;
}
.header-pencil-banner-v4__theme-01__message sub a,
.header-pencil-banner-v4__theme-01__message sup a {
text-decoration: none;
}
.header-pencil-banner-v4__theme-01__button {
outline-color: #000000;
}
@media all and (max-width: 48rem) {
.header-pencil-banner-v4__theme-01__accessibility-button-container {
border-bottom: 1px solid #000000;
}
}
.header-pencil-banner-v4__theme-02 {
background-color: #f5f5f5;
color: #000000;
}
.header-pencil-banner-v4__theme-02__accessibility-button {
font-family: 'DM Sans', sans-serif;
line-height: 135%;
margin-right: 10px;
}
.header-pencil-banner-v4__theme-02__accessibility-button a {
font-size: 1rem;
font-weight: 400;
letter-spacing: 0.01625rem;
outline-color: #000000;
color: #000000;
text-decoration: underline;
}
.header-pencil-banner-v4__theme-02__accessibility-button a:hover,
.header-pencil-banner-v4__theme-02__accessibility-button a:focus {
color: #037fa5;
font-weight: 700;
letter-spacing: 0.01625rem;
}
.header-pencil-banner-v4__theme-02__message {
font-family: 'DM Sans', sans-serif;
font-weight: 400;
font-size: 1rem;
line-height: 135%;
letter-spacing: 0.01625rem;
margin-left: 10px;
}
.header-pencil-banner-v4__theme-02__message a {
font-weight: 400;
letter-spacing: 0.01625rem;
outline-color: #000000;
color: #000000;
text-decoration: underline;
}
.header-pencil-banner-v4__theme-02__message a:hover,
.header-pencil-banner-v4__theme-02__message a:focus {
color: #037fa5;
font-weight: 700;
letter-spacing: 0.01625rem;
}
.header-pencil-banner-v4__theme-02__message sub,
.header-pencil-banner-v4__theme-02__message sup {
font-size: 60%;
}
.header-pencil-banner-v4__theme-02__message sub a,
.header-pencil-banner-v4__theme-02__message sup a {
text-decoration: none;
}
.header-pencil-banner-v4__theme-02__button {
outline-color: #000000;
}
@media all and (max-width: 48rem) {
.header-pencil-banner-v4__theme-02__accessibility-button-container {
border-bottom: 1px solid #000000;
}
}
.header-pencil-banner-v4__theme-03 {
background-color: #000000;
color: #ffffff;
}
.header-pencil-banner-v4__theme-03__accessibility-button {
font-family: 'DM Sans', sans-serif;
line-height: 135%;
margin-right: 10px;
}
.header-pencil-banner-v4__theme-03__accessibility-button a {
font-size: 1rem;
font-weight: 400;
letter-spacing: 0.01625rem;
outline-color: #ffffff;
color: #ffffff;
text-decoration: underline;
}
.header-pencil-banner-v4__theme-03__accessibility-button a:hover,
.header-pencil-banner-v4__theme-03__accessibility-button a:focus {
color: #037fa5;
font-weight: 700;
letter-spacing: 0.01625rem;
}
.header-pencil-banner-v4__theme-03__message {
font-family: 'DM Sans', sans-serif;
font-weight: 400;
font-size: 1rem;
line-height: 135%;
letter-spacing: 0.01625rem;
margin-left: 10px;
}
.header-pencil-banner-v4__theme-03__message a {
font-weight: 400;
letter-spacing: 0.01625rem;
outline-color: #ffffff;
color: #ffffff;
text-decoration: underline;
}
.header-pencil-banner-v4__theme-03__message a:hover,
.header-pencil-banner-v4__theme-03__message a:focus {
color: #037fa5;
font-weight: 700;
letter-spacing: 0.01625rem;
}
.header-pencil-banner-v4__theme-03__message sub,
.header-pencil-banner-v4__theme-03__message sup {
font-size: 60%;
}
.header-pencil-banner-v4__theme-03__message sub a,
.header-pencil-banner-v4__theme-03__message sup a {
text-decoration: none;
}
.header-pencil-banner-v4__theme-03__button {
outline-color: #ffffff;
}
@media all and (max-width: 48rem) {
.header-pencil-banner-v4__theme-03__accessibility-button-container {
border-bottom: 1px solid #ffffff;
}
}
.header-pencil-banner-v4__theme-04 {
background-color: #8cd5ea;
color: #000000;
}
.header-pencil-banner-v4__theme-04__accessibility-button {
font-family: 'DM Sans', sans-serif;
line-height: 135%;
margin-right: 10px;
}
.header-pencil-banner-v4__theme-04__accessibility-button a {
font-size: 1rem;
font-weight: 400;
letter-spacing: 0.01625rem;
outline-color: #ffffff;
color: #000000;
text-decoration: underline;
}
.header-pencil-banner-v4__theme-04__accessibility-button a:hover,
.header-pencil-banner-v4__theme-04__accessibility-button a:focus {
color: #0b2c49;
font-weight: 700;
letter-spacing: 0.01625rem;
}
.header-pencil-banner-v4__theme-04__message {
font-family: 'DM Sans', sans-serif;
font-weight: 400;
font-size: 1rem;
line-height: 135%;
letter-spacing: 0.01625rem;
margin-left: 10px;
}
.header-pencil-banner-v4__theme-04__message a {
font-weight: 400;
letter-spacing: 0.01625rem;
outline-color: #ffffff;
color: #000000;
text-decoration: underline;
}
.header-pencil-banner-v4__theme-04__message a:hover,
.header-pencil-banner-v4__theme-04__message a:focus {
color: #0b2c49;
font-weight: 700;
letter-spacing: 0.01625rem;
}
.header-pencil-banner-v4__theme-04__message sub,
.header-pencil-banner-v4__theme-04__message sup {
font-size: 60%;
}
.header-pencil-banner-v4__theme-04__message sub a,
.header-pencil-banner-v4__theme-04__message sup a {
text-decoration: none;
}
.header-pencil-banner-v4__theme-04__button {
outline-color: #ffffff;
}
@media all and (max-width: 48rem) {
.header-pencil-banner-v4__theme-04__accessibility-button-container {
border-bottom: 1px solid #ffffff;
}
}
.header-pencil-banner-v4__button {
font-family: 'DIN 30640 Pro', sans-serif;
font-weight: 700;
font-size: 1rem;
letter-spacing: 0.01625rem;
line-height: 100%;
text-transform: capitalize;
padding: 15px 0;
text-decoration: none;
height: auto !important;
white-space: nowrap;
margin: 0 10px;
}
.header-pencil-banner-v4__button:hover,
.header-pencil-banner-v4__button:active {
text-decoration: none;
outline: none;
letter-spacing: 0.01625rem;
}
.header-pencil-banner-v4__button:focus {
text-decoration: none;
outline-offset: -2px;
}
.header-pencil-banner-v4__button:hover,
.header-pencil-banner-v4__button:active,
.header-pencil-banner-v4__button:focus {
padding: 15px 0;
}
.header-pencil-banner-v4__button.brand {
color: #037fa5;
transition: color 200ms ease-out;
}
.header-pencil-banner-v4__button.brand:hover,
.header-pencil-banner-v4__button.brand:active,
.header-pencil-banner-v4__button.brand:focus {
color: #0b2c49;
}
.header-pencil-banner-v4__button.dark {
color: #000000;
transition: color 200ms ease-out;
}
.header-pencil-banner-v4__button.dark:hover,
.header-pencil-banner-v4__button.dark:active,
.header-pencil-banner-v4__button.dark:focus {
color: #0b2c49;
}
.header-pencil-banner-v4__button.light {
color: #ffffff;
transition: color 200ms ease-out;
}
.header-pencil-banner-v4__button.light:hover,
.header-pencil-banner-v4__button.light:active,
.header-pencil-banner-v4__button.light:focus {
color: #037fa5;
}
.header-pencil-banner-v4__button.withicon {
display: flex;
align-items: center;
}
.header-pencil-banner-v4__button.withicon .button-icon {
font-size: 1.2rem;
}
.header-pencil-banner-v4__button.withicon-left .button-text {
order: 2;
}
.header-pencil-banner-v4__button.withicon-left .button-icon {
order: 1;
margin-right: 10px;
line-height: 0;
height: 0;
}
.header-pencil-banner-v4__button.withicon-right .button-icon {
margin-left: 10px;
line-height: 0;
height: 0;
}
.header-pencil-banner-v4__accessibility-button {
margin: 10px 20px;
white-space: nowrap;
}
.header-pencil-banner-v4 .accessibility-button-container {
margin-left: auto;
}
@media all and (max-width: 48rem) {
.header-pencil-banner-v4 {
flex-direction: column-reverse;
}
.header-pencil-banner-v4__message {
font-size: 0.875rem;
}
.header-pencil-banner-v4__button {
font-size: 1rem;
}
.header-pencil-banner-v4__button.withicon .button-icon {
font-size: 1.2rem;
}
.header-pencil-banner-v4__content__enabledAccessibilityButton {
margin-left: 0;
}
.header-pencil-banner-v4 .accessibility-button-container {
display: flex;
justify-content: center;
align-items: center;
width: 100%;
}
.header-pencil-banner-v4 .accessibility-button-container__enabledAccessibilityButton {
border-bottom: none;
}
.header-pencil-banner-v4__accessibility-button {
margin: 5px 0;
}
.header-pencil-banner-v4__accessibility-button a {
font-size: 0.875rem;
}
}
.header-pencil-banner-v4__hide-main-content {
display: flex;
}
@media all and (min-width: 48rem) {
.header-search-form__wrapper.search-featured .header-search-form .header-search-form__search-items {
border: 0;
}
.header-search-form__wrapper.search-featured .header-search-form .header-search-form__search-items.active {
width: 28.125rem;
}
.header-search-form__wrapper.search-featured .header-search-form .header-search-form__search-items.active .header-search-input {
border: 0.125rem solid #353535;
box-sizing: border-box;
background: linear-gradient(90deg, #f2f2f2 89%, #8cd5ea 11%);
padding-right: 5rem;
}
}
.interstitial-product-subscriptions {
font-family: 'DM Sans', sans-serif;
}
.interstitial-product-subscriptions__label {
font-family: 'DM Sans', sans-serif;
}
.interstitial-product-subscriptions__label .percent-off {
font-family: inherit;
color: #17847a;
}
.interstitial-product-subscriptions__select-icon:after {
content: '';
transform: rotate(45deg);
border-bottom: 0.1875rem solid #000000;
border-right: 0.1875rem solid #000000;
}
.interstitial-product-subscriptions__select {
border: 0.0625rem solid #58585a;
border-radius: 0.25rem;
}
.interstitial-product-subscriptions__checkbox-container input[type="checkbox"] + .check-mark {
border: 0.09375rem solid #58585a;
z-index: 1;
border-radius: 0.125rem;
}
.interstitial-product-subscriptions__checkbox-container input[type="checkbox"] + .check-mark:hover {
cursor: pointer;
}
.interstitial-product-subscriptions__checkbox-container input[type="checkbox"]:checked + .check-mark {
background: #037fa5;
border: 0.09375rem solid #037fa5;
}
.interstitial-product-subscriptions__checkbox-container input[type="checkbox"]:checked + .check-mark:after {
border: solid #ffffff;
border-width: 0 .125rem .125rem 0;
}
.interstitial-product-subscriptions__checkbox-container:hover:before {
content: '';
position: absolute;
display: block;
top: -0.625rem;
left: -0.625rem;
width: 2.25rem;
height: 2.25rem;
background: #8cd5ea;
border-radius: 100%;
}
.interstitial-product-subscriptions__checkbox-container:focus-within {
outline: 0.0625rem solid #000000;
}
.interstitial-product-subscriptions__select-icon {
border-left: none;
}
.interstitial-product-card__product-specification,
.interstitial-product-card__product-specification-value,
.interstitial-product-card__delivery,
.interstitial-product-card__header-title,
.interstitial-product-card__main-cta-text,
.interstitial-product-card__protection-plans-title,
.interstitial-product-card__protection-plan-select,
.interstitial-product-card__product-subscription-label {
font-family: 'DM Sans', sans-serif;
color: #000000;
}
.interstitial-product-card__delivery-date {
font-family: 'DM Sans', sans-serif;
color: #17847a;
}
.interstitial-product-card__product-title-text {
font-family: 'DIN 30640 Pro', sans-serif;
line-height: 125%;
}
.interstitial-cta-buttons__main {
font-family: 'DIN 30640 Pro', sans-serif;
}
.interstitial-cta-buttons__secondary.button {
font-family: 'DM Sans', sans-serif;
color: #000000;
white-space: nowrap;
}
.interstitial-cta-buttons__secondary.button:hover {
color: #037fa5;
}
.registration-form {
background: #ffffff;
width: 100vw;
position: relative;
left: 50%;
right: 50%;
margin-left: -50vw;
margin-right: -50vw;
padding: 1.625rem 1.8125rem 12.185rem;
}
.registration-form__social-sign-in {
display: flex;
justify-content: center;
}
.registration-form .registration-form__social-sign-in-container {
background: #eee;
}
.registration-form__header {
font-size: 1.5rem;
font-weight: 900;
text-transform: uppercase;
text-align: center;
margin: 0;
line-height: 1.15rem;
}
.registration-form__existing-account-sign-in {
text-align: center;
margin: .8125rem 0 1.4375rem 0;
font-size: .875rem;
}
.registration-form__existing-account-sign-in span {
color: #757575;
}
.registration-form__existing-account-sign-in .link-btn {
color: #757575;
text-decoration: underline;
font-weight: bold;
cursor: pointer;
font-size: inherit;
}
.registration-form__existing-account-sign-in .link-btn:hover {
color: #757575;
text-decoration: underline !important;
}
.registration-form__social-sign-in-container {
width: 19.8125rem;
padding: 1.8125rem 2.1875rem .875rem 2.1875rem;
}
.registration-form__social-sign-in-container .sing-in-buttons-wrapper .sign-in-buttons__login-social {
align-items: center;
height: auto;
}
.registration-form__social-sign-in-container .sing-in-buttons-wrapper .sign-in-buttons__divider:before,
.registration-form__social-sign-in-container .sing-in-buttons-wrapper .sign-in-buttons__divider:after {
width: 42%;
}
.registration-form__social-sign-in-container .sign-in-buttons__login-social--google,
.registration-form__social-sign-in-container .sign-in-buttons__login-social--facebook {
width: 13.375rem;
height: 2.5rem;
margin-bottom: .625rem;
}
.registration-form__social-sign-in-container .sign-in-buttons__login-social {
margin-bottom: 0;
}
.registration-form__social-sign-in-container .sign-in-buttons__divider {
width: 14rem;
font-weight: normal;
font-size: 1rem;
}
.registration-form__social-sign-in-container .sign-in-buttons__divider-wrapper {
display: flex;
justify-content: center;
margin-bottom: 1.125rem;
}
.registration-form__social-sign-in-container .sign-in-buttons__login-social--google-icon,
.registration-form__social-sign-in-container .sign-in-buttons__login-social--facebook-icon {
border-right: 0;
padding-right: 0;
}
.registration-form__social-sign-in-container .sign-in-buttons__login-social--google-text,
.registration-form__social-sign-in-container .sign-in-buttons__login-social--facebook-text {
font-size: .875rem;
}
.registration-form__required-info {
font-size: .75rem;
margin: 1.375rem 0 .75rem 0;
}
.registration-form .form-submit-error-with-icon {
display: grid;
margin-right: -1.825rem;
margin-left: -1.825rem;
background: linear-gradient(0deg, rgba(238, 177, 17, 0.15), rgba(238, 177, 17, 0.15)), #ffffff;
border: 0.0625rem solid #eeb111;
padding: 1rem;
margin-top: 1.5rem;
}
.registration-form .form-submit-error-with-icon.hidden {
display: none;
}
.registration-form .form-submit-error-with-icon__text {
grid-column: 2;
font-weight: 400;
font-size: .875rem;
line-height: 1.0625rem;
color: #222222;
font-family: "HelveticaNeue", sans-serif;
}
.registration-form .form-submit-error-with-icon__text a {
font-weight: 700;
text-decoration: underline;
}
.registration-form .form-submit-error-with-icon__icon {
margin-right: .5rem;
grid-column: 1;
}
.registration-form .form-submit-error-with-icon__icon svg {
max-width: .75rem;
}
.registration-form .form-submit-error-with-icon__close {
margin-left: .5rem;
grid-column: 3;
justify-self: self-end;
}
.registration-form .form-submit-error-with-icon__close svg {
max-width: .625rem;
cursor: pointer;
}
.registration-form .form-input.form-warn {
border-color: #eeb111;
}
.registration-form .form-label-wrapper .form-label {
align-self: flex-end;
}
.registration-form .form-label:not(.form-show-password-label) {
font-weight: 800;
font-size: .875rem;
}
.registration-form .form-input::placeholder,
.registration-form .form-input:-ms-input-placeholder {
font-weight: normal;
}
.registration-form .form-select-input {
display: block;
width: 100%;
border: 0.0625rem solid #b3b3b3;
background: #ffffff;
height: 2.5rem;
padding: 0 .5rem;
border-radius: 0;
box-shadow: none;
background: url("../../../etc.clientlibs/digital-platform/clientlibs/global/resources/select_icon_down.svg") no-repeat right;
background-size: 3rem 1.2rem;
}
.registration-form .form-select-input.empty-state {
color: #757575;
}
.registration-form .form-select-input.empty-state option:not(:first-child) {
color: #000000;
}
.registration-form .form-select-input option:first-child {
color: #757575;
}
.registration-form__password-labels {
display: flex;
justify-content: space-between;
}
.registration-form__password-criteria {
display: none;
}
.registration-form__password-criteria-mobile {
display: flex;
align-items: center;
margin-bottom: .25rem;
font-size: .75rem;
font-weight: normal;
color: #5E5E5E;
text-decoration: underline;
}
.registration-form__tooltip svg {
margin-right: .25rem;
width: 1rem;
height: 1rem;
}
.registration-form__checkbox-item:first-child {
margin: 1.5rem 0 .75rem 0;
}
.registration-form__checkbox-container {
display: flex;
position: relative;
padding-left: 1.875rem;
font-weight: normal;
font-size: .75rem;
line-height: .875rem;
color: #757575;
}
.registration-form__checkbox-container input {
position: absolute;
opacity: 0;
cursor: pointer;
}
.registration-form__checkbox-container input:checked ~ .registration-form__check-mark:after {
display: block;
}
.registration-form__checkbox-container input:focus ~ .registration-form__check-mark {
outline: 0.0625rem solid #000000;
}
.registration-form__checkbox-container a {
color: #757575;
text-decoration: underline;
font-weight: normal;
}
.registration-form__checkbox {
position: absolute;
opacity: 0;
}
.registration-form__check-mark {
position: absolute;
cursor: pointer;
top: 0;
left: 0;
border: 0.1rem solid #b3b3b3;
border-radius: .2rem;
height: 1.125rem;
width: 1.125rem;
}
.registration-form__check-mark:after {
content: '';
position: absolute;
display: none;
top: .0625rem;
left: .25rem;
width: .375rem;
height: .625rem;
border: solid #ffffff;
border-width: 0 .1875rem .1875rem 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.registration-form__recaptcha {
display: flex;
align-items: center;
flex-wrap: wrap;
justify-content: center;
}
.registration-form__cta-btn {
display: flex;
justify-content: center;
margin-top: 1.1875rem;
}
.registration-form__submit-btn {
width: 12.625rem;
height: 2.5rem;
font-size: 1rem;
text-transform: uppercase;
font-weight: 800;
margin-bottom: 1.25rem;
}
.registration-form .form-error-items {
font-size: .8125rem;
}
.registration-form__group_padding {
padding: 1.875rem 0;
}
.registration-form__items-group {
position: relative;
}
.registration-form__items-group--padding-top {
padding-top: 1rem;
}
.registration-form__item {
position: relative;
margin-bottom: .625rem;
}
.registration-form__item:focus-within .form-label.form-show-password-label {
color: #000000;
}
.registration-form__item--professional-discount {
padding-top: 1.375rem;
padding-bottom: 1.0625rem;
margin-top: 1rem;
}
.registration-form__item--professional-discount-label {
display: flex;
flex-direction: row;
}
.registration-form__item--professional-discount-label .form-input__subheader {
font-size: .625rem;
font-style: italic;
color: #757575;
margin-left: .625rem;
display: flex;
align-items: center;
margin-bottom: 0.25rem;
}
.registration-form__item--professional-discount-label .form-input__subheader--tooltip {
margin-left: 0.3125rem;
}
.registration-form__item--professional-discount-label .form-input__subheader--tooltip .form-input__subheader {
display: block;
font-style: normal;
visibility: hidden;
max-width: 12rem;
background-color: #000000;
color: #ffffff;
text-align: center;
padding: 0.625rem;
position: absolute;
bottom: 95%;
transform: translate(-50%, 0);
margin: 0;
width: fit-content;
font-size: 0.6875rem;
line-height: 1.6;
border-radius: 0.375rem;
}
.registration-form__item--professional-discount-label .form-input__subheader--tooltip:hover .form-input__subheader {
visibility: visible;
}
.registration-form__item--professional-discount-label .form-input__subheader--tooltip svg {
height: auto;
}
.registration-form__item--professional-discount-label .form-input__subheader-link {
text-decoration: underline;
text-decoration-color: #757575;
font-weight: normal;
display: flex;
align-items: center;
}
.registration-form__item--professional-discount-label .form-input__subheader-link:hover {
cursor: pointer;
text-decoration: underline;
text-decoration-color: #757575;
}
.registration-form .registration-form__item .row {
margin: 0;
}
@media (min-width: 64rem) {
.registration-form {
width: 57.875rem;
box-shadow: 0 0.25rem 0.875rem rgba(0, 0, 0, 0.14);
padding: 1.8125rem 3.3125rem 3.3125rem 3.3125rem;
margin: 0 auto;
left: 0;
right: 0;
}
.registration-form .form-submit-error-with-icon {
margin: 1.25rem 0 1.5rem;
display: flex;
}
.registration-form .form-submit-error-with-icon__icon {
margin-right: .625rem;
}
.registration-form .form-submit-error-with-icon__icon svg {
max-width: 1rem;
}
.registration-form .form-submit-error-with-icon__close {
margin-left: auto;
}
.registration-form .form-submit-error-with-icon__close svg {
max-width: .875rem;
}
.registration-form__social-sign-in-container {
width: 32.125rem;
padding: 0;
}
.registration-form__social-sign-in-container .sing-in-buttons-wrapper {
padding: 1.125rem 2.25rem 1.375rem 2.25rem;
}
.registration-form__social-sign-in-container .sing-in-buttons-wrapper .sign-in-buttons__login-social {
flex-direction: row;
height: auto;
}
.registration-form__social-sign-in-container .sign-in-buttons__login-social--google,
.registration-form__social-sign-in-container .sign-in-buttons__login-social--facebook {
margin: 0;
}
.registration-form__required-info {
text-align: center;
}
.registration-form__checkbox-item:first-child {
margin-top: 0;
}
.registration-form__items-group {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
padding: 0;
}
.registration-form__items-group.registration-form__items-group--padding-top {
padding-top: 1rem;
}
.registration-form__group_padding {
padding: 2.0625rem 0;
}
.registration-form__item {
width: 24.375rem;
margin: 0;
}
.registration-form__item .form-input {
border-radius: .125rem;
}
.registration-form__item--professional-discount {
padding-top: unset;
padding-bottom: 1.375rem;
}
.registration-form__item .form-input__subheader--tooltip .form-input__subheader {
bottom: 120%;
}
.registration-form__recaptcha {
justify-content: flex-start;
margin-top: .625rem;
}
.registration-form__password-criteria {
display: flex;
flex-basis: 100%;
margin: .5rem 0 1.6875rem 0;
font-size: .625rem;
color: #757575;
}
.registration-form__password-tooltip-message,
.registration-form__password-criteria-mobile {
display: none;
}
.registration-form__cta-btn {
margin-top: 2.0625rem;
}
.registration-form__submit-btn {
margin-bottom: 0;
}
}
.form-group {
position: relative;
}
.form-show-password-label {
position: absolute;
top: 0.375rem;
right: .325rem;
height: 1.75rem;
width: fit-content;
text-align: center;
font-weight: 900;
color: #000000;
font-size: .75rem;
line-height: 1rem;
text-transform: uppercase;
background: #f2f2f2;
}
.form-show-password-label.show-password-btn {
display: block;
}
.registration-form__submit-btn {
font-size: 1rem;
font-weight: bold;
padding: 0;
}
.registration-form__header {
font-family: 'DIN 30640 Pro', sans-serif;
text-transform: capitalize;
}
.registration-form .form-submit-error-with-icon__text {
line-height: 1.125rem;
color: #0b0c0a;
font-family: 'DM Sans', sans-serif;
}
.registration-form .form-submit-error-with-icon__text a {
color: #0b0c0a;
}
.registration-form__social-sign-in-container .sign-in-buttons__login-social--google,
.registration-form__social-sign-in-container .sign-in-buttons__login-social--facebook {
box-shadow: 0 0.25rem 0.875rem rgba(0, 0, 0, 0.14);
border: 0;
}
.registration-form__social-sign-in-container .sign-in-buttons__login-social--google .sign-in-buttons__login-social--google-text,
.registration-form__social-sign-in-container .sign-in-buttons__login-social--facebook .sign-in-buttons__login-social--google-text,
.registration-form__social-sign-in-container .sign-in-buttons__login-social--google .sign-in-buttons__login-social--facebook-text,
.registration-form__social-sign-in-container .sign-in-buttons__login-social--facebook .sign-in-buttons__login-social--facebook-text {
font-family: 'DIN 30640 Pro', sans-serif;
font-size: 0.875rem;
color: #000000;
font-weight: bold;
}
.registration-form__checkbox-container input:checked ~ .registration-form__check-mark {
background: #037fa5;
}
.registration-form__checkbox-container input:focus-visible ~ .registration-form__check-mark {
outline: 0.0625rem solid #000000;
}
.registration-form__checkbox-container a {
color: #000000;
}
.registration-form__checkbox-container a:hover {
color: #037fa5;
font-weight: bold;
}
.registration-form__checkbox-container:hover:before {
content: '';
position: absolute;
display: block;
top: -0.5625rem;
left: -0.5625rem;
width: 2.25rem;
height: 2.25rem;
background: #8cd5ea;
border-radius: 100%;
}
.registration-form__checkbox-container:hover .registration-form__check-mark {
border-color: #000000;
}
.registration-form .form-select-input {
text-transform: none;
font-weight: normal;
}
.registration-form__item--professional-discount-label {
line-height: 1.15;
}
.registration-form__item:focus-within .form-label {
color: #037fa5;
}
.registration-form__item:focus-within .form-input {
border: 0.09375rem solid #037fa5;
}
.registration-form__item .form-input {
padding-left: .5rem;
}
.registration-form__item #professionalDiscount {
display: none;
}
.registration-form__item #regRecaptchaRequired {
display: none;
}
.registration-form__check-mark:after {
border-width: 0 .125rem .125rem 0;
left: 0.28rem;
}
.registration-form__checkbox-item__check-mark {
border-color: #58585a;
}
.registration-form__checkbox-item span {
color: #58585a;
}
.registration-form .form-input {
border-radius: 0.25rem;
}
.registration-form .form-label {
font-size: 0.75rem;
font-weight: 500;
}
.registration-form .form-label.form-show-password-label {
font-weight: 900;
}
@media (min-width: 64rem) {
.registration-form .form-input {
border-radius: 0.25rem;
}
}
.forgot-password .page-headline-title {
font-size: 1.875rem;
text-transform: unset;
}
.forgot-password .page-headline-text {
font-family: 'DM Sans', sans-serif;
font-size: 1rem;
line-height: 100%;
letter-spacing: 0.02rem;
color: #000000;
}
.forgot-password .page-headline-text a {
font-family: 'DM Sans', sans-serif;
font-size: 1rem;
line-height: 100%;
letter-spacing: 0.02rem;
color: #000000;
}
.forgot-password .page-headline-text a:hover {
font-weight: bold;
color: #037fa5;
}
.forgot-password .forgot-password-box .form-button {
display: inline;
max-width: fit-content;
}
.forgot-password .forgot-password-box .form-req-message {
font-size: 0.625rem;
}
.forgot-password-form-v2 .forgot-password-form-v2-container__header-text {
color: #0b0c0a;
font-family: 'DIN 30640 Pro', sans-serif;
}
.forgot-password-form-v2 .forgot-password-form-v2-container__subheader-text {
color: #222222;
}
.forgot-password-form-v2 .forgot-password-form-v2-container__inputs-container-fields .form-group .form-label {
font-weight: 700;
padding-top: 0;
padding-bottom: 0.5rem;
}
.forgot-password-form-v2 .forgot-password-form-v2-container__inputs-container-fields .form-submit-error {
font-size: 0.625rem;
line-height: 0.78125rem;
font-weight: 400;
color: #c41230;
}
.forgot-password-form-v2 .forgot-password-form-v2-container__inputs-container-fields .form-submit-error .trigger-modal {
color: #ea1730;
}
.forgot-password-form-v2 .forgot-password-form-v2-container__inputs-container-fields .form-buttons {
display: block;
align-items: baseline;
}
.forgot-password-form-v2 .forgot-password-form-v2-container__inputs-container-fields .form-buttons .form-button {
margin-bottom: 1.5rem;
text-transform: uppercase;
font-family: 'DIN Neuzeit Grotesk Std', sans-serif;
}
.forgot-password-form-v2 .forgot-password-form-v2-container__inputs-container-fields .form-buttons .button-cancel {
color: #0b2c49;
text-decoration: underline;
text-transform: capitalize;
line-height: 1rem;
font-weight: 700;
font-family: 'DIN Neuzeit Grotesk Std', sans-serif;
}
.forgot-password-form-v2 .forgot-password-form-v2-container-success__header-container-text {
color: #0b0c0a;
font-family: 'DIN 30640 Pro', sans-serif;
}
.forgot-password-form-v2 .forgot-password-form-v2-container-success__info-container {
padding-top: 1rem;
}
.forgot-password-form-v2 .forgot-password-form-v2-container-success__info-container-text {
color: #0b0c0a;
}
@media (min-width: 48rem) {
.forgot-password-form-v2 .forgot-password-form-v2-container__inputs-container-fields .form-buttons .form-button {
display: inline-flex;
margin-bottom: 0.5rem;
width: 8.875rem;
}
.forgot-password-form-v2 .forgot-password-form-v2-container-success__info-container {
padding-top: 0.75rem;
}
}
.reset-password .page-headline-title {
font-size: 1.875rem;
text-transform: unset;
}
.reset-password .page-headline-text {
font-family: 'DM Sans', sans-serif;
font-size: 1rem;
line-height: 100%;
letter-spacing: 0.02rem;
color: #000000;
}
.reset-password .page-headline-text a {
font-family: 'DM Sans', sans-serif;
font-size: 1rem;
line-height: 100%;
letter-spacing: 0.02rem;
color: #000000;
}
.reset-password .page-headline-text a:hover {
font-weight: bold;
color: #037fa5;
}
.reset-password .reset-password-box .form-button {
height: 2.5rem;
display: inline;
max-width: fit-content;
color: #0b2c49;
background: #8cd5ea;
}
.reset-password .reset-password-box .form-button:hover {
background: #0b2c49;
color: #ffffff;
}
.reset-password .reset-password-box .button-grey {
background-color: transparent;
color: #037fa5;
}
.reset-password .reset-password-box .button-grey:hover {
background: #0b2c49;
border-color: #0b2c49;
color: #ffffff;
}
.reset-password .reset-password-box .reset-password-text {
font-size: 0.625rem;
font-family: 'DM Sans', sans-serif;
}
.reset-password .reset-password-box .form-req-message {
font-size: 0.625rem;
}
.reset-password-form-v2 .reset-password-form-v2-container__header-text {
font-family: 'DIN 30640 Pro', sans-serif;
}
.reset-password-form-v2 .reset-password-form-v2-container__inputs-container-fields .form-label {
font-size: 0.875rem;
font-weight: 700;
line-height: 1.125rem;
}
.reset-password-form-v2 .reset-password-form-v2-container__inputs-container-fields .form-label abbr.form-req {
color: #c41230;
}
.reset-password-form-v2 .reset-password-form-v2-container__inputs-container-fields .form-buttons .form-button {
text-transform: uppercase;
border-radius: 6.25rem;
font-family: 'DIN Neuzeit Grotesk Std', sans-serif;
}
.reset-password-form-v2 .reset-password-form-v2-container__inputs-container-fields .form-buttons .button-cancel {
color: #0b2c49;
text-decoration: underline;
line-height: 1rem;
font-weight: 700;
font-family: 'DIN Neuzeit Grotesk Std', sans-serif;
}
.reset-password-form-v2 .reset-password-form-v2-container-success__header-container-text {
font-family: 'DIN 30640 Pro', sans-serif;
}
@media (min-width: 64rem) {
.reset-password-form-v2 .reset-password-form-v2-container__inputs-container-fields .form-buttons .form-button {
width: 12.625rem;
}
}
.sign-in-modal-component #sign-in-modal .modal-box .sign-in-popup__form .login .form-show-password-label {
font-family: 'DIN 30640 Pro', sans-serif;
font-weight: 900;
color: #000000;
font-size: .75rem;
line-height: 1rem;
top: 0.375rem;
}
.sign-in-modal-component #sign-in-modal .modal-box .sign-in-popup__form .login .form-group:focus-within button.form-show-password-label {
color: #000000;
}
.author-env.geo-ip-redirect-modal {
display: block;
position: unset;
}
.author-env .modal-box {
opacity: 1;
}
.geo-ip-redirect-modal-trigger {
display: none;
}
.geo-ip-redirect-modal {
padding-left: 5%;
padding-right: 5%;
z-index: 100000001;
background: rgba(46, 46, 46, 0.9);
}
.geo-ip-redirect-modal .modal-box {
margin-top: 4rem;
padding: 1rem;
}
.geo-ip-redirect-modal .modal-box .modal-header .modal-logo-image {
margin-left: auto;
margin-right: auto;
}
.geo-ip-redirect-modal .modal-box .modal-header .close-button-wrapper {
top: -1rem;
right: -2%;
}
.geo-ip-redirect-modal .modal-box .modal-header .close-button-wrapper .modal-close-icon svg {
width: 0.875rem;
height: 0.875rem;
}
.geo-ip-redirect-modal .modal-box .modal-body {
margin-top: 1.273rem;
}
.geo-ip-redirect-modal__message-block .message-title {
text-align: center;
}
.geo-ip-redirect-modal__message-block .message-description {
margin-top: 1.25rem;
text-align: center;
padding-left: 0.5rem;
padding-right: 0.5rem;
}
.geo-ip-redirect-modal__cta-block {
margin-top: 1.25rem;
}
.geo-ip-redirect-modal__cta-block .button {
width: 100%;
background: inherit;
font-family: inherit;
color: inherit;
}
.geo-ip-redirect-modal__cta-block .button .modal-flag-icon {
margin-right: 0.56rem;
}
.geo-ip-redirect-modal__cta-block .button .modal-flag-icon svg {
height: unset;
}
.geo-ip-redirect-modal__cta-block .redirect-button {
margin-top: 1rem;
}
@media (min-width: 64rem) {
.geo-ip-redirect-modal .modal-box {
margin-top: 7.5rem;
width: 31.5rem;
padding: 1.5rem;
}
.geo-ip-redirect-modal .modal-box .modal-header .close-button-wrapper {
top: -1.5rem;
}
.geo-ip-redirect-modal__cta-block {
margin-top: 1.5rem;
}
.geo-ip-redirect-modal__cta-block .button {
width: 49%;
padding: 0;
}
.geo-ip-redirect-modal__cta-block .redirect-button {
margin-top: 0;
margin-left: 1rem;
width: 47%;
}
.geo-ip-redirect-modal__cta-block .skip-message-button {
width: 48%;
}
}
.geo-ip-redirect-modal {
font-family: 'DIN 30640 Pro', sans-serif;
}
.geo-ip-redirect-modal .modal-content {
margin-top: 0;
margin-bottom: 0;
}
.geo-ip-redirect-modal .modal-box {
border-radius: 0.625rem;
}
.geo-ip-redirect-modal .modal-box .modal-header .modal-logo-image {
width: 3.779rem;
height: 1.25rem;
}
.geo-ip-redirect-modal .modal-box .modal-header .close-button-wrapper {
top: -1.4rem;
right: -0.5rem;
}
.geo-ip-redirect-modal .modal-box .modal-header .close-button-wrapper .modal-close-icon {
color: #000000;
}
.geo-ip-redirect-modal__message-block {
color: #000000;
}
.geo-ip-redirect-modal__message-block .message-title {
font-size: 1.625rem;
font-weight: 700;
line-height: 1.75rem;
}
.geo-ip-redirect-modal__message-block .message-description {
font-weight: 300;
line-height: 1.188rem;
}
.geo-ip-redirect-modal__cta-block .button {
color: #037fa5;
border: 0.125rem solid #8cd5ea;
border-radius: 1.25rem;
font-size: 1rem;
font-weight: 700;
height: 2.5rem;
margin-bottom: 0;
}
@media (min-width: 64rem) {
.geo-ip-redirect-modal .modal-box .modal-header .modal-logo-image {
width: 6rem;
height: 2rem;
}
.geo-ip-redirect-modal .modal-box .modal-header .close-button-wrapper {
top: -2.7rem;
right: -1rem;
}
.geo-ip-redirect-modal__message-block .message-description {
line-height: 1.188rem;
}
.geo-ip-redirect-modal__cta-block {
display: flex;
}
}
html.pc-no-scroll,
body.pc-no-scroll {
overflow: hidden;
position: relative;
}
.platform-components-modal__overlay {
position: fixed;
z-index: 2000000002;
left: 0;
top: 0;
bottom: 0;
right: 0;
width: 100%;
height: 100%;
overflow-x: hidden;
overflow-y: auto;
transition: 200ms ease-in-out;
display: none;
align-items: center;
justify-content: center;
padding-top: 40px;
padding-bottom: 40px;
}
.platform-components-modal__overlay.active {
display: flex !important;
}
.platform-components-modal__close.with-text .icons-close {
font-size: 1.5rem;
}
.platform-components-modal__close.icon-only {
line-height: 1;
}
.platform-components-modal__close-primary.icon-only {
padding: 10px !important;
width: 40px !important;
height: 40px !important;
font-size: 45px;
}
@media only screen and (max-width: 767px) {
.platform-components-modal__close-primary.icon-only {
width: 35px !important;
height: 35px !important;
font-size: 35px;
}
}
.platform-components-modal__close-secondary.icon-only {
padding: 10px !important;
width: 40px !important;
height: 40px !important;
font-size: 45px;
}
@media only screen and (max-width: 767px) {
.platform-components-modal__close-secondary.icon-only {
width: 35px !important;
height: 35px !important;
font-size: 35px;
}
}
.platform-components-modal__close-tertiary.icon-only {
padding: 0 !important;
width: 40px !important;
height: 40px !important;
font-size: 45px;
}
@media only screen and (max-width: 767px) {
.platform-components-modal__close-tertiary.icon-only {
width: 35px !important;
height: 35px !important;
font-size: 35px;
}
}
.platform-components-modal__container {
position: relative;
margin: auto;
}
.platform-components-modal__container-fullscreen:after {
content: '';
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
overflow-x: hidden;
overflow-y: auto;
padding-top: 0;
z-index: -1;
}
@media (max-width: 767px) {
.platform-components-modal__container-large {
width: 85vw;
}
}
@media (min-width: 768px) {
.platform-components-modal__container-large {
width: 90vw;
}
}
@media (max-width: 767px) {
.platform-components-modal__container-medium {
width: 85vw;
}
}
@media (min-width: 768px) {
.platform-components-modal__container-medium {
width: 70vw;
}
}
@media (max-width: 767px) {
.platform-components-modal__container-small {
width: 85vw;
}
}
@media (min-width: 768px) {
.platform-components-modal__container-small {
width: 435px;
}
}
.platform-components-modal__container > .container {
width: 100%;
padding-left: 0;
padding-right: 0;
}
.platform-components-modal__container-fullscreen > .container {
padding-left: 0;
padding-right: 0;
margin-left: auto;
margin-right: auto;
position: relative;
z-index: 2;
}
@media (max-width: 767px) {
.platform-components-modal__container-fullscreen > .container {
width: auto;
max-width: 85vw;
}
}
@media (min-width: 768px) {
.platform-components-modal__container-fullscreen > .container {
width: auto;
max-width: 750px;
}
}
@media (min-width: 992px) {
.platform-components-modal__container-fullscreen > .container {
width: auto;
max-width: 970px;
}
}
@media (min-width: 1440px) {
.platform-components-modal__container-fullscreen > .container {
width: auto;
max-width: 1200px;
}
}
.platform-components-modal__pb .platform-components-modal__container.fixedCenter {
max-width: 1400px;
}
.platform-components-modal__pb .platform-components-modal__container.fixedCenter .platform-components-modal__close {
position: absolute;
top: 0;
right: 0;
z-index: 1000;
width: fit-content;
z-index: 100;
}
@media only screen and (max-width: 767px) {
.platform-components-modal__pb .platform-components-modal__container.fixedCenter .platform-components-modal__close.with-text {
height: 35px !important;
}
}
.platform-components-modal__pb .platform-components-modal__container.fixedCenter .platform-components-modal__close-primary {
transform: translate(18%, -50%);
}
.platform-components-modal__pb .platform-components-modal__container.fixedCenter .platform-components-modal__close-secondary.with-text {
transform: translate(0%, -120%);
}
@media only screen and (max-width: 767px) {
.platform-components-modal__pb .platform-components-modal__container.fixedCenter .platform-components-modal__close-secondary.with-text {
transform: translate(0%, -120%);
}
}
.platform-components-modal__pb .platform-components-modal__container.fixedCenter .platform-components-modal__close-secondary.icon-only {
transform: translate(0%, -120%);
}
@media only screen and (max-width: 767px) {
.platform-components-modal__pb .platform-components-modal__container.fixedCenter .platform-components-modal__close-secondary.icon-only {
transform: translate(0%, -120%);
}
}
.platform-components-modal__pb .platform-components-modal__container.fixedCenter .platform-components-modal__close-tertiary.with-text {
transform: translate(0%, -100%);
color: #ffffff;
}
@media only screen and (max-width: 767px) {
.platform-components-modal__pb .platform-components-modal__container.fixedCenter .platform-components-modal__close-tertiary.with-text {
transform: translate(0%, -100%);
}
}
.platform-components-modal__pb .platform-components-modal__container.fixedCenter .platform-components-modal__close-tertiary.icon-only {
transform: translate(40px, -10px);
}
@media only screen and (max-width: 767px) {
.platform-components-modal__pb .platform-components-modal__container.fixedCenter .platform-components-modal__close-tertiary.icon-only {
transform: translate(30px, -5px);
}
}
.platform-components-modal__pb .platform-components-modal__container.pinnedTop .platform-components-modal__close-primary {
box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
}
@media (max-width: 767px) {
.platform-components-modal__pb .platform-components-modal__container.pinnedTop .platform-components-modal__close {
position: fixed;
bottom: 20px;
left: 50%;
transform: translateX(-50%);
width: fit-content;
z-index: 100;
}
}
@media (min-width: 768px) {
.platform-components-modal__pb .platform-components-modal__container.pinnedTop .platform-components-modal__close {
position: fixed;
top: 2.5rem;
left: 50%;
transform: translateX(-50%) translateY(-50%);
width: fit-content;
z-index: 100;
}
}
.platform-components-modal__pb .platform-components-modal__container-fullscreen {
height: 100%;
}
.platform-components-modal__pb .platform-components-modal__container-fullscreen.pinnedTop,
.platform-components-modal__pb .platform-components-modal__container-fullscreen.fixedCenter {
position: unset;
margin-top: 0;
margin-bottom: 0;
}
.platform-components-modal__pb .platform-components-modal__container-fullscreen.pinnedTop .platform-components-modal__close-primary,
.platform-components-modal__pb .platform-components-modal__container-fullscreen.fixedCenter .platform-components-modal__close-primary {
box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
}
@media (max-width: 767px) {
.platform-components-modal__pb .platform-components-modal__container-fullscreen.pinnedTop .platform-components-modal__close,
.platform-components-modal__pb .platform-components-modal__container-fullscreen.fixedCenter .platform-components-modal__close {
position: fixed;
bottom: 50px;
left: 50%;
transform: translateX(-50%);
width: fit-content;
}
}
@media (min-width: 768px) {
.platform-components-modal__pb .platform-components-modal__container-fullscreen.pinnedTop .platform-components-modal__close,
.platform-components-modal__pb .platform-components-modal__container-fullscreen.fixedCenter .platform-components-modal__close {
position: fixed;
top: 10px;
left: 50%;
transform: translateX(-50%);
width: fit-content;
}
}
.platform-components-modal__pb .platform-components-modal__container-fullscreen.fixedCenter .container {
top: 50%;
transform: translateY(-50%);
}
.platform-components-modal__editor {
position: relative;
}
.platform-components-modal__editor:before {
content: "";
position: absolute;
z-index: 0;
left: 50% !important;
right: 50% !important;
margin-left: -50vw !important;
margin-right: -50vw !important;
width: 100vw !important;
height: 100%;
top: 0;
}
.platform-components-modal__editor .platform-components-modal__container-fullscreen:after {
content: '';
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
overflow-x: hidden;
overflow-y: auto;
padding-top: 0;
z-index: 0;
}
.platform-components-modal__editor .platform-components-modal__container-large {
left: 50% !important;
right: 50% !important;
margin-left: -45vw !important;
margin-right: -45vw !important;
}
.platform-components-modal__editor .platform-components-modal__container-medium {
left: 50% !important;
right: 50% !important;
margin-left: -35vw !important;
margin-right: -35vw !important;
}
.platform-components-modal .video {
float: none;
}
.platform-components-modal__overlay {
background-color: #000000;
}
.platform-components-modal__close {
/* resets */
background-color: unset;
border: unset;
/* common style */
font-family: 'DIN 30640 Pro', sans-serif;
font-weight: 700;
line-height: 100%;
font-size: 1rem;
text-transform: capitalize;
letter-spacing: 0.01625rem;
padding: 0.5625rem 1.5625rem;
border-radius: 20px;
display: flex;
justify-content: center;
align-items: center;
text-decoration: none;
height: auto !important;
margin-left: 0;
margin-right: 0;
margin-bottom: 0;
}
.platform-components-modal__close:hover,
.platform-components-modal__close:active,
.platform-components-modal__close:focus {
/* resets */
background-color: unset;
border: unset;
text-decoration: none;
padding: 0.5625rem 1.5625rem;
outline: none !important;
}
.platform-components-modal__close.icon-only .icons-close {
transition: background-color 200ms ease-out, color 200ms ease-out;
}
.platform-components-modal__close-primary {
background-color: #8cd5ea;
color: #0b2c49;
transition: background-color 200ms ease-out, color 200ms ease-out;
}
.platform-components-modal__close-primary:hover,
.platform-components-modal__close-primary:active,
.platform-components-modal__close-primary:focus {
background-color: #0b2c49;
color: #ffffff;
}
.platform-components-modal__close-secondary {
background-color: transparent;
color: #ffffff;
box-shadow: inset 0 0 0 2px #ffffff;
transition: background-color 200ms ease-out, color 200ms ease-out, box-shadow 200ms ease-out;
}
.platform-components-modal__close-secondary:hover,
.platform-components-modal__close-secondary:active,
.platform-components-modal__close-secondary:focus {
background-color: #037fa5;
color: #ffffff;
box-shadow: inset 0 0 0 2px #037fa5;
}
.platform-components-modal__close-tertiary {
padding: 0.5625rem 0;
color: #ffffff;
transition: color 200ms ease-out;
}
.platform-components-modal__close-tertiary:hover,
.platform-components-modal__close-tertiary:active,
.platform-components-modal__close-tertiary:focus {
color: #037fa5;
}
.platform-components-modal a:focus {
outline: 1px solid #444444 !important;
}