.acptoggletext {
    letter-spacing: 1px
}

.acp-banner-text div {
    margin-right: .75rem
}

@media (min-width:375px) {
    .acp-banner-text {
        flex-basis: 55%
    }
    .acptoggleposition {
        flex-basis: 45%
    }
}

@media (min-width:1024px) {
    .acp-banner-text {
        flex-basis: 75%
    }
    .acptoggleposition {
        flex-basis: 25%
    }
}

.reusable-toggle-switch .label {
    grid-template-areas: "checkbox label"
}

.reusable-toggle-switch .slider {
    grid-area: checkbox;
    transition: all .2s ease-in
}

.reusable-toggle-switch .slider:before {
    --tw-bg-opacity: 1;
    background-color: #62626c;
    border-radius: 16px;
    content: "";
    height: 1.5rem;
    position: relative;
    width: 100%
}

.reusable-toggle-switch .label.loading {
    cursor: wait;
    pointer-events: none
}

.reusable-toggle-switch .label.loading .slider:before {
    opacity: .3
}

.reusable-toggle-switch .slider:after {
    --tw-bg-opacity: 1;
    --shadow-color: rgba(95, 95, 95, .51);
    background-color: rgb(255 255 255/var(--tw-bg-opacity));
    border-radius: 50%;
    content: "";
    height: 1.25rem;
    pointer-events: none;
    position: absolute;
    text-align: center;
    transition-duration: .2s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.4, 0, 1, 1);
    width: 1.25rem;
    z-index: 10
}

.reusable-toggle-switch .loading-spinner,
.reusable-toggle-switch .slider:after {
    transform: translateX(.125rem)
}

.reusable-toggle-switch .input:checked+.label .slider:before {
    background-color: #6138f5
}

.reusable-toggle-switch .input:not(:disabled)+.label:hover .slider:before {
    background-color: #35353b
}

.reusable-toggle-switch .input:not(:disabled):checked+.label:hover .slider:before {
    background-color: #3a0092
}

.reusable-toggle-switch .input:focus+.label .slider {
    box-shadow: 0 0 0 1px #fff, 0 0 0 2px #000
}

.reusable-toggle-switch .input:checked:focus+.label .slider {
    box-shadow: 0 0 0 1px #fff, 0 0 0 2px #6138f5
}

.reusable-toggle-switch .loading-spinner {
    height: 1.25rem;
    width: 1.25rem
}

.reusable-toggle-switch .input:checked+.label .loading-spinner,
.reusable-toggle-switch .input:checked+.label .slider:after {
    transform: translateX(26px)
}

.reusable-toggle-switch .input:checked+.label .loading-spinner {
    color: #6138f5
}

.reusable-toggle-switch .input:disabled+.label {
    cursor: not-allowed;
    opacity: .3
}

.reusable-toggle-switch .spinner {
    --offset: 113
}

.reusable-toggle-switch .spinner-svg {
    animation: spin 1.75s linear 0s infinite normal none running
}

.reusable-toggle-switch .spinner-circle {
    fill: transparent;
    stroke: currentcolor;
    stroke-linecap: round;
    animation: spinner 3.5s linear 0s infinite normal none running;
    transform: rotate(-120deg);
    transform-origin: 50% 50%
}

@keyframes spinner {
    0% {
        stroke-dashoffset: var(--offset)
    }
    to {
        stroke-dashoffset: 0
    }
}

a.line-height-normal {
    line-height: normal
}

.x-page__footer .x-landing-page__container,
.x-page__footer .x-landing-page__container>.x-flex-row {
    align-items: center;
    justify-content: center;
    margin: 0
}

.activeAdd-mb-8 {
    margin-bottom: 2rem !important
}

body .x-preloader--global {
    align-items: center;
    bottom: 0;
    display: flex;
    justify-content: center;
    left: 0;
    max-width: 100%;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 100
}

body .x-preloader--global.x-background-opaque--black {
    background-color: rgba(0, 0, 0, .9);
    color: #fff
}

body .x-preloader--global.x-background-opaque--urban {
    background-color: rgba(5, 18, 25, .8);
    color: #fff
}

.x-preloader {
    padding: 3rem 1.25rem;
    text-align: center
}

.x-wide-loader>.x-preloader {
    padding: 5rem 0
}

@media only screen and (min-width:64rem) {
    .x-wide-loader>.x-preloader {
        padding: 12.5rem 0
    }
}

.x-preloader__dots {
    box-sizing: border-box;
    display: none;
    font-size: 0;
    margin: 0 auto;
    min-height: 1.375rem;
    padding: 0;
    text-align: center;
    width: 6.25rem
}

.x-preloader__dots._show {
    display: block
}

.x-preloader__dots-enclosed {
    background: rgba(93, 93, 93, .5);
    border-radius: 50%;
    display: block;
    height: 6.25rem;
    padding: 2.75rem 0 0;
    width: 6.25rem
}

.x-preloader__dots>div {
    background-color: #646a70;
    border-radius: 100%;
    display: inline-block;
    height: .813rem;
    margin: 0 0 0 .813rem;
    opacity: .7;
    transform: scale(1);
    width: .813rem
}

.x-preloader__dots>div:first-child {
    margin-left: 0
}

.x-preloader__dots.x-color--white>div {
    background-color: #fff
}

.x-preloader__dots .dot-l {
    animation: pulse 1.1s ease-in-out .1s infinite
}

.x-preloader__dots .dot-c {
    animation: pulse 1.1s ease-in-out .3s infinite
}

.x-preloader__dots .dot-r {
    animation: pulse 1.1s ease-in-out .5s infinite
}

.confirm-button {
    display: none !important
}

.x-overlay .confirm-button {
    display: inline-block !important
}

.cart-action-btn {
    height: 100%;
    min-height: 3.25rem;
    transition: .2s ease-in;
    transition-property: background-color, border-color, box-shadow
}

.cart-action-btn:focus {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(var(--ring-color-theme1-base)/var(--tw-ring-opacity));
    --tw-ring-offset-width: 2px;
    --tw-ring-offset-color: rgb(var(--ring-offset-color-material-neutral-base));
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}

.x-show-channel-search-box {
    position: relative
}

.x-show-channel-search-box__clear {
    background: transparent;
    border: 0;
    padding: 0;
    position: absolute;
    right: 12px;
    top: 14px;
    z-index: 1
}

.x-ui-theme--dark .x-show-channel-search-box .x-body3,
.x-ui-theme--dark .x-show-channel-search-box .x-heading5 {
    color: rgba(0, 0, 0, .87)
}

.react-autosuggest__suggestions-container {
    max-width: 100%;
    width: 100%
}

.react-autosuggest__suggestions-container--open {
    background: #fff;
    border: 1px solid #c7cdd2;
    max-height: 250px;
    overflow-y: scroll;
    padding: 12px 0;
    position: absolute;
    z-index: 20
}

.react-autosuggest__section-container {
    margin-top: 12px
}

.react-autosuggest__section-container--first {
    margin-top: 0
}

.react-autosuggest__section-title {
    padding: 0 12px
}

.react-autosuggest__suggestions-list {
    list-style: none;
    margin: 0;
    padding: 0
}

.react-autosuggest__suggestion {
    padding: 6px 12px
}

.react-autosuggest__suggestion--highlighted {
    background-color: #ebeef0;
    color: #0272b6
}

.react-autosuggest__suggestion .matched-text {
    font-weight: 700
}

@media only screen and (min-width:48rem) {
    .react-autosuggest__suggestions-container--open {
        max-height: 600px;
        overflow: auto
    }
    .x-show-channel-search-box__clear {
        top: 18px
    }
}

.x-clu-drawer {
    bottom: 0;
    flex-wrap: nowrap;
    left: 0;
    position: fixed;
    transform: translateY(100%);
    transition: opacity .3s ease-in-out 0s, visibility .3s ease-in-out 0s, transform .3s ease-in-out 0s, height .6s ease-in-out 0s;
    width: 100%;
    z-index: 60
}

.x-clu-drawer--active {
    transform: translateY(0)
}

.x-clu-drawer--scroll-hide {
    opacity: 0;
    visibility: hidden
}

.x-clu-drawer .x-clu-drawer-wrapper {
    margin: 12px 0
}

.x-clu-drawer .x-clu-drawer-description {
    font-weight: 700;
    margin: 0 12px 12px
}

.x-channel-lineup--drawer-open .x-clu-drawer {
    display: none
}

@media screen and (min-width:768px) {
    .x-clu-drawer .x-clu-drawer-wrapper {
        margin: 18px 0
    }
    .x-clu-drawer .x-clu-drawer-description {
        display: inline;
        margin: 0 24px 0 0
    }
}

.x-channels-table__inner .x-channels-table__heading.x-channels-table__row.mobile-sticky {
    top: 70px !important
}

.x-channels-table__inner .x-channels-table__heading.x-channels-table__row.tablet-desktop-sticky {
    top: 79px !important
}

.x-channels-container {
    position: relative
}

.x-channel-lineup__inner {
    width: 100%
}

.x-channels-container__disclaimer {
    margin-bottom: 1.125rem;
    padding: 0 .75rem
}

.x-channels-container__offers {
    margin: 1.5rem .75rem .75rem
}

.x-channels-container__nav-wrapper .top-nav {
    background: #fff
}

.x-channels-container__nav-wrapper .top-nav__item {
    margin: 0 .625rem;
    padding: 0
}

.x-channels-container__nav-wrapper .top-nav__item--active {
    border-bottom: .125rem solid #0272b6
}

.x-channels-container__nav-wrapper .top-nav__item-link {
    padding: .75rem 0
}

.x-channels-container__nav-wrapper .x-channels-container__existing-customer {
    margin: 1.5rem 0 0;
    padding: .75rem 0
}

.x-channels-container__views {
    margin: 0 auto 1.5rem;
    padding: 0
}

.x-channels-container__views [class^=x-flex__col] {
    padding: 0
}

.x-channels-container__views .x-list--inline-bullets li:before {
    top: .438rem
}

.x-channels-container__views a,
.x-channels-container__views p {
    margin: 0
}

.x-channels-container__table {
    position: relative
}

.x-channels-container__featured-title {
    margin: 0 0 1.125rem;
    padding: 0 .75rem
}

@media only screen and (min-width:64rem) {
    .x-channels-container__featured-title {
        padding: 0
    }
}

.x-channels-container__featured {
    margin: 0 0 3.375rem;
    width: 100%
}

.x-channels-container__featured [class^=x-flex__col] {
    padding: 0 .063rem
}

.x-channels-container__featured .card-collection {
    margin: 0
}

.x-channels-container__featured-tab {
    background-color: #dde2e6;
    border: 0;
    padding: 1.125rem .375rem;
    text-align: center;
    width: 100%
}

.x-channels-container__featured-tab:hover {
    text-decoration: none
}

.x-channels-container__featured-tab .x-heading5 {
    line-height: .813rem
}

.x-channels-container__featured-tab .x-channels-container__numbers {
    color: #191919
}

@media only screen and (min-width:64rem) {
    .x-channels-container__featured-tab .x-channels-container__numbers {
        font-size: 30px;
        font-size: 1.875rem;
        line-height: 1.067;
        margin-top: .375rem
    }
}

.x-channels-container__featured-tab--active {
    background-color: #fff;
    border-top: .188rem solid #0272b6;
    padding: .938rem .375rem 1.125rem
}

.x-channels-container__featured-logo {
    margin: 1.125rem 0;
    text-align: center
}

.x-channels-container__summary {
    padding: .75rem 0;
    position: relative
}

@media only screen and (min-width:20rem) {
    .x-channels-container__summary {
        padding: .75rem
    }
}

.x-channels-container__summary .x-button--flat {
    margin: 0;
    min-width: 4.375rem;
    padding-left: .188rem;
    padding-right: .188rem
}

@media only screen and (min-width:20rem) {
    .x-channels-container__summary .x-button--flat {
        height: 2.875rem;
        min-width: 5.625rem;
        padding-left: .375rem;
        padding-right: .375rem
    }
}

.x-channels-container__summary .x-channels-container__address {
    margin-bottom: 0
}

.x-channels-container__summary .x-channels-container__address .x-offer-summary__location {
    margin: 0
}

.x-channels-container__summary .x-channels-container__address .x-offer-summary__location .x-hide--medium-and-under {
    display: none !important
}

@media only screen and (min-width:64rem) {
    .x-channels-container__summary .x-channels-container__address .x-offer-summary__location .x-hide--medium-and-under {
        display: inline-block !important
    }
}

.x-channels-container__summary .x-channels-container__address .x-icon {
    stroke: none;
    color: #ff9271;
    margin-right: .75rem;
    max-height: 1.25rem;
    max-width: 1.25rem
}

.x-channels-container__summary .x-channels-container__address button {
    margin-left: .375rem
}

.x-channels-container__summary .x-field--checkbox,
.x-channels-container__summary .x-field--switch {
    margin: 0 1.125rem 0 0;
    width: auto
}

.x-channels-container__summary .x-field--checkbox .x-field__label,
.x-channels-container__summary .x-field--switch .x-field__label {
    margin: 0
}

.x-channels-container__summary .x-field--checkbox.x-input-checkbox--hd .x-field__label:before {
    margin-right: .75rem
}

.x-channels-container__summary .x-field__input--search {
    padding-right: 4.5rem
}

.x-channels-container__summary .x-field__select-options.x-field__select-options--channel-sort {
    padding-left: .75rem;
    padding-right: 2rem
}

.x-channels-container__summary .x-channels-container__options>div {
    margin: 0
}

.x-channels-container__summary .x-channels-container__options .x-channels-container__summary-col {
    margin: 0 0 0 .375rem
}

.x-channels-container__summary .x-channels-container__options .x-channels-container__summary-col .x-field__select-container {
    background-color: #2f3845;
    border: 0;
    color: #fff
}

.x-channels-container__summary .x-channels-container__options .x-channels-container__options-hd {
    display: none
}

@media only screen and (min-width:64rem) {
    .x-channels-container__summary .x-channels-container__options .x-channels-container__options-hd {
        padding: 0 1.5rem 0 0
    }
}

.x-channels-container__summary .x-channels-container__options .x-channels-container__options-hd span {
    text-align: left
}

.x-channels-container__summary .x-channels-container__options .x-field--search-wrap,
.x-channels-container__summary .x-channels-container__options .x-field--select {
    display: none
}

.x-channels-container__summary .x-channels-container__options .x-field--select {
    padding-right: 0
}

.x-channels-container__summary .x--active .x-field--search-wrap {
    background-color: #1f232e;
    display: flex;
    height: 100%;
    left: 0;
    padding: .75rem;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 7
}

.x-channels-container__summary .x-channels-container__summary-btn--search button {
    background-color: #fff;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 1.5rem 1.5rem;
    border: 1px solid #fff;
    border-radius: .188rem;
    font-size: 0;
    height: 2.875rem;
    margin: 0;
    padding: 0;
    width: 3.125rem
}

.x-channels-container__summary .x-channels-container__summary-btn--search button:hover {
    cursor: pointer
}

.x-channels-container__summary .x-channels-container__summary-sort-drawer {
    background-color: #1f232e;
    height: 100vh;
    left: 0;
    overflow: auto;
    padding-bottom: 6.25rem;
    position: fixed;
    top: 0;
    transform: translateY(100%);
    transition: transform .3s ease-in-out 0s, visibility .3s ease-in-out 0s;
    visibility: hidden;
    width: 100%;
    z-index: 70
}

@media only screen and (min-width:550px) {
    .x-channels-container__summary .x-channels-container__summary-sort-drawer {
        padding-bottom: 0
    }
}

.x-channels-container__summary .x--active .x-channels-container__summary-sort-drawer {
    transform: translateY(0);
    visibility: visible
}

.x-channels-container__summary .x-channels-container__summary-sort-drawer-inner {
    padding: 1.25rem
}

.x-channels-container__summary .x-channels-container__summary-sort-drawer-inner .x-channels-container__summary-btn--close {
    position: absolute;
    right: 1.25rem
}

.x-channels-container__summary .x-channels-container__summary-sort-drawer-inner .x-channels-container__summary-btn--apply {
    bottom: 1.25rem;
    left: 1.25rem;
    position: absolute;
    right: 1.25rem
}

@media only screen and (min-width:550px) {
    .x-channels-container__summary .x-channels-container__summary-sort-drawer-inner .x-channels-container__summary-btn--apply {
        bottom: auto;
        left: 0;
        position: relative;
        right: 0
    }
}

.x-channels-container__summary section {
    margin: .75rem 0 3.125rem
}

.x-channels-container__summary section h2 {
    border-bottom: .063rem solid #44484c;
    margin-bottom: 1.25rem;
    padding-bottom: 1.25rem
}

.x-channels-container__summary section .x-field {
    margin-bottom: .75rem
}

.x-channels-container__summary .x-field--search input {
    background-color: #fff;
    background-position: .75rem;
    background-repeat: no-repeat;
    background-size: 1.5rem 1.5rem;
    border: 1px solid #646a70;
    border-radius: .188rem;
    color: #000;
    height: 3.438rem;
    padding: .75rem .75rem .75rem 3rem;
    width: 100%
}

.x-channels-container__summary .x-field--search .x-button--icon {
    position: absolute;
    right: 1.25rem;
    top: .938rem;
    z-index: 2
}

.x-channels-container__summary .x--active .x-field--search {
    flex-grow: 1
}

.x-channels-container__summary .x--active .x-field--search input {
    height: auto
}

.x-channels-container__summary .x--active .x-channels-container__summary-btn--cancel {
    margin-left: .75rem
}

.x-channels-table {
    margin: 0 auto;
    max-width: 64rem;
    position: relative;
    width: 100%
}

.x-channels-table p {
    list-style: none;
    margin: 0;
    padding: 0
}

.x-channels-table .x--is-available {
    background-color: #0272b6;
    border-radius: .313rem;
    height: .625rem;
    margin: 0 auto;
    width: .625rem
}

.x-channels-table .x-channels-table__row {
    display: table;
    max-width: 64rem;
    table-layout: fixed;
    width: 100%
}

.x-channels-table .x-channels-table__item {
    background-color: #fff;
    border-bottom: .188rem solid #eef1f3;
    border-right: .188rem solid #eef1f3;
    display: table-cell;
    font-size: 11px;
    font-size: .688rem;
    height: 3.75rem;
    line-height: 1.182;
    overflow: hidden;
    padding: .188rem;
    position: relative;
    text-align: center;
    vertical-align: middle
}

@media only screen and (min-width:23.375rem) {
    .x-channels-table .x-channels-table__item {
        padding: .375rem
    }
}

.x-channels-table .x-channels-table__item span {
    word-wrap: break-word
}

.x-channels-table .x-channels-table__item .x-button--anchor {
    text-align: center
}

.x-channels-table .x-channels-table__item.enabled {
    background-color: #fff
}

.x-channels-table .x-channels-table__item:last-child {
    border-right: 0
}

.x-channels-table--highlights .x-channels-table__item[data-channel-tier] {
    background-color: #dde2e6
}

.x-channels-table--highlights .x-channels-table__item[data-channel-tier].enabled {
    background-color: #fff
}

.x-channels-table--highlights .x-channels-table__item[data-channel-tier].x-channels-table__preferred-item {
    background-color: #fff;
    overflow: visible
}

