.header-container{display:flex;align-items:center;justify-content:space-between;padding:1.25rem;color:#000;height:5.25rem;transition:height .3s ease-in-out}.header-container h1{font-family:MTNBrighterSans-Light,Arial,sans-serif;margin:0;font-size:1.5rem}.close-btn{background:none;border:none;cursor:pointer;padding:0;display:flex;align-items:center;width:1.5rem;height:1.5rem}

 mtn-layout .layout-container{padding:var(--sl-header-spacing) 0;background-color:var(--sl-background-colour,#f0f0f0);min-height:calc(100vh - var(--sl-header-spacing));transition:background-color .3s ease-in-out}mtn-layout .layout-container--focused{padding:calc(var(--sl-header-spacing) - 3rem) 0}@media screen and (max-width: 767px){mtn-layout .layout-container--focused{padding:calc(var(--sl-header-spacing) - 1rem) 0}}mtn-layout .title{font-family:MTNBrighterSans-Light,Arial,sans-serif;color:#000;font-size:1.25rem}@media screen and (max-width: 991px){mtn-layout .title{font-size:1rem}}mtn-layout .duration{font-family:MTNBrighterSans-Regular,Arial,sans-serif;font-size:1rem}mtn-layout .vivid-focused-nav-wrapper__navigation-button>:first-child{display:flex;gap:.75rem;align-items:center;justify-content:center}mtn-layout .vivid-focused-nav-wrapper__navigation-button-text{display:none}mtn-layout .vivid-focused-nav-wrapper__navigation-button:hover{cursor:default;filter:none}mtn-layout .vivid-modal-dialog-content .vivid-modal-close{display:flex}mtn-layout .vivid-mega-nav-container{z-index:50}mtn-layout .vivid-mega-nav-departments{z-index:55}mtn-layout .vivid-mega-nav .vivid-mega-nav-glass{z-index:45}

 mtn-plan-image .plan-image{max-width:100%;margin-bottom:2rem}mtn-plan-image .plan-image--reduced{max-width:min(25rem,100%)}@media screen and (max-width: 991px){mtn-plan-image .plan-image{max-width:min(16rem,50vw)}}

 mtn-sim-plan .plan-detail-content{display:flex;flex-direction:column;gap:1.5rem}mtn-sim-plan .plan-detail-content-details__heading{font-family:MTNBrighterSans-Light,Arial,sans-serif;font-size:1.25rem;padding-bottom:.5rem}mtn-sim-plan .plan-detail-content-details__item{font-size:.875rem}@media screen and (min-width: 765px){mtn-sim-plan .plan-detail-content-details__item{display:inline-block}}mtn-sim-plan .plan-detail__title{font-family:MTNBrighterSans-ExtraBold,Arial,sans-serif;font-size:2rem;margin-bottom:0}mtn-sim-plan .plan-detail-totals{display:flex;flex-direction:column;gap:1.5rem}mtn-sim-plan .plan-detail-totals__title{font-family:MTNBrighterSans-Light,Arial,sans-serif;color:#000;font-size:1rem;text-transform:uppercase}mtn-sim-plan .plan-detail-totals__total{font-family:MTNBrighterSans-ExtraBold,Arial,sans-serif;color:#000;font-size:1.25rem;margin-bottom:0}

 mtn-plan-breakdown .plan-breakdown{display:flex;flex-flow:column;gap:1rem}mtn-plan-breakdown .plan-breakdown__summary{font-family:MTNBrighterSans-Light,Arial,sans-serif;font-size:1rem}mtn-plan-breakdown .plan-breakdown__summary-total{font-family:MTNBrighterSans-ExtraBold,Arial,sans-serif;font-size:1.25rem}

 mtn-list-item .list-item{font-family:MTNBrighterSans-Light,Arial,sans-serif;display:flex;align-items:flex-start}mtn-list-item .list-item__indicator{background-color:#ffcb05;width:2px;margin-right:.5rem;vertical-align:sub;border-radius:4px}

 mtn-plan-details-form .plan-form{display:flex;flex-direction:column;gap:1.5rem}mtn-plan-details-form .plan-form__checkbox{padding-top:1.5rem;display:block}mtn-plan-details-form .vivid-checkbox-label-text{align-items:center}mtn-plan-details-form vds-floating-panel dialog{overflow-y:auto}mtn-plan-details-form .vds-dropdown__viewport{overflow-y:visible;height:unset;min-height:calc(13.25dvh - 56px)}@media (max-width: 576px){mtn-plan-details-form .router-select .vds-form-field label[for=router]{opacity:unset}}mtn-plan-details-form .router-select{display:flex;flex-direction:column}mtn-plan-details-form .router-select__title{font-family:MTNBrighterSans-Light,Arial,sans-serif;font-size:1.25rem;padding-top:1.5rem;margin-bottom:0}@media screen and (max-width: 767px){mtn-plan-details-form .router-select__title{font-size:1rem}}mtn-plan-details-form .router-select__subtitle{font-family:MTNBrighterSans-Light,Arial,sans-serif;font-size:.875rem;margin-bottom:0}mtn-plan-details-form .router-select__error{font-family:MTNBrighterSans-Light,Arial,sans-serif;color:#b80910;font-size:.875rem}mtn-plan-details-form .router-select--padding{padding-bottom:1rem}mtn-plan-details-form .router-select__field{font-family:MTNBrighterSans-Light,Arial,sans-serif;font-size:.875rem;margin-bottom:0}mtn-plan-details-form .router-select__dropdown--fallback-option{position:sticky;bottom:0;background-color:#ffcb05;z-index:1}

 mtn-multiple-quantity-form{display:block}

 mtn-quantity-input vivid-spin-button .mtn-basic-input_field{background:none}.error-label{font-size:.9rem;margin-top:.25rem;display:block}.vds-breakdown-accordion-container{font-family:MTNBrighterSans-Light,Arial,sans-serif;font-size:1.25rem;margin-bottom:0}

 mtn-question-card .question-card{position:relative;scroll-margin:5rem}@media screen and (min-width: 991px){mtn-question-card .question-card{scroll-margin:6rem}}mtn-question-card .question-card--overlay{border-radius:16px}@media screen and (max-width: 767px){mtn-question-card .question-card--overlay{border-radius:8px}}@media screen and (max-width: 575px){mtn-question-card .question-card--overlay{border-radius:0}}mtn-question-card .question-card--overlay{position:absolute;width:100%;height:100%;background-color:#ffffffa3;backdrop-filter:blur(2px);top:0;bottom:0;z-index:10}mtn-question-card .question-card__label{font-family:MTNBrighterSans-Light,Arial,sans-serif;font-size:1.25rem;margin-bottom:0}@media screen and (max-width: 767px){mtn-question-card .question-card__label{font-size:1rem}}mtn-question-card .question-card .vivid-button-toggle-card__header{display:none}mtn-question-card .question-card .collapsible-card-header{border-radius:16px}@media screen and (max-width: 767px){mtn-question-card .question-card .collapsible-card-header{border-radius:8px}}@media screen and (max-width: 575px){mtn-question-card .question-card .collapsible-card-header{border-radius:0}}mtn-question-card .question-card .collapsible-card-header{gap:1rem}mtn-question-card .question-card-answer{display:flex;gap:1rem;align-items:center}mtn-question-card .question-card-answer__icon{filter:invert(84%) sepia(38%) saturate(3792%) hue-rotate(352deg) brightness(107%) contrast(106%)}mtn-question-card .question-card-answer__icon::selection{filter:none}mtn-question-card .question-card-answer-values__key{font-family:MTNBrighterSans-Light,Arial,sans-serif;text-transform:uppercase;font-size:.875rem;margin:0;color:#ffffffa3}@media screen and (max-width: 767px){mtn-question-card .question-card-answer-values__key{font-size:.75rem}}mtn-question-card .question-card-answer-values__value{font-family:MTNBrighterSans-ExtraBold,Arial,sans-serif;font-size:1.25rem;margin-bottom:0}@media screen and (max-width: 767px){mtn-question-card .question-card-answer-values__value{font-size:1rem}}

 .vivid-button-toggle-card{border-radius:1rem;background-color:#f8f8f8;padding:2rem;line-height:1}.vivid-button-toggle-card__header{width:100%}.vivid-button-toggle-card__header-left{float:left;width:calc(100% - 2.5rem)}.vivid-button-toggle-card__header-right{float:right}.vivid-button-toggle-card__group{display:flex;flex-wrap:wrap;gap:1.5rem 1rem;margin-top:1.5rem}.vivid-button-toggle-card__button{max-width:100%;min-height:2.5rem;background:transparent;border:1px solid #000;border-radius:.5rem}.vivid-button-toggle-card__button--active{color:#fff;background-color:#000}.vivid-button-toggle-card__button--disabled{pointer-events:none}.vivid-button-toggle-card__sort-by{text-align:right;clear:both;margin:1.5rem 0 0}.vivid-button-toggle-card__expand-icon{background:transparent;border:none;transform:rotate(180deg);padding:0}.vivid-button-toggle-card__expand-icon--stroke{fill:#000}.vivid-button-toggle-card__expand-icon:active .vivid-button-toggle-card__expand-icon--stroke{fill:#ffcb05}.vivid-button-toggle-card--expanded .vivid-button-toggle-card__expand-icon{transform:rotate(0)}.vivid-button-toggle-card--hidden{display:var(--btg-default-display, none)}.vivid-button-toggle-card--collapsible{display:var(--btg-collapsible-display, block)}[vividToggleButtonLabel]{font-family:MTNBrighterSans-Light,Arial,sans-serif;font-size:1.25rem}@media screen and (min-width: 768px){.vivid-button-toggle-card__header-left{width:auto}.vivid-button-toggle-card__sort-by{clear:right;margin:var(--btg-sort-by-collapsible-margin, 1rem) 0 0 0}}@media screen and (min-width: 992px){.vivid-button-toggle-card__header-left{width:75%}.vivid-button-toggle-card__sort-by{clear:none;margin:0}}

 mtn-button-toggle-input .vivid-button-toggle-card{padding:0!important;background-color:#fff!important}mtn-button-toggle-input .vivid-button-toggle-card__group{display:grid!important;grid-template-columns:1fr 1fr 1fr 1fr;margin-top:unset!important;gap:1rem .8rem!important}@media (max-width: 991px){mtn-button-toggle-input .vivid-button-toggle-card__group{grid-template-columns:1fr 1fr 1fr}}@media (max-width: 767px){mtn-button-toggle-input .vivid-button-toggle-card__group{grid-template-columns:1fr 1fr}}mtn-button-toggle-input .vivid-button-toggle-card__button{color:#000}mtn-button-toggle-input .vivid-button-toggle-card__button--active{color:#fff}

 mtn-collapsible-card{display:block}mtn-collapsible-card .collapsible-card{border-radius:16px}@media screen and (max-width: 767px){mtn-collapsible-card .collapsible-card{border-radius:8px}}@media screen and (max-width: 575px){mtn-collapsible-card .collapsible-card{border-radius:0}}mtn-collapsible-card .collapsible-card{position:relative;background-color:#fff}@media screen and (max-width: 575px){mtn-collapsible-card .collapsible-card{margin-inline:calc(var(--bs-gutter-x) * -.5)}}mtn-collapsible-card .collapsible-card:hover{cursor:pointer}mtn-collapsible-card .collapsible-card-icon{align-self:baseline}mtn-collapsible-card .collapsible-card-icon--light{filter:invert(1) grayscale(1)}mtn-collapsible-card .collapsible-card-icon--sunshine{filter:invert(84%) sepia(38%) saturate(3792%) hue-rotate(352deg) brightness(107%) contrast(106%)}mtn-collapsible-card .collapsible-card-icon--rotated{transform:rotate(180deg);align-self:unset}mtn-collapsible-card .collapsible-card-header{display:flex;justify-content:space-between;align-items:center;border-radius:inherit;transition:background-color .45s ease,padding .45s ease;padding:1.5rem 2rem}@media screen and (max-width: 767px){mtn-collapsible-card .collapsible-card-header{padding:1.5rem 1rem}}mtn-collapsible-card .collapsible-card-header--dark{background-color:#000;color:#fff}mtn-collapsible-card .collapsible-card-header--light{background-color:#fff;color:#000}mtn-collapsible-card .collapsible-card-content{display:flex;flex-direction:column;overflow:hidden;transition:height .5s cubic-bezier(.22,1,.36,1)}mtn-collapsible-card .collapsible-card-content[style*="visibility: hidden"] *{visibility:hidden!important}mtn-collapsible-card .collapsible-card-body{padding:0 2rem 1.5rem;opacity:1;transition:opacity .5s ease}@media screen and (max-width: 767px){mtn-collapsible-card .collapsible-card-body{padding:0 1rem 1.5rem}}mtn-collapsible-card .collapsible-card-body--hidden{visibility:hidden;opacity:0;transition:opacity .5s ease}.collapsible-card-body vivid-divider:first-child .vivid-divider{margin-top:-1rem}.collapsible-card-body mtn-color-input+vivid-divider .vivid-divider{margin-top:-.5rem}

 mtn-till-slip .till-slip__title{font-family:MTNBrighterSans-ExtraBold,Arial,sans-serif;font-size:2.5rem;padding-bottom:1.5rem}@media screen and (max-width: 991px){mtn-till-slip .till-slip__title{font-size:2rem;line-height:2.4rem}}mtn-till-slip .till-slip__tape{display:block;filter:brightness(0) invert(1)}@media screen and (max-width: 575px){mtn-till-slip .till-slip__tape{margin-inline:calc(var(--bs-gutter-x) * -.5)}}
mtn-till-slip .till-slip-details{background-color:#fff;padding:4rem 2rem 3rem}@media screen and (max-width: 767px){mtn-till-slip .till-slip-details{padding:2rem 1rem}}@media screen and (max-width: 575px){mtn-till-slip .till-slip-details{margin-inline:calc(var(--bs-gutter-x) * -.5);border-radius:0}}mtn-till-slip .till-slip-details-devices-container{display:grid;gap:1rem}mtn-till-slip .till-slip-details--plan-first{display:flex;flex-direction:column-reverse}mtn-till-slip .till-slip-details > vivid-divider{display:block;margin:2rem 0}mtn-till-slip .till-slip-details-shipping{display:flex;flex-direction:column;width:100%}mtn-till-slip .till-slip-details-shipping__text{display:flex;justify-content:space-between;gap:1rem}mtn-till-slip .till-slip-details-shipping__title{font-family:MTNBrighterSans-ExtraBold,Arial,sans-serif;font-size:1.5rem}mtn-till-slip .till-slip-details-shipping__price{font-family:MTNBrighterSans-ExtraBold,Arial,sans-serif;color:#00000052;white-space:nowrap;text-align:end;font-size:1.5rem;line-height:1.5rem}mtn-till-slip .till-slip-summary{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 0;color:#fff;border-radius:0 0 16px 16px}@media screen and (max-width: 767px){mtn-till-slip .till-slip-summary{border-radius:0 0 8px 8px}}@media screen and (max-width: 575px){mtn-till-slip .till-slip-summary{margin-inline:calc(var(--bs-gutter-x) * -.5);border-radius:0}}mtn-till-slip .till-slip-summary--single{background-color:#606060;padding:1.5rem}@media screen and (max-width: 767px){mtn-till-slip .till-slip-summary--single{padding:1.5rem 1rem}}@media screen and (max-width: 575px){mtn-till-slip .till-slip-summary--single{margin-inline:calc(var(--bs-gutter-x) * -.5);border-radius:0}}mtn-till-slip .till-slip-summary__total{font-family:MTNBrighterSans-Light,Arial,sans-serif;font-size:1rem;text-transform:uppercase}mtn-till-slip .till-slip-summary__price{font-family:MTNBrighterSans-ExtraBold,Arial,sans-serif;font-size:2rem;text-align:end;line-height:1}mtn-till-slip .till-slip-summary__price-duration{font-family:MTNBrighterSans-Light,Arial,sans-serif;font-size:.75rem;text-transform:uppercase;padding-top:.25rem}

 mtn-checkout .checkout{position:relative;display:flex;flex-direction:column;gap:2rem;margin-top:1rem}mtn-checkout .checkout-form{display:flex;flex-direction:column;gap:.5rem}mtn-checkout .checkout-form__title{font-family:MTNBrighterSans-ExtraBold,Arial,sans-serif;font-size:1.5rem;margin-bottom:.75rem}mtn-checkout .checkout__button{max-width:218px;margin:0}@media screen and (max-width: 991px){mtn-checkout .checkout__button{align-self:center}}mtn-checkout .checkout .radio-button_wrapper_md_size{font-family:MTNBrighterSans-Light,Arial,sans-serif;font-size:1rem!important}mtn-checkout .checkout .vivid-checkbox-input_container{margin-bottom:0!important}mtn-checkout .checkout .vivid-checkbox-label-text{align-items:center}mtn-checkout .checkout .vivid-checkbox-label-text p{display:initial}mtn-checkout .checkout .vivid-checkbox-label-text p>a{font-family:MTNBrighterSans-ExtraBold,Arial,sans-serif;color:#000;text-decoration:underline}mtn-checkout .checkout .radio-button_wrapper{align-items:center!important}mtn-checkout .checkout .radio-button_wrapper:before{width:1.3rem!important;height:1.3rem!important;margin:0 .625rem 0 0!important;box-shadow:0 0 0 2px #606060!important}mtn-checkout .checkout .vivid-radio-button-group-container{gap:.5rem}mtn-checkout .checkout .vivid-radio-button-group input:checked+.radio-button_wrapper:before,mtn-checkout .checkout .vivid-radio-button-group input:focus+.radio-button_wrapper:before{box-shadow:0 0 0 3px #ffcb05!important}

 mtn-extra .freebies{display:flex;flex-direction:column;padding-top:1rem;gap:1rem}mtn-extra .freebies-item{width:100%}mtn-extra .freebies-item__image > *{max-width:7rem;padding:1rem 0}mtn-extra .freebies-item__text{display:flex;justify-content:space-between;gap:1rem}mtn-extra .freebies-item:not(:first-child) .freebies__price{display:none}mtn-extra .freebies__price{font-family:MTNBrighterSans-ExtraBold,Arial,sans-serif;white-space:nowrap;text-align:end;font-size:1.5rem;line-height:1.5rem}mtn-extra .freebies__price--light{color:#00000052}mtn-extra .vivid-divider{height:4rem}@media screen and (max-width: 767px){mtn-extra .vivid-divider{height:3rem}}

 mtn-plan .plan{display:flex;justify-content:space-between;gap:1rem;padding:1rem 0 0}mtn-plan .plan-body{display:flex;flex-direction:column}mtn-plan .plan-body__name{font-family:MTNBrighterSans-ExtraBold,Arial,sans-serif;font-size:1.5rem}mtn-plan .plan-body-terms{line-height:1.5rem;font-size:.75rem}mtn-plan .plan-body-terms:empty{display:none}mtn-plan .plan-footer{display:flex;flex-direction:column;justify-content:flex-start}mtn-plan .freebie__price{font-family:MTNBrighterSans-ExtraBold,Arial,sans-serif;white-space:nowrap;text-align:end;font-size:1.5rem;line-height:1.5rem}mtn-plan .freebie__price--light{color:#00000052}

 mtn-headline .headline{display:flex;text-transform:uppercase;background-color:#ffcb05;border-radius:4px;width:fit-content}mtn-headline .headline__content{font-family:MTNBrighterSans-ExtraBold,Arial,sans-serif;color:#000000a3;font-size:.875rem;padding:.375rem 1rem;margin:0;line-height:.75rem}

 .price__amount{font-family:MTNBrighterSans-ExtraBold,Arial,sans-serif;white-space:nowrap;text-align:end;font-size:1.5rem;margin:0;text-transform:uppercase}.price__term{font-family:MTNBrighterSans-Light,Arial,sans-serif;font-size:.75rem;text-align:end;white-space:nowrap;text-transform:uppercase}.price--light{color:#b0b0b0}.price--dark{color:#000}

 .vivid-ticker-tape{width:100%;background-image:url(https://onlinecms.mtn.co.za/sites/default/files/design-system%2C%20vivid%2C%20images/icons/ticker-tape.svg);background-size:cover;padding-bottom:1rem;display:block}

 .vds-typography-list-style{display:flex;align-items:center}.vds-typography-list-style:before{content:"";display:inline-block;width:2px;height:14px;margin-right:.5rem;border-radius:16px;background-color:#ffcb05}.vds-typography-check-list-style{display:flex;align-items:center}.vds-typography-check-list-style:before{content:url(https://onlinecms.mtn.co.za/sites/default/files/design-system-vivid-icons/16x16/tick.svg);display:inline-flex;width:14px;height:14px;margin-right:.5rem;border-radius:16px;filter:invert(84%) sepia(38%) saturate(3792%) hue-rotate(352deg) brightness(107%) contrast(106%)}.vds-form-field--dark-mode .vds-form-field__input-container--column:has([vds-percentage]):after{color:#fff}.vds-form-field--dark-mode .vds-form-field__input-container--column:has([vds-dynamic-placeholder]):after{color:#ffffff52}.vds-form-field--dark-mode .vds-form-field__input-container:not(.vds-form-field__input-container--disabled) [vds-suffix].vds-icon svg image{filter:url(#vds-colour-pearl)}.vds-form-field--dark-mode .vds-form-field__input-container:not(.vds-form-field__input-container--disabled) [vds-suffix]:not(:first-of-type){border-left:1px solid rgba(255,255,255,.08)}.vds-form-field--dark-mode .vds-form-field__input-container:not(.vds-form-field__input-container--valid,.vds-form-field__input-container--invalid,.vds-form-field__input-container--disabled):after{border-bottom-color:#fff}.vds-form-field--dark-mode .vds-form-field__input-container--invalid:after{border-bottom:2px solid #fd7682}.vds-form-field--dark-mode .vds-form-field__bottom vds-icon svg image{filter:url(#vds-colour-pearl)}.vds-form-field--dark-mode label[vds-label],.vds-form-field--dark-mode [vds-input],.vds-form-field--dark-mode [vds-prefix],.vds-form-field--dark-mode [vds-helper-text]{color:#fff}.vds-form-field--dark-mode .vds-form-field__input-container--column [vds-input]::placeholder{color:#ffffff3d}.vds-form-field--dark-mode .vds-form-field__input-container [vds-prefix]{color:#fff}

 .vds-form-field{--vds-dynamic-placeholder-opacity: 0;--vds-prefix-color: rgb(0, 0, 0);--vds-prefix-display: none;--vds-label-margin: 0;position:relative;width:100%;font-family:MTNBrighterSans-Light,Arial,sans-serif;opacity:100%}.vds-form-field:not(:has([vds-label])) [vds-input]::placeholder,.vds-form-field:not(:has([vds-label])) [vds-input]::-webkit-input-placeholder{opacity:100%}
 .vds-form-field__input-container{position:relative;display:flex;align-items:flex-end;margin-bottom:.25rem}
 .vds-form-field__input-container--column{display:flex;flex-direction:column;flex:1 1 auto;position:relative}

/* Answer block shown inside the dark collapsed header */
.question-card-answer{
    display: flex;
    align-items: center;
    gap: 1rem;
    flex: 1;
}
.question-card-answer__icon img{
    width: 32px;
    height: 32px;
    display: block;
}
.question-card-answer-values{
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}
.question-card-answer-values__key{
    font-family: MTNBrighterSans-Light, Arial, sans-serif;
    font-size: 0.875rem;
    color: rgba(255, 255, 255, 0.64);
    margin: 0;
    font-weight: normal;
}
.question-card-answer-values__value{
    font-family: MTNBrighterSans-ExtraBold, Arial, sans-serif;
    font-size: 1rem;
    color: #fff;
    margin: 0;
}
 .vds-form-field__input-container:after{content:"";display:block;width:100%;bottom:0;border-bottom:2px solid rgb(0,0,0);border-radius:8px;position:absolute}
.vds-form-field__input-container--valid:after{border-bottom:2px solid rgb(255,203,5)}
.vds-form-field__input-container--invalid:after{border-bottom:2px solid rgb(184,9,16)}
[vds-input]{flex:0 1 auto;width:100%;border:none;outline:none;font-family:MTNBrighterSans-Light,Arial,sans-serif;font-size:1.25rem;opacity:100%}
input[vds-input]{z-index:1;height:2.75rem;background-color:transparent}

vds-breakdown-accordion,vds-spin-button,vds-icon-button,vds-form-field,vds-icon{display:block}

.vds-spin-button{display:flex;align-items:baseline;gap:1.5rem}.vds-spin-button [vds-helper-text],.vds-spin-button [vds-error]{text-align:center;justify-content:center}.vds-spin-button--dark input,.vds-spin-button--dark [vds-helper-text]{color:#fff}.vds-spin-button--dark .vds-form-field__input-container:not(.vds-form-field__input-container--valid,.vds-form-field__input-container--invalid):after{border-bottom-color:#fff}.vds-spin-button--dark vds-icon{filter:invert(1) grayscale(1)}.vds-spin-button__input-container{width:100px}.vds-spin-button__input-container [vds-input]{text-align:center}.vds-spin-button__input-container [vds-input]::-webkit-outer-spin-button,.vds-spin-button__input-container [vds-input]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.vds-spin-button__input-container [vds-input][type=number]{-moz-appearance:textfield}
 .vds-spin-button .vds-form-field__bottom{display:none;margin-top:.25rem}
 .vds-spin-button .vds-form-field--invalid .vds-form-field__bottom{display:block}
 .vds-spin-button [vds-error]{display:block;color:rgb(184,9,16);font-size:.75rem;line-height:1.3333333333;font-family:MTNBrighterSans-Light,Arial,sans-serif}
 .vds-spin-button [vds-error] label{display:block;margin:0;color:inherit}
 .vds-icon svg{max-width:fit-content}

 .vds-icon-button{display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:transparent;border:none;gap:.5rem}.vds-icon-button [vds-label]{font-size:1rem;font-family:MTNBrighterSans-Regular,Arial,sans-serif;line-height:100%;color:#000}.vds-icon-button:hover vds-icon svg image{filter:url(#vds-colour-foreground-primary-hover)}.vds-icon-button:active vds-icon svg image{filter:url(#vds-colour-foreground-primary-hit)}.vds-icon-button:active [vds-label]{color:#ffcb05}.vds-icon-button:disabled vds-icon svg image{filter:url(#vds-colour-raven-8pc)}.vds-icon-button:disabled [vds-label]{color:#00000014}

 vds-breakdown-accordion{--textcolour: rgba(0,0,0,.64)}
 .vds-breakdown-accordion-container__background{border-radius:16px;background:#fff}
 @media (max-width: 576px){.vds-breakdown-accordion-container__background{border-radius:0}}
 .vds-breakdown-accordionvdsbreakdownaccordionbody-container[aria-disabled=true],.vds-breakdown-accordion-container[disabled=true]{pointer-events:none;cursor:default;--textcolour:rgba(0,0,0,.16);color:#00000029}
 .vds-breakdown-accordion-container .fade{transition:opacity .6s ease-in-out;opacity:0}
 .vds-breakdown-accordion-container .fade--in{opacity:1}
 .vds-breakdown-accordion-container__header-grid{display:grid;grid-template-columns:auto 1fr auto;grid-template-rows:auto 1fr auto}
 .vds-breakdown-accordion-container__header{padding:1.5rem 1.5rem 1rem 1.5rem}.vds-breakdown-accordion-container__header-title{font-size:1.25rem;color:var(--textcolour);display:flex;justify-content:flex-start}.vds-breakdown-accordion-container__header-title--bold{font-family:MTNBrighterSans-ExtraBold,Arial,sans-serif;line-height:150%;font-size:1.25rem}.vds-breakdown-accordion-container__header-subtitle{font-family:MTNBrighterSans-Light,Arial,sans-serif;line-height:100%;font-size:.75rem;color:#000000a3}.vds-breakdown-accordion-container__header-icons,.vds-breakdown-accordion-container__header-subheader{display:flex;justify-content:flex-end;align-items:center;font-family:MTNBrighterSans-ExtraBold,Arial,sans-serif;line-height:100%;font-size:1rem}.vds-breakdown-accordion-container__header-icons .margin-right,.vds-breakdown-accordion-container__header-subheader .margin-right{margin-right:0}.vds-breakdown-accordion-container__header-icons .margin-top,.vds-breakdown-accordion-container__header-subheader .margin-top{margin-top:.5rem}@media (min-width: 992.02px){.vds-breakdown-accordion-container__header-icons .margin-right,.vds-breakdown-accordion-container__header-subheader .margin-right{margin-right:2rem}}@media (min-width: 992.02px){.vds-breakdown-accordion-container__header-grid{grid-template-columns: auto 1fr auto !important;}.vds-breakdown-accordion-container__header-icons .margin-top,.vds-breakdown-accordion-container__header-subheader .margin-top{margin-top:0}}.vds-breakdown-accordion-container__header-label{font-size:.75rem;color:var(--textcolour);margin-bottom:.25rem}.vds-breakdown-accordion-container__header-button{cursor:pointer;transition:transform .2s}.vds-breakdown-accordion-container__header-button--rotate{transform:rotate(180deg)}.vds-breakdown-accordion-container__header-button:hover svg image{filter:url(#vds-colour-raven-64pc)}.vds-breakdown-accordion-container__header-button:active svg image{filter:url(#vds-colour-sunshine)}.vds-breakdown-accordion-container__header-column{display:flex;justify-content:space-between;flex:1}@media screen and (max-width: 768px){.vds-breakdown-accordion-container__header-column{flex-direction:column}}.vds-breakdown-accordion-container__header-grid{display:grid;grid-template-columns: repeat(2, 1fr);grid-template-rows: auto 1fr auto;}
 .vds-breakdown-accordion-container__body{background:#fff;border-bottom-left-radius:16px;border-bottom-right-radius:16px;overflow:hidden;padding:0 1.5rem .8rem 0;transition:opacity .6s ease-in-out;opacity:0}.vds-breakdown-accordion-container__body--open{opacity:1}.vds-breakdown-accordion-container__body-button{font-size:.75rem;font-family:MTNBrighterSans-Bold,Arial,sans-serif;text-transform:uppercase;background:none;border-radius:24px;border-width:1px;border-color:#000;width:13rem;height:3rem;color:#000}.vds-breakdown-accordion-container__body-button:hover{color:#000000a3;border-color:#000000a3}.vds-breakdown-accordion-container__body-button:active{color:#fff;background:#000}
 .vds-breakdown-accordion-container__wrapper{display:grid;grid-template-rows:0fr;transition:grid-template-rows .6s ease-in-out}.vds-breakdown-accordion-container__wrapper--open{grid-template-rows:1fr}

 .vivid-divider .vivid-divider-line{flex:1 1 0;position:relative}.vivid-divider .vivid-divider-line .vivid-divider-line-inner{height:.5px;background:#909090;position:absolute;left:0;top:50%;right:0}.vivid-divider .vivid-divider-line .vivid-divider-line-inner__indent{left:15px}