.x-channels-table .x-channels-table__row:last-child .x-channels-table__item[data-channel-tier].x-channels-table__preferred-item {
    background: -ms-linear-gradient(top, #fff 1%, #fff 98%, #5837cb 98%, #5837cb 100%)
}

@media only screen and (min-width:20rem) {
    .x-channels-table .x-channels-table__row:last-child .x-channels-table__item[data-channel-tier].x-channels-table__preferred-item {
        background: linear-gradient(0deg, #fff 1%, #fff 98%, #5837cb 0, #5837cb)
    }
}

.x-channels-table .x-channels-table__row:last-child .x-channels-table__item {
    border-bottom: 0
}

.x-channels-table--package-selector .x-channels-table__heading .x-channels-table__item[role=columnheader] {
    overflow: hidden
}

@media only screen and (min-width:23.375rem) {
    .x-channels-table--package-selector .x-channels-table__heading .x-channels-table__item[role=columnheader] {
        height: 5rem
    }
}

.x-channels-table--package-selector.x-channels__preferred-category-sort .x-channels-table__heading .x-channels-table__item {
    border-bottom: 0
}

@media only screen and (min-width:20rem) {
    .x-channels-table--package-selector.x-channels__preferred-category-sort .x-channels-table__heading .x-channels-table__preferred-item {
        background: linear-gradient(0deg, #fff 1%, #fff 99%, #5837cb 0, #5837cb)
    }
}

.x-channels-table--package-selector .x-field--checkbox {
    display: flex;
    height: 100%;
    margin-bottom: 0
}

.x-channels-table--package-selector .x-field--checkbox .x-field__label {
    margin-bottom: 0;
    width: 100%
}

.x-channels-table--package-selector .x-field--checkbox .x-field__label__text {
    display: flex;
    flex-direction: column;
    flex-grow: 2;
    justify-content: space-around;
    padding-bottom: .75rem
}

.x-channels-table--package-selector .x-field--checkbox .x-field__label__text .x-heading5 {
    align-items: center;
    flex-grow: 2;
    justify-content: center
}

.x-channels-table--package-selector .x-field--checkbox .x-field__label__text .x-heading5.x-hide--small-and-under {
    display: none !important
}

@media only screen and (min-width:23.375rem) {
    .x-channels-table--package-selector .x-field--checkbox .x-field__label__text .x-heading5.x-hide--small-and-under {
        display: none !important
    }
}

.x-channels-table--package-selector .x-field--checkbox .x-field__label__text .x-channel-table__numbers {
    bottom: 0;
    width: 100%
}

.x-channels-table .x-channels-table__item-text {
    display: none;
    height: 0;
    opacity: 0
}

.x-channels-table .x-channels-table__item-text:only-child {
    display: block;
    height: auto;
    opacity: 1
}

.x-channels-table .x-channels-table__item-image {
    align-items: center;
    display: flex;
    height: 1.875rem;
    margin: 0 auto;
    width: 3.125rem
}

.x-channels-table .x-channels-table__main-title .x-channels-table__item-image {
    height: auto;
    width: auto
}

.x-channels-table .x-channels-table__item-image img {
    display: block;
    height: auto;
    margin: 0 auto;
    max-height: 100%;
    max-width: 100%;
    width: 100%
}

.x-channels-table.x-channels-heading--text-view .x-channels-table__item-text {
    display: block;
    height: auto;
    opacity: 1;
    width: 100%
}

.x-channels-table.x-channels-heading--text-view .x-channels-table__item-image {
    display: none
}

.x-channels-table.x-channels-heading--text-view .x-channels-table--heading {
    text-align: left
}

.x-channels-table.x-channels-heading--text-view .x-channels-existing-view {
    align-items: flex-start;
    flex-direction: column
}

.x-channels-table .x-channels-table__group {
    margin-top: 1.5rem
}

.x-channels-table .x-channels-table__group .x-channels-table__group-inner {
    padding: .75rem;
    position: relative
}

.x-channels-table .x-channels-table__group .x-channels-table__group-wrap {
    align-items: flex-end;
    display: flex;
    padding-right: 3.125rem
}

.x-channels-table .x-channels-table__group [data-drawer] {
    position: absolute;
    right: .75rem;
    top: .75rem
}

.x-channels-table .x-channels-table__group .x-channels-table__group-extra-link {
    margin-left: .75rem
}

.x-channels-table .x-channels-table__group--error {
    background-color: #fff;
    border-top: .375rem solid #eef1f3;
    text-align: center
}

.x-channels-table .x-channels-table__heading .x-channels-table__numbers {
    margin-top: .188rem
}

@media only screen and (min-width:64rem) {
    .x-channels-table .x-channels-table__heading .x-channels-table__numbers {
        font-size: 30px;
        font-size: 1.875rem;
        line-height: 1.067
    }
}

.x-channels-table .x-channels-table__heading .x-channels-table__main-title {
    font-size: 11px;
    font-size: .688rem;
    font-weight: 700;
    line-height: 1.182
}

.x-channels-table .x-channels-table__heading .x-channels-table__item {
    height: 4.063rem;
    padding: 0;
    text-align: center;
    vertical-align: middle
}

.x-channels-table .x-channels-table__heading .x-channels-table__item:first-child {
    padding: 0 .375rem;
    vertical-align: middle
}

.x-channels-table .x-channels-table__heading .x-channels-table__item>.x-heading5 {
    line-height: .813rem
}

.x-channels-table .x-channels-table__heading .x-channels-table__item .x-field--checkbox .x-field__label {
    flex-direction: column;
    flex-grow: 1
}

.x-channels-table .x-channels-table__heading .x-channels-table__item .x-field--checkbox .x-field__label:before {
    margin: .75rem auto .563rem
}

.x-channels-table .x-channels-table__heading .x-channels-table__item.x-channels-table__preferred-item:before {
    content: " ";
    height: 108%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

@media only screen and (min-width:20rem) {
    .x-channels-table .x-channels-table__heading .x-channels-table__item.x-channels-table__preferred-item:before {
        border-top: 3px solid #5837cb
    }
}

@media only screen and (min-width:64rem) {
    .x-channels-table .x-channels-table__heading .x-channels-table__item.x-channels-table__preferred-item:before {
        height: 105%
    }
}

.x-channels-table .x-channels-table__heading+.x-channels-table__group {
    margin-top: 0
}

.x-channels-table .x-channels-table__heading.x-channels-table__row {
    padding-top: .375rem
}

.x-channels-table .x-channels-table__heading+.x-channels-table__row {
    border-top: .188rem solid #eef1f3
}

.x-channel-lineup--drawer-open .x-channels-table__heading {
    display: none
}

.x-channels-heading--no-logos .x-channels-table--heading {
    text-align: left
}

.x-channels-table--col-1 .x-channels-table__item {
    width: 100%
}

.x-channels-table--col-2 .x-channels-table__item {
    width: 50%
}

.x-channels-table--col-3 .x-channels-table__item {
    width: 33.33333%
}

.x-channels-table--col-4 .x-channels-table__item {
    width: 25%
}

.x-channels-table--col-5 .x-channels-table__item {
    width: 20%
}

.x-channels-table--col-6 .x-channels-table__item {
    width: 16.66667%
}

.x-channels-table--col-7 .x-channels-table__item {
    width: 14.28571%
}

.x-channels-table--col-8 .x-channels-table__item {
    width: 12.5%
}

.x-channels-table--col-9 .x-channels-table__item {
    width: 11.11111%
}

.x-channels-table--col-10 .x-channels-table__item {
    width: 10%
}

.x-channels-table--col-6 .x-channels-table__item:first-child {
    width: 5rem
}

@media only screen and (min-width:23.375rem) {
    .x-channels-table--col-6 .x-channels-table__item:first-child {
        width: 6.875rem
    }
}

.x-channels-table--col-7 .x-channels-table__item:first-child {
    width: 5rem
}

@media only screen and (min-width:23.375rem) {
    .x-channels-table--col-7 .x-channels-table__item:first-child {
        width: 6.875rem
    }
}

.x-channels-table--col-8 .x-channels-table__item:first-child {
    width: 5rem
}

@media only screen and (min-width:23.375rem) {
    .x-channels-table--col-8 .x-channels-table__item:first-child {
        width: 6.875rem
    }
}

.x-channels-table--col-9 .x-channels-table__item:first-child {
    width: 5rem
}

@media only screen and (min-width:23.375rem) {
    .x-channels-table--col-9 .x-channels-table__item:first-child {
        width: 6.875rem
    }
}

.x-channels-table--col-10 .x-channels-table__item:first-child {
    width: 5rem
}

@media only screen and (min-width:23.375rem) {
    .x-channels-table--col-10 .x-channels-table__item:first-child {
        width: 6.875rem
    }
}

.x--is-fixed .x-channels-container__summary,
.x--is-fixed .x-channels-table__heading {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10
}

.x--is-fixed .x-channels-container__summary {
    left: 50%;
    transform: translateX(-50%);
    z-index: 11
}

.x--is-fixed .x-channels-table__heading {
    background-color: #fff;
    box-shadow: 0 .375rem .625rem 0 rgba(0, 0, 0, .2)
}

.x--is-fixed .x-channels__preferred-category-sort .x-channels-table__heading .x-channels-table__preferred-item {
    background: #fff
}

.x-channels--fullylocalized .x-channels-container__address .x-icon {
    color: #2b9cd8
}

@media print {
    .x-channels-table .x-channels-table__item-text {
        height: auto;
        opacity: 1
    }
    .x-channels-table .x-channels-table__item-image,
    .x-channels-table .x-channels-table__main-title {
        display: none
    }
}

.x-channel-overlay-container__headings .x-display3 {
    margin-bottom: .75rem
}

.x-channel-overlay-container__headings .x-heading4 {
    margin-bottom: 1.5rem
}

.x-channel-overlay-container__logos {
    padding: 0 0 .75rem
}

.x-channel-number {
    color: #191919;
    font-weight: 700;
    min-width: 50px;
    padding-bottom: 12px
}

.x-channels-existing-view {
    align-items: center;
    display: flex;
    flex-direction: column
}

.x-channels__legal-with-recommened {
    padding-top: .75rem;
    width: 100%
}

.x-channels__recommended-icon {
    margin-right: .375rem;
    position: relative;
    top: -1px
}

.x-channels__recommended-label {
    width: 100%
}

.x-recommended-highlight {
    background-color: #5837cb;
    display: table-cell;
    width: 1px
}

@media only screen and (min-width:20rem) {
    .x-recommended-highlight.right {
        transform: translateX(-3.2px)
    }
}

.x-recommended-highlight.left {
    transform: translateX(.1px)
}

.clu-table-tiles {
    position: relative;
    width: 100%
}

.clu-table-tiles .image-grid {
    padding: 0
}

.clu-table-tiles .image-grid--extra__tiles {
    display: none;
    width: 100%
}

.clu-table-tiles .image-grid--extra__link {
    justify-content: center;
    margin-bottom: 1.5rem
}

.clu-table-tiles__categories .image-grid-item--inactive .image-grid-item__inner {
    border: .063rem solid rgba(199, 205, 210, .4)
}

.clu-table-tiles__categories .image-grid-item--inactive .image-grid-item__inner .image-grid-item__cta p {
    border-top: .063rem solid rgba(199, 205, 210, .4)
}

.clu-table-tiles__categories .image-grid-item--inactive .image-grid-item__heading,
.clu-table-tiles__categories .image-grid-item--inactive .image-grid-item__img img {
    opacity: .4
}

.clu-table-tiles__category {
    flex-direction: column-reverse;
    margin: 0 0 .188rem
}

.clu-table-tiles__category:last-of-type {
    margin-bottom: 0
}

.clu-table-tiles__category-title {
    background-color: #f2f4f5;
    padding: 2.063rem 2.25rem 2.063rem .75rem;
    position: relative
}

.clu-table-tiles__category-title [data-drawer] {
    position: absolute;
    right: .75rem;
    top: 1.938rem
}

.clu-table-tiles__category-tiles {
    display: none
}

.clu-table-tiles__category-tiles[aria-hidden=false]~.clu-table-tiles__category-title {
    background: none
}

.clu-table-tiles__summary {
    border-bottom: .063rem solid #e6eaed;
    padding: 1.5rem 0 2.25rem
}

.clu-table-tiles__summary .image-grid {
    justify-content: flex-start
}

.clu-table-tiles__category.clu-table-tiles__category--inactive-row .image-grid-item--mini {
    flex-basis: 100%;
    margin-bottom: 0;
    max-width: 100%
}

.clu-table-tiles__category.clu-table-tiles__category--inactive-row .image-grid-item--mini .image-grid-item__cta {
    display: none
}

.clu-table-tiles__category.clu-table-tiles__category--inactive-row .image-grid-item--mini .image-grid-item__inner {
    border: 0;
    border-bottom: .063rem solid #dde2e6;
    cursor: default;
    flex-direction: row;
    min-height: auto;
    padding: .75rem 0
}

.clu-table-tiles__category.clu-table-tiles__category--inactive-row .image-grid-item--mini .image-grid-item__heading {
    margin-bottom: 0;
    padding-bottom: 0;
    text-align: left
}

.clu-table-tiles__category.clu-table-tiles__category--inactive-row .image-grid-item--mini .image-grid-item__heading h3 {
    font-size: 1rem
}

.clu-table-tiles__category.clu-table-tiles__category--inactive-row .image-grid-item--mini .image-grid-item__img {
    margin: 0 .375rem 0 0
}

.clu-table-tiles__category.clu-table-tiles__category--inactive-row .image-grid-item--mini .image-grid-item__img img {
    max-height: 1.563rem;
    max-width: 1.563rem;
    padding: 0
}

.clu-table-tiles__category.clu-table-tiles__category--inactive-row .image-grid--extra__link {
    margin-top: 1.5rem
}

.clu-table-tiles__category.clu-table-tiles__category--inactive-row .clu-table-tiles__category--inactive-row__message {
    margin-bottom: 1.125rem
}

.clu-table-tiles__category.clu-table-tiles__category--inactive-row .image-grid-parent {
    padding: 0 .75rem
}

.clu-table-tiles__category.clu-table-tiles__category--inactive-row .clu-table-tiles__category-title--description {
    display: none;
    margin-top: .375rem
}

.clu-table-tiles__category.clu-table-tiles__category--inactive-row .clu-table-tiles__category-tiles[aria-hidden=false]~.clu-table-tiles__category-title {
    padding-bottom: 1.125rem
}

.clu-table-tiles__category.clu-table-tiles__category--inactive-row .clu-table-tiles__category-tiles[aria-hidden=false]~.clu-table-tiles__category-title .clu-table-tiles__category-title--description {
    display: block
}

@media only screen and (min-width:48rem) {
    .x-channels-container__nav-wrapper {
        background: #fff
    }
    .x-channels-container__nav-wrapper .top-nav {
        text-align: left
    }
    .x-channels-container__nav-wrapper .top-nav__item {
        margin: 0 1.875rem 0 0
    }
    .x-channels-container__nav-wrapper .x-channels-container__existing-customer {
        margin: 0
    }
    .x-channels-container__views {
        margin: 0 auto 3.375rem;
        padding: 0 .375rem
    }
    .x-channels-container__featured [class^=x-flex__col] {
        max-width: 100%;
        padding: 0 .188rem
    }
    .x-channels-container__featured-tab .x-channels-container__numbers {
        font-size: 24px;
        font-size: 1.5rem;
        font-weight: 300;
        line-height: 1.083
    }
    .x-channels-container__summary {
        padding: .75rem .5rem .75rem 1rem
    }
    .x-channels-container__summary .x-channels-container__options .x-channels-container__summary-col {
        margin: 0
    }
    .x-channels-container__summary .x-channels-container__options .x-channels-container__summary-col--sort {
        max-width: 8.5rem;
        padding: 0
    }
    .x-channels-container__summary .x-channels-container__options .x-channels-container__summary-col--search {
        padding: 0 0 0 .75rem
    }
    .x-channels-container__summary .x-channels-container__options .x-channels-container__summary-col--search div.x-field--search {
        min-width: 18.438rem;
        padding: 0
    }
    .x-channels-container__summary .x-channels-container__options .x-channels-container__options-hd {
        display: flex;
        padding-right: .75rem
    }
    .x-channels-container__summary .x-channels-container__options .x-channels-container__summary-btn {
        display: none
    }
    .x-channels-container__summary .x-channels-container__options .x-field--search-wrap,
    .x-channels-container__summary .x-channels-container__options .x-field--select {
        display: block
    }
    .x-channels-container__summary .x--active .x-field--search-wrap {
        background-color: inherit;
        position: static
    }
    .x-channels-container__summary .x--active .x-field--search-wrap-inner {
        bottom: auto;
        margin: auto;
        position: static;
        top: auto;
        transform: none;
        width: auto
    }
    .x-channels-container__summary .x-channels-container__summary-sort-drawer {
        display: none
    }
    .x-channels-container__summary .x--active .x-channels-container__summary-sort-drawer {
        transform: translateY(100%);
        visibility: hidden
    }
    .x-channels-container__summary .x-field--search .x-button--icon {
        display: none
    }
    .x-channels-table .x-channels-table__item {
        border-bottom: .375rem solid #eef1f3;
        border-right: .375rem solid #eef1f3;
        padding: .75rem
    }
    .x-channels-table .x-channels-table__row:last-child .x-channels-table__item[data-channel-tier].x-channels-table__preferred-item {
        background: linear-gradient(0deg, #fff 1%, #fff 97%, #5837cb 0, #5837cb)
    }
    .x-channels-table--package-selector .x-channels-table__heading .x-channels-table__item[role=columnheader] {
        height: 10.313rem;
        padding-top: 1.125rem;
        vertical-align: initial
    }
    .x-channels-table--package-selector.x-channels__preferred-category-sort .x-channels-table__heading .x-channels-table__preferred-item {
        background: linear-gradient(0deg, #fff 1%, #fff 97%, #5837cb 0, #5837cb)
    }
    .x-channels-table--package-selector .x-field--checkbox .x-field__label__text {
        padding-bottom: 0
    }
    .x-channels-table--package-selector .x-field--checkbox .x-field__label__text .x-heading5.x-hide--small-and-under {
        display: flex !important
    }
    .x-channels-table .x-channels-table__heading .x-channels-table__numbers {
        font-size: 24px;
        font-size: 1.5rem;
        font-weight: 300;
        line-height: 1.083;
        margin-top: .375rem
    }
    .x-channels-table .x-channels-table__heading .x-channels-table__main-title {
        font-size: 14px;
        font-size: .875rem;
        line-height: 1.143
    }
    .x-channels-table .x-channels-table__heading .x-channels-table__item {
        height: 5.75rem;
        padding: .75rem .375rem 1.125rem;
        vertical-align: bottom
    }
    .x-channels-table .x-channels-table__heading .x-channels-table__item .x-field--checkbox .x-field__label:before {
        margin-bottom: .75rem;
        margin-top: 0
    }
    .x-channels-table .x-channels-table__heading .x-channels-table__item.x-channels-table__preferred-item:before {
        border-top: 4px solid #5837cb;
        height: 104%
    }
    .x-channels-table .x-channels-table__heading+.x-channels-table__row {
        border-top: .375rem solid #eef1f3
    }
    .x-channels-table--col-6 .x-channels-table__item,
    .x-channels-table--col-6 .x-channels-table__item:first-child {
        width: 16.66667%
    }
    .x-channels-table--col-7 .x-channels-table__item,
    .x-channels-table--col-7 .x-channels-table__item:first-child {
        width: 14.28571%
    }
    .x-channels-table--col-8 .x-channels-table__item,
    .x-channels-table--col-8 .x-channels-table__item:first-child {
        width: 12.5%
    }
    .x-channels-table--col-9 .x-channels-table__item,
    .x-channels-table--col-9 .x-channels-table__item:first-child {
        width: 11.11111%
    }
    .x-channels-table--col-10 .x-channels-table__item,
    .x-channels-table--col-10 .x-channels-table__item:first-child {
        width: 10%
    }
    .x-channel-overlay-container__headings .x-heading4 {
        margin-bottom: .75rem
    }
    .x-channel-overlay-container__logos {
        padding: 1.5rem 0
    }
    .x-channel-number {
        padding-bottom: 0;
        padding-right: 12px
    }
    .x-channels-existing-view {
        flex-direction: row
    }
    .x-channels__legal-with-recommened {
        padding-top: 0;
        text-align: right;
        width: 50%
    }
    .x-channels__recommended-label {
        width: 50%
    }
    .x-recommended-highlight.right {
        transform: translateX(-6.5px)
    }
    .clu-table-tiles .image-grid--extra__link {
        margin-bottom: 0
    }
    .clu-table-tiles__category {
        margin: 0 0 1.125rem
    }
    .clu-table-tiles__category-title {
        padding: .75rem 2.25rem .75rem .75rem
    }
    .clu-table-tiles__category-title [data-drawer] {
        top: .625rem
    }
    .clu-table-tiles__summary {
        padding: .75rem 0 3rem
    }
    .clu-table-tiles__summary-item--heading {
        margin-bottom: .75rem
    }
    .clu-table-tiles__category.clu-table-tiles__category--inactive-row .image-grid-item--mini {
        flex-basis: 33.333%;
        max-width: 33.333%
    }
    .clu-table-tiles__category.clu-table-tiles__category--inactive-row .image-grid-item--mini .image-grid-item__inner {
        padding: .75rem
    }
    .clu-table-tiles__category.clu-table-tiles__category--inactive-row .clu-table-tiles__category--inactive-row__message {
        padding: 0 .75rem
    }
    .clu-table-tiles__category.clu-table-tiles__category--inactive-row .image-grid-parent {
        padding: 0
    }
}

.channel-logo-image {
    display: block;
    max-height: 32px;
    max-width: 62px;
    width: 100%
}

.channel-logo .rounded-2xl {
    border-radius: 1rem
}

.channel-logo .rounded-lg {
    border-radius: .5rem
}

.channel-logo .text-xs {
    line-height: 20px
}

.lob-tile-main {
    margin: var(--size-space-4) 0
}

.lob-tile-inner {
    background-color: #f6f6f9;
    padding: 1.25rem
}

.lob-tile-main a {
    border: 1px solid transparent;
    border-radius: 3px;
    color: var(--patch-black);
    font-family: var(--font-family-standard);
    font-size: var(--size-font-14);
    font-weight: var(--font-weight-bold);
    padding: 5px;
    text-decoration: underline;
    text-decoration-color: rgba(13, 13, 15, .3);
    text-decoration-thickness: .09rem;
    text-transform: none;
    text-underline-position: under
}

.lob-tile-main a:hover {
    color: var(--patch-grey-70);
    text-decoration-color: var(--patch-grey-70)
}

.lob-tile-main a:active {
    color: var(--patch-black);
    text-decoration-color: var(--patch-black)
}

.lob-tile-main a:focus {
    outline: 0
}

.lob-tile-main a:focus-visible {
    border: 1px solid var(--patch-black);
    border-radius: 3px;
    color: var(--patch-black);
    text-decoration-color: var(--patch-black)
}

.lob-tile-main a.disabled {
    color: #b6b6b7;
    pointer-events: none;
    text-decoration-color: #b6b6b7
}

.lob-tile-flex-vertical .lob-tile-inner {
    display: grid;
    grid-template-columns: 24px auto 100px
}

.lob-tile-flex-horizontal .lob-tile-title-container,
.lob-tile-flex-vertical .lob-tile-title-container {
    margin-left: 24px;
    text-align: left
}

.lob-tile-flex-vertical .lob-tile-description-container {
    grid-column: 2/span 1;
    margin-left: 24px;
    margin-top: 6px;
    text-align: left
}

.lob-tile-flex-vertical .lob-tile-specificdata-container {
    grid-column: 2/span 2;
    margin-left: 24px;
    text-align: left
}

.lob-tile-flex-horizontal .lob-tile-content-inner,
.lob-tile-flex-horizontal .lob-tile-inner,
.lob-tile-flex-horizontal .lob-tile-specificdata-inner,
.lob-tile-flex-vertical .lob-tile-content-inner,
.lob-tile-flex-vertical .lob-tile-specificdata-inner {
    display: flex;
    flex: 0 1 auto;
    flex-direction: row;
    flex-wrap: nowrap;
    margin: 0 auto;
    width: 100%
}

.lob-tile-flex-vertical .lob-tile-content-inner,
.lob-tile-flex-vertical .lob-tile-specificdata-inner {
    flex-direction: column
}

.lob-tile-flex-horizontal .lob-tile-content-inner,
.lob-tile-flex-horizontal .lob-tile-inner,
.lob-tile-flex-horizontal .lob-tile-specificdata-inner {
    align-items: center
}

.lob-tile-icon-container .icon-tile-logo {
    height: 1.5rem;
    width: 1.5rem
}

.lob-tile__body1 {
    color: #2b2b2b;
    font-size: var(--size-font-16);
    font-weight: 400;
    letter-spacing: var(--size-tracking-normal);
    line-height: var(--size-leading-24)
}

.lob-tile__heading3 {
    color: #2b2b2b;
    font-family: XfinityBrown, DMSans, sans-serif;
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.5rem;
    margin: 0;
    text-transform: none
}

.lob-tile__body3 {
    color: var(--patch-black);
    font-size: var(--size-font-14);
    font-weight: var(--font-weight-bold);
    line-height: var(--size-leading-20)
}

.lob-tile-internet__display3 {
    color: var(--patch-black);
    font-size: var(--size-font-12);
    letter-spacing: var(--size-tracking-normal);
    line-height: var(--size-leading-18)
}

.lob-tile-content-container {
    flex-grow: 1;
    margin-left: var(--size-space-24)
}

.icon-tile-logo:not(:first-child) {
    margin-left: var(--size-font-10)
}

.lob-tile-flex-vertical .lob-tile-specificdata-container,
.lob-tile-flex-vertical .lob-tile-tvlink-container {
    margin-top: var(--size-font-10)
}

.lob-tile-flex-vertical .lob-tile-managelink-container,
.lob-tile-flex-vertical .lob-tile-quaternary-link-container {
    text-align: right
}

.lob-tile-flex-vertical .lob-tile-quaternary-link-container {
    grid-column: 3;
    margin-top: 6px
}

.lob-tile-flex-horizontal .lob-tile-specificdata-container,
.lob-tile-flex-horizontal .lob-tile-tvlink-container {
    margin-left: var(--size-font-10)
}

.lob-tile-flex-horizontal .lob-tile-managelink-container {
    margin-left: auto
}

.lob-tile-flex-horizontal .lob-tile-specificdata-inner>:not(.lob-tile-tvlink-container),
.lob-tile-flex-horizontal:not(#lob-tile-Mobile) .lob-tile-managelink-container {
    display: none
}

.lob-tile-flex-horizontal .lob-tile-description-container {
    flex-grow: 1;
    margin-left: 24px
}

.lob-tile-tv-logos .lob-tile-tv-logo {
    display: inline-flex;
    height: 48px;
    margin-right: 8px;
    padding: 8px;
    width: 48px
}

.lob-tile-tv-logo svg {
    max-height: 100%;
    max-width: 100%
}

@media only screen and (min-width:320px) {
    .lob-mobile-grid-without-tertiary {
        grid-template-columns: 24px auto
    }
}

@media only screen and (min-width:768px) {
    .lob-mobile-grid-without-tertiary {
        grid-template-columns: 24px auto 60px
    }
}

.current-plan-link a,
a.current-plan-link {
    border: 1px solid transparent;
    border-radius: 3px;
    color: var(--patch-black);
    font-family: var(--font-family-standard);
    font-size: var(--size-font-14);
    font-weight: var(--font-weight-bold);
    padding: 5px;
    text-decoration: underline;
    text-decoration-color: rgba(13, 13, 15, .3);
    text-decoration-thickness: .09rem;
    text-transform: none;
    text-underline-position: under
}

.current-plan-link a:hover,
a.current-plan-link:hover {
    color: var(--patch-grey-70);
    text-decoration-color: var(--patch-grey-70)
}

.current-plan-link a:active,
a.current-plan-link:active {
    color: var(--patch-black);
    text-decoration-color: var(--patch-black)
}

.current-plan-link a:focus,
a.current-plan-link:focus {
    outline: 0
}

.current-plan-link a:focus-visible,
a.current-plan-link:focus-visible {
    border: 1px solid var(--patch-black);
    border-radius: 3px;
    color: var(--patch-black);
    text-decoration-color: var(--patch-black)
}

.current-plan-link a.disabled,
a.current-plan-link.disabled {
    color: #b6b6b7;
    pointer-events: none;
    text-decoration-color: #b6b6b7
}

.current-plan-link.current-plan-bill-link {
    padding: 0
}

.current-plan-heading-container {
    margin: 0 auto;
    max-width: 860px;
    text-align: center;
    width: 100%
}

.current-plan-heading {
    font-size: 32px;
    font-weight: 700
}

.current-plan-all-offer-container {
    margin-top: 20px
}

.current-plan-body-container {
    margin-top: 48px
}

.current-plan-body-inner {
    display: flex;
    flex: 0 1 auto;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%
}

.current-plan-card {
    background: var(--patch-white);
    border: 1px solid #ceceda;
    border-radius: 4px
}

.current-plan-section-divider {
    background-color: #d9d9d9;
    border: none;
    height: 1px;
    margin: 0;
    width: 100%
}

.current-plan-expanded-container {
    display: block
}

.current-plan-collapsed-container {
    display: none
}

.current-plan-title {
    color: var(--patch-black);
    font-size: 14px;
    font-weight: 700
}

.current-plan-name,
.xfinity-mobile-title {
    color: #2b2b2b;
    font-family: var(--font-family-brown);
    font-size: 20px;
    font-weight: var(--font-weight-bold)
}

.current-plan-monthly-price-container,
.current-plan-price-container {
    display: flex;
    display: -ms-flexbox;
    flex-direction: row;
    line-height: normal
}

.current-plan-monthly-price-container {
    justify-content: center
}

.current-plan-mrc-container {
    flex-grow: 1;
    text-align: left
}

.current-plan-mrc-heading {
    font-family: var(--font-family-standard);
    font-size: var(--size-font-14);
    font-weight: var(--font-weight-bold)
}

.current-plan-mrc-price-container {
    margin-top: 2px
}

.current-plan-mrc-price {
    font-family: var(--font-family-standard);
    font-size: 12px;
    font-weight: 400
}

.current-plan-bill-container {
    flex-grow: 0
}

.current-plan__display2 {
    font-size: 26px;
    font-weight: 700;
    margin-top: 3px
}

.current-plan__display1 {
    font-size: 48px;
    font-weight: 700;
    line-height: 1
}

.current-plan-price-inner {
    margin-left: 5px;
    margin-top: 3px;
    max-width: 170px
}

.current-plan__body1 {
    font-size: 12px;
    text-align: left
}

.current-plan__price-freq-accessible {
    clip: rect(1px, 1px, 1px, 1px);
    border: 0;
    height: 1px;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.current-plan-main-horizontal {
    margin: 0 auto;
    max-width: 936px;
    width: 100%
}

.current-plan-main-horizontal .current-plan-xfinity-main,
.current-plan-main-horizontal .current-plan-xfinity-mobile-main {
    display: flex;
    flex: 0 1 auto;
    flex-direction: row;
    flex-wrap: nowrap;
    padding: 10px 15px;
    width: 100%
}

.current-plan-main-horizontal .current-plan-content {
    flex-grow: 1
}

.current-plan-main-horizontal .current-plan-name-container {
    margin: 12px 0
}

.current-plan-main-horizontal .xfinity-mobile-title-container {
    align-self: center;
    flex-grow: 1
}

.current-plan-main-horizontal .current-plan-lob-container,
.current-plan-main-horizontal .xfinity-mobile-lob-container {
    flex-grow: 2;
    margin-left: 20px;
    max-width: 60%
}

.current-plan-main-horizontal .current-plan-price-container {
    justify-content: flex-start;
    margin: 12px 0
}

.current-plan-main-horizontal .current-plan-monthly-price-container {
    padding-top: 12px
}

.current-plan-main-horizontal .current-plan-xfinity-mobile-main {
    margin-top: 6px
}

.current-plan-main-vertical .current-plan-xfinity-main,
.current-plan-main-vertical .current-plan-xfinity-mobile-main {
    max-width: 420px;
    padding: 15px 0;
    text-align: center;
    width: auto
}

.current-plan-main-vertical .current-plan-xfinity-main {
    padding: 15px 0 0
}

.current-plan-main-vertical .current-plan-lob-container {
    margin: 20px 10px
}

.current-plan-main-vertical .xfinity-mobile-lob-container {
    margin: 20px 10px 0
}

.current-plan-main-vertical .current-plan-price-container {
    justify-content: center;
    margin: 24px 0
}

.current-plan-main-vertical .current-plan-monthly-price-container {
    margin: 0 20px 15px;
    padding-top: 24px
}

.current-plan-main-vertical .current-plan-name-container {
    padding: 26px 30px 0
}

.current-plan-main-vertical .current-plan-xfinity-mobile-main {
    margin-top: 10px
}

.current-plan-main-vertical .current-plan-title-container {
    padding: 0 30px
}

@media only screen and (min-width:320px) {
    .current-plan-main-horizontal {
        display: none
    }
    .current-plan-main-vertical {
        display: block
    }
}

@media only screen and (min-width:768px) {
    .current-plan-body-inner[data-align=Horizontal] .current-plan-main-vertical,
    .current-plan-body-inner[data-align=Vertical] .current-plan-main-horizontal {
        display: none
    }
    .current-plan-body-inner[data-align=Horizontal] .current-plan-main-horizontal,
    .current-plan-body-inner[data-align=Vertical] .current-plan-main-vertical {
        display: block
    }
    .current-plan-body-inner[data-align=Horizontal][data-isexperience=true] .current-plan-gbb-placeholder {
        display: none
    }
}

@media only screen and (min-width:320px) {
    .current-plan-container-main {
        padding: 10px
    }
    .current-plan-main-vertical {
        max-width: 416px;
        width: calc(100vw - 76px)
    }
    [data-issinglegbb=true] .current-plan-main-vertical {
        width: 100%
    }
    .current-plan-body-inner[data-isgbbpresent=false] .current-plan-main-vertical {
        width: 100vw
    }
    .current-plan-body-inner[data-expanded=false] .current-plan-xfinity-main {
        padding: 15px 0
    }
    .current-plan-gbb-placeholder-inner .gbb-cards-main-wrapper {
        margin: 20px 0 0;
        max-width: 472px;
        width: calc(100vw - 20px)
    }
    [data-issinglegbb=true] .gbb-cards-main-wrapper {
        max-width: 416px
    }
    .current-plan-main-vertical .current-plan-title-container {
        align-items: center;
        display: flex;
        text-align: left
    }
    .current-plan-main-vertical .current-plan-name-container {
        text-align: left
    }
    #current-plan-button-toggle {
        display: inline
    }
    .current-plan-title {
        width: 100%
    }
}

@media only screen and (min-width:768px) {
    .current-plan-container-main {
        padding: 64px 10px
    }
    .current-plan-main-vertical {
        margin: 0 48px;
        width: 416px
    }
    .current-plan-body-inner[data-expanded=false][data-align=Vertical] .current-plan-xfinity-main {
        padding: 15px 0 0
    }
    .current-plan-body-inner[data-expanded=false][data-align=Horizontal] .current-plan-xfinity-main {
        padding: 10px 15px
    }
    .current-plan-gbb-placeholder-inner .gbb-cards-main-wrapper {
        margin: 20px 20px 0;
        width: 472px
    }
    [data-issinglegbb=true] .gbb-cards-main-wrapper {
        max-width: 472px
    }
}

@media only screen and (min-width:1024px) {
    .current-plan-container-main {
        padding: 64px 0
    }
    .current-plan-main-vertical {
        margin: 0 48px
    }
    .current-plan-main-vertical .current-plan-title-container {
        display: block;
        text-align: center
    }
    .current-plan-main-vertical .current-plan-name-container {
        text-align: center
    }
    .current-plan-gbb-placeholder-inner .gbb-cards-main-wrapper {
        margin: 0 20px
    }
    #current-plan-button-toggle {
        display: none
    }
    .current-plan-collapsed-container {
        display: block
    }
    .current-plan-body-inner[data-isgbbpresent=false] .current-plan-gbb-placeholder-inner {
        height: 100%
    }
    .current-plan-body-inner[data-isgbbpresent=false] .scEmptyPlaceholder {
        height: 100%;
        width: 420px
    }
    .current-plan-title {
        width: auto
    }
}

div.x-dealfinder-wrapper .x-compare__section ul.x-list {
    list-style: disc
}

@keyframes fadeIn {
    to {
        opacity: 1
    }
}

.fade-in-opacity {
    animation: fadeIn .1s ease-in-out forwards;
    animation-delay: 1s
}

#fcc-nutrition-hub .horizontal.sc-prism-tabs-h {
    gap: 0
}

@media (max-width:767px) {
    #cta-btn {
        --width: 100%
    }
}

.now--selected {
    --tw-bg-opacity: 1;
    background-clip: padding-box;
    background-color: rgb(255 255 255/var(--tw-bg-opacity, 1));
    border: 2px solid transparent;
    border-radius: .5rem;
    box-sizing: border-box;
    position: relative
}

.now--selected:before {
    background-image: var(--background-image-gradient-expressive, linear-gradient(90deg, #28156b, #7c01bd));
    border-radius: inherit;
    bottom: 0;
    content: "";
    left: 0;
    margin: -2px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1
}

.FormJson .form-field {
    margin-bottom: 1rem;
    padding-bottom: 1rem;
    padding-left: .25rem;
    padding-right: .25rem
}

.FormJson prism-input {
    border: none !important;
    height: auto !important;
    padding: 0 !important
}

.FormJson .x-field--textarea textarea,
.FormJson .x-input__text,
.FormJson [type=date],
.FormJson [type=email],
.FormJson [type=number],
.FormJson [type=password],
.FormJson [type=search],
.FormJson [type=tel],
.FormJson [type=text] {
    height: auto !important
}

.horizontalSlider___281Ls.carousel__slider {
    overflow: hidden
}

.gbb-carousel-button-next {
    right: 0
}

.gbb-carousel-button-back {
    left: 0
}

.gbb-carousel-button-back,
.gbb-carousel-button-next {
    border: 0;
    border-radius: 50%;
    box-shadow: 0 4px 6px 0 rgba(0, 0, 0, .25);
    cursor: pointer;
    outline: 1px solid var(--palette-grey-10, #ececf2);
    position: absolute;
    top: 300px;
    z-index: 50
}

.gbb-carousel-button-back:hover,
.gbb-carousel-button-next:hover {
    box-shadow: none
}

prism-icon.gbb-carousel-button-disabled {
    display: none
}

.gbb-carousel-button-back:focus-visible,
.gbb-carousel-button-next:focus-visible {
    border: 2px solid #000;
    outline: 0
}

.carousel__dot-group {
    background-color: var(--patch-white);
    border: 1px solid #ceceda;
    border-top: 0;
    box-shadow: 0 12px 20px 0 rgba(0, 0, 0, .15);
    display: flex;
    justify-content: center;
    margin: 0 28px 20px;
    padding: 15px 0
}

.carousel__dot_disabled {
    pointer-events: none
}

.carousel__dot {
    background-color: #fff;
    border: 1px solid #000;
    border-radius: 50%;
    height: 14px;
    width: 14px
}

.carousel__dot:disabled {
    background-color: #b6b6b7;
    border-color: #b6b6b7;
    pointer-events: none
}

.carousel__dot:active,
.carousel__dot:hover {
    border: 2px solid #000
}

.carousel__dot:not(:first-child) {
    margin-left: 25px
}

.carousel__dot:not(:disabled):not([aria-disabled=true]):focus,
.carousel__dot:not(:disabled):not([aria-disabled=true]):focus-visible {
    border-width: 2px;
    position: relative
}

.carousel__dot:not(:disabled):not([aria-disabled=true]):focus-visible:before,
.carousel__dot:not(:disabled):not([aria-disabled=true]):focus:before {
    border: 1px solid #000;
    border-radius: 50%;
    content: "";
    display: block;
    height: 20.5px;
    left: -5px;
    position: absolute;
    top: -5px;
    width: 20px
}

.carousel__dot--selected {
    background-color: #000;
    pointer-events: none
}

.carousel__dot--selected:active,
.carousel__dot--selected:hover {
    border: 1px solid #000
}

.gbb-slide-disabled {
    pointer-events: none
}

.carousel__slider-tray.gbb-slider-container {
    transition: height .8s !important
}

.carousel__slider-tray.carousel__slider-tray--horizontal {
    flex-direction: column !important;
    transform: none !important;
    width: 100% !important
}

.slideHorizontal___1NzNV.carousel__slide {
    position: absolute !important;
    width: 100% !important
}

.gbb-card-bottom {
    left: 0;
    top: 0;
    z-index: 1
}

.gbb-card-bottom.animate-hide-back {
    filter: grayscale(100%);
    transform: scaleX(1.04)
}

.gbb-card-bottom.animate-fade-btf {
    animation: fadeInBottom .8s
}

.gbb-card-bottom.animate-fade-ftb {
    animation: fadeOutBottom .8s;
    filter: grayscale(100%);
    transform: scaleX(1.04)
}

.gbb-card-middle {
    left: 0;
    top: 0;
    z-index: 2
}

.gbb-card-middle.animate-hide-back {
    filter: grayscale(100%);
    transform: scaleX(1.02)
}

.gbb-card-middle.animate-fade-btf {
    animation: fadeInMiddle .8s
}

.gbb-card-middle.animate-fade-ftb {
    animation: fadeOutMiddle .8s;
    filter: grayscale(100%);
    transform: scaleX(1.02)
}

.gbb-card-middle.animate-right-btf {
    animation: slideRight .8s;
    transform: translateX(100%)
}

.gbb-card-middle.animate-slide-ftb {
    animation: slideLeft .8s
}

.gbb-card-middle.animate-hide-right {
    transform: translateX(100%)
}

.gbb-card-top {
    left: 0;
    top: 0;
    z-index: 3
}

.gbb-card-top.animate-slide-ftb {
    animation: slideLeft .8s
}

.gbb-card-top.animate-slide-btf {
    animation: slideRight .8s;
    transform: translateX(100%)
}

.gbb-card-top.animate-hide-right {
    transform: translateX(100%)
}

@keyframes fadeInBottom {
    0% {
        filter: grayscale(100%);
        transform: scaleX(1.04)
    }
    to {
        filter: grayscale(0);
        transform: scaleX(1)
    }
}

@keyframes fadeInMiddle {
    0% {
        filter: grayscale(100%);
        transform: scaleX(1.02)
    }
    to {
        filter: grayscale(0);
        transform: scaleX(1)
    }
}

@keyframes fadeOutBottom {
    0% {
        filter: grayscale(0);
        transform: scaleX(1)
    }
    to {
        filter: grayscale(100%);
        transform: scaleX(1.04)
    }
}

@keyframes fadeOutMiddle {
    0% {
        filter: grayscale(0);
        transform: scaleX(1)
    }
    to {
        filter: grayscale(100%);
        transform: scaleX(1.02)
    }
}

@keyframes slideLeft {
    0% {
        transform: translateX(100%)
    }
    to {
        transform: translateX(0)
    }
}

@keyframes slideRight {
    0% {
        transform: translateX(0)
    }
    to {
        transform: translateX(100%)
    }
}

.gbb-cards-main-wrapper {
    align-items: center;
    display: flex;
    justify-content: center;
    margin: 0 auto;
    max-width: 486px;
    overflow: hidden;
    padding-left: 5px;
    padding-right: 5px
}

.gbb-cards-main {
    position: relative;
    width: 100%
}

.gbb-offer-cards-main {
    background-color: var(--patch-white);
    border: 1px solid #ceceda;
    border-radius: 4px;
    box-shadow: 0 12px 20px 0 rgba(0, 0, 0, .15);
    margin: 0 28px 20px
}

.gbb-offer-cards-main.gbb-cards-with-dots {
    border-bottom: 0;
    border-radius: 4px 4px 0 0;
    margin: 0 28px
}

.gbb-offer-cards-inner {
    display: flex;
    flex-direction: column
}

.gbb-offer-cards-inner a {
    color: var(--patch-black);
    font-weight: 700;
    text-decoration: underline;
    text-decoration-color: #b6b6b7;
    text-decoration-thickness: .09rem;
    text-underline-position: under
}

.gbb-offer-cards-inner a:hover,
.gbb-offer-cards-main a:active {
    color: var(--patch-black);
    text-decoration-color: var(--patch-black)
}

.gbb-offer-cards-inner a.disabled {
    color: #b6b6b7;
    pointer-events: none;
    text-decoration-color: #b6b6b7
}

.gbb-eyebrow-container {
    align-items: center;
    background-color: #9d5dba;
    border-radius: 4px 4px 0 0;
    display: flex;
    display: -ms-flexbox;
    justify-content: center;
    margin: 0 auto;
    padding: 12px 0;
    width: 100%
}

.gbb-eyebrow-container--empty {
    background-color: unset;
    border-radius: 4px 4px 0 0;
    border-top: 6px solid #9d5dba
}

.gbb-card-offer-name-container {
    align-items: center;
    display: flex;
    display: -ms-flexbox;
    justify-content: center;
    margin-top: 15px
}

.gbb-card-lob-container {
    margin: 5px 6px 10px
}

.gbb-section-divider {
    background-color: #d9d9d9;
    border: none;
    height: 1px;
    margin: 0;
    width: 100%
}

.lob-tile-main {
    margin: 0
}

.lob-tile-main:not(:first-of-type) {
    margin-top: 6px
}

.gbb-card__heading2 {
    font-size: 20px;
    font-weight: 700
}

.gbb-card__center {
    text-align: center
}

.gbb-card__heading3 {
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase
}

.gbb-card__body1 {
    font-size: 12px;
    text-align: left
}

.gbb-card__display1 {
    font-size: 48px;
    font-weight: 700;
    line-height: 1
}

.gbb-card__display2 {
    font-size: 26px;
    font-weight: 700;
    margin-top: 2px
}

.gbb-promo-container {
    margin: 16px 24px
}

.gbb-promo-inner {
    align-items: center;
    display: flex;
    display: -ms-flexbox;
    flex-direction: row;
    justify-content: flex-start
}

.gbb-promo-inner:not(:first-of-type) {
    margin-top: 8px
}

.promo-icon-container {
    margin-right: 23px;
    max-height: 20px;
    max-width: 30px
}

.promo-icon-container img {
    height: auto;
    width: 100%
}

.promo-icon-container img.scEmptyImage.scEnabledChrome {
    height: auto;
    max-height: none;
    max-width: none;
    min-height: auto;
    min-width: auto;
    width: 100%
}

.gbb-primary-container {
    margin: 24px
}

.gbb-primary-inner {
    align-items: center;
    justify-content: flex-start
}

.gbb-price-container,
.gbb-primary-inner {
    display: flex;
    display: -ms-flexbox;
    flex-direction: row
}

.gbb-price-container {
    justify-content: center;
    line-height: normal
}

.gbb-price-main {
    margin: 24px 0 0
}

.gbb-card__price-freq-accessible {
    clip: rect(1px, 1px, 1px, 1px);
    border: 0;
    height: 1px;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.gbb-price-inner {
    margin-left: 5px;
    width: 170px
}

.gbb-selection-container {
    margin: 24px 0;
    padding: 0 32px;
    text-align: center
}

.gbb-selection-btn {
    background: #000;
    border-radius: 4px;
    color: #fff;
    height: 64px;
    width: 100%
}

p.gbb-selection-btn {
    padding: 20px 0
}

.gbb-link-container {
    margin-top: 12px;
    text-align: center
}

.gbb-carousel-controls-container {
    align-items: center;
    display: flex;
    display: -ms-flexbox;
    justify-content: center;
    margin: 0 auto;
    width: 100%
}

@media only screen and (min-width:320px) {
    .gbb-offer-cards-main.gbb-cards-single-offer {
        margin: 0
    }
}

@media only screen and (min-width:768px) {
    .gbb-offer-cards-main.gbb-cards-single-offer {
        margin: 0 28px
    }
}

#search-facets {
    grid-area: facets;
    margin-bottom: 1rem
}

#search-facets form {
    margin-bottom: .5rem;
    margin-top: .5rem
}

#search-facets li {
    display: block
}

#search-facets label {
    align-items: center;
    cursor: pointer;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    margin-bottom: .25rem;
    margin-top: .25rem
}

#search-facets input {
    height: 1rem;
    margin-right: .5rem;
    width: 1rem
}

#search-facets li p {
    display: inline-block
}

#search-form {
    grid-area: form;
    place-items: center
}

#search-form form {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin: 0 auto 1rem;
    max-width: 40rem
}

#search-form button,
#search-form input {
    border-bottom: 1px solid #646a70;
    border-top: 1px solid #646a70;
    box-sizing: border-box;
    height: 40px
}

#search-form input {
    border-bottom-left-radius: 5px;
    border-left: 1px solid #646a70;
    border-top-left-radius: 5px;
    font-size: 1rem;
    padding: 5px 10px;
    width: 100%
}

#search-form button {
    background-color: #6138f6;
    border-bottom-right-radius: 5px;
    border-right: 1px solid #646a70;
    border-top-right-radius: 5px;
    padding: 6px;
    width: 40px
}

#search-form .search #close {
    display: none
}

#search-form .search #magnifying-glass {
    display: initial
}

#search-form .suggestions #magnifying-glass {
    display: none
}

#search-form .suggestions #close {
    display: initial
}

#search-form button svg {
    stroke: #fff;
    stroke-width: 14px;
    fill: none
}

#search-form button span,
#search-form label {
    display: none
}

@media screen and (min-width:40rem) {
    #search-form form {
        margin: 0 auto
    }
    #search-form button,
    #search-form input {
        height: 60px
    }
    #search-form input {
        font-size: 1.25rem;
        min-width: 25rem;
        padding: 10px
    }
    #search-form button {
        border-right: 1px solid #646a70;
        padding: 12px;
        width: 60px
    }
}

.animated-loading {
    align-items: center;
    background-color: rgba(236, 236, 242, .5);
    border-radius: 5px;
    flex-direction: column;
    height: 100%;
    justify-content: flex-start;
    left: 0;
    padding-top: 2rem;
    position: absolute;
    top: 0;
    transition: opacity .66s, box-shadow .66s, -webkit-backdrop-filter .66s;
    transition: opacity .66s, backdrop-filter .66s, box-shadow .66s;
    transition: opacity .66s, backdrop-filter .66s, box-shadow .66s, -webkit-backdrop-filter .66s;
    width: 100%
}

.animated-loading.active {
    -webkit-backdrop-filter: blur(7.5px);
    backdrop-filter: blur(7.5px);
    box-shadow: 0 3px 7.5px rgba(0, 0, 0, .125);
    opacity: 1
}

.animated-loading.inactive {
    -webkit-backdrop-filter: blur(0);
    backdrop-filter: blur(0);
    box-shadow: 0 0 0 transparent;
    opacity: 0
}

.animated-loading.hidden {
    display: none
}

.animated-loading.not-hidden {
    display: flex
}

.animated-loading .spinner {
    height: 40px;
    width: 40px
}

.animated-loading .spinner circle {
    fill: transparent;
    stroke: #6138f6;
    stroke-width: 4;
    stroke-linecap: round;
    stroke-dasharray: 125.6px;
    animation: animated-loading-spinner 4s linear infinite;
    transform-origin: 20px 20px 0
}

@keyframes animated-loading-spinner {
    0% {
        stroke-dashoffset: 26.4px;
        transform: rotate(0deg)
    }
    50% {
        stroke-dashoffset: 125.6px;
        transform: rotate(2turn)
    }
    to {
        stroke-dashoffset: 26.4px;
        transform: rotate(3turn)
    }
}

#search-results-pager {
    margin: 1rem auto;
    text-align: center
}

#search-results-pager a {
    border-radius: 5px;
    display: inline-block;
    margin: 0 .125rem;
    min-width: 1.5rem;
    padding-left: .25rem;
    padding-right: .25rem;
    text-decoration: none;
    transition: background-color .33s, color .33s
}

#search-results-pager a:not(.disabled):active,
#search-results-pager a:not(.disabled):hover {
    background-color: #6138f6;
    color: #fff;
    outline: none
}

#search-results-pager .current,
#search-results-pager a:not(.disabled):active {
    background-color: rgba(97, 56, 246, .25)
}

#search-results-pager .disabled:not(.current) {
    color: rgba(97, 56, 246, .125);
    text-decoration: none
}

#search-results-pager .disabled:hover {
    cursor: not-allowed
}

@media screen and (min-width:40rem) {
    #search-results-pager a {
        margin: 0 .25rem;
        min-width: 2.5rem
    }
}

#search-results {
    display: grid;
    grid-area: results;
    height: -moz-fit-content;
    height: fit-content;
    min-height: calc(5rem + 24px);
    padding: 12px;
    place-content: center;
    position: relative;
    transition: height .66s
}

#search-results .summary em {
    font-style: normal;
    font-weight: 700
}

#search-results .search-result {
    padding-bottom: .5rem;
    padding-top: .5rem
}

#search-results h6 {
    margin-bottom: .25rem
}

#search-results h6 a {
    font-weight: 700;
    text-decoration: none
}

@media screen and (min-width:40rem) {
    #search-results {
        margin-top: 12px
    }
}

#search-form #suggestions {
    border: 1px solid #0c5ca7;
    border-radius: 5px;
    box-shadow: 0 5px 7.5px rgba(0, 0, 0, .25);
    margin-top: .5rem;
    overflow: hidden;
    position: relative;
    z-index: 100
}

#search-form #suggestions.hidden {
    display: none
}

#search-form #suggestions>.backdrop {
    background-color: initial;
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: -1
}

#search-form #suggestions button {
    background-color: #fff;
    border-bottom: none;
    border-bottom-right-radius: 0;
    border-right: none;
    border-top: none;
    border-top-right-radius: 0;
    display: block;
    padding: 6px 12px;
    text-align: start;
    width: 100%
}

@media screen and (min-width:40rem) {
    #search-form #suggestions button {
        height: auto;
        padding: 6px 12px;
        transition: background-color .33s, color .33s;
        width: 100%
    }
    #search-form #suggestions button:hover {
        background-color: #6138f6;
        color: #fff
    }
    .xfinity-search-new #search-form #suggestions {
        margin-left: 10rem;
        position: absolute
    }
}

#xfinity-search {
    padding: 1rem;
    @keyframes pulse {
        0%,
        to {
            opacity: 1
        }
        50% {
            opacity: .3
        }
    }
}

@media screen and (min-width:40rem) {
    .xfinity-search {
        display: grid;
        grid-template-areas: "facets form" ". ama-component" ". results";
        grid-template-columns: 15rem minmax(23rem, 40rem);
        grid-template-rows: 60px 1fr;
        place-content: center
    }
    .xfinity-search-new {
        align-items: center;
        display: flex;
        flex-direction: column;
        width: 100%
    }
    .xfinity-search-new .ama-component,
    .xfinity-search-new .search-form,
    .xfinity-search-new .search-results {
        width: 41rem
    }
}

.hero-image {
    display: inline;
    object-fit: contain
}

.hover-tiles-container--inner .type-display1 {
    font-family: XfinityBrown, DMSans, Helvetica, sans-serif;
    font-size: 2.25rem;
    font-weight: 700;
    letter-spacing: .0125rem;
    line-height: 3rem;
    text-transform: none
}

.hover-tiles-container--inner .type-body1 {
    font-family: XfinityBrown, DMSans, Helvetica, sans-serif;
    font-size: 1rem;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1.5rem
}

.hover-tiles-container--inner .type-body1,
.hover-tiles-container--inner .type-display1 {
    color: #0d0d0f
}

.hover-tiles-container__placeholder_inner [data-testid=Hover-Tile-Component] {
    flex-shrink: 0
}

.hover-tiles-container__placeholder_inner {
    white-space: nowrap
}

@media only screen and (min-width:320px) {
    .hover-tiles-container__placeholder_inner [data-testid=Hover-Tile-Component]:not(:first-of-type) {
        margin-left: 12px
    }
}

@media only screen and (min-width:1024px) {
    .hover-tiles-container__placeholder_inner [data-testid=Hover-Tile-Component]:not(:first-of-type) {
        margin-left: 24px
    }
}

@media only screen and (min-width:1279px) {
    .hover-tiles-container__placeholder_inner [data-testid=Hover-Tile-Component]:not(:first-of-type) {
        margin-left: 0
    }
}

@media only screen and (min-width:320px) {
    .icon-tile__flex-col-xs-12 {
        flex: 0 0 auto;
        flex-basis: 100%;
        max-width: 100%;
        padding-left: .188rem;
        padding-right: .188rem
    }
    .icon-tile--main {
        padding: 1.5rem 0 2rem
    }
    .icon-tile__link-container {
        margin-top: .75rem
    }
    .icon-tile-logo {
        display: inline;
        height: 2.5rem;
        width: 2.5rem
    }
}

@media only screen and (min-width:768px) {
    .icon-tile__flex-col-md-4 {
        flex: 0 0 auto;
        flex-basis: 33.33%;
        max-width: 33.33%;
        padding-left: .188rem;
        padding-right: .188rem
    }
    .icon-tile--main {
        padding: 2rem 1.5rem
    }
    .icon-tile__link-container {
        margin-top: 1rem
    }
    .icon-tile-logo {
        height: 4rem;
        width: 4rem
    }
}

.icon-tile__center-sm {
    justify-content: center;
    text-align: center
}

.icon-tile__header-container {
    margin-top: .75rem
}

.icon-tile__display3 {
    color: #0d0d0f;
    font-size: 1.25rem;
    font-weight: 700;
    letter-spacing: .25px;
    line-height: 1.5rem
}

.icon-tile__body3 {
    color: #0d0d0f;
    font-size: .875rem;
    font-weight: 700;
    letter-spacing: .013rem;
    line-height: 1.5;
    text-decoration-color: #0d0d0f
}

.tile-container-ui-theme--dark .icon-tile__button--anchor,
.tile-container-ui-theme--dark .icon-tile__display3 {
    color: #fbfcfc
}

.tile-container-ui-theme--grey .icon-tile__button--anchor,
.tile-container-ui-theme--grey .icon-tile__display3,
.tile-container-ui-theme--light .icon-tile__button--anchor,
.tile-container-ui-theme--light .icon-tile__display3 {
    color: #191919
}

.icon-tile--main a {
    border: 1px solid transparent;
    border-radius: 3px;
    color: var(--patch-black);
    font-family: var(--font-family-standard);
    font-size: var(--size-font-14);
    font-weight: var(--font-weight-bold);
    padding: 5px;
    text-decoration: underline;
    text-decoration-color: rgba(13, 13, 15, .3);
    text-decoration-thickness: .09rem;
    text-transform: none;
    text-underline-position: under
}

.icon-tile--main a:hover {
    color: var(--patch-grey-70);
    text-decoration-color: var(--patch-grey-70)
}

.icon-tile--main a:active {
    color: var(--patch-black);
    text-decoration-color: var(--patch-black)
}

.icon-tile--main a:focus {
    outline: 0
}

.icon-tile--main a:focus-visible {
    border: 1px solid var(--patch-black);
    border-radius: 3px;
    color: var(--patch-black);
    text-decoration-color: var(--patch-black)
}

.icon-tile--main a.disabled {
    color: #b6b6b7;
    pointer-events: none;
    text-decoration-color: #b6b6b7
}

.image-actionable-tile__flex-row {
    align-items: center;
    display: flex;
    flex: 0 1 auto;
    flex-direction: row;
    flex-wrap: wrap;
    margin: 0 auto;
    width: 100%
}

.image-actionable-tile__click-zone-destination-url,
.image-actionable-tile__click-zone-destination-url:hover {
    color: #000;
    text-decoration: none
}

.image-actionable-tile__click-zone-destination-url:hover .image-actionable-tile__click-zone-container {
    background-color: var(--patch-white)
}

.image-actionable-tile__click-zone-destination-url:focus-visible .image-actionable-tile__click-zone-container {
    background-color: var(--patch-white);
    border: 1px solid var(--patch-black);
    border-radius: 12px
}

.image-actionable-tile__click-zone-destination-url:active .image-actionable-tile__click-zone-container {
    background-color: var(--patch-white);
    border: 1px solid var(--patch-black);
    border-radius: 10px
}

.image-actionable-tile__heading {
    color: #2b2b2b;
    flex-grow: 2;
    font-family: var(--font-family-brown);
    font-size: var(--size-font-20);
    font-weight: var(--font-weight-bold);
    line-height: var(--size-leading-24);
    margin: 0 0 0 16px;
    text-align: left;
    text-transform: none
}

a.image-actionable-tile__tertiary-link {
    border: 1px solid transparent;
    border-radius: 3px;
    color: var(--patch-black);
    font-family: var(--font-family-standard);
    font-size: var(--size-font-14);
    font-weight: var(--font-weight-bold);
    letter-spacing: -.2px;
    line-height: 20px;
    margin-left: 16px;
    padding: 5px;
    text-decoration: underline;
    text-decoration-color: rgba(13, 13, 15, .3);
    text-decoration-thickness: .09rem;
    text-transform: none;
    text-underline-position: under
}

.image-actionable-tile__tertiary-link:hover {
    color: var(--patch-grey-70);
    text-decoration-color: var(--patch-grey-70)
}

.image-actionable-tile__tertiary-link:active {
    color: var(--patch-black);
    text-decoration-color: var(--patch-black)
}

a.image-actionable-tile__tertiary-link:focus {
    outline: 0
}

.image-actionable-tile__tertiary-link:focus-visible {
    border: 1px solid var(--patch-black);
    border-radius: 3px;
    color: var(--patch-black);
    text-decoration-color: var(--patch-black)
}

.image-actionable-tile__tertiary-link.disabled {
    color: #b6b6b7;
    pointer-events: none;
    text-decoration-color: #b6b6b7
}

.image-actionable-tile__icon {
    height: 24px;
    width: 24px
}

.image-actionable-tile__click-zone-text {
    color: var(--patch-black);
    font-family: var(--font-family-brown);
    font-size: var(--size-font-20);
    font-weight: var(--font-weight-bold);
    margin-top: 24px
}

@media only screen and (min-width:320px) {
    .image-actionable-tile__flex-col-xs-12 {
        flex: 0 0 auto;
        flex-basis: 100%;
        max-width: 100%;
        padding-left: .75rem;
        padding-right: .75rem
    }
    .image-actionable-tile__main {
        padding: 24px 12px 12px
    }
    .image-actionable-tile__click-zone-container {
        align-items: center;
        background-color: #f2f4f5;
        border: 1px solid transparent;
        border-radius: 10px;
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        margin-top: 16px;
        padding: 24px 32px;
        position: relative;
        text-align: center
    }
    .image-actionable-tile__click-zone-text {
        margin-left: 16px;
        margin-top: 0
    }
    .image-actionable-tile__click-zone-icon {
        height: 48px;
        width: 48px
    }
    .image-actionable-tile__click-zone-destination-url:focus-visible .image-actionable-tile__click-zone-container:before {
        border: 1px solid var(--patch-black);
        border-radius: 12px;
        content: "";
        display: block;
        height: 94%;
        left: 3px;
        pointer-events: none;
        position: absolute;
        top: 3px;
        width: 98.7%
    }
}

@media only screen and (min-width:768px) {
    .image-actionable-tile__flex-col-md-6 {
        flex: 0 0 auto;
        flex-basis: 49%;
        max-width: 49%
    }
    .image-actionable-tile__main {
        padding: 40px 24px 24px
    }
    .image-actionable-tile__click-zone-container {
        align-items: center;
        background-color: #f2f4f5;
        border: 1px solid transparent;
        border-radius: 10px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        margin-top: 16px;
        padding: 80px 0 48px;
        position: relative;
        text-align: center
    }
    .image-actionable-tile__click-zone-text {
        margin-left: 0;
        margin-top: 24px
    }
    .image-actionable-tile__click-zone-icon {
        height: 60px;
        width: 60px
    }
    .image-actionable-tile__click-zone-destination-url:focus-visible .image-actionable-tile__click-zone-container:before {
        height: 97%;
        width: 98.5%
    }
}

.image-chip .x-min-height--40 {
    min-height: 40px
}

.image-chip .icon-small {
    stroke-width: 4;
    height: 24px;
    width: 24px
}

.image-chip .image-container {
    box-shadow: 0 4px 8px -4px
}

.image-chip .image-chip-image-container {
    padding-left: 10px;
    padding-right: 16px
}

.image-chip .image-chip-image-block {
    display: flex;
    margin-right: 10px
}

.image-chip .word-break {
    word-break: break-word
}

@media (max-width:767px) {
    .image-chip .text-body3 {
        font-size: 12px
    }
}

.hover-tooltip__heading {
    position: relative
}

.hover-tooltip__heading:after {
    bottom: -10px;
    content: " ";
    left: -10px;
    position: absolute;
    right: -10px;
    top: -10px
}

.hover-tooltip__body {
    font-size: 14px
}

.image-chip-text .richDescriptionContent ul {
    margin-left: 1rem
}

.image-chip-text .description-bullets-voice-over {
    clip: rect(0 0 0 0);
    border: 0;
    display: flex;
    margin: -.063rem;
    overflow: hidden;
    padding: 0;
    position: absolute;
    visibility: visible
}

.image-chip-text .image-chip-cta:hover {
    color: #00619a;
    text-decoration: underline
}

.image-chip-text .image-chip-cta:visited {
    color: #0272b6
}

#inline-tabs-container.full-width {
    margin-left: auto;
    margin-right: auto;
    max-width: 2560px
}

@media (min-width:768px) {
    #inline-tabs-container.contained {
        width: 100%
    }
    @media (min-width:375px) {
        #inline-tabs-container.contained {
            max-width: 375px
        }
    }
    @media (min-width:768px) {
        #inline-tabs-container.contained {
            max-width: 768px
        }
    }
    @media (min-width:1024px) {
        #inline-tabs-container.contained {
            max-width: 1024px
        }
    }
    @media (min-width:1280px) {
        #inline-tabs-container.contained {
            max-width: 1280px
        }
    }
    @media (min-width:1536px) {
        #inline-tabs-container.contained {
            max-width: 1536px
        }
    }
}

#inline-tabs-container.contained {
    margin-left: 1rem;
    margin-right: 1rem
}

@media (min-width:768px) {
    #inline-tabs-container.contained {
        margin-left: auto;
        margin-right: auto
    }
}

#inline-tabs-container.contained {
    border-radius: var(--border-radius-large)
}

#inline-tabs-container .sc-prism-tabs-h {
    --prism-tabs-horizontal-gap: 2rem
}

#inline-tabs-container .tab-item.sc-prism-tabs {
    border-width: 0;
    outline: 2px solid transparent;
    outline-offset: 2px
}

#inline-tabs-container .tab-item.sc-prism-tabs:not(.active) {
    --tw-bg-opacity: 1;
    --shadow-color: var(--material-neutral-base-shadow);
    background-color: rgb(var(--background-color-material-neutral-base)/var(--tw-bg-opacity, 1))
}

#inline-tabs-container .tab-item.sc-prism-tabs~.tab-item.sc-prism-tabs {
    margin-left: .5rem
}

#inline-tabs-container .xfinity-learn-tab-container .tab-header {
    padding-left: .75rem;
    padding-right: .75rem
}

@media only screen and (min-width:768px) {
    #inline-tabs-container.full-width .sc-prism-tabs-h {
        margin-top: 2.25rem
    }
}

:root {
    --learning-tile-text-black: #000
}

.learning-tile__item .learning-tile__category-title {
    min-height: 2rem
}

.learning-tile__item .learning-tile__title {
    min-height: 40px
}

.learning-tile__item .learning-tile__description {
    min-height: 65px
}

.learning-tile__item .learning-tile__lessons-count {
    bottom: 8px
}

.learning-tile__item .learning-tile__cta-link:active,
.learning-tile__item .learning-tile__cta-link:focus,
.learning-tile__item .learning-tile__cta-link:visited {
    --gradient-full-color: var(--learning-tile-text-black) !important;
    color: var(--learning-tile-text-black) !important
}

@media screen and (min-width:478px) {
    .learning-tile__item .learning-tile__category-title {
        min-height: 3rem
    }
    .learning-tile__item .learning-tile__title {
        min-height: 85px
    }
}

.learning-tile__item.flex-wrap-full {
    display: flex !important;
    flex-wrap: wrap
}

.learning-tile__item .container {
    position: relative
}

.learning-tile__item .icon {
    float: left;
    height: 35px;
    left: 0;
    position: absolute;
    top: 0;
    width: 35px
}

.tile-collection a {
    margin: 5px
}

@media screen and (min-width:478px) {
    .tile-collection a {
        margin: 10px
    }
}

:root {
    --lesson-text-black: #000;
    --lesson-text-red-50: #e6004a;
    --lesson-text-grey-50: #62626c
}

.topic-cotainer__links a:active,
.topic-cotainer__links a:focus,
.topic-cotainer__links a:visited {
    --gradient-full-color: var(--lesson-text-black) !important;
    color: var(--lesson-text-black) !important
}

.topic-container__inner .lesson-content__parter-cta:active,
.topic-container__inner .lesson-content__parter-cta:focus,
.topic-container__inner .lesson-content__parter-cta:visited {
    --gradient-full-color: var(--lesson-text-grey-50) !important;
    color: var(--lesson-text-grey-50) !important
}

.topic-cotainer__links li:not(:last-child) {
    padding-bottom: 1.5rem
}

.topic-container__content .lesson-content__image-container img.desktop-image {
    display: none
}

.lesson-content__cta:active,
.lesson-content__cta:focus,
.lesson-content__cta:visited {
    --gradient-full-color: var(--lesson-text-red-50);
    color: var(--lesson-text-red-50)
}

.topic-container__inner .topic-container__lesson-item {
    margin-bottom: 1rem
}

.topic-container__inner .topic-container__lesson-item:last-child {
    margin-bottom: 0
}

@media screen and (min-width:768px) {
    .topic-container__inner .topic-container__lesson-item {
        margin-bottom: 2rem
    }
}

@media screen and (min-width:478px) {
    .topic-container__content .lesson-content__image-container img.desktop-image {
        display: block
    }
    .topic-container__content .lesson-content__image-container img.mobile-image {
        display: none
    }
}

.topic-container__inner .not-active {
    opacity: .5
}

.lesson-youtube-player__container {
    padding-bottom: 56.25%
}

.topic-container__inner .progressFade {
    fill: #7f7f7f
}

.topic-cotainer__links .progressFade {
    left: -20px;
    top: 3px
}

.topic-container__inner .imgCenter {
    position: relative;
    top: 50%;
    transform: translateY(-50%)
}

.lesson-content__cta .arrow {
    border-color: var(--lesson-text-red-50);
    border-width: 0 2px 2px 0;
    padding: 2px
}

.lesson-content__cta .down {
    transform: translateY(-2px) rotate(45deg);
    -webkit-transform: translateY(-2px) rotate(45deg)
}

.lesson-content__cta .up {
    transform: translateY(2px) rotate(-135deg);
    -webkit-transform: translateY(2px) rotate(-135deg)
}

.topic-container__inner .rightProgress {
    right: 8px;
    width: 25px
}

.tile-collection .swiper-left-icon,
.tile-collection .swiper-right-icon {
    border-radius: 50%;
    top: calc(50% - 20px)
}

.tile-collection .xds-learning__button-back.xds-learning__button-disabled,
.tile-collection .xds-learning__button-next.xds-learning__button-disabled {
    display: none
}

.tile-collection .swiper-slide {
    display: flex
}

.swiper-pagination-fraction,
.tile-collection .swiper-horizontal>.swiper-pagination-bullets,
.tile-collection .swiper-pagination-bullets.swiper-pagination-horizontal,
.tile-collection .swiper-pagination-custom {
    bottom: 0
}

.popular-category .menu-tab-item:first-child {
    margin-left: 0
}

.popular-category .menu-tab-item:last-child {
    margin-right: 0
}

.popular-category .menu-tab-item button {
    border: 1px solid transparent;
    border-radius: 20px;
    transition: background-color .4s
}

.popular-category .menu-tab-item button,
.popular-category .menu-tab-item button:active,
.popular-category .menu-tab-item button:focus,
.popular-category .menu-tab-item button:hover,
.popular-category .menu-tab-item button:visited {
    color: unset
}

.popular-category .menu-tab-item button:focus,
.popular-category .menu-tab-item button:hover {
    background-color: var(--palette-grey-05, #f6f6f9)
}

.popular-category .menu-tab-item button.active:hover,
.popular-category .menu-tab-item button.inactive:hover {
    text-decoration: none
}

.popular-category .menu-tab-item button:focus {
    border: 1px solid var(--patch-black);
    outline: none
}

.loading.offer-details__wrapper.offer-details__wrapper--lob .x-channel-border,
.loading.offer-details__wrapper.offer-details__wrapper--lob .x-channel-tiles-container .x-body3 a,
.loading.offer-details__wrapper.offer-details__wrapper--lob .x-channel-tiles-container .x-heading3 span,
.loading.offer-details__wrapper.offer-details__wrapper--lob .x-flex-row.x-lob-app .x-lob-app-icon,
.loading.offer-details__wrapper.offer-details__wrapper--lob .x-flex-row.x-lob-app span,
.loading.offer-details__wrapper.offer-details__wrapper--lob .x-flex-row.x-lob-description-container a,
.loading.offer-details__wrapper.offer-details__wrapper--lob .x-flex-row.x-lob-description-container span,
.loading.offer-details__wrapper.offer-details__wrapper--lob .x-flex-row.x-lob-heading h2,
.loading.offer-details__wrapper.offer-details__wrapper--lob .x-flex-row.x-lob-legal span,
.loading.offer-details__wrapper.offer-details__wrapper--lob .x-flex-row.x-lob-sub-heading h3,
.loading.offer-details__wrapper.offer-details__wrapper--lob .x-flex-row.x-lob__drawer-button-container .x-lob-child-content-link button,
.loading.offer-details__wrapper.offer-details__wrapper--lob .x-flex__col-md-12.x-list--columns.x-lob__tiers .x-body3.x-flex__col-md-12,
.loading.offer-details__wrapper.offer-details__wrapper--lob .x-lob-feature .features-image-container,
.loading.offer-details__wrapper.offer-details__wrapper--lob .x-lob-feature p,
.loading.offer-details__wrapper.offer-details__wrapper--lob .x-lob-hero-container.x--flex-align-end,
.loading.offer-details__wrapper.offer-details__wrapper--lob .x-lob-tier-headings p {
    animation: gradient 2s linear infinite;
    background-blend-mode: multiply;
    background-color: initial;
    background-image: linear-gradient(90deg, #f6f6f9, #ececf2, #f6f6f9, #ececf2);
    background-size: 300% 100%;
    border: 0 solid transparent;
    border-radius: 3px;
    color: transparent !important;
    pointer-events: none
}

.loading.offer-details__wrapper.offer-details__wrapper--lob img {
    opacity: 0 !important
}

.loading.offer-details__wrapper.offer-details__wrapper--lob .x-flex__col-md-12.x-list--columns.x-lob__tiers li:before {
    display: none
}

.loading.offer-details__wrapper.offer-details__wrapper--lob .x-flex-row.x-lob-heading {
    margin-bottom: .375rem
}

.loading.offer-details__wrapper.offer-details__wrapper--lob .x-lob-feature .features-image-container {
    width: -moz-max-content;
    width: max-content
}

.loading.offer-details__wrapper.offer-details__wrapper--lob .x-lob-feature p {
    margin-left: 0
}

.loading.offer-details__wrapper.offer-details__wrapper--lob .x-channel-image use,
.loading.offer-details__wrapper.offer-details__wrapper--lob .x-channel-tiles-container .x-body4.x-offer-text {
    display: none
}

.lob-tile__main-container {
    text-align: center
}

.lob-tile__lob-container {
    border-color: #ececf2;
    box-shadow: none;
    transition-duration: .3s
}

.lob-tile__lob-container,
.lob-tile__tv-container {
    padding: 32px 24px
}

.lob-tile__promo-container {
    padding: 24px 24px 0
}

.lob-tile__highlights-container>:not(:first-child) {
    margin-top: 4px
}

.lob-tile__tv-logos {
    border-radius: var(--border-radius-small, 4px);
    margin: 0 auto;
    width: -moz-fit-content;
    width: fit-content
}

.lob-tile__tv-logos .lob-tile__tv-logo-container {
    --tw-bg-opacity: 1;
    --shadow-color: var(--material-neutral2-base-shadow);
    background-color: rgb(var(--background-color-material-neutral2-base)/var(--tw-bg-opacity, 1));
    border-left: 1px solid #ececf2;
    display: inline-flex;
    padding: 8px
}

.lob-tile__tv-logos .lob-tile__tv-logo-container:first-child {
    border-left: none
}

.lob-tile__tv-logo-svg {
    height: 24px;
    width: 50px
}

@media screen and (min-width:550px) {
    .lob-tile__lob-container,
    .lob-tile__tv-container {
        padding: 40px 32px
    }
    .lob-tile__promo-container {
        padding: 32px 32px 0
    }
    .lob-tile__tv-logos .lob-tile__tv-logo-container {
        padding: 12px 8px
    }
}

@media screen and (min-width:768px) {
    .lob-tile__lob-container,
    .lob-tile__tv-container {
        padding: 40px
    }
    .lob-tile__promo-container {
        padding: 32px 40px 0
    }
}

@media screen and (min-width:1024px) {
    .lob-tile__lob-container,
    .lob-tile__tv-container {
        padding: 40px 24px
    }
    .lob-tile__promo-container {
        padding: 32px 24px 0
    }
    .lob-tile__tv-logo-svg {
        width: 28px
    }
}

@media screen and (min-width:1152px) {
    .lob-tile__tv-logo-svg {
        width: 34px
    }
}

@media screen and (min-width:1280px) {
    .lob-tile__lob-container,
    .lob-tile__tv-container {
        padding: 40px 32px
    }
    .lob-tile__promo-container {
        padding: 32px 32px 0
    }
    .lob-tile__tv-logo-svg {
        width: 42px
    }
}

@media screen and (min-width:1568px) {
    .lob-tile__lob-container,
    .lob-tile__tv-container {
        padding: 40px
    }
    .lob-tile__promo-container {
        padding: 32px 40px 0
    }
    .lob-tile__tv-logo-svg {
        height: 24px;
        width: 50px
    }
}

.localization-container__form.form-container {
    display: block
}

.localization-container__form .localization-container__inputs-container {
    margin-right: 0
}

.localization-container__form .selected-address {
    background: #ececf2;
    border: 1px solid #ececf2
}

.localization-container__form .unselected-address {
    background: #fff;
    border: 1px solid #ececf2
}

.localization-container__form .selected-location-icon {
    color: #62626c;
    max-height: 20px;
    max-width: 20px
}

.localization-container__form .unselected-location-icon {
    color: #ceceda;
    max-height: 20px;
    max-width: 20px
}

.localization-container__form .address-text {
    cursor: pointer;
    gap: 10px
}

.localization-container__form .choose-address-checkbox {
    accent-color: #62626c;
    border: 1.5px solid rgba(0, 0, 0, .8);
    border-radius: 2px;
    cursor: pointer;
    height: 20px;
    width: 20px
}

.localization-container__form #disabled-button {
    cursor: not-allowed
}

.localization-container__form .address-checkbox-container label input {
    display: none
}

.localization-container__form .address-checkbox-container label .unselected-checkbox {
    align-items: flex-start;
    border: 1.5px solid #000;
    border-radius: 2px;
    display: flex;
    height: 20px;
    min-width: 20px;
    width: 20px
}

.localization-container__form .address-checkbox-container label .selected-checkbox {
    align-items: flex-start;
    background: rgba(0, 0, 0, .64);
    border: 1.5px solid rgba(0, 0, 0, .8);
    border-radius: 2px;
    display: flex;
    height: 20px;
    padding-right: 5px;
    width: 20px
}

.localization-container__form .checkbox-checked {
    border: solid #fff;
    border-width: 2.5px 0 0 2.5px;
    display: flex;
    height: 12px;
    margin-left: 5px;
    margin-top: 1px;
    transform: rotate(216deg);
    width: 7px
}

.localization-container__form label:focus-within .focused-icon {
    color: #62626c;
    max-height: 20px;
    max-width: 20px
}

.localization-container__form .focused-address:focus-within {
    background: #ececf2;
    border: 1px solid #ececf2
}

.localization-container__form .address-checkbox-container label:focus-within .focused-checkbox {
    align-items: flex-start;
    background: rgba(0, 0, 0, .64);
    border: 1.5px solid rgba(0, 0, 0, .8);
    border-radius: 2px;
    display: flex;
    height: 20px;
    padding-right: 5px;
    width: 20px
}

.localization-container__form .address-checkbox-container label:focus-within .focused-checkbox-checked {
    border: solid #fff;
    border-width: 2.5px 0 0 2.5px;
    display: flex;
    height: 12px;
    margin-left: 5px;
    margin-top: 1px;
    transform: rotate(216deg);
    width: 7px
}

.choose-fallback-container {
    min-width: 100%;
    width: -moz-fit-content !important;
    width: fit-content !important
}

.choose-fallback-form {
    display: flex !important;
    flex-direction: column !important
}

.location-container__form .location-container__inputs-container {
    margin-right: 0
}

.localization-container__form .input-container {
    background: #f6f6f9;
    border: 1px solid #ececf2
}

.localization-container__form .icon-container {
    padding-right: 10px
}

.localization-container__form .location-icon {
    color: #62626c;
    max-height: 20px;
    max-width: 20px
}

.localization-container__form .localization-container__inputs-submit {
    width: -moz-fit-content;
    width: fit-content
}

.localization-container__change {
    box-sizing: border-box;
    height: 3rem;
    margin-top: 1.5rem
}

.localization-container__change button {
    padding: .5rem 2rem !important
}

.suggestions-select {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity, 1));
    border: 1px solid #dfdfdf;
    border-radius: 4px;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    padding: .5rem;
    position: absolute;
    top: 104px;
    width: 100%;
    z-index: 20
}

.suggestions-select__item {
    --text-body2-leading: var(--text-body2-line-height);
    --text-body2-family: var(--text-family-default);
    background-color: var(--background-color-transparent, transparent);
    box-sizing: border-box;
    display: inline-block;
    font-family: var(--text-body2-family);
    font-size: var(--text-body2-size);
    font-weight: var(--text-body2-weight);
    letter-spacing: var(--text-body2-letter-spacing);
    line-height: var(--text-body2-leading);
    min-width: 100%;
    padding: .5rem;
    text-align: left;
    text-transform: var(--text-body2-text-transform);
    width: 100%
}

.suggestions-select>li[aria-selected=true],
.suggestions-select__item:hover {
    --tw-bg-opacity: 1;
    --shadow-color: var(--fill-inverse-down-shadow);
    background-color: rgb(var(--background-color-fill-inverse-down)/var(--tw-bg-opacity, 1));
    border-radius: 4px;
    cursor: pointer;
    outline: 2px solid transparent;
    outline-offset: 2px
}

.suggestions-select>li[aria-selected=true] {
    border-style: solid;
    border-width: 1px
}

.suggestions-select :focus-visible {
    outline: none !important
}

.highlightText-suggestions {
    font-weight: 700
}

@media (min-width:1024px) {
    .suggestions-select,
    .suggestions-select__item {
        padding: .25rem
    }
}

.localization-container__form {
    align-items: center;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    max-width: var(--form-max-width);
    text-align: left;
    width: 100%
}

.localization-container__inputs-container {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    position: relative
}

.localization-container__inputs-container :focus-visible {
    outline: none !important
}

.localization-container__inputs-container>div.text-inputfield-container,
.localization-container__inputs-container>div.text-inputfield-container input {
    flex-grow: 1;
    max-width: 100%
}

input#localization-address-field {
    padding-left: 1rem;
    padding-right: 0;
    width: 100%
}

span#localization-address-field-error {
    padding-top: 0
}

.localization-container__inputs-submit {
    box-sizing: border-box;
    height: 3rem;
    margin-left: 1rem;
    margin-top: 1rem;
    padding-bottom: 0 !important;
    padding-top: 0 !important
}

@media screen and (min-width:768px) and (max-width:1024px) {
    .localization-container__form {
        flex-direction: row
    }
    .localization-container__inputs-container {
        margin-right: 1rem
    }
    .localization-container__inputs-submit {
        align-self: flex-start;
        margin-left: 1rem
    }
    .localization-container__inputs-submit.left {
        margin-top: 2.8rem
    }
    .localization-container__form.left {
        align-items: flex-start
    }
}

@media screen and (min-width:0px) and (max-width:768px) {
    .localization-container__form {
        flex-direction: column;
        width: 100%
    }
    .localization-container__form.left {
        align-items: flex-start
    }
    .localization-container__inputs-submit {
        margin-bottom: 1.5rem;
        margin-left: 0
    }
    .localization-container__inputs-container {
        min-width: 100%
    }
}

.localization-container {
    --form-max-width: 768px;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity, 1));
    display: flex;
    flex-direction: column
}

.localization-container__theme-dark {
    --tw-text-opacity: 1;
    color: rgb(var(--text-color-neutral-base)/var(--tw-text-opacity, 1))
}

.localization-container__background-image {
    background-color: var(--background-color-transparent, transparent)
}

.localization-container__icon {
    margin-bottom: 1.5rem;
    max-height: 66px;
    width: 100%
}

.localization-container__description {
    margin-top: 1rem
}

.localization-container__eccopy {
    --text-caption-leading: var(--text-caption-line-height);
    --text-caption-family: var(--text-family-default);
    font-family: var(--text-caption-family);
    font-size: var(--text-caption-size);
    font-weight: var(--text-caption-weight);
    letter-spacing: var(--text-caption-letter-spacing);
    line-height: var(--text-caption-leading);
    margin-top: 1rem;
    text-transform: var(--text-caption-text-transform)
}

@media (min-width:768px) {
    .localization-container__icon {
        max-height: 77px
    }
    .localization-container__eccopy {
        margin-top: 1.5rem
    }
}

@media (min-width:1024px) {
    .localization-container__icon {
        max-height: 88px
    }
}

@media (max-width:768px) {
    .localization-container__width-mobile {
        max-width: 100% !important
    }
}

.localization-container__width-500 {
    width: 500px
}

.localization-container__width-700 {
    width: 700px
}

.localization-container__width-1000 {
    width: 1000px
}

.localization-container__width-default {
    width: 100%
}

.localization-container__height-640 {
    height: 640px
}

.localization-container__height-default {
    height: 100%
}

.localization-container__align-left {
    align-items: flex-start;
    text-align: left
}

.localization-container__align-center {
    align-items: center;
    text-align: center
}

@media (max-width:768px) {
    .localization-container__align-mobile-left {
        align-items: flex-start;
        text-align: left
    }
    .localization-container__align-mobile-center {
        align-items: center;
        text-align: center
    }
}

.mdu-fallback-container__form {
    align-items: center;
    max-width: var(--form-max-width);
    width: 100%
}

.mdu-fallback-container__button-container-center,
.mdu-fallback-container__button-container-left,
.mdu-fallback-container__inputs-container {
    align-items: center;
    display: flex;
    text-align: left
}

.mdu-fallback-container__button-container-center {
    justify-content: center
}

.mdu-fallback-container__button-container-left {
    justify-content: flex-start
}

.mdu-fallback-container__inputs-container div.text-inputfield-container,
.mdu-fallback-container__inputs-container div.text-inputfield-container input {
    flex-grow: 1;
    max-width: 100%
}

.mdu-fallback-container__inputs-submit {
    box-sizing: border-box;
    height: 3rem;
    margin-top: 1rem;
    padding-bottom: 0 !important;
    padding-top: 0 !important
}

.mdu-fallback-extra-fields {
    display: flex
}

.mdu-fallback-extra-fields .mdu-fallback-container__unit-container div.text-inputfield-container input,
.mdu-fallback-extra-fields .mdu-fallback-container__zip-container div.text-inputfield-container input {
    padding-left: 1rem;
    width: 100%
}

.mdu-fallback-container__unit-dropdown:focus:before {
    content: none
}

.mdu-fallback-container__unit-dropdown {
    -webkit-appearance: none;
    -moz-appearance: none;
    border-color: #62626c;
    border-radius: .25rem;
    border-width: 1px;
    padding-left: 10px;
    padding-right: 10px
}

.mdu-fallback-container__unit-dropdown,
.mdu-fallback-container__unit-dropdown:active,
.mdu-fallback-container__unit-dropdown:focus,
.mdu-fallback-container__unit-dropdown:hover {
    --tw-bg-opacity: 1 !important;
    --shadow-color: var(--material-neutral2-base-shadow) !important;
    --text-body2-leading: var(--text-body2-line-height);
    --text-body2-family: var(--text-family-default);
    background-color: rgb(var(--background-color-material-neutral2-base)/var(--tw-bg-opacity, 1)) !important;
    font-family: var(--text-body2-family);
    font-size: var(--text-body2-size);
    font-weight: var(--text-body2-weight);
    letter-spacing: var(--text-body2-letter-spacing);
    line-height: var(--text-body2-leading);
    padding: .75rem;
    text-align: left;
    text-transform: var(--text-body2-text-transform);
    width: 100%
}

.mdu-fallback-container__unit-dropdown.dropdown-open,
.mdu-fallback-container__unit-dropdown:active,
.mdu-fallback-container__unit-dropdown:focus,
.mdu-fallback-container__unit-dropdown:hover {
    border-color: #0d0d0f
}

.dropdown-arrow {
    float: right;
    height: 12px;
    width: 12px
}

.mdu-fallback-unit-list {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity, 1));
    border: 1px solid #dfdfdf;
    left: 0;
    padding: .5rem;
    position: absolute;
    top: 55px;
    width: 100%;
    z-index: 10
}

.mdu-fallback-unit-list-option {
    --text-body2-leading: var(--text-body2-line-height);
    --text-body2-family: var(--text-family-default);
    background-color: var(--background-color-transparent, transparent);
    border-width: 0;
    display: block;
    font-family: var(--text-body2-family);
    font-size: var(--text-body2-size);
    font-weight: var(--text-body2-weight);
    letter-spacing: var(--text-body2-letter-spacing);
    line-height: var(--text-body2-leading);
    padding: .5rem;
    text-align: left;
    text-transform: var(--text-body2-text-transform);
    width: 100%
}

.mdu-fallback-unit-list-option:focus-visible {
    outline: none !important
}

.mdu-fallback-container__inputs-container :focus-visible {
    outline: none !important
}

.mdu-fallback-unit-list-option:not(.list-option-disabled):hover,
.mdu-fallback-unit-list-option[aria-selected=true]:not(.list-option-disabled):not(:hover) {
    --tw-bg-opacity: 1;
    --shadow-color: var(--fill-inverse-down-shadow);
    background-color: rgb(var(--background-color-fill-inverse-down)/var(--tw-bg-opacity, 1));
    border-radius: 4px;
    outline: 2px solid transparent;
    outline-offset: 2px
}

.mdu-fallback-container__unit-dropdown-icon {
    float: right
}

.mdu-fallback-container__unit-dropdown-icon-native {
    position: absolute;
    right: 18px;
    top: 14px;
    z-index: 10
}

#localization-address-field-error,
#localization-unit-field-error,
#localization-zip-field-error {
    display: inline-block
}

.mdu-fallback-container__button-container>.localization-container__inputs-submit {
    margin-left: 0 !important;
    margin-top: 2.5rem
}

.unit-label-text {
    font-size: 12px
}

.localization-container__form .label-text.sc-prism-input-default,
.mdu-fallback-container__form .label-text.sc-prism-input-default {
    margin-bottom: 0 !important
}

.mdu-lesser__inputs-container {
    align-items: center !important
}

@media screen and (min-width:769px) {
    .mdu-fallback-container__button-container-center,
    .mdu-fallback-container__button-container-left,
    .mdu-fallback-container__inputs-container {
        flex-wrap: nowrap
    }
    .mdu-fallback-container__button-container-center {
        justify-content: center
    }
    .mdu-fallback-container__button-container-left {
        justify-content: flex-start;
        margin-left: 0 !important
    }
    .mdu-fallback-container__inputs-container {
        align-items: flex-start;
        position: relative
    }
    .mdu-fallback-container__inputs-submit {
        margin-top: 1.5rem
    }
    .mdu-fallback-container__address-container {
        flex-grow: 1;
        position: relative
    }
    .mdu-fallback-container__unit-container,
    .mdu-fallback-container__zip-container {
        margin-left: 1rem
    }
    .mdu-fallback-extra-fields .mdu-fallback-container__unit-container,
    .mdu-fallback-extra-fields .mdu-fallback-container__zip-container {
        max-width: 182px
    }
    .mdu-lesser-unit-field {
        display: block
    }
}

@media screen and (max-width:768px) {
    .mdu-fallback-container__button-container-mobile-left,
    .mdu-fallback-container__inputs-container {
        justify-content: flex-start
    }
    .mdu-fallback-container__button-container-mobile-center {
        justify-content: center
    }
    .mdu-fallback-container__button-container>.localization-container__inputs-submit {
        margin-top: 2rem
    }
    .mdu-fallback-container__button-container,
    .mdu-fallback-container__inputs-container {
        flex-wrap: wrap
    }
    .mdu-fallback-container__inputs-container {
        margin-right: 0;
        width: 100%
    }
    .mdu-fallback-container__address-container {
        position: relative;
        width: 100%
    }
    .mdu-fallback-container__unit-container,
    .mdu-fallback-container__zip-container {
        width: 100%
    }
    .mdu-fallback-final-container .mdu-fallback-extra-fields .mdu-fallback-container__unit-container {
        margin-right: .5rem
    }
    .mdu-fallback-extra-fields .mdu-fallback-container__zip-container {
        margin-left: .5rem
    }
    .mdu-greater-extra-fields,
    .mdu-lesser-extra-fields {
        width: 100%
    }
    .mdu-lesser-dropdown {
        display: inline-flex
    }
}

@media screen and (max-width:376px) {
    .mdu-fallback-extra-fields {
        width: 100%
    }
    .mdu-fallback-container__button-container-mobile-left,
    .mdu-fallback-container__inputs-container {
        justify-content: flex-start
    }
    .mdu-fallback-container__button-container-mobile-center {
        justify-content: center
    }
    .mdu-fallback-container__button-container>.localization-container__inputs-submit {
        margin-top: 1rem
    }
}

.offer-label-grid {
    transition: max-height .5s ease-out
}

.offer-label-grid.outline-border {
    border-width: 1px
}

.offer-label-grid-broadband-ui {
    border-top-width: 1px
}

.offer-label-grid .xjs-icon-stack__bullet {
    border: none !important
}

.read-more_outer {
    max-width: unset;
    min-height: 40px;
    width: 100%
}

.offer-label-grid .offer-label-grid_eyebrow__outer-eyebrow .read-more_outer,
.offer-label-grid .read-more-text {
    min-height: 40px
}

.offer-label-grid-broadband-ui.hide-label {
    height: auto;
    max-height: 240px;
    overflow: hidden
}

.offer-label-grid-broadband-ui.show-label {
    max-height: 100%
}

.offer-label-grid-eyebrow {
    font-size: 24px
}

.read-more_expand {
    display: block;
    max-height: 100%
}

.offer-details-drawer-header-close-icon {
    fill: var(--palette-white, #fff)
}

.customize-btn {
    --tw-border-opacity: 0.15;
    border-color: rgb(var(--border-color-stroke-neutral-base)/var(--tw-border-opacity));
    transition: .2s ease-in;
    transition-property: background-color, border-color, box-shadow
}

.customize-btn:focus {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(var(--ring-color-neutral-base)/var(--tw-ring-opacity));
    --tw-ring-offset-width: 2px;
    --tw-ring-offset-color: rgb(var(--ring-offset-color-material-neutral-base));
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}

.offer-details-drawer-header-content {
    border-bottom: 1px solid #979797;
    font-size: 14px
}

.offer-details-drawer-header-close-btn:focus {
    outline: 2px solid #000;
    outline-offset: 2px
}

.lob-title:not(:last-child):after {
    content: "\2022";
    margin-left: 5px;
    margin-right: 5px
}

.offer-details-drawer-header,
.xjs-modal-close {
    height: unset;
    width: unset
}

.menu-tab-container {
    -ms-overflow-style: none;
    scrollbar-width: none
}

.menu-tab-container::-webkit-scrollbar {
    display: none
}

.offer-details-drawer-header .menu-tab-container {
    border-bottom: 1px solid;
    border-color: var(--palette-grey-10, #ececf2)
}

.menu-tab-item:first-child {
    margin-left: 0
}

.menu-tab-item:last-child {
    margin-right: 0
}

.menu-tab-item button {
    border: 1px solid transparent;
    border-radius: 20px;
    transition: background-color .4s
}

.menu-tab-item button,
.menu-tab-item button:active,
.menu-tab-item button:focus,
.menu-tab-item button:hover,
.menu-tab-item button:visited {
    color: unset
}

.menu-tab-item button:focus,
.menu-tab-item button:hover {
    background-color: var(--palette-grey-05, #f6f6f9)
}

.menu-tab-item button.active:hover,
.menu-tab-item button.inactive:hover {
    text-decoration: none
}

.menu-tab-item button:focus {
    border: 1px solid var(--patch-black);
    outline: none
}

@media screen and (max-width:767px) {
    .offer-details-drawer-header-close-btn {
        margin-right: 24px;
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-50%)
    }
    .cart-action-button-wrapper .customize-btn,
    .cart-action-button-wrapper button {
        padding: 8px 16px
    }
    .cart-action-button-wrapper button span {
        white-space: nowrap
    }
    .offer-details-footer,
    .offer-drawer-sticky-header__inner {
        box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .3)
    }
}

#nav-slide {
    transition: .3s ease-in-out
}

section.offer-details__wrapper.offer-details__wrapper--header {
    background-position: 50%;
    background-repeat: no-repeat
}

.x-offer-details-header-merchandizing>.x-button--anchor:focus {
    outline: none
}

.loading.offer-details__wrapper--header .offer-details__header-banner .x-offer-details-header__cta-share,
.loading.offer-details__wrapper--header .x-offer-details-header-featured-offers-placeholder,
.loading.offer-details__wrapper--header .x-offer-details-header-marketing p,
.loading.offer-details__wrapper--header .x-offer-details-header-marketing-placeholder,
.loading.offer-details__wrapper--header .x-offer-details-header-merchandizing h3,
.loading.offer-details__wrapper--header .x-offer-details-header-merchandizing p,
.loading.offer-details__wrapper--header .x-offer-details-header__cta.x-button--solid,
.loading.offer-details__wrapper--header .x-offer-details-row h2,
.loading.offer-details__wrapper--header .x-offer-details-row p,
.loading.offer-details__wrapper--header h1.x-main-heading,
.loading.offer-details__wrapper--header h2.x-sub-heading {
    animation: gradient 2s linear infinite;
    background-blend-mode: multiply;
    background-color: initial;
    background-image: linear-gradient(90deg, #f6f6f9, #ececf2, #f6f6f9, #ececf2);
    background-size: 300% 100%;
    border: 0 solid transparent;
    border-radius: 3px;
    color: transparent !important;
    pointer-events: none
}

.loading.offer-details__wrapper--header .x-offer-details-header-featured-offers-placeholder,
.loading.offer-details__wrapper--header .x-offer-details-header-marketing-placeholder {
    display: inline-block;
    height: 1.5rem;
    margin-right: .25rem;
    padding: 0;
    width: 1.5rem
}

.loading.offer-details__wrapper--header .x-offer-details-header-merchandizing a:hover {
    cursor: default
}

.loading.offer-details__wrapper--header .x-offer-details-header-merchandizing h3,
.loading.offer-details__wrapper--header .x-offer-details-row p {
    margin-bottom: .25rem
}

.loading.offer-details__wrapper--header .x-offer-details-row p a {
    color: transparent !important
}

.loading.offer-details__wrapper--header h1.x-main-heading,
.loading.offer-details__wrapper--header h2.x-sub-heading {
    min-height: 1.5rem;
    min-width: 12rem
}

.loading.offer-details__wrapper--header h2.x-sub-heading {
    min-height: .75rem
}

.loading.offer-details__wrapper--header .x-offer-details-header__cta.x-button--solid {
    border-radius: 40px
}

.loading.offer-details__wrapper--header .x-offer-details-header__cta.x-button--solid svg,
.loading.offer-details__wrapper--header img {
    opacity: 0
}

.offer-details__header-banner .x-offer-details-header-middle-container .x-offer-details-header-price-container {
    overflow: visible !important
}

.offer-details-header-lob-div>div:last-child {
    border-right: none
}

.personalization-api-container-text {
    align-items: center;
    font-family: var(--font-family-brown);
    font-size: var(--size-font-16);
    padding: .5rem;
    text-align: center
}

.loading.offer-details__wrapper.offer-details__wrapper--price-and-info .x-price-info-additional-container .x-price-info-additional-description,
.loading.offer-details__wrapper.offer-details__wrapper--price-and-info .x-price-info-additional-container h2,
.loading.offer-details__wrapper.offer-details__wrapper--price-and-info .x-price-info-customer-bullets .customer-bullet,
.loading.offer-details__wrapper.offer-details__wrapper--price-and-info .x-price-info-customer-container h2,
.loading.offer-details__wrapper.offer-details__wrapper--price-and-info .x-price-info-header h2,
.loading.offer-details__wrapper.offer-details__wrapper--price-and-info .x-price-info-pricing-other-container h2,
.loading.offer-details__wrapper.offer-details__wrapper--price-and-info .x-price-info-pricing-other-container span,
.loading.offer-details__wrapper.offer-details__wrapper--price-and-info .x-price-info-rate-container h2,
.loading.offer-details__wrapper.offer-details__wrapper--price-and-info .x-price-info-rate-container p,
.loading.offer-details__wrapper.offer-details__wrapper--price-and-info .x-price-info-rate-description .x-body3 {
    animation: gradient 2s linear infinite;
    background-blend-mode: multiply;
    background-color: initial;
    background-image: linear-gradient(90deg, #f6f6f9, #ececf2, #f6f6f9, #ececf2);
    background-size: 300% 100%;
    border: 0 solid transparent;
    border-radius: 3px;
    color: transparent !important;
    pointer-events: none
}

.loading.offer-details__wrapper.offer-details__wrapper--price-and-info .x-flex__col {
    width: inherit
}

.loading.offer-details__wrapper.offer-details__wrapper--price-and-info .x-price-info-additional-description span,
.loading.offer-details__wrapper.offer-details__wrapper--price-and-info .x-price-info-rate-description span {
    color: transparent !important
}

.loading.offer-details__wrapper.offer-details__wrapper--price-and-info .x-price-info-rate-container .x-flex-row div {
    margin-right: 10px
}

.loading.offer-details__wrapper.offer-details__wrapper--price-and-info .x-price-info-rate-container h2 {
    height: 27px;
    margin-bottom: 2px;
    width: 80px
}

.loading.offer-details__wrapper.offer-details__wrapper--price-and-info .x-price-info-rate-container p {
    display: inline-block;
    width: 50px
}

.loading.offer-details__wrapper.offer-details__wrapper--price-and-info .x-price-info-rate-description {
    padding-top: .75rem
}

.loading.offer-details__wrapper.offer-details__wrapper--price-and-info .x-price-info-header h2 {
    width: 60%
}

.loading.offer-details__wrapper.offer-details__wrapper--price-and-info .x-price-info-additional-container h2,
.loading.offer-details__wrapper.offer-details__wrapper--price-and-info .x-price-info-customer-container h2 {
    width: 40%
}

.loading.offer-details__wrapper.offer-details__wrapper--price-and-info .x-price-info-customer-bullets .customer-bullet {
    margin-top: .375rem;
    width: 50%
}

@media screen and (max-width:1024px) {
    .loading.offer-details__wrapper.offer-details__wrapper--price-and-info .x-price-info-additional-container .x-price-info-additional-description {
        margin-top: .375rem
    }
}

.pricing-term-dropdown {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-color: var(--palette-grey-80, #232328);
    border-width: 2px
}

.pricing-term-dropdown:focus {
    border-color: var(--palette-purple-50, #5a23b9);
    border-width: 2px
}

.pricing-term-dropdown:focus-visible {
    outline: none
}

.pricing-header-border {
    border-bottom: 1px solid;
    border-color: var(--palette-grey-10, #ececf2);
    border-top-left-radius: 8px;
    border-top-right-radius: 8px
}

.pricing-section-border {
    border: 1px solid;
    border-color: var(--palette-grey-10, #ececf2)
}

@media screen and (min-width:672px) {
    .pricing-accordion-body,
    .pricing-other-info {
        padding: 32px 24px
    }
    .pricing-contract-label,
    .pricing-dropdown,
    .pricing-line-item,
    .pricing-two-col-regular-label {
        grid-column: span 2/span 2
    }
    .pricing-one-col-line-item {
        grid-column: span 4/span 4
    }
    .pricing-chart-header,
    .pricing-header-border,
    .pricing-row,
    .pricing-tooltip-body {
        grid-template-columns: repeat(8, minmax(0, 1fr))
    }
    .pricing-header-border {
        padding: 24px 64px
    }
    .pricing-heading-poi {
        grid-column: span 8/span 8
    }
    .pricing-heading,
    .pricing-tooltip-heading {
        justify-content: flex-start
    }
    .pricing-headline,
    .pricing-item-container {
        text-align: left
    }
    .pricing-chart-header {
        padding-left: 64px;
        padding-right: 64px
    }
    .pricing-poi-item-container {
        padding-left: 0;
        padding-right: 0
    }
    .pricing-item-container {
        margin-bottom: 0;
        margin-top: 0;
        padding: 24px 32px
    }
    .pricing-summary-row {
        padding-bottom: 32px;
        padding-left: 32px;
        padding-right: 32px
    }
    .pricing-chart-header,
    .pricing-header-border,
    .pricing-row,
    .pricing-totals,
    .pricing-two-col-list {
        gap: 24px
    }
    .pricing-contract-label {
        grid-column-end: 7
    }
    .pricing-dropdown,
    .pricing-regular-label,
    .pricing-two-col-regular-label {
        grid-column-end: 9
    }
}

@media screen and (min-width:1056px) {
    .pricing-accordion-body,
    .pricing-other-info {
        padding: 40px 32px
    }
    .pricing-line-item {
        grid-column: span 3/span 3
    }
    .pricing-header-border>div:first-of-type,
    .pricing-heading-column,
    .pricing-heading-summary,
    .pricing-headline,
    .pricing-one-col-item,
    .pricing-one-col-line-item,
    .pricing-regular-label,
    .pricing-tooltip-body.div,
    .pricing-totals {
        grid-column: span 6/span 6
    }
    .pricing-chart-header,
    .pricing-header-border,
    .pricing-row,
    .pricing-tooltip-body {
        grid-template-columns: repeat(12, minmax(0, 1fr))
    }
    .pricing-heading-poi {
        grid-column: span 12/span 12
    }
    .pricing-summary-row {
        padding: 24px 64px 40px
    }
    .pricing-totals {
        grid-template-columns: repeat(6, minmax(0, 1fr))
    }
    .pricing-contract-label,
    .pricing-dropdown,
    .pricing-two-col-item,
    .pricing-two-col-regular-label {
        grid-column: span 3/span 3
    }
    .pricing-contract-label {
        grid-column-end: 10
    }
    .pricing-dropdown,
    .pricing-regular-label,
    .pricing-two-col-regular-label {
        grid-column-end: 13
    }
}

.pc-body li {
    list-style: none
}

.pc-body .text-caption {
    font-weight: 500
}

.pricing-tile__main-container {
    padding: 40px 24px 32px
}

.pricing-split-info-container>.pricing-split-term-description:first-child {
    overflow: hidden;
    position: relative
}

.pricing-split-info-container>.pricing-split-term-description:first-child:after {
    border-bottom: 1px dotted #000;
    border-left: none;
    bottom: 4px;
    content: "";
    margin-left: 2px;
    position: absolute;
    width: 100%
}

.pricing-split-info-container>.pricing-split-group-price {
    padding-left: 2px;
    width: 1%
}

.pricing-tile__btns-container .pricing-tile__cta2 {
    --tw-border-opacity: 0.15;
    border-color: rgb(var(--border-color-stroke-neutral-base)/var(--tw-border-opacity));
    transition: .2s ease-in;
    transition-property: background-color, border-color, box-shadow
}

h2.price-toolTip {
    font-size: 14px
}

.pricing-tile__btns-container .pricing-tile__cta2:focus {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(var(--ring-color-neutral-base)/var(--tw-ring-opacity));
    --tw-ring-offset-width: 2px;
    --tw-ring-offset-color: rgb(var(--ring-offset-color-material-neutral-base));
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}

.pricing-tile__cta3:hover:after {
    --tw-bg-opacity: 1;
    background-color: rgba(97, 56, 245, var(--tw-bg-opacity))
}

a.pricing-tile__cta3:focus {
    color: #000
}

.c__gbb-card-tooltip__tip {
    opacity: 0;
    transition: opacity .4s ease-in-out .5s, visibility .4s ease-in-out .5s;
    visibility: hidden
}

.c__gbb-card-tooltip__tip.c__gbb-card-tooltip__tip--active {
    opacity: 1;
    transition: opacity .4s ease-in-out .5s, visibility .4s ease-in-out .5s;
    visibility: visible
}

.c__gbb-card-tooltip__content {
    word-wrap: break-word;
    font-size: 14px;
    overflow-wrap: break-word;
    word-break: break-word
}

@media screen and (min-width:550px) {
    .pricing-tile__main-container {
        padding: 40px 32px
    }
}

@media screen and (min-width:768px) {
    .pricing-tile__main-container {
        padding: 40px
    }
}

@media screen and (min-width:1024px) {
    .pricing-tile__main-container {
        padding: 40px 24px
    }
}

@media screen and (min-width:1280px) {
    .pricing-tile__main-container {
        padding: 40px 32px
    }
}

@media screen and (min-width:1568px) {
    .pricing-tile__main-container {
        padding: 40px
    }
}

.background-video-component>.x-video-inner>.x-player-video[poster] {
    object-fit: cover
}

body.sc-page-edit .promo-hero-clock .promo-hero__offer+.promo-hero__disclaimer.x-body4 {
    display: none
}

.share-offer__container {
    display: flex;
    flex-direction: column
}

.share-offer__email-btn {
    height: 3.25rem;
    transition: .2s ease-in;
    transition-property: background-color, border-color, box-shadow
}

.share-offer__copy-link {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    position: relative
}

.share-offer__copy-link span.wrap {
    display: inline
}

.share-offer__copy-btn,
.share-offer__copy-link input {
    height: 3rem
}

.fadeIn {
    animation-duration: .5s;
    animation-name: FadeIn;
    transition-timing-function: linear
}

@keyframes FadeIn {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

.svgTintAdjustment {
    filter: "brightness(0.95)"
}

.addressMargin {
    margin-right: .375rem
}

.icon_container {
    border-color: var(--palette-grey-10, #ececf2);
    border-radius: 50%;
    border-style: solid;
    border-width: 2px;
    padding: .5rem
}

.icon_container.offer--ineligible {
    color: var(--palette-orange-40, #f95600)
}

.offer--ineligible prism-icon {
    --text-color-caution-base: var(--palette-orange-40, #f95600)
}

.tile-container-ui-theme--dark {
    background-color: #1f232e
}

.tile-container-ui-theme--light {
    background-color: #fff
}

.tile-container-ui-theme--grey {
    background-color: #fbfcfc;
    color: #191919
}

.tile-container__localization-container {
    margin-top: 12px;
    padding: 0
}

.tile-container--main:not(.scEnabledChrome) .empty-content {
    margin-top: 0
}

.tile-container--content {
    margin: 0 auto;
    max-width: 64rem;
    width: 100%
}

.tile-container__flex-row {
    display: flex;
    flex: 0 1 auto;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%
}

.tile-container__center-sm {
    justify-content: center;
    text-align: center
}

.tile-container__display3 {
    font-size: 30px;
    font-size: 1.875rem;
    font-weight: 100;
    line-height: 1.333
}

.tile-container__body3,
.tile-container__display3 {
    letter-spacing: .013rem;
    margin: 0;
    text-transform: none
}

.tile-container__body3 {
    font-size: .875rem;
    font-weight: 300;
    line-height: 1.5
}

.tile-container__button--anchor a,
a.tile-container__button--anchor {
    border: 1px solid transparent;
    border-radius: 3px;
    color: var(--patch-black);
    font-family: var(--font-family-standard);
    font-size: var(--size-font-14);
    font-weight: var(--font-weight-bold);
    margin-left: 7px;
    padding: 5px;
    text-decoration: underline;
    text-decoration-color: rgba(13, 13, 15, .3);
    text-decoration-thickness: .09rem;
    text-transform: none;
    text-underline-position: under
}

a.tile-container__button--anchor:hover {
    color: var(--patch-grey-70);
    text-decoration-color: var(--patch-grey-70)
}

a.tile-container__button--anchor:active {
    color: var(--patch-black);
    text-decoration-color: var(--patch-black)
}

a.tile-container__button--anchor:focus {
    outline: 0
}

a.tile-container__button--anchor:focus-visible {
    border: 1px solid var(--patch-black);
    border-radius: 3px;
    color: var(--patch-black);
    text-decoration-color: var(--patch-black)
}

a.tile-container__button--anchor.disabled {
    color: #b6b6b7;
    pointer-events: none;
    text-decoration-color: #b6b6b7
}

.tile-container-ui-theme--dark .tile-container__body3,
.tile-container-ui-theme--dark .tile-container__display3 {
    color: var(--patch-white)
}

.tile-container-ui-theme--grey .tile-container__body3,
.tile-container-ui-theme--grey .tile-container__display3,
.tile-container-ui-theme--light .tile-container__body3,
.tile-container-ui-theme--light .tile-container__display3 {
    color: var(--patch-black)
}

.tile-container-ui-theme--dark .tile-container__button--anchor {
    color: var(--patch-white)
}

.tile-container-ui-theme--grey .tile-container__button--anchor,
.tile-container-ui-theme--light .tile-container__button--anchor {
    color: var(--patch-black)
}

@media only screen and (min-width:320px) {
    .tile-container--inner {
        padding: 48px 10px 24px
    }
    .tile-container--icontile .tile-container--inner {
        padding: 48px 12px 12px
    }
    .tile-container--imageactionabletile .tile-container--inner {
        padding: 40px 12px
    }
    .tile-container__flex-col-xs-12 {
        flex: 0 0 auto;
        flex-basis: 100%;
        max-width: 100%;
        padding-left: .188rem;
        padding-right: .188rem
    }
    .tile-container__placeholder .icon-tile--main {
        position: relative
    }
    .tile-container__placeholder .icon-tile--main:not(:first-of-type):before {
        background-color: #ceceda;
        content: "";
        display: block;
        height: 1px;
        left: 50%;
        position: absolute;
        top: 0;
        transform: translateX(-50%);
        width: calc(100% - 48px)
    }
    .tile-container__placeholder .image-actionable-tile__main {
        border: 1px solid #ceceda;
        border-radius: 3px
    }
    .tile-container__placeholder .image-actionable-tile__main:nth-of-type(2n) {
        margin-left: 0
    }
    .tile-container__placeholder .image-actionable-tile__main:nth-of-type(n+2) {
        margin-top: 8px
    }
    .tile-container--imageactionabletile .tile-container__placeholder {
        margin-top: 40px
    }
    .tile-container--icontile .tile-container__placeholder {
        margin-top: 12px
    }
    .tile-container--icontile .tile-container__placeholder .tile-container__flex-row,
    .tile-container--imageactionabletile .tile-container__placeholder .tile-container__flex-row {
        justify-content: center;
        text-align: center
    }
    .tile-container__placeholder .scEmptyPlaceholder {
        margin-top: 12px;
        width: 100%
    }
}

@media only screen and (min-width:768px) {
    .tile-container--inner {
        padding: 90px 10px 60px
    }
    .tile-container--icontile .tile-container--inner {
        padding: 80px 0 40px
    }
    .tile-container--imageactionabletile .tile-container--inner {
        padding: 64px 0
    }
    .tile-container__placeholder .icon-tile--main {
        position: relative
    }
    .tile-container__placeholder .icon-tile--main:not(:first-of-type):before {
        content: none
    }
    .tile-container__placeholder .icon-tile--main:not(:nth-of-type(3n+1)):before {
        background-color: #ceceda;
        content: "";
        display: block;
        height: calc(100% - 48px);
        left: 0;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        width: 1px
    }
    .tile-container__placeholder .image-actionable-tile__main {
        border: 1px solid #ceceda;
        border-radius: 3px
    }
    .tile-container__placeholder .image-actionable-tile__main:nth-of-type(n+2) {
        margin-top: 0
    }
    .tile-container__placeholder .image-actionable-tile__main:nth-of-type(2n) {
        margin-left: 8px
    }
    .tile-container__placeholder .image-actionable-tile__main:nth-of-type(n+3) {
        margin-top: 8px
    }
    .tile-container--imageactionabletile .tile-container__placeholder {
        margin-top: 48px
    }
    .tile-container--icontile .tile-container__placeholder .tile-container__flex-row {
        justify-content: center;
        text-align: center
    }
    .tile-container--imageactionabletile .tile-container__placeholder .tile-container__flex-row {
        justify-content: flex-start;
        text-align: center
    }
}

.wizard #accessible-next button:not(:focus) {
    height: 0;
    opacity: 0;
    padding: 0;
    pointer-events: none
}

.wizard #accessible-next button:focus {
    margin-top: 16px;
    opacity: 1
}

.wizard .wizard-progress progress {
    width: 100%
}

.wizard .x-button--anchor:disabled {
    pointer-events: none
}

.wizard .wizard-step__headings-title .x-display3 span {
    display: block;
    text-align: center
}

.wizard-step:not(.wizard-step--offer-loader)>.loading.wizard-step__inner .x-field--thick.x-field .x-field__label,
.wizard-step:not(.wizard-step--offer-loader)>.loading.wizard-step__inner .x-icon-base--lg,
.wizard-step:not(.wizard-step--offer-loader)>.loading.wizard-step__inner a.x-button--outline,
.wizard-step:not(.wizard-step--offer-loader)>.loading.wizard-step__inner button,
.wizard-step:not(.wizard-step--offer-loader)>.loading.wizard-step__inner h1,
.wizard-step:not(.wizard-step--offer-loader)>.loading.wizard-step__inner h2,
.wizard-step:not(.wizard-step--offer-loader)>.loading.wizard-step__inner h3,
.wizard-step:not(.wizard-step--offer-loader)>.loading.wizard-step__inner h4,
.wizard-step:not(.wizard-step--offer-loader)>.loading.wizard-step__inner h5,
.wizard-step:not(.wizard-step--offer-loader)>.loading.wizard-step__inner h6,
.wizard-step:not(.wizard-step--offer-loader)>.loading.wizard-step__inner p {
    animation: gradient 2s linear infinite;
    background-blend-mode: multiply;
    background-color: initial;
    background-image: linear-gradient(90deg, #f6f6f9, #ececf2, #f6f6f9, #ececf2);
    background-size: 300% 100%;
    border: 0 solid transparent;
    border-radius: 3px;
    color: transparent !important;
    pointer-events: none
}

.wizard-step:not(.wizard-step--offer-loader)>.loading.wizard-step__inner label span {
    opacity: 0
}

.wizard-step--channel .clu-table-tiles__category-tiles[aria-hidden=true] {
    display: none
}

.wizard-step--channel .clu-table-tiles__category-tiles[aria-hidden=false] {
    display: block
}

.wizard-step--channel .wizard-step__search .wizard-step__search-clear {
    display: inline-block
}

.wizard-step--channel .clu-table-tiles__category-title>a:hover,
.wizard-step--channel .image-grid--extra__link>a:hover {
    cursor: pointer
}

.loading .clu-table-tiles__category-title,
.loading .clu-table-tiles__summary-item,
.loading .wizard-step__search .wizard-step__search-input,
.loading .wizard-step__search>p {
    background-blend-mode: multiply;
    background-color: initial;
    background-image: linear-gradient(90deg, #f6f6f9, #ececf2, #f6f6f9, #ececf2);
    background-size: 300% 100%;
    border: 0 solid transparent;
    border-radius: 3px;
    color: transparent !important;
    pointer-events: none
}

.loading .clu-table-tiles__category-title>a,
.loading .clu-table-tiles__category-title>h3,
.loading .clu-table-tiles__summary-item>h3,
.loading .clu-table-tiles__summary-item>p,
.loading .wizard-step__content .image-grid-item__cta>p,
.loading .wizard-step__content .image-grid-item__heading>h3 {
    background-color: initial !important;
    color: transparent !important;
    pointer-events: none
}

.loading .wizard-step__search .wizard-step__search-input::-moz-placeholder {
    color: transparent !important
}

.loading .wizard-step__search .wizard-step__search-input::placeholder {
    color: transparent !important
}

.loading .wizard-step__content .image-grid-item__img>img,
.loading .wizard-step__search-icon {
    opacity: 0 !important
}

.loading .wizard-step__content .image-grid-item__cta>p {
    border-top: none !important
}

.loading .wizard-step__content .image-grid-item__heading {
    border-bottom: none !important
}

.wizard-step:not(.wizard-step--offer-loader)>.loading.wizard-step__inner .wizard-step__section.wizard-step__section--offer>.x-flex.center-xs {
    animation: gradient 2s linear infinite;
    background-blend-mode: multiply;
    background-color: initial;
    background-image: linear-gradient(90deg, #f6f6f9, #ececf2, #f6f6f9, #ececf2);
    background-size: 300% 100%;
    border: 0 solid transparent;
    border-radius: 3px;
    color: transparent !important;
    pointer-events: none
}

.xds-gbb-button-next {
    right: -7px
}

.xds-gbb-button-back {
    left: -7px
}

.xds-gbb-button-back,
.xds-gbb-button-next {
    border: 0;
    border-radius: 50%;
    box-shadow: 0 4px 6px 0 rgba(0, 0, 0, .25);
    height: 48px;
    outline: 1px solid var(--palette-grey-10, #ececf2);
    position: absolute;
    top: 300px;
    width: 48px;
    z-index: 50
}

.xds-gbb-button-back:hover,
.xds-gbb-button-next:hover {
    box-shadow: none
}

.xds-gbb-button-back.xds-gbb-button-disabled,
.xds-gbb-button-next.xds-gbb-button-disabled {
    display: none
}

.xds-gbb-button-back:focus,
.xds-gbb-button-next:focus {
    outline: 0
}

.xds-gbb-button-back:focus-visible,
.xds-gbb-button-next:focus-visible {
    border-radius: 50%
}

.xds-gbb-cards-main-wrapper {
    margin: 0 auto;
    position: relative;
    width: 320px
}

.xds-gbb-offer-cards-main {
    background-color: var(--patch-white);
    border: 1px solid #ceceda;
    border-radius: 4px;
    box-shadow: 0 12px 20px 0 rgba(0, 0, 0, .15);
    max-width: 320px;
    overflow: hidden;
    width: 100%
}

.xds-gbb-offer-cards-main.xds-gbb-cards-with-dots {
    border-bottom: 0;
    border-radius: 4px 4px 0 0;
    margin: 0 28px
}

.xds-gbb-offer-cards-main .lob-tile-main {
    border-radius: 6px;
    overflow: hidden
}

.xds-gbb-offer-cards-inner {
    display: flex;
    flex-direction: column
}

.xds-gbb-offer-cards-inner a {
    color: var(--patch-black);
    font-size: 14px;
    font-weight: 700;
    text-decoration: underline;
    text-decoration-color: #b6b6b7;
    text-decoration-thickness: .09rem;
    text-underline-position: under
}

.xds-gbb-offer-cards-inner a:hover,
.xds-gbb-offer-cards-main a:active {
    color: var(--patch-black);
    text-decoration-color: var(--patch-black)
}

.xds-gbb-offer-cards-inner a.disabled {
    color: #b6b6b7;
    pointer-events: none;
    text-decoration-color: #b6b6b7
}

.xds-gbb-eyebrow-container {
    margin: 0 auto;
    padding: 12px 0;
    width: 100%
}

.xds-gbb-card-offer-name-container,
.xds-gbb-eyebrow-container {
    align-items: center;
    display: flex;
    display: -ms-flexbox;
    justify-content: center
}

.xds-gbb-card-offer-name-container {
    margin: 16px 0
}

.xds-gbb-card-lob-container {
    margin: 5px 6px 10px
}

.xds-gbb-section-divider {
    background-color: #d9d9d9;
    border: none;
    height: 1px;
    margin: 0;
    width: 100%
}

.xds-gbb-card__heading2 {
    font-size: 20px;
    font-weight: 700
}

.xds-gbb-card__recommended-container {
    display: flex;
    justify-content: center;
    margin-top: 8px
}

.xds-gbb-card__recommended {
    align-items: center;
    background-color: var(--palette-purple-50, #5a23b9);
    border-radius: 14px;
    color: var(--palette-purple-50, #5a23b9);
    display: flex;
    font-size: 10px;
    font-weight: 700;
    height: 28px;
    padding: 4px 8px
}

.xds-gbb-card__center {
    text-align: center
}

.xds-gbb-card__heading3 {
    font-size: 14px;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase
}

.xds-gbb-card__body1 {
    font-size: 12px;
    text-align: left
}

.xds-gbb-card__display1 {
    font-size: 48px;
    font-weight: 700;
    line-height: 1
}

.xds-gbb-card__display2 {
    font-size: 26px;
    font-weight: 700;
    margin-top: 2px
}

.xds-gbb-promo-container {
    margin: 16px 24px
}

.xds-gbb-promo-inner {
    align-items: center;
    display: flex;
    display: -ms-flexbox;
    flex-direction: row;
    justify-content: flex-start
}

.xds-gbb-promo-inner:not(:first-of-type) {
    margin-top: 8px
}

.xds-gbb-offer-cards-main .promo-icon-container {
    margin-right: 23px;
    max-height: 30px;
    max-width: 30px
}

.xds-gbb-offer-cards-main .promo-icon-container img {
    height: auto;
    width: 100%
}

.xds-gbb-offer-cards-main .promo-icon-container img.scEmptyImage.scEnabledChrome {
    height: auto;
    max-height: none;
    max-width: none;
    min-height: auto;
    min-width: auto;
    width: 100%
}

.xds-gbb-primary-container {
    margin: 24px
}

.xds-gbb-primary-inner {
    align-items: center;
    display: flex;
    display: -ms-flexbox;
    flex-direction: row;
    justify-content: flex-start
}

.xds-gbb-primary-inner:not(:first-child) {
    margin-top: 16px
}

.primary-inner-icon-container {
    margin-left: 8px;
    margin-right: 30px;
    max-height: 11px;
    max-width: 15px
}

.icon-bullet {
    height: auto;
    vertical-align: top;
    width: 100%
}

.xds-gbb-price-container {
    display: flex;
    display: -ms-flexbox;
    flex-direction: row;
    justify-content: center;
    line-height: normal
}

.xds-gbb-price-main {
    margin: 24px 0 0
}

.xds-gbb-card__price-freq-accessible {
    clip: rect(1px, 1px, 1px, 1px);
    border: 0;
    height: 1px;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.xds-gbb-price-inner {
    margin-left: 5px;
    width: 170px
}

.xds-gbb-selection-container {
    margin: 24px 0;
    padding: 0 32px;
    text-align: center
}

.xds-gbb-selection-btn {
    background: #000;
    border-radius: 4px;
    color: #fff;
    height: 64px;
    width: 100%
}

p.xds-gbb-selection-btn {
    padding: 20px 0
}

.xds-gbb-link-container {
    margin-top: 12px;
    text-align: center
}

.xds-gbb-carousel-controls-container {
    align-items: center;
    display: flex;
    display: -ms-flexbox;
    justify-content: center;
    margin: 0 auto;
    width: 100%
}

@media (min-width:768px) {
    .xds-gbb-cards-main-wrapper {
        width: 472px
    }
    .xds-gbb-offer-cards-main {
        max-width: 472px
    }
}

@media (min-width:1024px) {
    .xds-gbb-cards-main-wrapper {
        width: 1024px
    }
    .xds-gbb-offer-cards-main {
        max-width: 325px
    }
}

@media (min-width:1280px) {
    .xds-gbb-cards-main-wrapper {
        width: 1280px
    }
    .xds-gbb-offer-cards-main {
        max-width: 421px
    }
}

@media (min-width:1536px) {
    .xds-gbb-cards-main-wrapper {
        width: 1440px
    }
    .xds-gbb-offer-cards-main {
        max-width: 464px
    }
}

.xds-gbb__button-next {
    box-shadow: 0 12px 12px -8px;
    right: -12px
}

.xds-gbb__button-back {
    box-shadow: 0 -12px 12px -8px;
    left: -12px;
    transform: rotate(180deg)
}

.xds-gbb__button-back,
.xds-gbb__button-next {
    border-radius: 50%;
    position: absolute;
    top: 100px;
    transition: background-color .2s ease-in;
    z-index: 50
}

.xds-gbb__button-back.xds-gbb__button-disabled,
.xds-gbb__button-next.xds-gbb__button-disabled {
    display: none
}

.xds-gbb__button-back:focus-visible,
.xds-gbb__button-next:focus-visible {
    border: 2px solid #fff;
    outline: 1px solid #000
}

.xds-gbb__button-next:focus-visible {
    right: -14px
}

.xds-gbb__button-back:focus-visible {
    left: -14px
}

.xds-gbb-cards__main-wrapper .swiper-container-horizontal>.swiper-pagination-bullets {
    bottom: 0
}

.swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: #000
}

.xds-gbb-cards__main-wrapper .swiper-wrapper {
    justify-content: normal
}

.xds-gbb-cards__main-wrapper .swiper-slide:last-child {
    margin-right: 0 !important
}

.xds-gbb-cards__main-wrapper {
    margin: 0 auto;
    position: relative;
    width: 310px
}

.xds-gbb-offer-cards__outer-eyebrow {
    background-color: #fff;
    display: flex;
    min-height: 52px
}

.xds-gbb-offer-cards__eyebrow {
    align-items: center;
    background-color: #6138f5;
    border-radius: 8px 8px 0 0;
    display: flex;
    flex-direction: row;
    font-weight: 500;
    height: auto;
    justify-content: center;
    letter-spacing: 0;
    line-height: 20px;
    min-height: 52px;
    padding: 8px 32px;
    width: 100%
}

.xds-gbb-offer-cards__eyebrow-image {
    height: 32px;
    padding-right: 4px;
    width: 32px
}

.xds-gbb-offer-cards__main {
    border-radius: 4px;
    max-width: 310px;
    width: 100%
}

.xds-gbb-offer-cards__main .pricing-tile__btns-container .check-availability-button button {
    padding: 0
}

.xds-gbb-offer-cards__main .pricing-tile__btns-container .check-availability-button .check-availability-button-text {
    display: block;
    padding: 12px 24px
}

@media screen and (min-width:550px) {
    .xds-gbb-cards__main-wrapper {
        width: 472px
    }
    .xds-gbb-offer-cards__main {
        max-width: 472px
    }
}

@media (max-width:767px) {
    .xds-gbb-offer-cards__main .text-headline1 {
        font-size: 20px
    }
}

@media screen and (max-width:1279px) {
    .xds-gbb-offer-cards__eyebrow {
        padding-left: 24px;
        padding-right: 24px
    }
}

@media screen and (max-width:1568px) {
    .xds-gbb-offer-cards__eyebrow,
    .xds-gbb-offer-cards__outer-eyebrow {
        min-height: 50px
    }
}

@media screen and (min-width:1024px) {
    .xds-gbb-cards__main-wrapper {
        width: 1024px
    }
    .xds-gbb-offer-cards__main {
        max-width: 325px
    }
    .xds-gbb__button-back,
    .xds-gbb__button-next {
        height: 48px;
        width: 48px
    }
    .xds-gbb-cards__main-wrapper .swiper-wrapper {
        justify-content: center
    }
}

@media screen and (min-width:1280px) {
    .xds-gbb-cards__main-wrapper {
        width: 1280px
    }
    .xds-gbb-offer-cards__main {
        max-width: 421px
    }
}

@media screen and (min-width:1568px) {
    .xds-gbb-cards__main-wrapper {
        width: 1440px
    }
    .xds-gbb-offer-cards__main {
        max-width: 464px
    }
}

:root {
    --four: 4px;
    --four-2: calc(var(--four)*2);
    --four-3: calc(var(--four)*3);
    --four-4: calc(var(--four)*4);
    --four-6: calc(var(--four)*6);
    --four-8: calc(var(--four)*8);
    --four-10: calc(var(--four)*10);
    --four-12: calc(var(--four)*12);
    --four-16: calc(var(--four)*16);
    --four-20: calc(var(--four)*20);
    --four-22: calc(var(--four)*22);
    --question-max-width: 400px;
    --question-horizontal-whitespace: var(--four-3);
    --question-padding-left: var(--four-6);
    --question-padding-right: var(--four-6);
    --question-padding-top: var(--four-10);
    --question-padding-bottom: var(--four-6);
    --stage-tracker-width: 68px;
    --back-button-size: var(--four-10);
    --image-size: var(--four-10);
    --grey-opaque: #f6f6f9;
    --grey-transparent: rgba(246, 246, 249, 0);
    --grey-dark: #ececf2;
    --animation-cycle: 0.6s;
    --hmd-blue-50: #1f69ff;
    --hmd-green-50: #008558;
    --hmd-grey-10: #ececf2;
    --hmd-grey-40: #8b8b97;
    --hmd-grey-90: #0d0d0f;
    --hmd-orange-50: #e64f00;
    --hmd-purple-50: #6138f5;
    --hmd-red-50: #e6004a;
    --hmd-white: #fff;
    --hmd-yellow-40: #fa0;
    --gradient-full-color: var(--grey-dark)
}

.help-me-decide {
    background-position: 50%;
    background-size: cover;
    padding-bottom: var(--four-10);
    padding-top: var(--four-10);
    position: relative
}

.help-me-decide .card {
    --shadow-color: rgba(var(--background-color-material-theme1-base), 0.3);
    background-color: rgb(var(--background-color-material-neutral-base));
    min-height: 200px;
    min-width: 250px;
    overflow: hidden;
    position: relative;
    width: 100%
}

.help-me-decide .cta {
    padding: 12px 24px;
    text-decoration: none
}

.help-me-decide .question-offer-wrapper {
    transition: transform var(--animation-cycle)
}

.help-me-decide .question-offer-wrapper-gradient {
    overflow: hidden
}

.help-me-decide .question-offer-wrapper,
.help-me-decide .question-offer-wrapper-gradient {
    display: flex;
    flex-direction: row;
    position: relative;
    width: 100%
}

.help-me-decide .questions {
    display: flex;
    flex-direction: row
}

.help-me-decide .internet-offer,
.help-me-decide .question {
    --required-width: min(calc(100vw - var(--question-horizontal-whitespace)*2), var(--question-max-width));
    border-radius: var(--four-2);
    flex-direction: column;
    margin-left: var(--question-horizontal-whitespace);
    margin-right: var(--question-horizontal-whitespace);
    min-width: var(--required-width);
    padding: var(--question-padding-top) var(--question-padding-right) var(--question-padding-bottom) var(--question-padding-left);
    text-align: center;
    transition: opacity var(--animation-cycle)
}

.help-me-decide .question {
    display: flex
}

.help-me-decide .internet-offer {
    display: block;
    transition: opacity var(--animation-cycle)
}

.help-me-decide .internet-offer:not(.show) {
    visibility: hidden
}

.help-me-decide .question .options {
    flex-grow: 1
}

.help-me-decide a:focus,
.help-me-decide button:focus {
    outline: none
}

.help-me-decide .option.option.btn:hover {
    border: 1px solid #000
}

.help-me-decide .stage-dots {
    display: flex;
    flex-direction: row;
    height: var(--four-3);
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
    margin-top: var(--four-8);
    width: var(--stage-tracker-width)
}

.help-me-decide .stage-dots>div {
    background-color: initial;
    border: 1px solid rgb(var(--background-color-material-theme1-inverse-base));
    border-radius: 5px;
    height: 10px;
    transition: all var(--animation-cycle);
    width: 10px
}

.help-me-decide .stage-dots>.one,
.help-me-decide .stage-dots>.two {
    margin-left: var(--four-4)
}

.help-me-decide .stage-dots>.one.active:before,
.help-me-decide .stage-dots>.one:before,
.help-me-decide .stage-dots>.two.active:before,
.help-me-decide .stage-dots>.two:before {
    content: "";
    display: block;
    height: 2px;
    margin-top: calc(50% - 1px);
    transition: all var(--animation-cycle)
}

.help-me-decide .stage-dots>.one:before,
.help-me-decide .stage-dots>.two:before {
    background-color: rgba(0, 0, 0, .5);
    margin-left: calc(-150% - 1px);
    width: var(--four-2)
}

.help-me-decide .stage-tracker {
    height: var(--four-3);
    position: relative
}

.help-me-decide .stage-tracker button {
    background-color: #fff;
    border: 2px solid transparent;
    border-radius: 20px;
    box-shadow: 0 var(--four-4) var(--four-4) -8px var(--shadow-color);
    height: var(--back-button-size);
    left: calc(50% - var(--stage-tracker-width)/2 - var(--back-button-size) - var(--four-4));
    opacity: 1;
    padding: 10px;
    position: absolute;
    top: calc(-2px - 100%);
    transition: all var(--animation-cycle);
    width: var(--back-button-size)
}

.help-me-decide .stage-tracker button:disabled {
    box-shadow: 0 0 0 0 transparent;
    cursor: default;
    opacity: 0
}

.help-me-decide .stage-tracker button:focus {
    border: 2px solid #000
}

.help-me-decide .stage-dots>.active {
    background-color: rgb(var(--background-color-material-theme1-inverse-base))
}

.help-me-decide .stage-dots>.one.active:before,
.help-me-decide .stage-dots>.one.completed:before,
.help-me-decide .stage-dots>.two.active:before {
    background-color: rgb(var(--background-color-material-theme1-inverse-base));
    margin-left: calc(-200% - 1px);
    width: var(--four-4)
}

.help-me-decide h2 {
    margin-bottom: var(--four-8);
    margin-left: auto;
    margin-right: auto;
    position: relative;
    width: 70%;
    z-index: 1
}

.help-me-decide h3 {
    margin-bottom: var(--four-2)
}

.help-me-decide p {
    margin-bottom: var(--four-6)
}

.help-me-decide img {
    height: var(--image-size);
    margin-left: auto;
    margin-right: auto;
    object-fit: cover;
    object-position: center;
    width: var(--image-size)
}

.help-me-decide .internet-offer h3 {
    margin-bottom: var(--four-6)
}

.help-me-decide .internet-offer img {
    height: var(--image-size);
    margin-bottom: var(--four-2);
    width: var(--image-size)
}

.help-me-decide .internet-offer p.text-display1 {
    font-size: 48px;
    margin-bottom: 0;
    margin-top: 0
}

.help-me-decide .internet-offer p.speed-units {
    font-weight: 400;
    margin-top: var(--four)
}

.help-me-decide .internet-offer p.speed-description {
    color: var(--secondary-color);
    font-weight: 400;
    margin-top: var(--four-6)
}

.help-me-decide .internet-offer p {
    margin-bottom: 0
}

.help-me-decide .stage-2 .internet-offer.show {
    opacity: 1
}

.help-me-decide .stage-0 .internet-offer.show,
.help-me-decide .stage-0 .internet-offer:not(.show),
.help-me-decide .stage-1 .internet-offer.show,
.help-me-decide .stage-1 .internet-offer:not(.show) {
    opacity: 0
}

.help-me-decide .internet-offer .card {
    border: 2px solid #ceceda;
    border-radius: var(--four-2);
    margin-left: auto;
    margin-right: auto;
    max-width: 200px;
    padding: var(--four-6) var(--four-8) var(--four-8);
    width: 70vw
}

.help-me-decide .internet-offer .cta {
    margin-bottom: 5px;
    margin-top: 27px
}

.help-me-decide .internet-offer .cta,
.help-me-decide .question .cta {
    background-color: rgb(var(--background-color-material-neutral-inverse-base));
    border-radius: var(--four);
    color: rgb(var(--background-color-material-neutral-base));
    display: flex;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    width: -moz-fit-content;
    width: fit-content
}

.help-me-decide .internet-offer h3,
.help-me-decide .question h3 {
    position: relative
}

.help-me-decide .internet-offer h3:before,
.help-me-decide .question h3:before {
    border: 2px solid transparent;
    border-radius: 6px;
    bottom: -3px;
    content: "";
    display: block;
    left: -3px;
    position: absolute;
    right: -3px;
    top: -3px;
    transition: border var(--animation-cycle)
}

.help-me-decide .question .option-wrapper {
    display: inline-block;
    margin: var(--four);
    position: relative
}

.help-me-decide .question .option {
    align-items: center;
    background-color: rgb(var(--background-color-material-neutral-base));
    border: 1px solid #ceceda;
    border-radius: var(--four);
    color: rgb(var(--background-color-material-neutral-inverse-base));
    display: flex;
    flex-grow: 1;
    justify-content: center;
    padding: var(--four-3) 10px;
    pointer-events: none;
    transition: border var(--animation-cycle)
}

.help-me-decide .question .option-wrapper input+.option:before {
    --offset: -3px;
    --thickness: 1px
}

.help-me-decide .question .cta {
    transition: background-color var(--animation-cycle)
}

.help-me-decide .question .cta:disabled {
    background-color: rgba(35, 35, 40, .3);
    cursor: not-allowed
}

.help-me-decide .internet-offer .cta:before,
.help-me-decide .question .cta:before {
    --offset: -6px;
    --thickness: 2px
}

.help-me-decide .internet-offer .cta:before,
.help-me-decide .question .cta:before,
.help-me-decide .question .option-wrapper input+.option:before {
    border: var(--thickness) solid transparent;
    border-radius: 6px;
    bottom: var(--offset);
    content: "";
    left: var(--offset);
    position: absolute;
    right: var(--offset);
    top: var(--offset);
    transition: border var(--animation-cycle)
}

.help-me-decide .internet-offer .cta:focus:before,
.help-me-decide .question .cta:focus:before,
.help-me-decide .question .option-wrapper input:focus+.option:before {
    border: var(--thickness) solid rgb(var(--background-color-material-neutral-inverse-base))
}

.help-me-decide .question .option-wrapper.one-column {
    max-width: 225px;
    width: calc(100% - var(--four-2))
}

.help-me-decide .question .option-wrapper.two-column {
    width: calc(50% - var(--four-2))
}

.help-me-decide .question .option-wrapper input {
    bottom: 0;
    cursor: pointer;
    display: block;
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0
}

.help-me-decide .question .option-wrapper .option {
    min-height: 48px
}

.help-me-decide .question .option-wrapper input,
.help-me-decide .question .option-wrapper label {
    height: 100%;
    width: 100%
}

.help-me-decide .question .option-wrapper input:disabled,
.help-me-decide .question .option-wrapper input:disabled+label {
    cursor: not-allowed;
    pointer-events: none
}

.help-me-decide .question .option-wrapper input:checked+label.option.btn {
    border: 1px solid #6138f5
}

.help-me-decide .question .option-wrapper input:hover+label.option.btn {
    border: 1px solid #000
}

.help-me-decide .internet-offer .card .image-wrapper {
    margin-bottom: var(--four-2);
    margin-left: auto;
    margin-right: auto
}

.help-me-decide .internet-offer .card img {
    --transparent-black: transparent;
    background-blend-mode: multiply;
    background-image: linear-gradient(to right, var(--transparent-black), var(--transparent-black), var(--transparent-black), var(--transparent-black))
}

.help-me-decide .internet-offer:not(.loading) .card img {
    opacity: 1
}

.help-me-decide .internet-offer.loading .card img {
    opacity: 0
}

.help-me-decide .questions .acp-text-color p {
    color: var(--patch-purple-50) !important
}

.help-me-decide .internet-offer .card a,
.help-me-decide .internet-offer .card h1,
.help-me-decide .internet-offer .card h3,
.help-me-decide .internet-offer .card p {
    color: transparent;
    transition: all var(--animation-cycle)
}

.help-me-decide .internet-offer.loaded .card a,
.help-me-decide .internet-offer.loaded .card h1,
.help-me-decide .internet-offer.loaded .card h3,
.help-me-decide .internet-offer.loaded .card p {
    color: rgb(var(--background-color-material-theme1-inverse-base))
}

.help-me-decide .internet-offer.loading .card .image-wrapper,
.help-me-decide .internet-offer.loading .card a,
.help-me-decide .internet-offer.loading .card h1,
.help-me-decide .internet-offer.loading .card h3,
.help-me-decide .internet-offer.loading .card p {
    animation: gradient 2s linear infinite;
    background-image: linear-gradient(to right, var(--grey-opaque), var(--grey-dark), var(--grey-opaque), var(--grey-dark));
    background-size: 300% 100%;
    pointer-events: none
}

.help-me-decide .internet-offer.loading .card a,
.help-me-decide .internet-offer.loading .card div:not(.image-rounder) img,
.help-me-decide .internet-offer.loading .card h1,
.help-me-decide .internet-offer.loading .card h3,
.help-me-decide .internet-offer.loading .card p {
    border-radius: 3px
}

.help-me-decide .internet-offer.loading .card a::-moz-selection,
.help-me-decide .internet-offer.loading .card h1::-moz-selection,
.help-me-decide .internet-offer.loading .card h3::-moz-selection,
.help-me-decide .internet-offer.loading .card p::-moz-selection,
.help-me-decide .internet-offer.loading .card span::-moz-selection {
    background-color: initial;
    color: transparent !important
}

.help-me-decide .internet-offer.loading .card a,
.help-me-decide .internet-offer.loading .card a::selection,
.help-me-decide .internet-offer.loading .card h1,
.help-me-decide .internet-offer.loading .card h1::selection,
.help-me-decide .internet-offer.loading .card h3,
.help-me-decide .internet-offer.loading .card h3::selection,
.help-me-decide .internet-offer.loading .card p,
.help-me-decide .internet-offer.loading .card p::selection,
.help-me-decide .internet-offer.loading .card span::selection {
    background-color: initial;
    color: transparent !important
}

@keyframes gradient {
    0% {
        background-position: 0 0
    }
    to {
        background-position: 100% 0
    }
}

@media screen and (min-width:461px) {
    .help-me-decide .question-offer-wrapper.stage-1 {
        transform: translateX(calc(-100vw + var(--question-horizontal-whitespace)*3))
    }
    .help-me-decide .question-offer-wrapper.stage-2 {
        transform: translateX(calc(-200vw + var(--question-horizontal-whitespace)*8))
    }
}

@media screen and (min-width:497px) {
    :root {
        --internet-offer-horizontal-whitespace: var(--four-22)
    }
    .help-me-decide .question-offer-wrapper {
        --full-card-width: var(--question-max-width);
        --double-card-width: calc(var(--full-card-width)*2);
        --half-card-width: calc(var(--full-card-width)/2);
        --horizontal-margin: calc(var(--question-horizontal-whitespace)*2);
        --full-card-width-with-margin: calc(var(--full-card-width) + var(--horizontal-margin));
        --double-card-width-with-margin: calc(var(--double-card-width) + var(--horizontal-margin) + var(--question-horizontal-whitespace));
        --half-card-width-with-margin: calc(var(--half-card-width) + var(--horizontal-margin));
        --half-card-width-with-half-margin: calc(var(--half-card-width) + var(--question-horizontal-whitespace))
    }
    .help-me-decide .question-offer-wrapper.stage-0 {
        transform: translateX(calc(50vw - var(--half-card-width-with-half-margin)))
    }
    .help-me-decide .question-offer-wrapper.stage-1 {
        transform: translateX(calc(50vw - var(--half-card-width-with-half-margin) - var(--full-card-width-with-margin)))
    }
    .help-me-decide .question-offer-wrapper.stage-2 {
        transform: translateX(calc(50vw - var(--half-card-width-with-margin) - var(--double-card-width-with-margin)))
    }
}

@media screen and (min-width:560px) {
    .help-me-decide .question-offer-wrapper-gradient:after {
        background-image: linear-gradient(to right, var(--gradient-full-color) 5%, var(--grey-transparent) 20%, var(--grey-transparent) 80%, var(--gradient-full-color) 95%);
        content: "";
        display: block;
        height: 100%;
        left: 0;
        pointer-events: none;
        position: absolute;
        top: 0;
        width: 100%;
        z-index: 50
    }
}

@media screen and (min-width:768px) {
    .help-me-decide {
        padding-bottom: var(--four-12);
        padding-top: var(--four-12)
    }
    .help-me-decide .question-offer-wrapper-gradient:after {
        background-image: linear-gradient(to right, var(--gradient-full-color) 5%, var(--grey-transparent) 30%, var(--grey-transparent) 70%, var(--gradient-full-color) 95%)
    }
}

@media screen and (min-width:1024px) {
    :root {
        --question-max-width: 310px;
        --internet-offer-horizontal-whitespace: var(--four-12)
    }
    .help-me-decide {
        padding-bottom: var(--four-16);
        padding-top: var(--four-16)
    }
    .help-me-decide h2 {
        margin-bottom: var(--four-16)
    }
    .help-me-decide .question .cta,
    .help-me-decide .stage-tracker .stage-dots>.two,
    .help-me-decide .stage-tracker button {
        display: none
    }
    .help-me-decide .question-offer-wrapper {
        max-width: 1272px
    }
    .help-me-decide:after {
        background-image: linear-gradient(90deg, var(--grey-transparent) 30%, var(--gradient-full-color) 60%);
        content: "";
        display: block;
        height: 100%;
        pointer-events: none;
        position: absolute;
        right: 0;
        top: 0;
        transition: width var(--animation-cycle);
        width: 0;
        z-index: 0
    }
    .help-me-decide.initial-stage:after {
        width: 50%
    }
    .help-me-decide .question-offer-wrapper-gradient:after {
        background-image: linear-gradient(to right, var(--grey-transparent) 5%, var(--grey-transparent) 30%, var(--grey-transparent) 70%, var(--grey-transparent) 95%)
    }
    .help-me-decide .question-offer-wrapper.stage-2 {
        transform: translateX(calc(50vw - var(--half-card-width-with-margin) - var(--full-card-width-with-margin) + 6px))
    }
    .help-me-decide .stage-1 .internet-offer.show {
        opacity: 1
    }
}

@media screen and (max-width:1023px) {
    .help-me-decide {
        background-image: none !important
    }
    .help-me-decide .question-offer-wrapper.show-offer:not(.stage-2) .internet-offer a.cta {
        visibility: hidden
    }
}

@media screen and (min-width:1280px) {
    :root {
        --question-max-width: 400px;
        --internet-offer-horizontal-whitespace: var(--four-22);
        --question-padding-top: var(--four-10);
        --question-padding-bottom: var(--four-10);
        --question-padding-left: var(--four-10);
        --question-padding-right: var(--four-10)
    }
    .help-me-decide {
        padding-bottom: var(--four-20);
        padding-top: var(--four-20)
    }
}

.help-me-decide-container.patch-bg-blue-50 {
    --gradient-full-color: var(--hmd-blue-50)
}

.help-me-decide-container.patch-bg-green-50 {
    --gradient-full-color: var(--hmd-green-50)
}

.help-me-decide-container.patch-bg-grey-10 {
    --gradient-full-color: var(--hmd-grey-10)
}

.help-me-decide-container.patch-bg-grey-40 {
    --gradient-full-color: var(--hmd-grey-40)
}

.help-me-decide-container.patch-bg-grey-90 {
    --gradient-full-color: var(--hmd-grey-90)
}

.help-me-decide-container.patch-bg-orange-50 {
    --gradient-full-color: var(--hmd-orange-50)
}

.help-me-decide-container.patch-bg-purple-50 {
    --gradient-full-color: var(--hmd-purple-50)
}

.help-me-decide-container.patch-bg-red-50 {
    --gradient-full-color: var(--hmd-red-50)
}

.help-me-decide-container.patch-bg-white {
    --gradient-full-color: var(--hmd-white)
}

.help-me-decide-container.patch-bg-yellow-40 {
    --gradient-full-color: var(--hmd-yellow-40)
}

.help-me-decide .offer-price-point {
    margin-top: var(--four-2)
}

.help-me-decide .offer-price-point .text-button2,
.help-me-decide .offer-price-point>.text-headline1 {
    display: inline-block;
    line-height: 1
}

.help-me-decide .offer-price-point>.text-button2 {
    padding-top: 1px
}

.acp-toggle-text {
    border-radius: 8px;
    font-size: .625rem;
    font-weight: 500
}

.offer-price-point-dollar {
    font-size: 1.5rem
}

@media (min-width:1024px) {
    .help-me-decide .offer-price-point>.text-button2 {
        padding-top: 2px
    }
}

@media screen and (max-width:768px) {
    .tbyb-confirmation-mobile-btn button {
        --width: 64px
    }
    .tbyb-confirmation-mobile-pill-desc {
        font-size: 14px;
        line-height: 20px
    }
    .imei-submit-btn button,
    .syt-cta button {
        --width: 100%
    }
}