@charset "UTF-8";
@font-face {
    font-family: 'Material Icons';
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/materialicons/v145/flUhRq6tzZclQEJ-Vdg-IuiaDsNZ.ttf) format('truetype')
}

.material-icons {
    font-family: 'Material Icons';
    font-weight: 400;
    font-style: normal;
    font-size: 24px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr
}

.select2-container {
    box-sizing: border-box;
    display: inline-block;
    margin: 0;
    position: relative;
    vertical-align: middle
}

.select2-container .select2-selection--single {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    height: 28px;
    user-select: none;
    -webkit-user-select: none
}

.select2-container .select2-selection--single .select2-selection__rendered {
    display: block;
    padding-left: 8px;
    padding-right: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.select2-container .select2-selection--single .select2-selection__clear {
    background-color: transparent;
    border: none;
    font-size: 1em
}

.select2-container[dir=rtl] .select2-selection--single .select2-selection__rendered {
    padding-right: 8px;
    padding-left: 20px
}

.select2-container .select2-selection--multiple {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    min-height: 32px;
    user-select: none;
    -webkit-user-select: none
}

.select2-container .select2-selection--multiple .select2-selection__rendered {
    display: inline;
    list-style: none;
    padding: 0
}

.select2-container .select2-selection--multiple .select2-selection__clear {
    background-color: transparent;
    border: none;
    font-size: 1em
}

.select2-container .select2-search--inline .select2-search__field {
    box-sizing: border-box;
    border: none;
    font-size: 100%;
    margin-top: 5px;
    margin-left: 5px;
    padding: 0;
    max-width: 100%;
    resize: none;
    height: 18px;
    vertical-align: bottom;
    font-family: sans-serif;
    overflow: hidden;
    word-break: keep-all
}

.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
    -webkit-appearance: none
}

.select2-dropdown {
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 4px;
    box-sizing: border-box;
    display: block;
    position: absolute;
    left: -100000px;
    width: 100%;
    z-index: 1051
}

.select2-results {
    display: block
}

.select2-results__options {
    list-style: none;
    margin: 0;
    padding: 0
}

.select2-results__option {
    padding: 6px;
    user-select: none;
    -webkit-user-select: none
}

.select2-results__option--selectable {
    cursor: pointer
}

.select2-container--open .select2-dropdown {
    left: 0
}

.select2-container--open .select2-dropdown--above {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.select2-container--open .select2-dropdown--below {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.select2-search--dropdown {
    display: block;
    padding: 4px
}

.select2-search--dropdown .select2-search__field {
    padding: 4px;
    width: 100%;
    box-sizing: border-box
}

.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
    -webkit-appearance: none
}

.select2-search--dropdown.select2-search--hide {
    display: none
}

.select2-close-mask {
    border: 0;
    margin: 0;
    padding: 0;
    display: block;
    position: fixed;
    left: 0;
    top: 0;
    min-height: 100%;
    min-width: 100%;
    height: auto;
    width: auto;
    opacity: 0;
    z-index: 99;
    background-color: #fff
}

.select2-hidden-accessible {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    -webkit-clip-path: inset(50%) !important;
    clip-path: inset(50%) !important;
    height: 1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important;
    white-space: nowrap !important
}

.select2-container--default .select2-selection--single {
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 4px
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 28px
}

.select2-container--default .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: 700;
    height: 26px;
    margin-right: 20px;
    padding-right: 0
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #999
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 26px;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 20px
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #888 transparent transparent transparent;
    border-style: solid;
    border-width: 5px 4px 0 4px;
    height: 0;
    left: 50%;
    margin-left: -4px;
    margin-top: -2px;
    position: absolute;
    top: 50%;
    width: 0
}

.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__clear {
    float: left
}

.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__arrow {
    left: 1px;
    right: auto
}

.select2-container--default.select2-container--disabled .select2-selection--single {
    background-color: #eee;
    cursor: default
}

.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
    display: none
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #888 transparent;
    border-width: 0 4px 5px 4px
}

.select2-container--default .select2-selection--multiple {
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: text;
    padding-bottom: 5px;
    padding-right: 5px;
    position: relative
}

.select2-container--default .select2-selection--multiple.select2-selection--clearable {
    padding-right: 25px
}

.select2-container--default .select2-selection--multiple .select2-selection__clear {
    cursor: pointer;
    font-weight: 700;
    height: 20px;
    margin-right: 10px;
    margin-top: 5px;
    position: absolute;
    right: 0;
    padding: 1px
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #e4e4e4;
    border: 1px solid #aaa;
    border-radius: 4px;
    box-sizing: border-box;
    display: inline-block;
    margin-left: 5px;
    margin-top: 5px;
    padding: 0;
    padding-left: 20px;
    position: relative;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: bottom;
    white-space: nowrap
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__display {
    cursor: default;
    padding-left: 2px;
    padding-right: 5px
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    background-color: transparent;
    border: none;
    border-right: 1px solid #aaa;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    color: #999;
    cursor: pointer;
    font-size: 1em;
    font-weight: 700;
    padding: 0 4px;
    position: absolute;
    left: 0;
    top: 0
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:focus,
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
    background-color: #f1f1f1;
    color: #333;
    outline: 0
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice {
    margin-left: 5px;
    margin-right: auto
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice__display {
    padding-left: 5px;
    padding-right: 2px
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove {
    border-left: 1px solid #aaa;
    border-right: none;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__clear {
    float: left;
    margin-left: 10px;
    margin-right: auto
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
    border: solid #000 1px;
    outline: 0
}

.select2-container--default.select2-container--disabled .select2-selection--multiple {
    background-color: #eee;
    cursor: default
}

.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
    display: none
}

.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple,
.select2-container--default.select2-container--open.select2-container--above .select2-selection--single {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple,
.select2-container--default.select2-container--open.select2-container--below .select2-selection--single {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid #aaa
}

.select2-container--default .select2-search--inline .select2-search__field {
    background: 0 0;
    border: none;
    outline: 0;
    box-shadow: none;
    -webkit-appearance: textfield
}

.select2-container--default .select2-results>.select2-results__options {
    max-height: 200px;
    overflow-y: auto
}

.select2-container--default .select2-results__option .select2-results__option {
    padding-left: 1em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
    padding-left: 0
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -1em;
    padding-left: 2em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -2em;
    padding-left: 3em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -3em;
    padding-left: 4em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -4em;
    padding-left: 5em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -5em;
    padding-left: 6em
}

.select2-container--default .select2-results__option--group {
    padding: 0
}

.select2-container--default .select2-results__option--disabled {
    color: #999
}

.select2-container--default .select2-results__option--selected {
    background-color: #ddd
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    background-color: #5897fb;
    color: #fff
}

.select2-container--default .select2-results__group {
    cursor: default;
    display: block;
    padding: 6px
}

.select2-container--classic .select2-selection--single {
    background-color: #f7f7f7;
    border: 1px solid #aaa;
    border-radius: 4px;
    outline: 0;
    background-image: -webkit-linear-gradient(top, #fff 50%, #eee 100%);
    background-image: -o-linear-gradient(top, #fff 50%, #eee 100%);
    background-image: linear-gradient(to bottom, #fff 50%, #eee 100%);
    background-repeat: repeat-x
}

.select2-container--classic .select2-selection--single:focus {
    border: 1px solid #5897fb
}

.select2-container--classic .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 28px
}

.select2-container--classic .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: 700;
    height: 26px;
    margin-right: 20px
}

.select2-container--classic .select2-selection--single .select2-selection__placeholder {
    color: #999
}

.select2-container--classic .select2-selection--single .select2-selection__arrow {
    background-color: #ddd;
    border: none;
    border-left: 1px solid #aaa;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    height: 26px;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 20px;
    background-image: -webkit-linear-gradient(top, #eee 50%, #ccc 100%);
    background-image: -o-linear-gradient(top, #eee 50%, #ccc 100%);
    background-image: linear-gradient(to bottom, #eee 50%, #ccc 100%);
    background-repeat: repeat-x
}

.select2-container--classic .select2-selection--single .select2-selection__arrow b {
    border-color: #888 transparent transparent transparent;
    border-style: solid;
    border-width: 5px 4px 0 4px;
    height: 0;
    left: 50%;
    margin-left: -4px;
    margin-top: -2px;
    position: absolute;
    top: 50%;
    width: 0
}

.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__clear {
    float: left
}

.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__arrow {
    border: none;
    border-right: 1px solid #aaa;
    border-radius: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    left: 1px;
    right: auto
}

.select2-container--classic.select2-container--open .select2-selection--single {
    border: 1px solid #5897fb
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
    background: 0 0;
    border: none
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #888 transparent;
    border-width: 0 4px 5px 4px
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    background-image: -webkit-linear-gradient(top, #fff 0, #eee 50%);
    background-image: -o-linear-gradient(top, #fff 0, #eee 50%);
    background-image: linear-gradient(to bottom, #fff 0, #eee 50%);
    background-repeat: repeat-x
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    background-image: -webkit-linear-gradient(top, #eee 50%, #fff 100%);
    background-image: -o-linear-gradient(top, #eee 50%, #fff 100%);
    background-image: linear-gradient(to bottom, #eee 50%, #fff 100%);
    background-repeat: repeat-x
}

.select2-container--classic .select2-selection--multiple {
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: text;
    outline: 0;
    padding-bottom: 5px;
    padding-right: 5px
}

.select2-container--classic .select2-selection--multiple:focus {
    border: 1px solid #5897fb
}

.select2-container--classic .select2-selection--multiple .select2-selection__clear {
    display: none
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice {
    background-color: #e4e4e4;
    border: 1px solid #aaa;
    border-radius: 4px;
    display: inline-block;
    margin-left: 5px;
    margin-top: 5px;
    padding: 0
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__display {
    cursor: default;
    padding-left: 2px;
    padding-right: 5px
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
    background-color: transparent;
    border: none;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    color: #888;
    cursor: pointer;
    font-size: 1em;
    font-weight: 700;
    padding: 0 4px
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
    color: #555;
    outline: 0
}

.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice {
    margin-left: 5px;
    margin-right: auto
}

.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice__display {
    padding-left: 5px;
    padding-right: 2px
}

.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px
}

.select2-container--classic.select2-container--open .select2-selection--multiple {
    border: 1px solid #5897fb
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.select2-container--classic .select2-search--dropdown .select2-search__field {
    border: 1px solid #aaa;
    outline: 0
}

.select2-container--classic .select2-search--inline .select2-search__field {
    outline: 0;
    box-shadow: none
}

.select2-container--classic .select2-dropdown {
    background-color: #fff;
    border: 1px solid transparent
}

.select2-container--classic .select2-dropdown--above {
    border-bottom: none
}

.select2-container--classic .select2-dropdown--below {
    border-top: none
}

.select2-container--classic .select2-results>.select2-results__options {
    max-height: 200px;
    overflow-y: auto
}

.select2-container--classic .select2-results__option--group {
    padding: 0
}

.select2-container--classic .select2-results__option--disabled {
    color: grey
}

.select2-container--classic .select2-results__option--highlighted.select2-results__option--selectable {
    background-color: #3875d7;
    color: #fff
}

.select2-container--classic .select2-results__group {
    cursor: default;
    display: block;
    padding: 6px
}

.select2-container--classic.select2-container--open .select2-dropdown {
    border-color: #5897fb
}

.mb-interface-wrapper,
.mb-wrapper,
.mb-wrapper .-darkmode-d,
.mb-wrapper .-darkmode-m,
.mb-wrapper .-lightmode-d,
.mb-wrapper .-lightmode-m {
    --c-bg-b: #eff2f3;
    --c-page-o: rgba(255, 255, 255, 0.87);
    --c-interface-active: #2475FF;
    --mb-c-button: var(--c-button, var(--mb-c-accent-safe));
    --mb-c-button-border: var(--c-button-border, var(--mb-c-accent-safe));
    --mb-c-button-copy: var(--c-button-copy, white);
    --mb-c-button-hover: var(--c-button-hover, white);
    --mb-c-button-hover-border: var(--c-button-hover-border, var(--mb-c-accent-safe));
    --mb-c-button-hover-copy: var(--c-button-hover-copy, black);
    --mb-c-button-contrast: var(--c-button-contrast, white);
    --mb-c-button-contrast-border: var(--c-button-contrast-border, white);
    --mb-c-button-copy-contrast: var(--c-button-copy-contrast, var(--mb-c-accent-safe));
    --c-warning: #f79062;
    --c-error: #f04e5e;
    --c-success: #2ad175;
    --c-base: 8, 28, 32;
    --c-base-contrast: 247, 249, 250;
    --c-body: rgba(var(--c-base), 0.87);
    --c-headline: rgba(var(--c-base), 1);
    --c-em-med: rgba(var(--c-base), 0.87);
    --c-em-low: rgba(var(--c-base), 0.68);
    --c-em-xlow: rgba(var(--c-base), 0.38);
    --c-em-2xlow: rgba(var(--c-base), 0.16);
    --c-em-3xlow: rgba(var(--c-base), 0.08);
    --c-em-4xlow: rgba(var(--c-base), 0.04);
    --c-em-high: rgba(var(--c-base), 1);
    --c-bg: #f7f9fa;
    --c-body-contrast: rgba(var(--c-base-contrast), 0.87);
    --c-em-med-contrast: rgba(var(--c-base-contrast), 0.87);
    --c-em-low-contrast: rgba(var(--c-base-contrast), 0.68);
    --c-em-xlow-contrast: rgba(var(--c-base-contrast), 0.38);
    --c-em-2xlow-contrast: rgba(var(--c-base-contrast), 0.16);
    --c-em-3xlow-contrast: rgba(var(--c-base-contrast), 0.08);
    --c-em-4xlow-contrast: rgba(var(--c-base-contrast), 0.04);
    --c-em-high-contrast: rgba(var(--c-base-contrast), 1);
    --c-bg-contrast: #222222;
    --mb-overlay-from: rgba(247, 249, 250, 0.87);
    --mb-overlay-to: rgba(247, 249, 250, 0)
}

.mb-interface-wrapper,
.mb-wrapper {
    --base: 8px;
    --spacing-3xs: 2px;
    --spacing-2xs: 4px;
    --spacing-xs: 8px;
    --spacing-s: 16px;
    --spacing-m: 24px;
    --spacing-l: 32px;
    --spacing-xl: 40px;
    --spacing-2xl: 48px;
    --spacing-3xl: 56px;
    --spacing-4xl: 64px;
    --spacing-5xl: 72px;
    --spacing-6xl: 80px;
    --spacing-7xl: 88px;
    --spacing-8xl: 96px;
    --base-negative: -8px;
    --spacing-3xs-negative: -2px;
    --spacing-2xs-negative: -4px;
    --spacing-xs-negative: -8px;
    --spacing-s-negative: -16px;
    --spacing-m-negative: -24px;
    --spacing-l-negative: -32px;
    --spacing-xl-negative: -40px;
    --spacing-2xl-negative: -48px;
    --spacing-3xl-negative: -56px;
    --spacing-4xl-negative: -64px;
    --spacing-5xl-negative: -72px;
    --spacing-6xl-negative: -80px;
    --spacing-7xl-negative: -80px;
    --spacing-8xl-negative: -96px;
    --mb-side-offset: var(--side-offset, 16px);
    --mb-side-offset-negative: var(--side-offset-negative, -16px);
    --mb-sizing-max-page: var(--sizing-max-page, 1400px);
    --mb-sizing-max-content: var(--sizing-max-content, 1280px);
    --sizing-compare-nav: 60px;
    --mb-margin-section: var(--margin-section, 16px);
    --f-2xs: 10px;
    --f-xs: 12px;
    --f-s: 14px;
    --f-m: 16px;
    --f-l: 18px;
    --f-xl: 22px;
    --f-2xl: 28px;
    --f-3xl: 36px;
    --f-4xl: 42px;
    --f-5xl: 56px;
    --f-6xl: 72px;
    --mb-radius: var(--radius, 3px);
    --mb-radius-xs: 3px;
    --mb-radius-s: 6px;
    --mb-radius-m: 11px;
    --mb-radius-l: 22px;
    --mb-c-accent: var(--c-accent, #139ebe);
    --mb-c-accent-safe: var(--c-accent-safe, #1083a3);
    --font-body-system: -apple-system, BlinkMacSystemFont, “Segoe UI”, Roboto, Oxygen-Sans, Ubuntu, Cantarell, sans-serif;
    --font-headline-system: -apple-system, BlinkMacSystemFont, “Segoe UI”, Roboto, Oxygen-Sans, Ubuntu, Cantarell, sans-serif;
    --mb-maxwidth: 1400px;
    --mb-compare-viewcount-m: 3;
    --mb-compare-viewcount-l: 4;
    --mb-compare-viewcount-xl: 4
}

[data-theme=dark] .mb-interface-wrapper,
[data-theme=dark] .mb-wrapper {
    --c-base: 247, 249, 250;
    --c-base-contrast: 8, 28, 32;
    --c-page-o: rgba(0, 0, 0, 0.87)
}

[data-theme=light] .mb-interface-wrapper,
[data-theme=light] .mb-wrapper {
    --c-base: 8, 28, 32;
    --c-base-contrast: 247, 249, 250
}

#wrapper:not(.pt_product-details) {
    padding: 0;
    max-width: none
}

.mb-wrapper .mb-tooltip {
    display: inline-flex;
    align-items: center;
    gap: var(--spacing-2xs);
    position: relative
}

.mb-wrapper .mb-tooltip::before {
    content: "\e0f0";
    font-family: 'Material Symbols Outlined', 'Material Icons', sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 1.5em;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    vertical-align: sub;
    -webkit-font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased;
    transform: translate(0, 0)
}

.mb-wrapper .mb-tooltip:before {
    color: var(--mb-c-accent);
    border-radius: 50%;
    height: 26px;
    width: 26px;
    background: 0 0;
    display: flex;
    align-items: center;
    justify-content: center
}

.mb-wrapper .mb-tooltip:hover:before {
    background-color: var(--c-em-3xlow);
    color: var(--c-em-high)
}

.mb-wrapper .mb-tooltip>span {
    position: absolute;
    opacity: 0;
    pointer-events: none;
    visibility: visible
}

body>.mb-tooltip {
    position: absolute;
    opacity: 0;
    transform: translate(-50%, calc(-100% + var(--spacing-2xs)));
    pointer-events: none;
    visibility: visible;
    background-color: var(--c-em-med-contrast);
    color: var(--c-em-med);
    padding: var(--spacing-xs);
    backdrop-filter: saturate(180%) blur(20px);
    border-radius: var(--mb-radius);
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .16);
    font-size: var(--f-s);
    line-height: 1.1;
    transition: .16s ease-in-out;
    z-index: 999999;
    text-align: center;
    font-family: var(--font-body, var(--font-body-system));
    margin-left: 10px;
    display: -webkit-box;
    line-height: 1.2;
    -webkit-line-clamp: 14;
    max-height: calc((var(--f-s)* 14* 1.2) + 26px);
    -webkit-box-orient: vertical;
    overflow: clip;
    text-overflow: ellipsis;
    text-align: left
}

body>.mb-tooltip * {
    font-size: inherit !important
}

body>.mb-tooltip.-active {
    visibility: visible;
    opacity: 1;
    transform: translate(-50%, calc(-100% - var(--spacing-2xs)))
}

.mb-interface-wrapper .cta,
.mb-wrapper .cta {
    padding: 10px 16px;
    border-radius: 24px;
    min-height: 48px;
    font-size: var(--f-s);
    font-weight: 700;
    cursor: pointer;
    display: inline-flex;
    text-shadow: none;
    text-decoration: none;
    outline: 0;
    justify-content: center;
    align-items: center;
    border: 2px solid var(--mb-c-button-border);
    background-color: var(--mb-c-button);
    color: var(--mb-c-button-copy)
}

.mb-interface-wrapper .cta:focus,
.mb-interface-wrapper .cta:hover,
.mb-wrapper .cta:focus,
.mb-wrapper .cta:hover {
    border-color: var(--mb-c-button-hover-border);
    background-color: var(--mb-c-button-hover);
    color: var(--mb-c-button-hover-copy)
}

.mb-interface-wrapper .cta.-secondary,
.mb-wrapper .cta.-secondary {
    border: 2px solid var(--mb-c-button-border);
    background-color: var(--mb-c-button);
    color: var(--mb-c-button-copy);
    padding: 10px 16px;
    border-radius: 24px;
    min-height: 48px;
    font-size: var(--f-s);
    font-weight: 700;
    cursor: pointer;
    display: inline-flex;
    text-shadow: none;
    text-decoration: none;
    outline: 0;
    justify-content: center;
    align-items: center;
    border-color: var(--mb-c-button);
    background-color: transparent;
    color: var(--c-body);
    backdrop-filter: saturate(120%) blur(8px)
}

.mb-interface-wrapper .cta.-secondary:focus,
.mb-interface-wrapper .cta.-secondary:hover,
.mb-wrapper .cta.-secondary:focus,
.mb-wrapper .cta.-secondary:hover {
    border-color: var(--mb-c-button);
    background-color: var(--mb-c-button);
    color: var(--mb-c-button-copy)
}

.mb-interface-wrapper .cta[disabled],
.mb-wrapper .cta[disabled] {
    pointer-events: none;
    color: var(--c-em-low);
    background-color: var(--c-em-2xlow);
    border-color: transparent
}

.mb-interface-wrapper .-cta-contrast .cta,
.mb-wrapper .-cta-contrast .cta {
    border-color: var(--mb-c-button-contrast);
    background-color: var(--mb-c-button-contrast);
    color: var(--mb-c-button-copy-contrast)
}

.mb-interface-wrapper .-cta-contrast .cta:focus,
.mb-interface-wrapper .-cta-contrast .cta:hover,
.mb-wrapper .-cta-contrast .cta:focus,
.mb-wrapper .-cta-contrast .cta:hover {
    border-color: var(--mb-c-button-contrast);
    background-color: rgba(0, 0, 0, .5);
    backdrop-filter: saturate(180%) blur(20px);
    color: var(--c-body-contrast)
}

.mb-interface-wrapper .-cta-contrast .cta.-secondary,
.mb-wrapper .-cta-contrast .cta.-secondary {
    border-color: var(--mb-c-button-contrast);
    background-color: transparent;
    color: var(--c-em-high)
}

.mb-interface-wrapper .-cta-contrast .cta.-secondary:focus,
.mb-interface-wrapper .-cta-contrast .cta.-secondary:hover,
.mb-wrapper .-cta-contrast .cta.-secondary:focus,
.mb-wrapper .-cta-contrast .cta.-secondary:hover {
    border-color: var(--c-em-high);
    background-color: var(--c-em-high);
    color: var(--c-em-high-contrast)
}

.mb-interface-wrapper .-cta-link .cta,
.mb-interface-wrapper .-cta-link-arrow .cta,
.mb-wrapper .-cta-link .cta,
.mb-wrapper .-cta-link-arrow .cta {
    all: unset;
    color: var(--mb-c-copy);
    text-decoration: underline;
    text-decoration-color: currentColor;
    text-underline-offset: .3em;
    cursor: pointer
}

.mb-interface-wrapper .-cta-link .cta:hover,
.mb-interface-wrapper .-cta-link-arrow .cta:hover,
.mb-wrapper .-cta-link .cta:hover,
.mb-wrapper .-cta-link-arrow .cta:hover {
    text-underline-offset: .35em
}

.mb-interface-wrapper .-cta-link-arrow .cta,
.mb-wrapper .-cta-link-arrow .cta {
    display: inline-flex;
    align-items: center;
    gap: var(--spacing-2xs)
}

.mb-interface-wrapper .-cta-link-arrow .cta::after,
.mb-wrapper .-cta-link-arrow .cta::after {
    content: 'arrow_forward';
    font-family: 'Material Symbols Outlined', 'Material Icons', sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 1.1em;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    vertical-align: sub;
    -webkit-font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased;
    transform: translate(0, 0)
}

.mb-interface-wrapper .-cta-link-arrow .cta:after,
.mb-wrapper .-cta-link-arrow .cta:after {
    clip-path: polygon(0 0, 100% 0, 100% 94%, 0 94%);
    transition: .16s
}

.mb-interface-wrapper .-cta-link-arrow .cta:focus:after,
.mb-interface-wrapper .-cta-link-arrow .cta:hover:after,
.mb-wrapper .-cta-link-arrow .cta:focus:after,
.mb-wrapper .-cta-link-arrow .cta:hover:after {
    translate: 4px 0
}

.mb-interface-wrapper .js-back,
.mb-interface-wrapper .js-close,
.mb-interface-wrapper .js-restart,
.mb-wrapper .js-back,
.mb-wrapper .js-close,
.mb-wrapper .js-restart {
    cursor: pointer
}

.mb-interface-wrapper .js-back,
.mb-interface-wrapper .js-restart,
.mb-wrapper .js-back,
.mb-wrapper .js-restart {
    font-size: var(--f-s);
    display: inline-flex;
    align-items: center;
    gap: var(--spacing-2xs)
}

.mb-interface-wrapper .js-back::before,
.mb-interface-wrapper .js-restart::before,
.mb-wrapper .js-back::before,
.mb-wrapper .js-restart::before {
    content: "\e5c4";
    font-family: 'Material Symbols Outlined', 'Material Icons', sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 1.5em;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    vertical-align: sub;
    -webkit-font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased;
    transform: translate(0, 0)
}

.mb-interface-wrapper .js-back:before,
.mb-interface-wrapper .js-restart:before,
.mb-wrapper .js-back:before,
.mb-wrapper .js-restart:before {
    transition: transform .16s ease-in-out;
    margin-right: var(--spacing-2xs)
}

.mb-interface-wrapper .js-back:hover,
.mb-interface-wrapper .js-restart:hover,
.mb-wrapper .js-back:hover,
.mb-wrapper .js-restart:hover {
    text-decoration: underline;
    text-decoration-color: var(--mb-c-accent)
}

.mb-interface-wrapper .js-back:hover:before,
.mb-interface-wrapper .js-restart:hover:before,
.mb-wrapper .js-back:hover:before,
.mb-wrapper .js-restart:hover:before {
    transform: translateX(-4px);
    color: var(--mb-c-accent)
}

.mb-interface-wrapper .js-restart,
.mb-wrapper .js-restart {
    display: inline-flex;
    align-items: center;
    gap: var(--spacing-2xs)
}

.mb-interface-wrapper .js-restart::before,
.mb-wrapper .js-restart::before {
    content: "\e042";
    font-family: 'Material Symbols Outlined', 'Material Icons', sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 1.5em;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    vertical-align: sub;
    -webkit-font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased;
    transform: translate(0, 0)
}

.mb-interface-wrapper .js-restart:hover:before,
.mb-wrapper .js-restart:hover:before {
    transform: rotate(-90deg)
}

.mb-interface-wrapper .js-restart.cta:hover,
.mb-wrapper .js-restart.cta:hover {
    text-decoration: none
}

.mb-interface-wrapper .js-restart.cta:hover:before,
.mb-wrapper .js-restart.cta:hover:before {
    color: inherit
}

.mb-interface-wrapper .js-close,
.mb-wrapper .js-close {
    margin-left: auto;
    gap: var(--spacing-2xs);
    display: inline-flex;
    width: 24px;
    height: 24px;
    background: 0 0;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    text-align: center;
    transform: translate(var(--spacing-2xs), calc(var(--spacing-2xs) * -1))
}

.mb-interface-wrapper .js-close::before,
.mb-wrapper .js-close::before {
    content: "\e5cd";
    font-family: 'Material Symbols Outlined', 'Material Icons', sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 1.5em;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    vertical-align: sub;
    -webkit-font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased;
    transform: translate(0, 0)
}

.mb-interface-wrapper .js-close:hover,
.mb-wrapper .js-close:hover {
    background-color: var(--c-em-3xlow)
}

.mb-interface-wrapper .js-close:hover:before,
.mb-wrapper .js-close:hover:before {
    color: var(--mb-c-accent)
}

.mb-headline-decorate h2,
.mb-headline-decorate h3 {
    display: inline-flex;
    flex-direction: column;
    align-items: center
}

.mb-headline-decorate h2:after,
.mb-headline-decorate h3:after {
    content: " ";
    display: inline-block;
    height: 4px;
    background-color: var(--mb-c-accent);
    width: 90px;
    margin: var(--spacing-m) auto
}

.mb-interface-wrapper,
.mb-wrapper {
    font-size: 16px;
    line-height: 1.4;
    font-family: var(--font-body, var(--font-body-system));
    display: grid
}

.mb-interface-wrapper *,
.mb-wrapper * {
    box-sizing: border-box
}

.mb-interface-wrapper input[type=range],
.mb-wrapper input[type=range] {
    background: 0 0;
    height: 8px;
    -webkit-appearance: none;
    margin: 0;
    border: 0;
    box-shadow: var(--elevation-0);
    width: 100%;
    max-width: 860px
}

.mb-interface-wrapper input[type=range]:focus,
.mb-wrapper input[type=range]:focus {
    outline: 0
}

.mb-interface-wrapper input[type=range]::-webkit-slider-runnable-track,
.mb-wrapper input[type=range]::-webkit-slider-runnable-track {
    width: 100%;
    height: 5px;
    cursor: pointer;
    transition: .2s;
    box-shadow: none;
    background: var(--c-em-3xlow);
    border-radius: 3px;
    border: 0
}

.mb-interface-wrapper input[type=range]::-webkit-slider-thumb,
.mb-wrapper input[type=range]::-webkit-slider-thumb {
    box-shadow: none;
    border: 0;
    height: 14px;
    width: 14px;
    border-radius: 50%;
    background: var(--mb-c-accent);
    cursor: pointer;
    -webkit-appearance: none;
    margin-top: -4.5px;
    z-index: 2
}

.mb-interface-wrapper input[type=range]:hover::-webkit-slider-runnable-track,
.mb-wrapper input[type=range]:hover::-webkit-slider-runnable-track {
    background: var(--c-em-2xlow)
}

.mb-interface-wrapper input[type=range]::-moz-range-track,
.mb-wrapper input[type=range]::-moz-range-track {
    width: 100%;
    height: 5px;
    cursor: pointer;
    background: var(--c-em-3xlow);
    border-radius: 3px;
    border: 0
}

.mb-interface-wrapper input[type=range]::-moz-range-thumb,
.mb-wrapper input[type=range]::-moz-range-thumb {
    box-shadow: 0 0 0 #000;
    border: 0;
    height: 14px;
    width: 14px;
    border-radius: 50%;
    background: var(--mb-c-accent);
    cursor: pointer
}

.mb-interface-wrapper input[type=range]::-ms-track,
.mb-wrapper input[type=range]::-ms-track {
    width: 100%;
    height: 5px;
    cursor: pointer;
    transition: .2s;
    background: 0 0;
    border-color: transparent;
    color: transparent
}

.mb-interface-wrapper input[type=range]::-ms-fill-lower,
.mb-wrapper input[type=range]::-ms-fill-lower {
    background: var(--c-em-3xlow);
    border: 0 solid #000;
    border-radius: 6px;
    box-shadow: 0 0 0 #000
}

.mb-interface-wrapper input[type=range]::-ms-fill-upper,
.mb-wrapper input[type=range]::-ms-fill-upper {
    background: var(--c-em-3xlow);
    border: 0 solid #000;
    border-radius: 6px;
    box-shadow: 0 0 0 #000
}

.mb-interface-wrapper input[type=range]::-ms-thumb,
.mb-wrapper input[type=range]::-ms-thumb {
    margin-top: 1px;
    box-shadow: 0;
    border: 0;
    height: 14px;
    width: 14px;
    border-radius: 50%;
    background: var(--mb-c-accent);
    cursor: pointer
}

.mb-interface-wrapper input[type=range]:focus::-ms-fill-lower,
.mb-wrapper input[type=range]:focus::-ms-fill-lower {
    background: var(--c-em-3xlow)
}

.mb-interface-wrapper input[type=range]:focus::-ms-fill-upper,
.mb-wrapper input[type=range]:focus::-ms-fill-upper {
    background: var(--c-em-3xlow)
}

.mb-interface-wrapper .mb-range-wrapper,
.mb-wrapper .mb-range-wrapper {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

.mb-interface-wrapper .-range form,
.mb-interface-wrapper .mb-range,
.mb-wrapper .-range form,
.mb-wrapper .mb-range {
    width: 100%;
    max-width: 860px;
    position: relative
}

.mb-interface-wrapper .-range form .rangefill,
.mb-interface-wrapper .mb-range .rangefill,
.mb-wrapper .-range form .rangefill,
.mb-wrapper .mb-range .rangefill {
    background-color: var(--mb-c-accent);
    position: absolute;
    pointer-events: none;
    top: 2px;
    height: 5px;
    left: 0;
    right: 0;
    border-radius: 3px
}

.mb-interface-wrapper .-range form:hover input[type=range]:nth-of-type(1)::-webkit-slider-runnable-track,
.mb-interface-wrapper .mb-range:hover input[type=range]:nth-of-type(1)::-webkit-slider-runnable-track,
.mb-wrapper .-range form:hover input[type=range]:nth-of-type(1)::-webkit-slider-runnable-track,
.mb-wrapper .mb-range:hover input[type=range]:nth-of-type(1)::-webkit-slider-runnable-track {
    background: var(--c-em-2xlow)
}

.mb-interface-wrapper .-range form input[type=range]:not(:last-of-type),
.mb-interface-wrapper .mb-range input[type=range]:not(:last-of-type),
.mb-wrapper .-range form input[type=range]:not(:last-of-type),
.mb-wrapper .mb-range input[type=range]:not(:last-of-type) {
    position: absolute;
    top: 0;
    pointer-events: none;
    z-index: 1
}

.mb-interface-wrapper .-range form input[type=range]:not(:last-of-type) ::-ms-fill-lower,
.mb-interface-wrapper .mb-range input[type=range]:not(:last-of-type) ::-ms-fill-lower,
.mb-wrapper .-range form input[type=range]:not(:last-of-type) ::-ms-fill-lower,
.mb-wrapper .mb-range input[type=range]:not(:last-of-type) ::-ms-fill-lower {
    background-color: transparent
}

.mb-interface-wrapper .-range form input[type=range]:not(:last-of-type) ::-ms-fill-upper,
.mb-interface-wrapper .mb-range input[type=range]:not(:last-of-type) ::-ms-fill-upper,
.mb-wrapper .-range form input[type=range]:not(:last-of-type) ::-ms-fill-upper,
.mb-wrapper .mb-range input[type=range]:not(:last-of-type) ::-ms-fill-upper {
    background-color: transparent
}

.mb-interface-wrapper .-range form input[type=range]:not(:last-of-type) ::-ms-track,
.mb-interface-wrapper .mb-range input[type=range]:not(:last-of-type) ::-ms-track,
.mb-wrapper .-range form input[type=range]:not(:last-of-type) ::-ms-track,
.mb-wrapper .mb-range input[type=range]:not(:last-of-type) ::-ms-track {
    background-color: transparent
}

.mb-interface-wrapper .-range form input[type=range]:not(:last-of-type) ::-moz-range-track,
.mb-interface-wrapper .mb-range input[type=range]:not(:last-of-type) ::-moz-range-track,
.mb-wrapper .-range form input[type=range]:not(:last-of-type) ::-moz-range-track,
.mb-wrapper .mb-range input[type=range]:not(:last-of-type) ::-moz-range-track {
    background-color: transparent
}

.mb-interface-wrapper .-range form input[type=range]:not(:last-of-type) ::-webkit-slider-runnable-track,
.mb-interface-wrapper .mb-range input[type=range]:not(:last-of-type) ::-webkit-slider-runnable-track,
.mb-wrapper .-range form input[type=range]:not(:last-of-type) ::-webkit-slider-runnable-track,
.mb-wrapper .mb-range input[type=range]:not(:last-of-type) ::-webkit-slider-runnable-track {
    background-color: transparent
}

.mb-interface-wrapper .-range form input[type=range]:not(:last-of-type)::-ms-thumb,
.mb-interface-wrapper .mb-range input[type=range]:not(:last-of-type)::-ms-thumb,
.mb-wrapper .-range form input[type=range]:not(:last-of-type)::-ms-thumb,
.mb-wrapper .mb-range input[type=range]:not(:last-of-type)::-ms-thumb {
    pointer-events: all
}

.mb-interface-wrapper .-range form input[type=range]:not(:last-of-type)::-moz-range-thumb,
.mb-interface-wrapper .mb-range input[type=range]:not(:last-of-type)::-moz-range-thumb,
.mb-wrapper .-range form input[type=range]:not(:last-of-type)::-moz-range-thumb,
.mb-wrapper .mb-range input[type=range]:not(:last-of-type)::-moz-range-thumb {
    pointer-events: all
}

.mb-interface-wrapper .-range form input[type=range]:not(:last-of-type)::-webkit-slider-thumb,
.mb-interface-wrapper .mb-range input[type=range]:not(:last-of-type)::-webkit-slider-thumb,
.mb-wrapper .-range form input[type=range]:not(:last-of-type)::-webkit-slider-thumb,
.mb-wrapper .mb-range input[type=range]:not(:last-of-type)::-webkit-slider-thumb {
    pointer-events: all
}

.mb-interface-wrapper .-text-shadow,
.mb-wrapper .-text-shadow {
    text-shadow: .1em .1em 0 rgba(255, 255, 255, .16), 0 .1em .3em rgba(255, 255, 255, .24), 0 .1em .6em rgba(255, 255, 255, .32), 0 .1em .8em rgba(255, 255, 255, .48)
}

.mb-interface-wrapper .-title-underline h1::after,
.mb-interface-wrapper .-title-underline h2::after,
.mb-interface-wrapper .-title-underline h3::after,
.mb-wrapper .-title-underline h1::after,
.mb-wrapper .-title-underline h2::after,
.mb-wrapper .-title-underline h3::after {
    content: " ";
    height: var(--spacing-2xs);
    background: var(--mb-c-accent);
    width: var(--spacing-8xl);
    max-width: 100%;
    display: block;
    margin: var(--spacing-m) 0 0
}

.mb-interface-wrapper .-title-underline.-textalign-center h1::after,
.mb-interface-wrapper .-title-underline.-textalign-center h2::after,
.mb-interface-wrapper .-title-underline.-textalign-center h3::after,
.mb-wrapper .-title-underline.-textalign-center h1::after,
.mb-wrapper .-title-underline.-textalign-center h2::after,
.mb-wrapper .-title-underline.-textalign-center h3::after {
    margin-left: auto;
    margin-right: auto
}

.mb-interface-wrapper .-uppercase,
.mb-wrapper .-uppercase {
    text-transform: uppercase
}

.mb-interface-wrapper .-lowercase,
.mb-wrapper .-lowercase {
    text-transform: lowercase
}

.mb-interface-wrapper .-revertcase,
.mb-wrapper .-revertcase {
    text-transform: unset
}

.mb-interface-wrapper .headline,
.mb-interface-wrapper h1,
.mb-interface-wrapper h2,
.mb-interface-wrapper h3,
.mb-interface-wrapper h4,
.mb-wrapper .headline,
.mb-wrapper h1,
.mb-wrapper h2,
.mb-wrapper h3,
.mb-wrapper h4 {
    line-height: 1;
    font-family: var(--font-headline, var(--font-headline-system))
}

.mb-interface-wrapper h1,
.mb-interface-wrapper h2,
.mb-interface-wrapper h3,
.mb-interface-wrapper h4,
.mb-interface-wrapper p,
.mb-wrapper h1,
.mb-wrapper h2,
.mb-wrapper h3,
.mb-wrapper h4,
.mb-wrapper p {
    margin-top: 0;
    margin-bottom: var(--spacing-s)
}

.mb-interface-wrapper h1:empty,
.mb-interface-wrapper h2:empty,
.mb-interface-wrapper h3:empty,
.mb-interface-wrapper h4:empty,
.mb-interface-wrapper p:empty,
.mb-wrapper h1:empty,
.mb-wrapper h2:empty,
.mb-wrapper h3:empty,
.mb-wrapper h4:empty,
.mb-wrapper p:empty {
    display: none
}

.mb-interface-wrapper ol,
.mb-wrapper ol {
    list-style: none;
    counter-reset: item
}

.mb-interface-wrapper ol li,
.mb-wrapper ol li {
    position: relative;
    padding-left: var(--spacing-m)
}

.mb-interface-wrapper ol li:before,
.mb-wrapper ol li:before {
    display: inline-block;
    content: counter(item) ". ";
    counter-increment: item;
    position: absolute;
    left: 0
}

.mb-interface-wrapper img,
.mb-wrapper img {
    max-width: 100%
}

.mb-interface-wrapper section>.inside,
.mb-wrapper section>.inside {
    max-width: var(--mb-sizing-max-content);
    margin: 0 auto
}

.mb-interface-wrapper.-width-constraint,
.mb-wrapper.-width-constraint {
    max-width: var(--mb-sizing-max-page);
    margin: 0 auto
}

.mb-interface-wrapper .-margin-bottom,
.mb-wrapper .-margin-bottom {
    margin-bottom: var(--mb-margin-section)
}

.mb-interface-wrapper .hidden,
.mb-wrapper .hidden {
    display: none !important
}

.mb-interface-wrapper select,
.mb-wrapper select {
    padding: 4px 8px;
    border: 2px solid var(--c-em-3xlow);
    border-radius: var(--mb-radius);
    background-color: transparent;
    outline: 0
}

.mb-interface-wrapper select:hover,
.mb-wrapper select:hover {
    border: 2px solid var(--c-em-2xlow);
    background-color: var(--c-em-high-contrast)
}

.mb-interface-wrapper select:focus,
.mb-wrapper select:focus {
    border: 2px solid var(--mb-c-accent);
    background-color: var(--c-em-high-contrast)
}

.mb-interface-wrapper .subtitle,
.mb-wrapper .subtitle {
    font-size: var(--f-l)
}

.mb-wrapper {
    color: var(--c-em-med);
    position: relative;
    margin: 0 auto;
    max-width: var(--mb-maxwidth);
    max-width: 100vw;
    display: grid;
    overflow-x: clip
}

.mb-wrapper.-width-full {
    --mb-maxwidth: 100%
}

.mb-wrapper h1,
.mb-wrapper h2,
.mb-wrapper h3,
.mb-wrapper h4,
.mb-wrapper h5,
.mb-wrapper h6 {
    color: var(--c-em-high)
}

.mb-wrapper h1,
.mb-wrapper h2 {
    font-size: var(--f-2xl)
}

.mb-wrapper img[width][height] {
    width: auto;
    height: auto
}

:where(.mb-mod-wrapper) {
    max-width: min(100%, 100vw)
}

.mb-wrapper:not(.-preloader-off, [data-pending])>div {
    opacity: 0;
    transition: opacity 40ms ease-out
}

.mb-wrapper:not(.-preloader-off, [data-pending]):before {
    content: " ";
    display: block;
    height: 38px;
    width: 100%;
    background: center center no-repeat;
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' style='margin: auto; background: none; display: block; shape-rendering: auto; animation-play-state: running; animation-delay: 0s;' width='38px' height='38px' viewBox='0 0 100 100' preserveAspectRatio='xMidYMid'%3E%3Ccircle cx='84' cy='50' r='10' fill='%23000000' style='animation-play-state: running; animation-delay: 0s;'%3E%3Canimate attributeName='r' repeatCount='indefinite' dur='0.5208333333333334s' calcMode='spline' keyTimes='0;1' values='10;0' keySplines='0 0.5 0.5 1' begin='0s' style='animation-play-state: running; animation-delay: 0s;'%3E%3C/animate%3E%3Canimate attributeName='fill' repeatCount='indefinite' dur='2.0833333333333335s' calcMode='discrete' keyTimes='0;0.25;0.5;0.75;1' values='%23000000;%23000000;%23000000;%23000000;%23000000' begin='0s' style='animation-play-state: running; animation-delay: 0s;'%3E%3C/animate%3E%3C/circle%3E%3Ccircle cx='16' cy='50' r='10' fill='%23000000' style='animation-play-state: running; animation-delay: 0s;'%3E%3Canimate attributeName='r' repeatCount='indefinite' dur='2.0833333333333335s' calcMode='spline' keyTimes='0;0.25;0.5;0.75;1' values='0;0;10;10;10' keySplines='0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1' begin='0s' style='animation-play-state: running; animation-delay: 0s;'%3E%3C/animate%3E%3Canimate attributeName='cx' repeatCount='indefinite' dur='2.0833333333333335s' calcMode='spline' keyTimes='0;0.25;0.5;0.75;1' values='16;16;16;50;84' keySplines='0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1' begin='0s' style='animation-play-state: running; animation-delay: 0s;'%3E%3C/animate%3E%3C/circle%3E%3Ccircle cx='50' cy='50' r='10' fill='%23000000' style='animation-play-state: running; animation-delay: 0s;'%3E%3Canimate attributeName='r' repeatCount='indefinite' dur='2.0833333333333335s' calcMode='spline' keyTimes='0;0.25;0.5;0.75;1' values='0;0;10;10;10' keySplines='0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1' begin='-0.5208333333333334s' style='animation-play-state: running; animation-delay: 0s;'%3E%3C/animate%3E%3Canimate attributeName='cx' repeatCount='indefinite' dur='2.0833333333333335s' calcMode='spline' keyTimes='0;0.25;0.5;0.75;1' values='16;16;16;50;84' keySplines='0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1' begin='-0.5208333333333334s' style='animation-play-state: running; animation-delay: 0s;'%3E%3C/animate%3E%3C/circle%3E%3Ccircle cx='84' cy='50' r='10' fill='%23000000' style='animation-play-state: running; animation-delay: 0s;'%3E%3Canimate attributeName='r' repeatCount='indefinite' dur='2.0833333333333335s' calcMode='spline' keyTimes='0;0.25;0.5;0.75;1' values='0;0;10;10;10' keySplines='0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1' begin='-1.0416666666666667s' style='animation-play-state: running; animation-delay: 0s;'%3E%3C/animate%3E%3Canimate attributeName='cx' repeatCount='indefinite' dur='2.0833333333333335s' calcMode='spline' keyTimes='0;0.25;0.5;0.75;1' values='16;16;16;50;84' keySplines='0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1' begin='-1.0416666666666667s' style='animation-play-state: running; animation-delay: 0s;'%3E%3C/animate%3E%3C/circle%3E%3Ccircle cx='16' cy='50' r='10' fill='%23000000' style='animation-play-state: running; animation-delay: 0s;'%3E%3Canimate attributeName='r' repeatCount='indefinite' dur='2.0833333333333335s' calcMode='spline' keyTimes='0;0.25;0.5;0.75;1' values='0;0;10;10;10' keySplines='0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1' begin='-1.5625s' style='animation-play-state: running; animation-delay: 0s;'%3E%3C/animate%3E%3Canimate attributeName='cx' repeatCount='indefinite' dur='2.0833333333333335s' calcMode='spline' keyTimes='0;0.25;0.5;0.75;1' values='16;16;16;50;84' keySplines='0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1' begin='-1.5625s' style='animation-play-state: running; animation-delay: 0s;'%3E%3C/animate%3E%3C/circle%3E%3C/svg%3E");
    background-size: contain;
    position: sticky;
    top: 50%
}

.mb-wrapper:not(.-preloader-off,
[data-pending]).-ready>div,
.pdp-main .mb-wrapper:not(.-preloader-off,
[data-pending])>div,
.pdp-wrapper.-v2 .mb-wrapper:not(.-preloader-off,
[data-pending])>div {
    opacity: 1
}

.mb-wrapper:not(.-preloader-off,
[data-pending]).-ready:after,
.mb-wrapper:not(.-preloader-off,
[data-pending]).-ready:before,
.pdp-main .mb-wrapper:not(.-preloader-off,
[data-pending]):after,
.pdp-main .mb-wrapper:not(.-preloader-off,
[data-pending]):before,
.pdp-wrapper.-v2 .mb-wrapper:not(.-preloader-off,
[data-pending]):after,
.pdp-wrapper.-v2 .mb-wrapper:not(.-preloader-off,
[data-pending]):before {
    display: none;
    content-visibility: hidden
}

.product-detail.product-wrapper .mb-wrapper:not(.-preloader-off,
[data-pending]):after,
.product-detail.product-wrapper .mb-wrapper:not(.-preloader-off,
[data-pending]):before {
    display: none
}

.mb-wrapper[data-pending=true].preloader-lite:before,
.mb-wrapper[data-pending=true].preloader:before {
    content: " ";
    display: block;
    height: 38px;
    width: 100%;
    background: center center no-repeat;
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' style='margin: auto; background: none; display: block; shape-rendering: auto; animation-play-state: running; animation-delay: 0s;' width='38px' height='38px' viewBox='0 0 100 100' preserveAspectRatio='xMidYMid'%3E%3Ccircle cx='84' cy='50' r='10' fill='%23000000' style='animation-play-state: running; animation-delay: 0s;'%3E%3Canimate attributeName='r' repeatCount='indefinite' dur='0.5208333333333334s' calcMode='spline' keyTimes='0;1' values='10;0' keySplines='0 0.5 0.5 1' begin='0s' style='animation-play-state: running; animation-delay: 0s;'%3E%3C/animate%3E%3Canimate attributeName='fill' repeatCount='indefinite' dur='2.0833333333333335s' calcMode='discrete' keyTimes='0;0.25;0.5;0.75;1' values='%23000000;%23000000;%23000000;%23000000;%23000000' begin='0s' style='animation-play-state: running; animation-delay: 0s;'%3E%3C/animate%3E%3C/circle%3E%3Ccircle cx='16' cy='50' r='10' fill='%23000000' style='animation-play-state: running; animation-delay: 0s;'%3E%3Canimate attributeName='r' repeatCount='indefinite' dur='2.0833333333333335s' calcMode='spline' keyTimes='0;0.25;0.5;0.75;1' values='0;0;10;10;10' keySplines='0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1' begin='0s' style='animation-play-state: running; animation-delay: 0s;'%3E%3C/animate%3E%3Canimate attributeName='cx' repeatCount='indefinite' dur='2.0833333333333335s' calcMode='spline' keyTimes='0;0.25;0.5;0.75;1' values='16;16;16;50;84' keySplines='0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1' begin='0s' style='animation-play-state: running; animation-delay: 0s;'%3E%3C/animate%3E%3C/circle%3E%3Ccircle cx='50' cy='50' r='10' fill='%23000000' style='animation-play-state: running; animation-delay: 0s;'%3E%3Canimate attributeName='r' repeatCount='indefinite' dur='2.0833333333333335s' calcMode='spline' keyTimes='0;0.25;0.5;0.75;1' values='0;0;10;10;10' keySplines='0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1' begin='-0.5208333333333334s' style='animation-play-state: running; animation-delay: 0s;'%3E%3C/animate%3E%3Canimate attributeName='cx' repeatCount='indefinite' dur='2.0833333333333335s' calcMode='spline' keyTimes='0;0.25;0.5;0.75;1' values='16;16;16;50;84' keySplines='0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1' begin='-0.5208333333333334s' style='animation-play-state: running; animation-delay: 0s;'%3E%3C/animate%3E%3C/circle%3E%3Ccircle cx='84' cy='50' r='10' fill='%23000000' style='animation-play-state: running; animation-delay: 0s;'%3E%3Canimate attributeName='r' repeatCount='indefinite' dur='2.0833333333333335s' calcMode='spline' keyTimes='0;0.25;0.5;0.75;1' values='0;0;10;10;10' keySplines='0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1' begin='-1.0416666666666667s' style='animation-play-state: running; animation-delay: 0s;'%3E%3C/animate%3E%3Canimate attributeName='cx' repeatCount='indefinite' dur='2.0833333333333335s' calcMode='spline' keyTimes='0;0.25;0.5;0.75;1' values='16;16;16;50;84' keySplines='0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1' begin='-1.0416666666666667s' style='animation-play-state: running; animation-delay: 0s;'%3E%3C/animate%3E%3C/circle%3E%3Ccircle cx='16' cy='50' r='10' fill='%23000000' style='animation-play-state: running; animation-delay: 0s;'%3E%3Canimate attributeName='r' repeatCount='indefinite' dur='2.0833333333333335s' calcMode='spline' keyTimes='0;0.25;0.5;0.75;1' values='0;0;10;10;10' keySplines='0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1' begin='-1.5625s' style='animation-play-state: running; animation-delay: 0s;'%3E%3C/animate%3E%3Canimate attributeName='cx' repeatCount='indefinite' dur='2.0833333333333335s' calcMode='spline' keyTimes='0;0.25;0.5;0.75;1' values='16;16;16;50;84' keySplines='0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1' begin='-1.5625s' style='animation-play-state: running; animation-delay: 0s;'%3E%3C/animate%3E%3C/circle%3E%3C/svg%3E");
    background-size: contain;
    position: sticky;
    top: 50%
}

.mb-wrapper[data-pending=true].preloader>* {
    opacity: 0;
    transition: opacity 40ms ease-out
}

.mb-wrapper[data-pending=true].preloader-lite>.mb-mod-wrapper:nth-of-type(n+2) {
    opacity: 0;
    transition: opacity 40ms ease-out
}

.mb-mod[data-pending]>* {
    transition: opacity 80ms .16s ease-out
}

.mb-mod[data-pending=true] {
    position: relative
}

.mb-mod[data-pending=true]:not(:has(.product-grid))>* {
    opacity: 0
}

.mb-mod[data-pending=true] .grid-tile:before,
.mb-mod[data-pending=true] .product-grid:before,
.mb-mod[data-pending=true] .product-tile:before,
.mb-mod[data-pending=true]:not(:has(.product-grid)):before {
    content: " ";
    display: block;
    height: 38px;
    width: 100%;
    background: center center no-repeat;
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' style='margin: auto; background: none; display: block; shape-rendering: auto; animation-play-state: running; animation-delay: 0s;' width='38px' height='38px' viewBox='0 0 100 100' preserveAspectRatio='xMidYMid'%3E%3Ccircle cx='84' cy='50' r='10' fill='%23000000' style='animation-play-state: running; animation-delay: 0s;'%3E%3Canimate attributeName='r' repeatCount='indefinite' dur='0.5208333333333334s' calcMode='spline' keyTimes='0;1' values='10;0' keySplines='0 0.5 0.5 1' begin='0s' style='animation-play-state: running; animation-delay: 0s;'%3E%3C/animate%3E%3Canimate attributeName='fill' repeatCount='indefinite' dur='2.0833333333333335s' calcMode='discrete' keyTimes='0;0.25;0.5;0.75;1' values='%23000000;%23000000;%23000000;%23000000;%23000000' begin='0s' style='animation-play-state: running; animation-delay: 0s;'%3E%3C/animate%3E%3C/circle%3E%3Ccircle cx='16' cy='50' r='10' fill='%23000000' style='animation-play-state: running; animation-delay: 0s;'%3E%3Canimate attributeName='r' repeatCount='indefinite' dur='2.0833333333333335s' calcMode='spline' keyTimes='0;0.25;0.5;0.75;1' values='0;0;10;10;10' keySplines='0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1' begin='0s' style='animation-play-state: running; animation-delay: 0s;'%3E%3C/animate%3E%3Canimate attributeName='cx' repeatCount='indefinite' dur='2.0833333333333335s' calcMode='spline' keyTimes='0;0.25;0.5;0.75;1' values='16;16;16;50;84' keySplines='0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1' begin='0s' style='animation-play-state: running; animation-delay: 0s;'%3E%3C/animate%3E%3C/circle%3E%3Ccircle cx='50' cy='50' r='10' fill='%23000000' style='animation-play-state: running; animation-delay: 0s;'%3E%3Canimate attributeName='r' repeatCount='indefinite' dur='2.0833333333333335s' calcMode='spline' keyTimes='0;0.25;0.5;0.75;1' values='0;0;10;10;10' keySplines='0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1' begin='-0.5208333333333334s' style='animation-play-state: running; animation-delay: 0s;'%3E%3C/animate%3E%3Canimate attributeName='cx' repeatCount='indefinite' dur='2.0833333333333335s' calcMode='spline' keyTimes='0;0.25;0.5;0.75;1' values='16;16;16;50;84' keySplines='0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1' begin='-0.5208333333333334s' style='animation-play-state: running; animation-delay: 0s;'%3E%3C/animate%3E%3C/circle%3E%3Ccircle cx='84' cy='50' r='10' fill='%23000000' style='animation-play-state: running; animation-delay: 0s;'%3E%3Canimate attributeName='r' repeatCount='indefinite' dur='2.0833333333333335s' calcMode='spline' keyTimes='0;0.25;0.5;0.75;1' values='0;0;10;10;10' keySplines='0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1' begin='-1.0416666666666667s' style='animation-play-state: running; animation-delay: 0s;'%3E%3C/animate%3E%3Canimate attributeName='cx' repeatCount='indefinite' dur='2.0833333333333335s' calcMode='spline' keyTimes='0;0.25;0.5;0.75;1' values='16;16;16;50;84' keySplines='0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1' begin='-1.0416666666666667s' style='animation-play-state: running; animation-delay: 0s;'%3E%3C/animate%3E%3C/circle%3E%3Ccircle cx='16' cy='50' r='10' fill='%23000000' style='animation-play-state: running; animation-delay: 0s;'%3E%3Canimate attributeName='r' repeatCount='indefinite' dur='2.0833333333333335s' calcMode='spline' keyTimes='0;0.25;0.5;0.75;1' values='0;0;10;10;10' keySplines='0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1' begin='-1.5625s' style='animation-play-state: running; animation-delay: 0s;'%3E%3C/animate%3E%3Canimate attributeName='cx' repeatCount='indefinite' dur='2.0833333333333335s' calcMode='spline' keyTimes='0;0.25;0.5;0.75;1' values='16;16;16;50;84' keySplines='0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1' begin='-1.5625s' style='animation-play-state: running; animation-delay: 0s;'%3E%3C/animate%3E%3C/circle%3E%3C/svg%3E");
    background-size: contain;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    visibility: visible
}

.mb-mod[data-pending=true] .grid-tile,
.mb-mod[data-pending=true] .product-grid {
    position: relative;
    background-color: var(--c-canvas);
    --c-product-card-canvas: var(--c-canvas)
}

.mb-mod-wrapper[data-pending=true] .js-start {
    pointer-events: none;
    color: transparent;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' style='margin: auto; background: none; display: block; shape-rendering: auto; animation-play-state: running; animation-delay: 0s;' width='38px' height='38px' viewBox='0 0 100 100' preserveAspectRatio='xMidYMid'%3E%3Ccircle cx='84' cy='50' r='10' fill='%23ffffff' style='animation-play-state: running; animation-delay: 0s;'%3E%3Canimate attributeName='r' repeatCount='indefinite' dur='0.5208333333333334s' calcMode='spline' keyTimes='0;1' values='10;0' keySplines='0 0.5 0.5 1' begin='0s' style='animation-play-state: running; animation-delay: 0s;'%3E%3C/animate%3E%3Canimate attributeName='fill' repeatCount='indefinite' dur='2.0833333333333335s' calcMode='discrete' keyTimes='0;0.25;0.5;0.75;1' values='%23ffffff;%23ffffff;%23ffffff;%23ffffff;%23ffffff' begin='0s' style='animation-play-state: running; animation-delay: 0s;'%3E%3C/animate%3E%3C/circle%3E%3Ccircle cx='16' cy='50' r='10' fill='%23ffffff' style='animation-play-state: running; animation-delay: 0s;'%3E%3Canimate attributeName='r' repeatCount='indefinite' dur='2.0833333333333335s' calcMode='spline' keyTimes='0;0.25;0.5;0.75;1' values='0;0;10;10;10' keySplines='0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1' begin='0s' style='animation-play-state: running; animation-delay: 0s;'%3E%3C/animate%3E%3Canimate attributeName='cx' repeatCount='indefinite' dur='2.0833333333333335s' calcMode='spline' keyTimes='0;0.25;0.5;0.75;1' values='16;16;16;50;84' keySplines='0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1' begin='0s' style='animation-play-state: running; animation-delay: 0s;'%3E%3C/animate%3E%3C/circle%3E%3Ccircle cx='50' cy='50' r='10' fill='%23ffffff' style='animation-play-state: running; animation-delay: 0s;'%3E%3Canimate attributeName='r' repeatCount='indefinite' dur='2.0833333333333335s' calcMode='spline' keyTimes='0;0.25;0.5;0.75;1' values='0;0;10;10;10' keySplines='0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1' begin='-0.5208333333333334s' style='animation-play-state: running; animation-delay: 0s;'%3E%3C/animate%3E%3Canimate attributeName='cx' repeatCount='indefinite' dur='2.0833333333333335s' calcMode='spline' keyTimes='0;0.25;0.5;0.75;1' values='16;16;16;50;84' keySplines='0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1' begin='-0.5208333333333334s' style='animation-play-state: running; animation-delay: 0s;'%3E%3C/animate%3E%3C/circle%3E%3Ccircle cx='84' cy='50' r='10' fill='%23ffffff' style='animation-play-state: running; animation-delay: 0s;'%3E%3Canimate attributeName='r' repeatCount='indefinite' dur='2.0833333333333335s' calcMode='spline' keyTimes='0;0.25;0.5;0.75;1' values='0;0;10;10;10' keySplines='0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1' begin='-1.0416666666666667s' style='animation-play-state: running; animation-delay: 0s;'%3E%3C/animate%3E%3Canimate attributeName='cx' repeatCount='indefinite' dur='2.0833333333333335s' calcMode='spline' keyTimes='0;0.25;0.5;0.75;1' values='16;16;16;50;84' keySplines='0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1' begin='-1.0416666666666667s' style='animation-play-state: running; animation-delay: 0s;'%3E%3C/animate%3E%3C/circle%3E%3Ccircle cx='16' cy='50' r='10' fill='%23ffffff' style='animation-play-state: running; animation-delay: 0s;'%3E%3Canimate attributeName='r' repeatCount='indefinite' dur='2.0833333333333335s' calcMode='spline' keyTimes='0;0.25;0.5;0.75;1' values='0;0;10;10;10' keySplines='0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1' begin='-1.5625s' style='animation-play-state: running; animation-delay: 0s;'%3E%3C/animate%3E%3Canimate attributeName='cx' repeatCount='indefinite' dur='2.0833333333333335s' calcMode='spline' keyTimes='0;0.25;0.5;0.75;1' values='16;16;16;50;84' keySplines='0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1' begin='-1.5625s' style='animation-play-state: running; animation-delay: 0s;'%3E%3C/animate%3E%3C/circle%3E%3C/svg%3E");
    background-size: 32px
}

.mb-wrapper button {
    text-transform: none !important
}

.mb-wrapper[data-brand=AKG] {
    background: var(--c-bg)
}

@keyframes dsRevealFromBottom {
    0% {
        translate: 0 24px;
        clip-path: inset(150% -25% -25% -25%);
        will-change: translate, clip-path
    }
    100% {
        opacity: 1;
        translate: 0;
        clip-path: inset(-25% -25% -25% -25%)
    }
}

@keyframes dsFadeIn {
    0% {
        opacity: 0;
        will-change: opacity
    }
    100% {
        opacity: 1
    }
}

@keyframes dsFadeInFromBottom {
    0% {
        opacity: 0;
        translate: 0 24px;
        will-change: opacity, translate
    }
    100% {
        opacity: 1;
        translate: 0 0
    }
}

.ds-fittext--applied {
    display: block
}

.ds-fittext--applied text {
    font-size: 15.4px !important;
    font-family: inherit;
    font-weight: inherit;
    fill: currentColor
}

.ds-fittext--applied svg {
    width: 100%;
    overflow: visible
}

.ds-fittext--applied .ds-fittext-helper {
    display: none !important
}

.ds-fittext-helper {
    font-size: 16px;
    white-space: nowrap;
    display: inline-block
}

.mb-mod {
    position: relative
}

.mb-mod[data-visibility=hidden] {
    content-visibility: hidden
}

.mb-mod[data-visibility=auto] {
    content-visibility: auto;
    contain-intrinsic-block-size: auto 600px
}

.mb-mod-wrapper:has([data-visibility=auto]),
.mb-mod[data-visibility=auto] {
    content-visibility: auto;
    contain-intrinsic-block-size: auto 600px
}

.mb-mod-wrapper.in-view .mb-mod[data-visibility=auto],
.mb-mod-wrapper.in-view+.mb-mod-wrapper,
.mb-mod-wrapper.in-view+.mb-mod-wrapper .mb-mod[data-visibility=auto] {
    content-visibility: visible
}

.ds-ticker .ds-ticker--track:has(a) {
    pointer-events: all
}

.mb-columns {
    margin-bottom: var(--spacing-l);
    background-color: var(--c-canvas-full)
}

.mb-columns.-use-line-separator {
    border-bottom: thin solid var(--c-accent)
}

.mb-columns.-use-line-separator>.mb-column:not(:first-child) {
    border-left: thin solid var(--c-accent)
}

.mb-columns>.copy {
    padding: var(--mb-side-offset);
    min-width: 100%;
    max-width: 100%;
    box-sizing: content-box
}

.mb-columns>.copy:not(:has(>:not(:empty))) {
    padding: 0
}

.mb-columns .mb-column .search-result-items.tiles-container.mb-tiles-container.-v2 {
    display: flex;
    padding: 0;
    margin: 0
}

.mb-columns .mb-column .search-result-items.tiles-container.mb-tiles-container.-v2>* {
    flex: 1
}

.slick-next,
.slick-prev {
    font-size: 0;
    line-height: 0;
    color: transparent;
    z-index: 1
}

.slick-dots {
    position: absolute;
    bottom: -45px;
    list-style: none;
    display: block;
    text-align: center;
    padding: 0;
    width: 100%
}

.slick-dots li {
    position: relative;
    display: inline-block;
    height: 20px;
    width: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer
}

.slick-dots li:after {
    display: none
}

.slick-dots li button {
    border: 0;
    background: 0 0;
    display: block;
    height: 20px;
    width: 20px;
    outline: 0;
    line-height: 0;
    font-size: 0;
    color: #df2d00;
    padding: 5px;
    cursor: pointer
}

.mb-slider {
    overflow-x: hidden
}

.mb-slider .mb-slide {
    overflow: hidden
}

.mb-slider .mb-slide .-margin-bottom {
    margin-bottom: 0
}

.mb-slider .slick-dots {
    position: relative;
    margin: 0 auto var(--mb-margin-section);
    bottom: 0
}

.mb-slider .slick-dots li {
    height: auto;
    width: auto;
    margin: 0;
    padding: var(--spacing-2xs);
    background: 0 0
}

.mb-slider .slick-dots li button {
    margin: 0;
    padding: 0;
    color: transparent;
    background-color: var(--c-em-2xlow);
    border-radius: 50%;
    height: var(--spacing-xs);
    width: var(--spacing-xs);
    transition: .16s
}

.mb-slider .slick-dots li button:after,
.mb-slider .slick-dots li button:before {
    display: none
}

.mb-slider .slick-dots li:first-child:last-child {
    display: none
}

.mb-slider .slick-dots li:hover button {
    background-color: var(--c-em-xlow)
}

.mb-slider .slick-dots li.slick-active button {
    background-color: var(--mb-c-accent)
}

.mb-slider .slick-next,
.mb-slider .slick-prev {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    outline: 0;
    border-radius: 50%;
    backdrop-filter: saturate(100%) blur(0);
    background: transparent no-repeat center center;
    background-image: url("data:image/svg+xml,%0A%3Csvg width='56px' height='103px' viewBox='0 0 56 103' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3Eicon-arrow-right%3C/title%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Artboard' transform='translate(-1583.000000, -2232.000000)' fill='%23000000'%3E%3Cg id='002' transform='translate(263.000000, 554.000000)'%3E%3Cg id='Image-Block'%3E%3Cpolygon fill='%23000000' id='icon-arrow-right' points='1320.73454 1780.98349 1371.48947 1729.50168 1320.73454 1678.01545 1325.24409 1678.01545 1376.00267 1729.50168 1325.24409 1780.98349'%3E%3C/polygon%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-size: contain;
    height: var(--spacing-2xl);
    width: var(--spacing-2xl);
    border: var(--spacing-s) solid transparent;
    box-sizing: content-box;
    padding: 0;
    opacity: .8;
    right: 0;
    left: auto;
    transition: .16s ease-in-out
}

.mb-slider .slick-next .icon-angle-left,
.mb-slider .slick-next .icon-angle-right,
.mb-slider .slick-next i,
.mb-slider .slick-next:before,
.mb-slider .slick-prev .icon-angle-left,
.mb-slider .slick-prev .icon-angle-right,
.mb-slider .slick-prev i,
.mb-slider .slick-prev:before {
    display: none
}

.content-asset-pdp .mb-slider .slick-next,
.content-asset-pdp .mb-slider .slick-prev {
    right: -50px
}

.product-detail .content-asset .mb-slider .slick-next,
.product-detail .content-asset .mb-slider .slick-prev {
    backdrop-filter: none;
    background-color: transparent;
    height: 32px;
    width: 32px;
    opacity: .25;
    margin: 0 -30px
}

.product-detail .content-asset .mb-slider .slick-next:hover,
.product-detail .content-asset .mb-slider .slick-prev:hover {
    box-shadow: var(--elevation-0);
    opacity: 1
}

.product-detail .content-asset .mb-slider .slick-next.slick-prev,
.product-detail .content-asset .mb-slider .slick-prev.slick-prev {
    background-image: url("data:image/svg+xml,%3Csvg height='30' viewBox='0 0 18 30' width='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m23.1540332 3-14.1540332 14.9946986 3.779244 4.0036379.0116765-.0122993 10.3964741 11.0139628 3.8126054-4.0390515-10.3964741-11.0139628 10.3297513-10.94327706z' fill='%23333' fill-rule='evenodd' transform='matrix(1 0 0 -1 -9 33)'/%3E%3C/svg%3E")
}

.product-detail .content-asset .mb-slider .slick-next.slick-next,
.product-detail .content-asset .mb-slider .slick-prev.slick-next {
    background-image: url("data:image/svg+xml,%3Csvg height='30' viewBox='0 0 18 30' width='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m23.1540332 3-14.1540332 14.9946986 3.779244 4.0036379.0116765-.0122993 10.3964741 11.0139628 3.8126054-4.0390515-10.3964741-11.0139628 10.3297513-10.94327706z' fill='%23333' fill-rule='evenodd' transform='matrix(-1 0 0 -1 27 33)'/%3E%3C/svg%3E")
}

.mb-slider .slick-next.slick-prev,
.mb-slider .slick-prev.slick-prev {
    right: auto;
    left: 0;
    background-image: url("data:image/svg+xml,%3Csvg width='56px' height='105px' viewBox='0 0 56 105' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3Eicon-arrow-left%3C/title%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Artboard' transform='translate(-265.000000, -2231.000000)' fill='%23000000'%3E%3Cg id='002' transform='translate(263.000000, 554.000000)'%3E%3Cg id='Image-Block'%3E%3Cpolygon fill='%23000000' id='icon-arrow-left' points='57.209822 1677.98795 6.505812 1729.4984 57.209822 1781.01205 52.704641 1781.01205 1.997268 1729.4984 52.704641 1677.98795'%3E%3C/polygon%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E")
}

.content-asset-pdp .mb-slider .slick-next.slick-prev,
.content-asset-pdp .mb-slider .slick-prev.slick-prev {
    left: -50px
}

.mb-slider .slick-next:focus,
.mb-slider .slick-next:hover,
.mb-slider .slick-prev:focus,
.mb-slider .slick-prev:hover {
    -webkit-backdrop-filter: saturate(180%) blur(20px);
    backdrop-filter: saturate(180%) blur(20px);
    opacity: 1;
    background-color: var(--c-em-2xlow-contrast)
}

.mb-slider .slick-next.slick-disabled,
.mb-slider .slick-next[disabled],
.mb-slider .slick-prev.slick-disabled,
.mb-slider .slick-prev[disabled] {
    opacity: .3
}

.mb-slider .slick-next i,
.mb-slider .slick-prev i {
    display: none
}

.mb-slider .slick-track {
    display: flex !important
}

.mb-slider .slick-slide {
    height: inherit !important
}

.mb-wrapper .ds-slider {
    --control-item-height: 56px;
    --spv: 1;
    display: grid;
    grid-template-rows: repeat(2, minmax(var(--control-item-height), auto));
    grid-template-columns: 1fr
}

.mb-wrapper .ds-slider:has(.ds-slide:first-child:last-child) {
    grid-template-rows: auto
}

.mb-wrapper .ds-slider .ds-slides {
    --scrollbar-color-track: transparent;
    --scrollbar-color-thumb: var(--c-em-full, #000);
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    overscroll-behavior-x: contain;
    padding-bottom: 16px;
    scroll-padding: .25px
}

.mb-wrapper .ds-slider .ds-slides::after {
    content: "";
    display: block;
    height: 20px;
    min-width: calc(100% - (100%/var(--spv)));
    max-width: calc(100% - (100%/var(--spv)))
}

.mb-wrapper .ds-slider .ds-slides::-webkit-scrollbar {
    width: 0;
    height: 0
}

.mb-wrapper .ds-slider .ds-slides::-webkit-scrollbar-thumb {
    background-color: var(--scrollbar-color-thumb)
}

.mb-wrapper .ds-slider .ds-slides::-webkit-scrollbar-track {
    background-color: var(--scrollbar-color-track)
}

@supports (scrollbar-width:auto) {
    .mb-wrapper .ds-slider .ds-slides {
        padding-bottom: 0;
        scrollbar-color: var(--scrollbar-color-thumb) var(--scrollbar-color-track);
        scrollbar-width: none
    }
}

.mb-wrapper .ds-slider .ds-slides>* {
    scroll-snap-align: start
}

.mb-wrapper .ds-slider .ds-slides.-no-snap {
    scroll-snap-type: unset
}

.mb-wrapper .ds-slider.-no-overscroll .ds-slides::after {
    display: none
}

.mb-wrapper .ds-slider .ds-slider-controls {
    display: flex;
    flex-wrap: wrap;
    padding: 0 var(--side-offset, 32px);
    gap: var(--spacing-xs, 8px)
}

.mb-wrapper .ds-slider .ds-slider-controls:has(>ul) {
    width: 100%
}

.mb-wrapper .ds-slider .ds-slider-arrow {
    all: unset;
    min-height: var(--control-item-height);
    background-color: transparent;
    border: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: var(--c-em-full);
    transition: background-color .16s ease-in-out
}

.mb-wrapper .ds-slider .ds-slider-arrow::before {
    content: "keyboard_arrow_right";
    font-family: var(--font-icon);
    font-size: 32px
}

.mb-wrapper .ds-slider .ds-slider-arrow.ds-slider-prev {
    margin-left: -8px
}

.mb-wrapper .ds-slider .ds-slider-arrow.ds-slider-prev::before {
    content: "keyboard_arrow_left"
}

.mb-wrapper .ds-slider .ds-slider-arrow[disabled] {
    color: var(--c-em-xlow)
}

.mb-wrapper .ds-slider .ds-slider-dots {
    all: unset;
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    flex: 1;
    position: relative;
    --active-left: 0
}

.mb-wrapper .ds-slider .ds-slider-dots::before {
    content: " ";
    display: block;
    height: 3px;
    background-color: var(--c-em-full, #000);
    left: var(--active-left);
    width: Max(6%, var(--active-width));
    transition: .32s ease-in-out;
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.mb-wrapper .ds-slider .ds-slider-dots>li {
    min-height: var(--control-item-height);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    flex: 1
}

.mb-wrapper .ds-slider .ds-slider-dots button {
    cursor: pointer;
    border: 0;
    outline: 0;
    min-height: 3px;
    min-width: 20px;
    width: 100%;
    background-color: var(--c-em-2xlow, rgba(0, 0, 0, .32));
    transition: background-color .16s ease-in-out
}

.mb-wrapper .ds-slider .ds-slider-index {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: var(--control-item-height);
    margin-right: auto;
    padding-left: var(--spacing-xs, 8px)
}

.mb-wrapper .ds-slider :where(.ds-slide) {
    max-width: calc(100%/var(--spv));
    min-width: calc(100%/var(--spv));
    overflow: clip;
    user-select: none
}

.mb-wrapper .ds-slider :where(.ds-slide) :where(img,
video) {
    object-fit: cover;
    max-width: 100%;
    pointer-events: none
}

.mb-wrapper .ds-slider.-centermode .ds-slide {
    scroll-snap-align: center
}

.mb-wrapper .ds-slider.-centermode .ds-slider-controls {
    justify-content: center
}

.mb-wrapper .ds-slider.-centermode .ds-slider-controls>* {
    margin-inline: 0
}

.mb-wrapper .ds-slider.-centermode .ds-slides::before {
    scroll-snap-align: center;
    content: " ";
    display: block;
    height: 20px;
    max-width: calc(50% - (50% / var(--spv)));
    min-width: calc(50% - (50% / var(--spv)));
    overflow: clip;
    user-select: none
}

.mb-wrapper .ds-slider .grid-tile.product-tile {
    border: 1px solid var(--c-accent);
    border-right-width: 0;
    outline: 0;
    min-height: 100%
}

.mb-wrapper .ds-slider .ds-slide:last-child .grid-tile.product-tile {
    border-right-width: 1px
}

.mb-wrapper[data-realm=false] .ds-slider .ds-slider-arrow.ds-slider-prev::before,
.mb-wrapper[data-realm=sg] .ds-slider .ds-slider-arrow.ds-slider-prev::before {
    content: "<";
    font-size: 20px;
    font-weight: 700
}

.mb-wrapper[data-realm=false] .ds-slider .ds-slider-arrow.ds-slider-next::before,
.mb-wrapper[data-realm=sg] .ds-slider .ds-slider-arrow.ds-slider-next::before {
    content: ">";
    font-size: 20px;
    font-weight: 700
}

.mb-wrapper .ds-select-container {
    position: relative;
    margin-top: 4px
}

select:disabled+.mb-wrapper .ds-select-container {
    opacity: .5;
    pointer-events: none
}

.mb-wrapper .ds-select-container .ds-select-selected {
    cursor: pointer;
    border: thin solid var(--c-em-5xlow, rgba(0, 0, 0, .04));
    border-bottom: 3px solid var(--c-em-high);
    background-color: var(--form-bg);
    border-radius: var(--radius);
    padding: var(--form-padding, var(--spacing-xs) var(--spacing-s));
    height: var(--formfield-h, 48px);
    display: flex;
    align-items: start;
    justify-content: center;
    flex-direction: column;
    background-image: linear-gradient(45deg, transparent 50%, var(--c-em-med) 50%), linear-gradient(135deg, var(--c-em-med) 50%, transparent 50%), linear-gradient(to right, var(--c-em-4xlow), var(--c-em-4xlow));
    background-position: calc(100% - 16px) calc(var(--spacing-m)/ 1.3), calc(100% - 11px) calc(var(--spacing-m)/ 1.3), 100% 0;
    background-size: 5px 5px, 5px 5px, var(--spacing-l) 100%;
    background-repeat: no-repeat;
    padding-right: var(--spacing-xl)
}

.mb-wrapper .ds-select-container .ds-select-dropdown {
    position: absolute;
    width: 100%;
    background: var(--c-canvas-full, #fff);
    border: thin solid var(--c-em-3xlow);
    border-top: none;
    overflow-x: clip;
    z-index: 99;
    top: var(--formfield-h, 48px)
}

.mb-wrapper .ds-select-container .ds-select-dropdown:has(.ds-select-search) {
    top: 0
}

.mb-wrapper .ds-select-container .ds-select-dropdown:has(.ds-select-search)::after {
    content: "search";
    font-family: var(--font-icon);
    font-size: 22px;
    position: absolute;
    top: 7px;
    right: 8px;
    font-weight: 500
}

@keyframes spin {
    0% {
        transform: rotate(0)
    }
    100% {
        transform: rotate(360deg)
    }
}

.mb-wrapper .ds-select-container.loading .ds-select-dropdown::after {
    content: "cached";
    animation: spin 2s linear infinite
}

.mb-wrapper .ds-select-container .ds-select-options {
    max-height: 200px;
    overflow-y: auto;
    overflow-x: clip
}

.mb-wrapper .ds-select-container .ds-select-options::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 7px
}

.mb-wrapper .ds-select-container .ds-select-options::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: rgba(0, 0, 0, .5);
    -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, .5)
}

.mb-wrapper .ds-select-container .ds-select-search {
    width: 100%;
    padding: var(--spacing-xs) var(--spacing-s);
    min-height: var(--formfield-h, 48px);
    border: thin solid var(--c-em-5xlow, rgba(0, 0, 0, .04));
    border-bottom: 3px solid var(--c-em-high);
    background: var(--c-canvas-full, var(--c-em-full-contrast));
    padding: var(--form-padding, var(--spacing-xs) var(--spacing-s));
    padding-right: 36px;
    color: var(--c-em-med);
    outline: 0
}

.mb-wrapper .ds-select-container .ds-select-option {
    color: var(--c-em-high);
    padding: var(--form-padding, var(--spacing-xs) var(--spacing-s));
    cursor: pointer
}

.mb-wrapper .ds-select-container .ds-select-option:hover {
    background: var(--c-em-3xlow)
}

.mb-wrapper .ds-select-container .ds-select-option.selected {
    background: var(--c-button);
    color: var(--c-button-copy)
}

.mb-wrapper .ds-select-container .ds-select-tag {
    display: inline-block;
    background: var(--c-button);
    color: var(--c-button-copy);
    padding: 3px 8px;
    margin: 2px;
    border-radius: 3px;
    font-size: 12px
}

.mb-wrapper .ds-select-container .ds-select-option.disabled {
    display: none
}

.mb-wrapper .ds-select-container .product-result {
    display: flex;
    flex-wrap: wrap;
    gap: 8px
}

.mb-wrapper .ds-slider.mb-recognition-callout[data-slider-theme=dsb] {
    text-align: center;
    padding-bottom: var(--spacing-l);
    background-color: #fff
}

.-darkmode .mb-wrapper .ds-slider.mb-recognition-callout[data-slider-theme=dsb],
[data-theme=dark] .mb-wrapper .ds-slider.mb-recognition-callout[data-slider-theme=dsb] {
    background: #000
}

.-darkmode .mb-wrapper .ds-slider.mb-recognition-callout[data-slider-theme=dsb]>h2,
[data-theme=dark] .mb-wrapper .ds-slider.mb-recognition-callout[data-slider-theme=dsb]>h2 {
    color: #fff
}

.mb-wrapper .ds-slider.mb-recognition-callout[data-slider-theme=dsb]>h2 {
    order: 1;
    font-weight: 700;
    color: #000
}

.mb-wrapper .ds-slider.mb-recognition-callout[data-slider-theme=dsb] .button-wrapper:empty {
    display: none
}

.mb-wrapper .ds-slider.mb-recognition-callout[data-slider-theme=dsb]>.ds-slider-controls {
    order: 2;
    justify-content: center;
    margin-bottom: var(--spacing-2xl)
}

.mb-wrapper .ds-slider.mb-recognition-callout[data-slider-theme=dsb]>.ds-slider-controls>* {
    margin: 0
}

.mb-wrapper .ds-slider.mb-recognition-callout[data-slider-theme=dsb]>.ds-slider-controls .ds-slider-prev {
    order: 1
}

.mb-wrapper .ds-slider.mb-recognition-callout[data-slider-theme=dsb]>.ds-slider-controls .ds-slider-index {
    order: 2
}

.mb-wrapper .ds-slider.mb-recognition-callout[data-slider-theme=dsb]>.ds-slider-controls .ds-slider-next {
    order: 3
}

.mb-wrapper .ds-slider.mb-recognition-callout[data-slider-theme=dsb]>.ds-slides {
    order: 3;
    gap: var(--spacing-l)
}

.mb-wrapper .ds-slider.mb-recognition-callout[data-slider-theme=dsb]>.ds-slides .ds-slide:nth-child(3n+1) {
    background-color: var(--c-matcha)
}

.mb-wrapper .ds-slider.mb-recognition-callout[data-slider-theme=dsb]>.ds-slides .ds-slide:nth-child(3n+2) {
    background-color: var(--c-periwinkle)
}

.mb-wrapper .ds-slider.mb-recognition-callout[data-slider-theme=dsb]>.ds-slides .ds-slide:nth-child(3n) {
    background-color: var(--c-tangerine)
}

.mb-wrapper .ds-slider.mb-recognition-callout[data-slider-theme=dsb]>.ds-slides .ds-slide .mb-banner .inside .copy {
    width: 100%;
    text-align: left
}

.mb-wrapper .ds-slider.mb-recognition-callout[data-slider-theme=dsb]>.ds-slides .ds-slide .mb-banner .inside .copy h1,
.mb-wrapper .ds-slider.mb-recognition-callout[data-slider-theme=dsb]>.ds-slides .ds-slide .mb-banner .inside .copy h2,
.mb-wrapper .ds-slider.mb-recognition-callout[data-slider-theme=dsb]>.ds-slides .ds-slide .mb-banner .inside .copy h3 {
    color: #000;
    font-size: clamp(28px, 2.8vw, 40px);
    font-weight: 700
}

.mb-wrapper .ds-slider.mb-recognition-callout[data-slider-theme=dsb]>.ds-slides .ds-slide .mb-banner .inside .copy p {
    color: #000;
    font-size: clamp(20px, 1.95vw, 28px);
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
    text-overflow: ellipsis;
    text-wrap: auto;
    line-height: normal
}

.mb-wrapper .ds-slider.mb-recognition-callout[data-slider-theme=dsb]>.ds-slides .ds-slide .mb-banner .inside .copy:not(:has(.subheadline-imagery)):before {
    content: "";
    display: block;
    height: 45px;
    width: 60px;
    background: url('data:image/svg+xml,<svg width="60" height="47" viewBox="0 0 60 47" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 46.9564V35.2893C7.77805 35.0012 10.6588 31.8324 10.6588 25.9268V25.2066H1.00827V0H26.503V17.2845C26.503 38.3141 16.7084 46.5242 0 46.9564ZM32.6966 46.9564V35.2893C40.4747 35.0012 43.3554 31.8324 43.3554 25.9268V25.2066H33.7049V0H59.1996V17.2845C59.1996 38.3141 49.405 46.5242 32.6966 46.9564Z" fill="%23000000"/></svg>');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    opacity: .3;
    margin-bottom: var(--spacing-8xl)
}

.mb-wrapper .ds-slider.mb-recognition-callout[data-slider-theme=dsb]>.ds-slides .ds-slide .mb-banner .inside .copy:has(.subheadline-imagery) {
    display: flex;
    flex-direction: column
}

.mb-wrapper .ds-slider.mb-recognition-callout[data-slider-theme=dsb]>.ds-slides .ds-slide .mb-banner .inside .copy:has(.subheadline-imagery) .subheadline-imagery {
    order: -1;
    margin-bottom: var(--spacing-8xl)
}

.mb-banner :where(.inside:first-child:last-child)>.copy {
    width: 100%
}

.mb-banner.-linked {
    cursor: pointer
}

.mb-module-interface .mb-banner {
    position: relative
}

.mb-module-interface .mb-banner,
.mb-module-interface .mb-banner a[href] {
    pointer-events: none !important;
    cursor: default
}

.mb-banner picture img,
.mb-banner picture video {
    display: block;
    margin: auto
}

.mb-banner picture video {
    max-width: 100%;
    background-color: var(--c-em-3xlow)
}

.mb-banner a.picture+.inside {
    pointer-events: none
}

.mb-banner .subheadline-imagery {
    display: block;
    margin-bottom: var(--spacing-s)
}

.mb-banner .subheadline-imagery img {
    display: inline-block
}

.mb-banner .copy>* {
    color: var(--c-em-med)
}

.mb-banner .copy ul {
    list-style-type: none
}

.mb-banner .copy ul li {
    padding-left: 16px;
    position: relative
}

.mb-banner .copy ul li:before {
    content: "•";
    display: inline-block;
    position: absolute;
    left: 0;
    color: var(--mb-c-accent)
}

.mb-banner .copy ol {
    margin-bottom: var(--spacing-m)
}

.mb-banner .copy p:empty {
    display: none
}

.mb-banner.-textalign-center .copy * {
    margin-left: auto;
    margin-right: auto
}

.mb-banner.-textalign-left .copy * {
    margin-right: auto
}

.mb-banner.-textalign-right .copy * {
    margin-left: auto
}

.mb-banner h1,
.mb-banner h2,
.mb-banner h3 {
    text-wrap: balance
}

.mb-banner p {
    text-wrap: balance
}

.mb-banner p a {
    text-decoration: underline;
    text-underline-offset: 2px
}

.mb-banner .subtitle a,
.mb-banner h1 a,
.mb-banner h2 a,
.mb-banner h3 a,
.mb-banner h4 a {
    all: inherit;
    pointer-events: all
}

.mb-banner .subtitle a:focus,
.mb-banner .subtitle a:hover,
.mb-banner h1 a:focus,
.mb-banner h1 a:hover,
.mb-banner h2 a:focus,
.mb-banner h2 a:hover,
.mb-banner h3 a:focus,
.mb-banner h3 a:hover,
.mb-banner h4 a:focus,
.mb-banner h4 a:hover {
    cursor: pointer;
    text-decoration: underline;
    text-underline-offset: 2px
}

.mb-banner.bullets-between .copy ul li {
    padding-left: 0
}

.mb-banner.bullets-between .copy ul li:before {
    display: block;
    position: relative;
    text-align: center;
    margin: var(--spacing-xs) 0
}

.mb-banner.bullets-between .copy ul li:nth-of-type(1)::before {
    display: none
}

.mb-banner.-image-fill picture {
    overflow: hidden
}

.mb-banner.-image-fill picture img,
.mb-banner.-image-fill picture video {
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    object-fit: cover;
    max-width: none;
    max-height: none
}

.pdp-wrapper.-v2 .mb-banner h2::after {
    content: "";
    height: 4px;
    background: var(--mb-c-accent);
    width: 110px;
    display: block;
    margin: var(--spacing-s) auto 0
}

.mb-banner.-border-radius-xs picture {
    overflow: hidden;
    border-radius: var(--mb-radius-xs, 3px)
}

.mb-banner.-border-radius-s picture {
    overflow: hidden;
    border-radius: var(--mb-radius-l, 6px)
}

.mb-banner.-border-radius-m picture {
    overflow: hidden;
    border-radius: var(--mb-radius-m, 11px)
}

.mb-banner.-border-radius-l picture {
    overflow: hidden;
    border-radius: var(--mb-radius-l, 22px)
}

.mb-banner.-image-placement-behind.-border-radius-xs {
    overflow: hidden;
    border-radius: var(--mb-radius-xs, 3px)
}

.mb-banner.-image-placement-behind.-border-radius-s {
    overflow: hidden;
    border-radius: var(--mb-radius-l, 6px)
}

.mb-banner.-image-placement-behind.-border-radius-m {
    overflow: hidden;
    border-radius: var(--mb-radius-m, 11px)
}

.mb-banner.-image-placement-behind.-border-radius-l {
    overflow: hidden;
    border-radius: var(--mb-radius-l, 22px)
}

@keyframes revealSectionMbImgParallaxX {
    0% {
        opacity: 1;
        transform: translateX(0)
    }
    100% {
        opacity: 1;
        transform: translateX(-64px)
    }
}

@keyframes revealSectionMbImgParallaxY {
    0% {
        opacity: 1;
        transform: translateY(-32px)
    }
    100% {
        opacity: 1;
        transform: translateY(32px)
    }
}

.mb-wrapper .thumb-link img {
    object-fit: contain
}

.mb-wrapper .-mb-parallax-x picture,
.mb-wrapper .-mb-parallax-xr picture {
    overflow: clip;
    display: flex;
    width: 100%
}

@supports (animation-timeline:--true) {
    @media (prefers-reduced-motion: no-preference) {
        .mb-wrapper .-mb-parallax-x picture img, .mb-wrapper .-mb-parallax-x picture video, .mb-wrapper .-mb-parallax-xr picture img, .mb-wrapper .-mb-parallax-xr picture video {
            min-width:calc(100% + 64px);
            width: calc(100% + 64px);
            max-width: none;
            object-fit: contain;
            view-timeline-name: --revealing-MbImgParallaxX;
            view-timeline-axis: block;
            animation: linear revealSectionMbImgParallaxX both;
            animation-timeline: --revealing-MbImgParallaxX;
            animation-range: entry 0 cover 100%
        }
    }
}

.mb-wrapper .-mb-parallax-y picture,
.mb-wrapper .-mb-parallax-yr picture {
    overflow: clip;
    display: flex;
    width: 100%;
    clip-path: inset(32px 0 32px 0);
    margin-block: -32px
}

@supports (animation-timeline:--true) {
    @media (prefers-reduced-motion: no-preference) {
        .mb-wrapper .-mb-parallax-y picture img, .mb-wrapper .-mb-parallax-y picture video, .mb-wrapper .-mb-parallax-yr picture img, .mb-wrapper .-mb-parallax-yr picture video {
            width:100%;
            view-timeline-name: --revealing-MbImgParallaxY;
            view-timeline-axis: block;
            animation: linear revealSectionMbImgParallaxY both;
            animation-timeline: --revealing-MbImgParallaxY;
            animation-range: entry 0 cover 100%
        }
    }
}

.mb-wrapper .-mb-parallax-xr picture img,
.mb-wrapper .-mb-parallax-yr picture img {
    animation-direction: reverse
}

@keyframes revealSectionCopy {
    0%,
    10% {
        opacity: 0;
        transform: translateY(-32px)
    }
    20%,
    80% {
        opacity: 1;
        transform: translateY(0)
    }
    100%,
    90% {
        opacity: 1;
        transform: translateY(32px)
    }
}

@supports (animation-timeline:--true) {
    @media (prefers-reduced-motion: no-preference) {
        .mb-wrapper .-anim .copy, .mb-wrapper .-anim picture {
            view-timeline-name:--revealing-Copy;
            view-timeline-axis: block;
            animation: linear revealSectionCopy both;
            animation-timeline: --revealing-Copy;
            animation-range: entry 0 cover 100%
        }
    }
}

.mb-wrapper .-subscribe :where(.form-combo) {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 2px solid var(--c-accent);
    border-radius: calc(var(--button-radius) + 4px);
    padding-right: 4px
}

.mb-wrapper .-subscribe :where(.form-combo) :where(input.email) {
    min-height: 48px;
    background: 0 0;
    border: 0;
    padding: 0 16px;
    min-width: 260px;
    outline: 0;
    color: var(--c-em-high)
}

.mb-wrapper .-subscribe :where(.form-combo) input.email:placeholder {
    color: var(--c-em-low)
}

.mb-wrapper .-subscribe :where(.form-combo) :where(.cta) {
    margin: 4px
}

.mb-wrapper .-subscribe :where(.form-combo) .cta.-pending {
    color: transparent;
    position: relative
}

.mb-wrapper .-subscribe :where(.form-combo) .cta.-pending::before {
    content: " ";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: center center no-repeat;
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' style='margin: auto; background: none; display: block; shape-rendering: auto; animation-play-state: running; animation-delay: 0s;' width='38px' height='38px' viewBox='0 0 100 100' preserveAspectRatio='xMidYMid'%3E%3Ccircle cx='84' cy='50' r='10' fill='%23ffffff' style='animation-play-state: running; animation-delay: 0s;'%3E%3Canimate attributeName='r' repeatCount='indefinite' dur='0.5208333333333334s' calcMode='spline' keyTimes='0;1' values='10;0' keySplines='0 0.5 0.5 1' begin='0s' style='animation-play-state: running; animation-delay: 0s;'%3E%3C/animate%3E%3Canimate attributeName='fill' repeatCount='indefinite' dur='2.0833333333333335s' calcMode='discrete' keyTimes='0;0.25;0.5;0.75;1' values='%23ffffff;%23ffffff;%23ffffff;%23ffffff;%23ffffff' begin='0s' style='animation-play-state: running; animation-delay: 0s;'%3E%3C/animate%3E%3C/circle%3E%3Ccircle cx='16' cy='50' r='10' fill='%23ffffff' style='animation-play-state: running; animation-delay: 0s;'%3E%3Canimate attributeName='r' repeatCount='indefinite' dur='2.0833333333333335s' calcMode='spline' keyTimes='0;0.25;0.5;0.75;1' values='0;0;10;10;10' keySplines='0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1' begin='0s' style='animation-play-state: running; animation-delay: 0s;'%3E%3C/animate%3E%3Canimate attributeName='cx' repeatCount='indefinite' dur='2.0833333333333335s' calcMode='spline' keyTimes='0;0.25;0.5;0.75;1' values='16;16;16;50;84' keySplines='0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1' begin='0s' style='animation-play-state: running; animation-delay: 0s;'%3E%3C/animate%3E%3C/circle%3E%3Ccircle cx='50' cy='50' r='10' fill='%23ffffff' style='animation-play-state: running; animation-delay: 0s;'%3E%3Canimate attributeName='r' repeatCount='indefinite' dur='2.0833333333333335s' calcMode='spline' keyTimes='0;0.25;0.5;0.75;1' values='0;0;10;10;10' keySplines='0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1' begin='-0.5208333333333334s' style='animation-play-state: running; animation-delay: 0s;'%3E%3C/animate%3E%3Canimate attributeName='cx' repeatCount='indefinite' dur='2.0833333333333335s' calcMode='spline' keyTimes='0;0.25;0.5;0.75;1' values='16;16;16;50;84' keySplines='0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1' begin='-0.5208333333333334s' style='animation-play-state: running; animation-delay: 0s;'%3E%3C/animate%3E%3C/circle%3E%3Ccircle cx='84' cy='50' r='10' fill='%23ffffff' style='animation-play-state: running; animation-delay: 0s;'%3E%3Canimate attributeName='r' repeatCount='indefinite' dur='2.0833333333333335s' calcMode='spline' keyTimes='0;0.25;0.5;0.75;1' values='0;0;10;10;10' keySplines='0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1' begin='-1.0416666666666667s' style='animation-play-state: running; animation-delay: 0s;'%3E%3C/animate%3E%3Canimate attributeName='cx' repeatCount='indefinite' dur='2.0833333333333335s' calcMode='spline' keyTimes='0;0.25;0.5;0.75;1' values='16;16;16;50;84' keySplines='0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1' begin='-1.0416666666666667s' style='animation-play-state: running; animation-delay: 0s;'%3E%3C/animate%3E%3C/circle%3E%3Ccircle cx='16' cy='50' r='10' fill='%23ffffff' style='animation-play-state: running; animation-delay: 0s;'%3E%3Canimate attributeName='r' repeatCount='indefinite' dur='2.0833333333333335s' calcMode='spline' keyTimes='0;0.25;0.5;0.75;1' values='0;0;10;10;10' keySplines='0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1' begin='-1.5625s' style='animation-play-state: running; animation-delay: 0s;'%3E%3C/animate%3E%3Canimate attributeName='cx' repeatCount='indefinite' dur='2.0833333333333335s' calcMode='spline' keyTimes='0;0.25;0.5;0.75;1' values='16;16;16;50;84' keySplines='0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1' begin='-1.5625s' style='animation-play-state: running; animation-delay: 0s;'%3E%3C/animate%3E%3C/circle%3E%3C/svg%3E");
    background-size: contain;
    color: transparent
}

.mb-wrapper .-subscribe :where(.form-combo) .cta.-pending::before {
    background-size: 32px
}

.mb-wrapper .-subscribe .form-terms {
    margin-top: var(--spacing-m)
}

.mb-wrapper .-subscribe .form-terms+.form-terms {
    margin-top: var(--spacing-xs)
}

.mb-wrapper .-subscribe .form-terms label {
    color: var(--c-em-high)
}

.mb-wrapper .-subscribe .form-terms a {
    text-decoration: underline;
    color: var(--c-em-high) !important
}

.mb-wrapper .-subscribe .form-terms input[type=checkbox]+label:after {
    border-color: var(--c-em-high);
    background-size: 10px;
    background-repeat: no-repeat;
    background-position: center center
}

.mb-iconicbanner {
    position: relative
}

.mb-iconicbanner :where(h1,
h2,
h3,
h4) {
    text-transform: uppercase;
    line-height: var(--f-h-lh, .9)
}

.mb-iconicbanner .ds-banner[data-dim=light] .ds-banner--picture img,
.mb-iconicbanner .ds-banner[data-dim=light] .ds-banner--picture video,
.mb-iconicbanner .ds-banner[data-dim=true] .ds-banner--picture img,
.mb-iconicbanner .ds-banner[data-dim=true] .ds-banner--picture video {
    opacity: .6
}

.mb-iconicbanner .ds-banner[data-dim=heavy] .ds-banner--picture img,
.mb-iconicbanner .ds-banner[data-dim=heavy] .ds-banner--picture video {
    opacity: .38
}

.mb-iconicbanner .ds-banner.-hp {
    max-width: 100vw;
    margin: 0
}

.mb-iconicbanner .ds-banner .ds-banner--subtitle {
    order: 200;
    font-size: var(--f-xl)
}

.mb-iconicbanner .ds-banner .js-playback {
    min-width: 48px;
    max-width: 48px
}

.mb-iconicbanner .ds-banner.-fcp .js-playback {
    top: 0;
    right: 0
}

.mb-iconicbanner .ds-banner.-fcp.-image-placement-bottom .js-playback {
    top: auto;
    bottom: 0
}

.mb-iconicbanner .ds-banner.-fcp.-image-placement-left .js-playback {
    left: calc(50% - 48px);
    right: auto
}

.mb-iconicbanner .ds-banner.-fcp .ds-banner--inside .bg-video>img {
    height: 100%;
    width: 100%;
    object-fit: cover
}

.mb-iconicbanner .ds-banner.-fcp .product-tile {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.mb-iconicbanner .ds-banner.-fcp .product-tile .product-image {
    height: 100%
}

.mb-iconicbanner .ds-banner.-fcp .product-tile .product-image .thumb-link {
    display: flex;
    height: 100%;
    width: 100%
}

.mb-iconicbanner .ds-banner.-fcp .product-tile .product-info {
    padding-top: var(--side-offset);
    margin-top: auto
}

.mb-iconicbanner .ds-banner.-fcp .product-tile .bottom,
.mb-iconicbanner .ds-banner.-fcp .product-tile .product-info {
    padding-inline: var(--side-offset)
}

.mb-iconicbanner .ds-banner.-fcp .product-tile .bottom {
    padding-bottom: var(--side-offset)
}

.mb-iconicbanner .ds-banner.-fcp[data-theme=e] {
    background-image: none;
    --color: #000;
    --bg: var(--c-cream);
    --canvas: var(--c-cream);
    --c-button: black;
    --c-button-border: black;
    --c-button-border-hover: black;
    --c-button-copy: white
}

.mb-iconicbanner .ds-banner.-fcp[data-theme=e] .ds-banner--inside>video {
    display: none
}

.mb-iconicbanner .ds-banner.-fcp[data-theme=e] .ds-sticker {
    display: none
}

.mb-iconicbanner .ds-banner.-fcp[data-theme=e][data-headline-size=lg] .ds-headline,
.mb-iconicbanner .ds-banner.-fcp[data-theme=e][data-headline-size=xl] .ds-headline {
    font-stretch: condensed;
    font-weight: 600
}

.mb-iconicbanner .ds-banner.-fcp[data-theme=e] .ds-banner--inside {
    background-image: none
}

.mb-iconicbanner .ds-banner.-fcp[data-theme=d] {
    --bg: var(--c-em-full);
    --canvas: black;
    --color: white;
    --c-button: white;
    --c-button-border: white;
    --c-button-border-hover: white;
    --c-button-copy: black
}

.mb-iconicbanner .ds-banner.-fcp[data-theme=d] .ds-banner--inside {
    background: var(--bg) url(../media/fcp-dark-bg.webp) no-repeat;
    background-size: cover
}

.mb-iconicbanner .ds-banner.-fcp[data-theme=d] :where(h2,
h3,
.ds-headline) {
    color: var(--c-periwinkle-l)
}

.mb-iconicbanner .ds-banner.-fcp[data-theme=d] .ds-banner--inside>video {
    display: none
}

.mb-iconicbanner .ds-banner.-fcp[data-theme=d] .ds-sticker {
    display: block
}

.mb-iconicbanner .ds-banner.-fcp .ds-banner--copy * {
    color: currentColor
}

.mb-iconicbanner .ds-banner.-fcp .ds-banner--copy .cta {
    color: var(--c-button-copy);
    border-color: var(--c-button-border);
    background-color: var(--c-button)
}

.mb-iconicbanner .ds-banner.-fcp h2 {
    font-size: clamp(28px, 3cqw, var(--f-h5));
    font-family: var(--font-headline);
    font-stretch: condensed;
    font-weight: 600;
    text-wrap: balance;
    order: 100;
    margin-bottom: .25em
}

.mb-iconicbanner .ds-banner--inside .grid-tile {
    min-width: 100%;
    height: 100%
}

.mb-iconicbanner .ds-banner--inside .grid-tile .color-swatches {
    width: 100%;
    max-width: 428px;
    padding-inline: 16px
}

.mb-iconicbanner .ds-banner--inside .grid-tile:nth-of-type(n+3) {
    display: none !important
}

.mb-wrapper .js-playback {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    aspect-ratio: 1/1;
    position: absolute;
    top: var(--spacing-s);
    right: var(--spacing-s);
    z-index: 9;
    pointer-events: all;
    color: var(--c-em-full);
    border: 0;
    outline: 0;
    background-color: transparent;
    cursor: pointer
}

.mb-technologycallout .ds-technology-overlay[data-theme=a],
.mb-technologycallout .ds-technology-overlay[data-theme=a] .ds-technology-overlay {
    --bg: var(--c-periwinkle)
}

.mb-technologycallout .ds-technology-overlay[data-theme=b],
.mb-technologycallout .ds-technology-overlay[data-theme=b] .ds-technology-overlay {
    --bg: var(--c-matcha)
}

.mb-technologycallout .ds-technology-overlay[data-theme=c],
.mb-technologycallout .ds-technology-overlay[data-theme=c] .ds-technology-overlay {
    --bg: var(--c-tangerine)
}

.mb-wrapper .ds-technology-card {
    aspect-ratio: 9/12;
    width: 100%;
    max-width: clamp(200px, calc(100vw - var(--side-offset) - var(--side-offset)), 460px)
}

.mb-wrapper .ds-technology-card video+img {
    display: none
}

.mb-sbsbanner {
    max-width: min(824px, 100vw);
    margin: 0 auto
}

.mb-sbsbanner .ds-banner {
    width: 100%
}

.mb-sbsbanner .ds-banner .ds-banner--picture {
    overflow: hidden;
    aspect-ratio: 375/443
}

.mb-sbsbanner .ds-banner .ds-banner--picture img,
.mb-sbsbanner .ds-banner .ds-banner--picture video {
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: center
}

.mb-sbsbanner .ds-banner .ds-banner--inside {
    grid-row: 1/-1;
    height: 100%;
    justify-content: flex-end;
    background: linear-gradient(70deg, rgba(0, 0, 0, .75) 0, rgba(0, 0, 0, 0) 75%)
}

.mb-sbsbanner .ds-banner .ds-banner--inside .ds-banner--copy {
    background: linear-gradient(0deg, rgba(0, 0, 0, .5) 30%, rgba(0, 0, 0, 0) 100%);
    text-align: left;
    justify-content: start;
    align-items: start;
    max-width: none;
    padding: var(--spacing-s) var(--spacing-s) var(--spacing-m);
    display: flex;
    flex-direction: column;
    margin-block: auto 0;
    width: 100%;
    padding-right: max(5%, 8px)
}

.mb-sbsbanner .ds-banner .ds-banner--inside .ds-banner--copy .ds-headline {
    color: #fff;
    font-weight: 700;
    margin-bottom: var(--spacing-xs);
    font-size: clamp(40px, 4.5vw, 56px);
    text-wrap: pretty;
    padding-top: 4px;
    overflow: clip;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4
}

.mb-sbsbanner .ds-banner .ds-banner--inside .ds-banner--copy .ds-banner--subtitle {
    color: #fff
}

.mb-sbsbanner .ds-banner .ds-banner--inside .ds-banner--copy .ds-banner--body {
    color: #fff
}

.mb-sbsbanner .ds-banner .ds-banner--inside .ds-banner--copy .ds-banner--button-wrapper .cta {
    background-color: #fff;
    color: #000;
    border-color: #fff
}

.mb-sbsbanner .ds-banner .ds-banner--inside .ds-banner--copy .ds-banner--button-wrapper .cta:hover {
    background: 0 0;
    color: #fff
}

.mb-columns:has(.mb-sbsbanner) .mb-column:has(.mb-sbsbanner) .mb-sbsbanner {
    display: flex;
    align-items: stretch;
    justify-content: stretch
}

.mb-wrapper .js-playback {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    aspect-ratio: 1/1;
    position: absolute;
    top: var(--spacing-s);
    right: var(--spacing-s);
    z-index: 9;
    pointer-events: all;
    color: var(--c-em-full);
    border: 0;
    outline: 0;
    background-color: transparent;
    cursor: pointer
}

.mb-banner.-canvas {
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start
}

.mb-banner.-canvas picture {
    overflow: hidden;
    position: sticky !important;
    top: var(--top-offset) !important;
    display: block;
    max-height: calc(100vh - var(--top-offset))
}

.mb-banner.-canvas picture video {
    max-width: var(--mb-sizing-max-page)
}

html[data-site] .mb-banner.-canvas picture {
    display: none !important
}

.mb-banner.-canvas .canvas-container {
    grid-area: 1/1/3/3;
    clip-path: polygon(0 0, 200% 0, 100% 100%, 0 100%);
    background: top center no-repeat;
    background-size: contain;
    position: sticky;
    top: calc(50vh - var(--top-offset));
    z-index: 0;
    order: -1
}

.mb-banner.-canvas .canvas-container canvas {
    max-width: 100%
}

.mb-banner.-canvas .inside {
    z-index: 1
}

.mb-banner.-canvas .inside .copy {
    position: sticky;
    top: var(--top-offset)
}

html[data-site] .mb-banner.-canvas .inside {
    justify-content: flex-start;
    padding-top: var(--spacing-l)
}

html[data-site] .mb-banner.-canvas .inside .copy {
    top: 50%
}

html:not([data-site]) .mb-banner.-canvas .canvas-container {
    display: none !important
}

.mb-banner.-canvas:not(.-image-placement-behind) .inside {
    background: 0 0;
    position: sticky;
    top: calc(56.25vw + var(--top-offset) - var(--spacing-m))
}

.mb-banner.-canvas:not(.-image-placement-behind) .inside .copy {
    width: 100%
}

.mb-banner.-canvas:not(.-image-placement-behind) .canvas-container {
    aspect-ratio: calc(16/9);
    border-radius: 6px
}

.mb-banner.-canvas:not(.-image-placement-behind) canvas {
    border-radius: 6px;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.mb-banner.-canvas.-image-placement-behind {
    flex-direction: column;
    justify-content: flex-start
}

html[data-site] .mb-banner.-canvas.-image-placement-behind .canvas-container,
html[data-site] .mb-banner.-canvas.-image-placement-behind picture {
    top: var(--top-offset);
    display: flex;
    align-items: flex-start;
    width: 100%;
    overflow: hidden
}

html[data-site] .mb-banner.-canvas.-image-placement-behind .canvas-container canvas,
html[data-site] .mb-banner.-canvas.-image-placement-behind .canvas-container img,
html[data-site] .mb-banner.-canvas.-image-placement-behind picture canvas,
html[data-site] .mb-banner.-canvas.-image-placement-behind picture img {
    width: 100%
}

[data-site=GBL] .mb-wrapper .product-pricing {
    display: none !important
}

.search-result-items.tiles-container.mb-tiles-container.-v2 {
    clear: both;
    flex-wrap: wrap;
    display: grid;
    min-width: 0;
    min-height: 0;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    grid-gap: var(--spacing-m);
    line-height: 1.4;
    margin-bottom: var(--spacing-s);
    text-align: center
}

.search-result-items.tiles-container.mb-tiles-container.-v2[data-slides-lg] {
    display: block;
    overflow: clip
}

.search-result-items.tiles-container.mb-tiles-container.-v2[data-slides-lg] .slick-slide>div {
    padding: 0 var(--spacing-s)
}

.search-result-items.tiles-container.mb-tiles-container.-v2#search-result-items .product-tile {
    border: 0
}

.search-result-items.tiles-container.mb-tiles-container.-v2:before {
    display: none
}

.search-result-items.tiles-container.mb-tiles-container.-v2 .customizeButton_container .btn img {
    max-width: 24px
}

.search-result-items.tiles-container.mb-tiles-container.-v2 .cartButton_container90 {
    margin-bottom: 0
}

.search-result-items.tiles-container.mb-tiles-container.-v2 .headline,
.search-result-items.tiles-container.mb-tiles-container.-v2 h2,
.search-result-items.tiles-container.mb-tiles-container.-v2 h3 {
    font-size: 26px;
    font-family: var(--font-headline, var(--font-headline-system));
    margin: 0 auto var(--spacing-s);
    text-align: center
}

.search-result-items.tiles-container.mb-tiles-container.-v2 .grid-tile,
.search-result-items.tiles-container.mb-tiles-container.-v2 .promoslot_content {
    position: relative;
    margin: 0;
    padding: 0;
    border-radius: 3px;
    line-height: 24px;
    box-shadow: none
}

.search-result-items.tiles-container.mb-tiles-container.-v2 .product-tile {
    position: relative;
    height: auto;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    color: var(--c-em-med);
    text-align: center;
    pointer-events: none
}

.search-result-items.tiles-container.mb-tiles-container.-v2 .product-tile a {
    pointer-events: all
}

.mb-module-interface .search-result-items.tiles-container.mb-tiles-container.-v2 .product-tile a {
    pointer-events: none
}

.search-result-items.tiles-container.mb-tiles-container.-v2 .product-tile * {
    color: inherit
}

.search-result-items.tiles-container.mb-tiles-container.-v2 .product-tile .product-badges {
    right: auto;
    left: -6px;
    top: -6px
}

.search-result-items.tiles-container.mb-tiles-container.-v2 .product-tile .product-image {
    border-radius: 3px 3px 0 0;
    margin: 0;
    text-align: center;
    padding: 0 0 32px;
    background-color: #eceff2
}

[data-realm=sfra] .search-result-items.tiles-container.mb-tiles-container.-v2 .product-tile .product-image {
    background-color: var(--c-em-4xlow)
}

.search-result-items.tiles-container.mb-tiles-container.-v2 .product-tile .product-image,
.search-result-items.tiles-container.mb-tiles-container.-v2 .product-tile .product-image _:-ms-lang(x) {
    background-color: #fff
}

.search-result-items.tiles-container.mb-tiles-container.-v2 .product-tile .product-image .thumb-link {
    display: inline-block
}

.search-result-items.tiles-container.mb-tiles-container.-v2 .product-tile .product-image .thumb-link img {
    mix-blend-mode: multiply;
    width: 270px;
    object-fit: contain
}

.search-result-items.tiles-container.mb-tiles-container.-v2 .product-tile .product-image .btn {
    opacity: 0
}

.search-result-items.tiles-container.mb-tiles-container.-v2 .product-tile .product-image .btn .ha {
    margin-left: 8px;
    display: inline-block
}

.search-result-items.tiles-container.mb-tiles-container.-v2 .product-tile .product-name {
    display: block;
    color: var(--c-em-headline);
    font-size: 15px;
    margin: 0 0 8px;
    line-height: 18px;
    min-height: 18px;
    max-height: 48px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    text-decoration: none
}

[data-realm=sg] .search-result-items.tiles-container.mb-tiles-container.-v2 .product-tile .product-name {
    font-weight: 700
}

.search-result-items.tiles-container.mb-tiles-container.-v2 .product-tile .product-name a {
    color: inherit;
    font-weight: inherit;
    margin: 0;
    font-size: inherit;
    text-decoration: none
}

.search-result-items.tiles-container.mb-tiles-container.-v2 .product-tile .product-description {
    color: inherit;
    font-size: 12px;
    line-height: 18px;
    max-height: 36px;
    min-height: 36px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}

.search-result-items.tiles-container.mb-tiles-container.-v2 .product-tile .product-pricing {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: var(--spacing-xs);
    height: auto;
    min-height: 24px;
    font-size: 15px;
    line-height: 18px;
    cursor: default;
    align-items: baseline;
    font-family: var(--font-body);
    font-size: var(--f-m)
}

[data-realm=sg] .search-result-items.tiles-container.mb-tiles-container.-v2 .product-tile .product-pricing {
    font-weight: 700
}

.search-result-items.tiles-container.mb-tiles-container.-v2 .product-tile .product-pricing .price-each,
.search-result-items.tiles-container.mb-tiles-container.-v2 .product-tile .product-pricing .product-sales-price {
    color: var(--c-pricing)
}

.search-result-items.tiles-container.mb-tiles-container.-v2 .product-tile .product-pricing .product-standard-price {
    font-weight: 400
}

.search-result-items.tiles-container.mb-tiles-container.-v2 .product-tile .product-pricing .price-strikethrough {
    opacity: .68;
    font-weight: 400;
    text-decoration: line-through;
    font-size: var(--f-m);
    margin-top: var(--spacing-2xs)
}

.search-result-items.tiles-container.mb-tiles-container.-v2 .product-tile .product-pricing .price-off-option {
    background-color: var(--mb-c-accent-safe);
    color: #fff;
    font-size: 12px;
    padding: 3px 10px;
    text-transform: uppercase;
    white-space: nowrap;
    font-weight: regular
}

.search-result-items.tiles-container.mb-tiles-container.-v2 .product-tile .product-rating {
    max-height: 34px;
    min-height: auto
}

.search-result-items.tiles-container.mb-tiles-container.-v2 .product-tile .product-rating>div {
    margin-bottom: 8px
}

.search-result-items.tiles-container.mb-tiles-container.-v2 .product-tile .product-rating [data-bv-show=inline_rating] .bv_main_container .bv_stars_svg_no_wrap svg {
    transform: scale(.85) !important;
    margin-right: -1px !important;
    margin-left: -1px !important
}

.search-result-items.tiles-container.mb-tiles-container.-v2 .product-tile .Installments {
    margin-bottom: 16px
}

.search-result-items.tiles-container.mb-tiles-container.-v2 .product-tile .availability-block,
.search-result-items.tiles-container.mb-tiles-container.-v2 .product-tile .product-promo {
    color: inherit;
    font-size: 12px;
    line-height: 1.1;
    margin-bottom: 0;
    max-height: none
}

.search-result-items.tiles-container.mb-tiles-container.-v2 .product-tile .availability-block>*,
.search-result-items.tiles-container.mb-tiles-container.-v2 .product-tile .product-promo>* {
    margin-bottom: 0
}

.search-result-items.tiles-container.mb-tiles-container.-v2 .product-tile .availability-block>*>*,
.search-result-items.tiles-container.mb-tiles-container.-v2 .product-tile .product-promo>*>* {
    margin-bottom: 12px
}

.search-result-items.tiles-container.mb-tiles-container.-v2 .product-tile .availability-block>*>a,
.search-result-items.tiles-container.mb-tiles-container.-v2 .product-tile .availability-block>*>font,
.search-result-items.tiles-container.mb-tiles-container.-v2 .product-tile .availability-block>*>span,
.search-result-items.tiles-container.mb-tiles-container.-v2 .product-tile .product-promo>*>a,
.search-result-items.tiles-container.mb-tiles-container.-v2 .product-tile .product-promo>*>font,
.search-result-items.tiles-container.mb-tiles-container.-v2 .product-tile .product-promo>*>span {
    display: inline-block
}

.search-result-items.tiles-container.mb-tiles-container.-v2 .product-tile .availability-block .availability,
.search-result-items.tiles-container.mb-tiles-container.-v2 .product-tile .product-promo .availability {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    max-height: none;
    margin: 0
}

.search-result-items.tiles-container.mb-tiles-container.-v2 .product-tile .availability-block .promotional-message,
.search-result-items.tiles-container.mb-tiles-container.-v2 .product-tile .product-promo .promotional-message {
    display: block;
    height: auto;
    max-height: none;
    font-size: inherit
}

.search-result-items.tiles-container.mb-tiles-container.-v2 .product-tile .availability-block .promotional-message+.promotional-message+.promotional-message+.promotional-message,
.search-result-items.tiles-container.mb-tiles-container.-v2 .product-tile .product-promo .promotional-message+.promotional-message+.promotional-message+.promotional-message {
    display: none
}

.search-result-items.tiles-container.mb-tiles-container.-v2 .product-tile .product-info {
    height: auto;
    overflow: initial;
    padding: var(--spacing-s) 16px 8px;
    display: flex;
    flex-direction: column;
    color: var(--c-em-med)
}

.search-result-items.tiles-container.mb-tiles-container.-v2 .product-tile .defaultCountdown {
    margin-bottom: var(--spacing-xs);
    background-color: #f5f6f7;
    max-width: none;
    width: 100%;
    height: auto;
    border: 0;
    margin-left: 0;
    margin-right: 0;
    padding-bottom: 10px;
    text-align: center
}

.search-result-items.tiles-container.mb-tiles-container.-v2 .product-tile .defaultCountdown>.dateValuePart {
    width: 48px;
    max-width: 22%;
    padding: 0 4px;
    margin: 0
}

.search-result-items.tiles-container.mb-tiles-container.-v2 .product-tile .defaultCountdown>.dateValuePart span {
    font-size: 12px;
    font-weight: 700;
    color: #000
}

.search-result-items.tiles-container.mb-tiles-container.-v2 .product-tile .defaultCountdown>.dateValuePart h4 {
    font-size: 7px;
    font-weight: 400;
    color: #000;
    overflow: hidden;
    text-overflow: ellipsis
}

.search-result-items.tiles-container.mb-tiles-container.-v2 .product-tile .defaultCountdown .timerText {
    position: relative;
    max-width: none;
    margin: 6px 0 -6px
}

.search-result-items.tiles-container.mb-tiles-container.-v2 .product-tile .defaultCountdown .timerText span {
    background-color: transparent;
    font-size: 9px;
    font-weight: regular;
    color: #000
}

.search-result-items.tiles-container.mb-tiles-container.-v2 .product-tile .bottom {
    margin-top: auto;
    padding: 0 var(--spacing-s) var(--spacing-s)
}

.search-result-items.tiles-container.mb-tiles-container.-v2 .product-tile .bottom .cartButton_container,
.search-result-items.tiles-container.mb-tiles-container.-v2 .product-tile .bottom .customizeButton_container {
    height: auto;
    display: flex;
    flex-direction: column;
    gap: 4px
}

.search-result-items.tiles-container.mb-tiles-container.-v2 .product-tile .bottom .cartButton_container .cta,
.search-result-items.tiles-container.mb-tiles-container.-v2 .product-tile .bottom .customizeButton_container .cta {
    display: block;
    width: 100%;
    text-align: center;
    border: 2px solid var(--mb-c-button-border);
    background-color: var(--mb-c-button);
    color: var(--mb-c-button-copy);
    cursor: pointer
}

.search-result-items.tiles-container.mb-tiles-container.-v2 .product-tile .bottom .cartButton_container .cta.-atc,
.search-result-items.tiles-container.mb-tiles-container.-v2 .product-tile .bottom .customizeButton_container .cta.-atc {
    display: inline-flex;
    align-items: center;
    gap: var(--spacing-2xs);
    display: flex;
    pointer-events: all
}

.search-result-items.tiles-container.mb-tiles-container.-v2 .product-tile .bottom .cartButton_container .cta.-atc::before,
.search-result-items.tiles-container.mb-tiles-container.-v2 .product-tile .bottom .customizeButton_container .cta.-atc::before {
    content: 'shopping_cart';
    font-family: 'Material Symbols Outlined', 'Material Icons', sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 1.5em;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    vertical-align: sub;
    -webkit-font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased;
    transform: translate(0, 0)
}

.search-result-items.tiles-container.mb-tiles-container.-v2 .product-tile .bottom .cartButton_container .cta:focus,
.search-result-items.tiles-container.mb-tiles-container.-v2 .product-tile .bottom .cartButton_container .cta:hover,
.search-result-items.tiles-container.mb-tiles-container.-v2 .product-tile .bottom .customizeButton_container .cta:focus,
.search-result-items.tiles-container.mb-tiles-container.-v2 .product-tile .bottom .customizeButton_container .cta:hover {
    border-color: var(--mb-c-button-hover-border);
    background-color: var(--mb-c-button-hover);
    color: var(--mb-c-button-hover-copy)
}

.search-result-items.tiles-container.mb-tiles-container.-v2 .product-tile .bottom .cartButton_container .cta.-secondary,
.search-result-items.tiles-container.mb-tiles-container.-v2 .product-tile .bottom .customizeButton_container .cta.-secondary {
    border-color: var(--mb-c-button);
    background-color: transparent;
    color: var(--c-body);
    backdrop-filter: saturate(120%) blur(8px)
}

.search-result-items.tiles-container.mb-tiles-container.-v2 .product-tile .bottom .cartButton_container .cta.-secondary:focus,
.search-result-items.tiles-container.mb-tiles-container.-v2 .product-tile .bottom .cartButton_container .cta.-secondary:hover,
.search-result-items.tiles-container.mb-tiles-container.-v2 .product-tile .bottom .customizeButton_container .cta.-secondary:focus,
.search-result-items.tiles-container.mb-tiles-container.-v2 .product-tile .bottom .customizeButton_container .cta.-secondary:hover {
    border-color: var(--mb-c-button);
    background-color: var(--mb-c-button);
    color: var(--mb-c-button-copy)
}

.search-result-items.tiles-container.mb-tiles-container.-v2 .product-tile .bottom .cartButton_container .cta[disabled],
.search-result-items.tiles-container.mb-tiles-container.-v2 .product-tile .bottom .customizeButton_container .cta[disabled] {
    background: var(--c-em-2xlow);
    border-color: transparent;
    color: var(--c-em-low);
    pointer-events: none
}

.search-result-items.tiles-container.mb-tiles-container.-v2 .product-tile .bottom .cartButton_container .cta[disabled]:before,
.search-result-items.tiles-container.mb-tiles-container.-v2 .product-tile .bottom .customizeButton_container .cta[disabled]:before {
    display: none
}

.search-result-items.tiles-container.mb-tiles-container.-v2 .product-tile .bottom .product-compare-check {
    margin-bottom: 18px;
    margin-top: -5px
}

.search-result-items.tiles-container.mb-tiles-container.-v2 .product-tile .bottom .checkbox label::before {
    top: 5px;
    width: 14px;
    height: 14px
}

.search-result-items.tiles-container.mb-tiles-container.-v2 .product-tile .bottom .checkbox label::after {
    left: -1px;
    top: -1px;
    font-size: 10px
}

.search-result-items.tiles-container.mb-tiles-container.-v2 .promoslot_content,
.search-result-items.tiles-container.mb-tiles-container.-v2 .tile-banner {
    position: relative;
    background: no-repeat top center;
    background-size: cover
}

.search-result-items.tiles-container.mb-tiles-container.-v2 .promoslot_content[data-orientation=bottom],
.search-result-items.tiles-container.mb-tiles-container.-v2 .tile-banner[data-orientation=bottom] {
    background-position: bottom center
}

.search-result-items.tiles-container.mb-tiles-container.-v2 .promoslot_content img,
.search-result-items.tiles-container.mb-tiles-container.-v2 .tile-banner img {
    min-height: 100%;
    min-width: 100%;
    max-width: none;
    width: auto
}

.search-result-items.tiles-container.mb-tiles-container.-v2 .promoslot_content .button-wrapper,
.search-result-items.tiles-container.mb-tiles-container.-v2 .promoslot_content .promoButtonsContainor,
.search-result-items.tiles-container.mb-tiles-container.-v2 .tile-banner .button-wrapper,
.search-result-items.tiles-container.mb-tiles-container.-v2 .tile-banner .promoButtonsContainor {
    display: block;
    position: absolute;
    bottom: 16px;
    left: 16px;
    right: 16px;
    text-align: center
}

.search-result-items.tiles-container.mb-tiles-container.-v2 .promoslot_content .button-wrapper .cta,
.search-result-items.tiles-container.mb-tiles-container.-v2 .promoslot_content .promoButtonsContainor .cta,
.search-result-items.tiles-container.mb-tiles-container.-v2 .tile-banner .button-wrapper .cta,
.search-result-items.tiles-container.mb-tiles-container.-v2 .tile-banner .promoButtonsContainor .cta {
    width: 100%
}

.search-result-items.tiles-container.mb-tiles-container.-v2 .promoslot_content.promoslot_content,
.search-result-items.tiles-container.mb-tiles-container.-v2 .tile-banner.promoslot_content {
    overflow: hidden;
    border-radius: 3px;
    box-shadow: var(--elevation-2), var(--elevation-base);
    box-shadow: var(--elevation-2)
}

.search-result-items.tiles-container.mb-tiles-container.-v2 .promoslot_content.promoslot_content .module-tile-slides,
.search-result-items.tiles-container.mb-tiles-container.-v2 .tile-banner.promoslot_content .module-tile-slides {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    border: 0
}

.search-result-items.tiles-container.mb-tiles-container.-v2 .promoslot_content.promoslot_content .module-tile-slides>a,
.search-result-items.tiles-container.mb-tiles-container.-v2 .tile-banner.promoslot_content .module-tile-slides>a {
    display: block;
    z-index: 1;
    height: 100%;
    width: 100%;
    position: relative
}

.search-result-items.tiles-container.mb-tiles-container.-v2 .promoslot_content.promoslot_content .module-tile-slides .promoButtonsContainor,
.search-result-items.tiles-container.mb-tiles-container.-v2 .tile-banner.promoslot_content .module-tile-slides .promoButtonsContainor {
    z-index: 2
}

.search-result-items.tiles-container.mb-tiles-container.-v2 .promoslot_content.promoslot_content img,
.search-result-items.tiles-container.mb-tiles-container.-v2 .tile-banner.promoslot_content img {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 0;
    max-width: none;
    width: auto
}

.search-result-items.tiles-container.mb-tiles-container.-v2 .promoslot_content.promoslot_content img[data-orientation=bottom],
.search-result-items.tiles-container.mb-tiles-container.-v2 .tile-banner.promoslot_content img[data-orientation=bottom] {
    top: auto;
    bottom: 0
}

.search-result-items.tiles-container.mb-tiles-container.-v2 .product-swatches {
    text-align: center;
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    padding: var(--spacing-xs) 0 var(--spacing-xs);
    order: -1;
    margin-top: -60px;
    min-height: 57px
}

.search-result-items.tiles-container.mb-tiles-container.-v2,
.search-result-items.tiles-container.mb-tiles-container.-v2 _:-ms-lang(x) {
    display: flex;
    flex-wrap: wrap
}

.search-result-items.tiles-container.mb-tiles-container.-v2 .grid-tile,
.search-result-items.tiles-container.mb-tiles-container.-v2 _:-ms-lang(x) .grid-tile {
    flex: 1;
    min-width: calc(25% - 16px);
    max-width: calc(25% - 16px);
    margin: 0 var(--spacing-xs) var(--spacing-xs)
}

.mb-wrapper .product-swatches .swatch-list {
    display: flex;
    align-items: center;
    justify-content: center;
    list-style: none;
    margin: 0;
    padding: 0
}

.mb-wrapper .product-swatches .swatch-list a {
    text-decoration: none
}

.mb-wrapper .product-swatches .swatch-list li {
    overflow: hidden;
    width: 20px;
    height: 20px;
    padding: 0;
    margin: var(--spacing-2xs)
}

.mb-wrapper .product-swatches .swatch-list li[data-customizable=true] {
    display: none
}

.mb-wrapper .product-swatches .swatch-list li:nth-of-type(-n+5).more,
.mb-wrapper .product-swatches .swatch-list li:nth-of-type(n+5):not(.more) {
    display: none
}

.mb-wrapper .product-swatches .swatch-list li [data-swatch*=White] img,
.mb-wrapper .product-swatches .swatch-list li [data-swatch*=white] img {
    border: 1px solid rgba(0, 0, 0, .05)
}

.mb-wrapper .product-swatches .swatch-list li img {
    width: 100%;
    height: 100%;
    vertical-align: top;
    border-radius: 50%
}

.mb-wrapper .product-swatches .swatch-list li.more {
    background: var(--c-product-card-canvas, #fff);
    border: 1px solid var(--c-em-2xlow);
    color: var(--c-em-med);
    border-radius: 50%
}

.mb-wrapper .product-swatches .swatch-list li.more span {
    margin-top: -4px;
    display: block
}

.mb-wrapper .product-swatches .swatch-list li.more:hover span {
    margin-top: -6.5px
}

.mb-wrapper .product-swatches .swatch-list li.-active,
.mb-wrapper .product-swatches .swatch-list li.active,
.mb-wrapper .product-swatches .swatch-list li:focus,
.mb-wrapper .product-swatches .swatch-list li:hover {
    border: 2px solid var(--mb-c-accent);
    border-radius: 20px;
    transform: scale(1.3)
}

.mb-wrapper .product-swatches .swatch-list li.-active img,
.mb-wrapper .product-swatches .swatch-list li.active img,
.mb-wrapper .product-swatches .swatch-list li:focus img,
.mb-wrapper .product-swatches .swatch-list li:hover img {
    border: 1px solid #fff
}

.mb-wrapper .product-swatches .swatch-list li:focus {
    border-color: var(--c-em-high)
}

.mb-wrapper[data-realm=sfra] .product-tile {
    box-shadow: var(--elevation-0)
}

.mb-wrapper[data-realm=sfra] .product-tile .product-image {
    background-color: var(--c-em-4xlow)
}

.mb-wrapper[data-realm=sfra] .product-tile .product-name,
.mb-wrapper[data-realm=sfra] .product-tile .product-pricing {
    font-family: var(--font-headline)
}

.mb-wrapper[data-realm=sfra] .product-tile .product-pricing {
    font-weight: 300
}

.mb-wrapper[data-realm=sfra] .product-tile .product-name {
    font-weight: 500
}

.mb-wrapper[data-realm=sfra] .product-tile .product-description {
    margin-bottom: var(--spacing-s)
}

:where(.mb-wrapper) .ds-product-series-package {
    background-color: var(--c-canvas-full);
    display: grid;
    width: 100%;
    margin-block: 0;
    border-bottom: thin solid var(--c-accent)
}

:where(.mb-wrapper) .ds-product-series-package[data-pending=true]::before {
    display: none
}

:where(.mb-wrapper) .ds-product-series-package[data-pending=true] .product-grid {
    aspect-ratio: 16/11.2;
    min-height: calc(25cqw + 175px)
}

:where(.mb-wrapper) .ds-product-series-package .product-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    padding: 0
}

:where(.mb-wrapper) .ds-product-series-package .product-grid .grid-tile {
    outline: 1px solid var(--c-accent);
    height: 100%;
    background-color: var(--c-canvas-full)
}

:where(.mb-wrapper) .ds-product-series-package .product-grid .grid-tile:nth-of-type(n+3) {
    display: none
}

:where(.mb-wrapper) .ds-product-series-package .product-grid .grid-tile .product {
    height: 100%
}

:where(.mb-wrapper) .ds-product-series-package .product-grid>div {
    grid-column: 1/-1;
    grid-row: 1/-1;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr))
}

:where(.mb-wrapper) .ds-product-series-package .product-grid>div.grid-tile[data-index] {
    grid-column: span 1;
    grid-template-columns: 1fr
}

:where(.mb-wrapper) .ds-product-series-package .product-grid>div.grid-tile[data-index]:first-child:last-child {
    outline: 0
}

:where(.mb-wrapper) .ds-product-series-package .product-grid>div.grid-tile[data-index]:first-child:last-child .product-tile {
    outline: 0
}

:where(.mb-wrapper) .ds-product-series-package .product-grid .product-image {
    display: flex;
    align-items: center;
    justify-content: center
}

:where(.mb-wrapper) .ds-product-series-package:has(.ds-banner+.ds-banner) .ds-banner>.inside {
    height: 100%
}

:where(.mb-wrapper) .ds-product-series-package:has(.ds-banner+.ds-banner) .ds-banner>.inside .copy {
    height: 100%;
    display: flex;
    flex-direction: column
}

:where(.mb-wrapper) .ds-product-series-package:has(.ds-banner+.ds-banner) .ds-banner>.inside .copy .ds-link {
    margin-top: auto;
    margin-bottom: 0
}

:where(.mb-wrapper) .ds-product-series-package .ds-banner {
    text-align: left;
    width: 100%;
    border-top: thin solid var(--c-accent);
    transform: translateY(-1px)
}

:where(.mb-wrapper) .ds-product-series-package .ds-banner h2 {
    font-size: var(--f-h4);
    font-variation-settings: "wght" 700, "wdth" 75;
    text-wrap: balance
}

:where(.mb-wrapper) .ds-product-series-package .ds-banner p {
    text-wrap: balance
}

:where(.mb-wrapper) .ds-product-series-package .ds-banner:has(.inside:first-child:last-child) {
    grid-template-columns: 1fr;
    grid-template-rows: 1fr
}

:where(.mb-wrapper) .ds-product-series-package .ds-banner>.inside .copy {
    padding: var(--spacing-m) var(--side-offset)
}

:where(.mb-wrapper) .ds-product-series-package .ds-banner .cta,
:where(.mb-wrapper) .ds-product-series-package .ds-banner .ds-link {
    display: inline-flex;
    align-items: center;
    gap: var(--spacing-2xs);
    border: 0;
    background: 0 0;
    padding: 0;
    color: var(--c-accent);
    text-decoration: none;
    font-weight: 500;
    min-width: auto
}

:where(.mb-wrapper) .ds-product-series-package .ds-banner .cta::after,
:where(.mb-wrapper) .ds-product-series-package .ds-banner .ds-link::after {
    content: 'arrow_forward';
    font-family: 'Material Symbols Outlined', 'Material Icons', sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 1.2em;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    vertical-align: sub;
    -webkit-font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased;
    transform: translate(0, 0)
}

:where(.mb-wrapper) .ds-product-series-package .ds-banner .cta::after,
:where(.mb-wrapper) .ds-product-series-package .ds-banner .ds-link::after {
    transition: 80ms ease-out;
    transform: translate(0, -2px)
}

:where(.mb-wrapper) .ds-product-series-package .ds-banner .cta:hover::after,
:where(.mb-wrapper) .ds-product-series-package .ds-banner .ds-link:hover::after {
    transform: translate(4px, -2px)
}

:where(.mb-wrapper) .ds-product-series-package .ds-banner>picture {
    flex-direction: row-reverse;
    grid-gap: var(--spacing-m, 24px);
    align-items: center
}

:where(.mb-wrapper) .ds-product-series-package .cta,
:where(.mb-wrapper) .ds-product-series-package .ds-link {
    text-decoration: none;
    font-weight: 500
}

.mb-wrapper .product-tile .mb-product-description {
    color: var(--c-em-high);
    font-size: var(--f-s) !important;
    margin-bottom: var(--spacing-s);
    text-wrap: pretty
}

.mb-wrapper .product-tile .mb-rating {
    min-height: 24px;
    margin-bottom: var(--spacing-s);
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 4px
}

.mb-wrapper .product-tile .mb-rating .count {
    font-size: var(--f-s);
    color: var(--c-em-low);
    display: none
}

.mb-wrapper .product-tile .mb-rating .mb-stars,
.mb-wrapper .product-tile .mb-rating .mb-stars-fill {
    height: 20px;
    width: 104px
}

.mb-wrapper .product-tile .mb-rating .mb-stars {
    position: relative;
    background-image: url("data:image/svg+xml,%3Csvg width='104' height='20' viewBox='0 0 104 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.99998 1.6669L12.2091 7.79297L18.7179 8.00087L13.5743 11.9949L15.388 18.2495L9.99998 14.5918L4.61199 18.2495L6.42562 11.9949L1.28202 8.00087L7.7909 7.79297L9.99998 1.6669Z' fill='%23D7DBDB'/%3E%3Cpath d='M30.9999 1.6669L33.2089 7.79297L39.7178 8.00087L34.5742 11.9949L36.3879 18.2495L30.9999 14.5918L25.6119 18.2495L27.4255 11.9949L22.2819 8.00087L28.7908 7.79297L30.9999 1.6669Z' fill='%23D7DBDB'/%3E%3Cpath d='M51.9997 1.6669L54.2088 7.79297L60.7177 8.00087L55.5741 11.9949L57.3877 18.2495L51.9997 14.5918L46.6117 18.2495L48.4254 11.9949L43.2818 8.00087L49.7907 7.79297L51.9997 1.6669Z' fill='%23D7DBDB'/%3E%3Cpath d='M72.9996 1.6669L75.2087 7.79297L81.7176 8.00087L76.574 11.9949L78.3876 18.2495L72.9996 14.5918L67.6116 18.2495L69.4253 11.9949L64.2817 8.00087L70.7905 7.79297L72.9996 1.6669Z' fill='%23D7DBDB'/%3E%3Cpath d='M93.9995 1.6669L96.2086 7.79297L102.717 8.00087L97.5739 11.9949L99.3875 18.2495L93.9995 14.5918L88.6115 18.2495L90.4251 11.9949L85.2815 8.00087L91.7904 7.79297L93.9995 1.6669Z' fill='%23D7DBDB'/%3E%3C/svg%3E%0A")
}

.mb-wrapper .product-tile .mb-rating .mb-stars-fill {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    background-image: url("data:image/svg+xml,%3Csvg width='104' height='20' viewBox='0 0 104 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.99998 1.6669L12.2091 7.79297L18.7179 8.00087L13.5743 11.9949L15.388 18.2495L9.99998 14.5918L4.61199 18.2495L6.42562 11.9949L1.28202 8.00087L7.7909 7.79297L9.99998 1.6669Z' fill='%23FEBD03'/%3E%3Cpath d='M30.9999 1.6669L33.2089 7.79297L39.7178 8.00087L34.5742 11.9949L36.3879 18.2495L30.9999 14.5918L25.6119 18.2495L27.4255 11.9949L22.2819 8.00087L28.7908 7.79297L30.9999 1.6669Z' fill='%23FEBD03'/%3E%3Cpath d='M51.9997 1.6669L54.2088 7.79297L60.7177 8.00087L55.5741 11.9949L57.3877 18.2495L51.9997 14.5918L46.6117 18.2495L48.4254 11.9949L43.2818 8.00087L49.7907 7.79297L51.9997 1.6669Z' fill='%23FEBD03'/%3E%3Cpath d='M72.9996 1.6669L75.2087 7.79297L81.7176 8.00087L76.574 11.9949L78.3876 18.2495L72.9996 14.5918L67.6116 18.2495L69.4253 11.9949L64.2817 8.00087L70.7905 7.79297L72.9996 1.6669Z' fill='%23FEBD03'/%3E%3Cpath d='M93.9995 1.6669L96.2086 7.79297L102.717 8.00087L97.5739 11.9949L99.3875 18.2495L93.9995 14.5918L88.6115 18.2495L90.4251 11.9949L85.2815 8.00087L91.7904 7.79297L93.9995 1.6669Z' fill='%23FEBD03'/%3E%3C/svg%3E%0A")
}

.mb-wrapper .mb-tiles-container .ds-slider .thumb-link>img {
    width: min(100%, 270px);
    aspect-ratio: 1/1
}

.search-result-items.tiles-container.-v2.mb-tiles-container.-product-container .grid-tile {
    height: 100%
}

.search-result-items.tiles-container.-v2.mb-tiles-container.-product-container .grid-tile:hover {
    box-shadow: none
}

.search-result-items.tiles-container.-v2.mb-tiles-container.-product-container .grid-tile>.product {
    height: 100%;
    border-right-width: 0;
    outline: 0;
    border: 1px solid var(--c-accent)
}

[data-type=products].mb-banner .search-result-items.tiles-container.-v2.mb-tiles-container.-product-container .grid-tile>.product {
    border: 0
}

[data-type=products].mb-banner .search-result-items.tiles-container.-v2.mb-tiles-container.-product-container .grid-tile>.product>.product-tile {
    margin-inline: auto
}

.search-result-items.tiles-container.-v2.mb-tiles-container.-product-container .grid-tile>.product>.product-tile {
    height: 100%;
    text-align: left
}

.search-result-items.tiles-container.-v2.mb-tiles-container.-product-container .grid-tile>.product>.product-tile .product-badge {
    background-color: var(--c-button);
    color: var(--c-button-copy)
}

.search-result-items.tiles-container.-v2.mb-tiles-container.-product-container .grid-tile>.product>.product-tile .color-swatches .swatches {
    min-height: 32px
}

.search-result-items.tiles-container.-v2.mb-tiles-container.-product-container .grid-tile:last-of-type>.product {
    border-right-width: 1px;
    margin-left: -1px
}

.-product-features-package {
    --c-product-card-canvas: var(--c-canvas)
}

html :where(.mb-wrapper[data-realm=sfra]) .-product-features-package .product-tile {
    outline: 0
}

[data-hide-cta=false] .product-tile .tile-body .ds-link.-learnmore {
    display: inline-block !important
}

.ds-themed-product-carousel .themed-product-carousel--slides {
    --spv: 2
}

:where(.mb-wrapper[data-pending]) .search-result-items.tiles-container.mb-tiles-container.-v2 .grid-tile {
    box-shadow: none
}

:where(.mb-wrapper[data-pending]) .search-result-items.tiles-container.mb-tiles-container.-v2 .grid-tile:hover {
    box-shadow: none
}

:where(.mb-wrapper[data-pending]) .search-result-items.tiles-container.mb-tiles-container.-v2 .grid-tile>.product {
    height: 100%
}

:where(.mb-wrapper[data-pending]) .search-result-items.tiles-container.mb-tiles-container.-v2 .grid-tile>.product>.product-tile {
    height: 100%;
    min-width: 100%
}

:where(.mb-wrapper[data-pending]) .product-tile,
:where(.mb-wrapper[data-pending]) .search-result-items.tiles-container.mb-tiles-container.-v2 .product-tile {
    text-align: left
}

:where(.mb-wrapper[data-pending]) .product-tile .product-badges .product-badge.icon-trophy-circle:before,
:where(.mb-wrapper[data-pending]) .product-tile .tile-body .price .discount-badge,
:where(.mb-wrapper[data-pending]) .search-result-items.tiles-container.mb-tiles-container.-v2 .product-tile .product-badges .product-badge.icon-trophy-circle:before,
:where(.mb-wrapper[data-pending]) .search-result-items.tiles-container.mb-tiles-container.-v2 .product-tile .tile-body .price .discount-badge {
    background-color: var(--c-button);
    color: var(--c-button-copy)
}

:where(.mb-wrapper[data-pending]) .product-tile .customizeButton_container,
:where(.mb-wrapper[data-pending]) .search-result-items.tiles-container.mb-tiles-container.-v2 .product-tile .customizeButton_container {
    height: 100%
}

:where(.mb-wrapper[data-pending]) .product-tile .color-swatches .swatches>a:nth-of-type(n+5),
:where(.mb-wrapper[data-pending]) .search-result-items.tiles-container.mb-tiles-container.-v2 .product-tile .color-swatches .swatches>a:nth-of-type(n+5) {
    display: none
}

:where(.mb-wrapper[data-pending]) .mb-banner[data-type=products]>.inside {
    position: revert;
    display: revert
}

.mb-mod.-themed-product-carousel .themed-product-carousel--grid {
    gap: .5px
}

.mb-mod.-themed-product-carousel>.inside .copy {
    padding-inline: 0;
    padding-bottom: 0
}

.mb-mod.-themed-product-carousel>.inside .copy h2 {
    font-size: var(--f-h4)
}

.mb-mod.-themed-product-carousel .themed-product-carousel--item {
    padding-bottom: 0
}

.mb-mod.-themed-product-carousel .themed-product-carousel--item .product-tile {
    width: 100%;
    height: 100%
}

.mb-mod.-themed-product-carousel .themed-product-carousel--item .product-tile .product-info {
    margin-top: auto
}

.mb-mod.-themed-product-carousel .themed-product-carousel--item .product-tile .product-image {
    margin-block: auto
}

.mb-mod.-themed-product-carousel .themed-product-carousel--item .product-tile .thumb-link img {
    margin: auto
}

.mb-mod.-themed-product-carousel .themed-product-carousel--item .product-tile:nth-of-type(5n+3) {
    width: 45vw
}

.mb-mod.-themed-product-carousel .ds-slideshow[data-slider-theme] {
    display: grid;
    -ms-grid-columns: var(--side-offset) 22px 22px 1fr var(--side-offset);
    grid-template-columns: var(--side-offset) 22px 22px 1fr var(--side-offset);
    grid-template-rows: 1fr 36px;
    column-gap: 0
}

.mb-mod.-product-features-package {
    display: grid !important;
    background-color: var(--c-canvas-full);
    color: var(--c-em-full);
    max-width: 100vw
}

.mb-mod.-product-features-package[data-theme*=dark] {
    background: var(--c-canvas-full) url(../media/noise.webp) repeat;
    --c-canvas: #212121
}

.mb-mod.-product-features-package[data-theme*=accent] {
    background: var(--c-accent) url(../media/grain.webp) no-repeat;
    background-size: cover
}

.mb-mod.-product-features-package.-image-placement-bottom>picture,
.mb-mod.-product-features-package.-image-placement-right>picture {
    order: 3
}

.mb-mod.-product-features-package>.inside {
    text-align: center
}

.mb-mod.-product-features-package>.inside>.copy {
    padding-block: var(--spacing-2xl);
    padding-inline: var(--side-offset);
    color: var(--c-em-high)
}

.mb-mod.-product-features-package>.inside>.copy h2 {
    font-size: var(--f-h3);
    align-items: center;
    justify-content: center;
    font-stretch: condensed;
    font-variation-settings: "wdth" 75;
    font-weight: 700;
    text-transform: uppercase
}

.mb-mod.-product-features-package>.inside>.copy p {
    max-width: 75ch;
    margin-inline: auto;
    text-wrap: balance;
    color: currentColor
}

.mb-mod.-product-features-package .-grid-tile-wrapper:not(.-slider,
[data-slider-theme],
.ds-slider) .grid-tile {
    background-color: var(--c-canvas)
}

.mb-mod.-product-features-package .-grid-tile-wrapper:not(.-slider,
[data-slider-theme],
.ds-slider) .grid-tile.product-tile {
    border: 0;
    outline: 0
}

.mb-mod.-product-features-package .-grid-tile-wrapper:not(.-slider,
[data-slider-theme],
.ds-slider)>div:nth-of-type(n+4) {
    display: none
}

.mb-mod.-product-features-package .ds-slider {
    --spacing: var(--side-offset);
    grid-template-columns: 1fr !important
}

.mb-mod.-product-features-package .ds-slider .grid-tile {
    background-color: var(--c-canvas)
}

.mb-mod.-product-features-package>.-product-container,
.mb-mod.-product-features-package>[data-slider-theme] {
    overflow: clip
}

.mb-mod.-product-features-package .slick-list {
    overflow: visible
}

.mb-mod.-product-features-package .slick-slide>div {
    padding: var(--spacing-s)
}

.mb-mod.-product-features-package .slick-slide .grid-tile {
    outline: 0;
    background-color: var(--c-canvas)
}

.mb-videos .copy {
    text-align: center;
    padding: var(--spacing-m) 0
}

.mb-videos.-hide-initial .-initial {
    display: none !important
}

.mb-videos.-hide-initial .mb-videos-list li.-active:not(:hover) {
    border-color: transparent
}

.mb-videos.-hide-initial .mb-videos-list li .imagery img {
    opacity: 1
}

.mb-videos .embed-wrapper {
    position: relative;
    margin-left: auto;
    margin-right: auto
}

.mb-videos .embed-wrapper iframe {
    aspect-ratio: 16/9;
    object-fit: contain;
    width: 100%;
    height: auto
}

.mb-videos video {
    width: 100%;
    max-width: 100%
}

.mb-videos .mb-video-slide {
    display: none
}

.mb-videos .mb-video-slide.-active {
    display: block
}

.mb-videos .mb-video-tile {
    position: relative;
    cursor: pointer;
    background-color: #000
}

.mb-videos .mb-video-tile img {
    width: 100%;
    height: auto;
    display: block;
    transition: opacity .2s
}

.mb-videos .mb-video-tile::after {
    content: " ";
    width: 60px;
    height: 60px;
    background: center center no-repeat;
    background-size: contain;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='100%25' version='1.1' viewBox='0 0 68 48' width='100%25'%3E%3Cpath class='ytp-large-play-button-bg' d='M66.52,7.74c-0.78-2.93-2.49-5.41-5.42-6.19C55.79,.13,34,0,34,0S12.21,.13,6.9,1.55 C3.97,2.33,2.27,4.81,1.48,7.74C0.06,13.05,0,24,0,24s0.06,10.95,1.48,16.26c0.78,2.93,2.49,5.41,5.42,6.19 C12.21,47.87,34,48,34,48s21.79-0.13,27.1-1.55c2.93-0.78,4.64-3.26,5.42-6.19C67.94,34.95,68,24,68,24S67.94,13.05,66.52,7.74z' fill='%23f00'%3E%3C/path%3E%3Cpath d='M 45,24 27,14 27,34' fill='%23fff'%3E%3C/path%3E%3C/svg%3E");
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    pointer-events: none;
    z-index: 0
}

.mb-videos .mb-video-tile:hover::after {
    width: 56px;
    height: 56px
}

.mb-videos .mb-video-tile:hover img {
    opacity: .9
}

.mb-videos .mb-video-list,
.mb-videos .mb-videos-list {
    display: flex;
    scroll-snap-type: x mandatory;
    margin: var(--spacing-s) var(--mb-side-offset);
    text-align: center;
    justify-content: center;
    flex-wrap: wrap
}

.mb-videos .mb-video-list li,
.mb-videos .mb-videos-list li {
    background: var(--c-em-low-contrast);
    scroll-snap-align: center;
    margin: 0 8px 16px;
    cursor: pointer;
    flex: 1;
    box-shadow: 0 2px 12px -8px rgba(0, 0, 0, .2);
    border-bottom: 2px solid transparent;
    border-radius: 3px;
    overflow: hidden;
    min-width: calc(65% - 18px);
    max-width: calc(65% - 18px)
}

.mb-videos .mb-video-list li:first-of-type,
.mb-videos .mb-videos-list li:first-of-type {
    margin-left: var(--spacing-s)
}

.mb-videos .mb-video-list li:last-of-type,
.mb-videos .mb-videos-list li:last-of-type {
    margin-right: var(--spacing-s)
}

.mb-videos .mb-video-list li .imagery,
.mb-videos .mb-videos-list li .imagery {
    background-color: var(--c-em-med);
    position: relative
}

.mb-videos .mb-video-list li .imagery img,
.mb-videos .mb-videos-list li .imagery img {
    opacity: .3;
    transition: .16s;
    aspect-ratio: 16/9;
    object-fit: cover;
    display: block;
    width: 100%;
    height: 100%
}

.mb-videos .mb-video-list li .imagery:after,
.mb-videos .mb-videos-list li .imagery:after {
    height: 36px;
    width: 36px;
    box-shadow: 0 0 36px 0 #000;
    border-radius: 50%;
    opacity: .5;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: rgba(0, 0, 0, .32) no-repeat center center;
    background-size: 100%;
    content: " ";
    background-image: url("data:image/svg+xml,%3Csvg height='300px' width='300px' fill='%23ffffff' xmlns='http://www.w3.org/2000/svg' data-name='Layer 1' viewBox='0 0 100 100' x='0px' y='0px'%3E%3Ctitle%3Eall%3C/title%3E%3Cpath d='M0,49.88C-0.09,22.09,23.24-.74,51.38,0c26,0.7,48.73,22.17,48.62,50.25A50,50,0,0,1,0,49.88Zm73.88,0.88a13.14,13.14,0,0,0-2.27-2.43q-15-8.9-30.1-17.66C39,29.2,37,30.23,37,33.1q-0.15,17.74,0,35.48c0,2.89,2,4,4.5,2.53q15.22-8.8,30.32-17.8C72.56,52.84,73,51.82,73.89,50.76Z'%3E%3C/path%3E%3C/svg%3E")
}

.mb-videos .mb-video-list li.-active,
.mb-videos .mb-video-list li:focus,
.mb-videos .mb-video-list li:hover,
.mb-videos .mb-videos-list li.-active,
.mb-videos .mb-videos-list li:focus,
.mb-videos .mb-videos-list li:hover {
    border-color: var(--mb-c-accent)
}

.mb-videos .mb-video-list li.-active .imagery img,
.mb-videos .mb-video-list li:focus .imagery img,
.mb-videos .mb-video-list li:hover .imagery img,
.mb-videos .mb-videos-list li.-active .imagery img,
.mb-videos .mb-videos-list li:focus .imagery img,
.mb-videos .mb-videos-list li:hover .imagery img {
    opacity: 1
}

.mb-videos .mb-video-list li.-active .imagery:after,
.mb-videos .mb-video-list li:focus .imagery:after,
.mb-videos .mb-video-list li:hover .imagery:after,
.mb-videos .mb-videos-list li.-active .imagery:after,
.mb-videos .mb-videos-list li:focus .imagery:after,
.mb-videos .mb-videos-list li:hover .imagery:after {
    opacity: .8
}

.mb-videos .mb-video-list .headline,
.mb-videos .mb-videos-list .headline {
    display: block;
    margin: var(--spacing-s);
    color: var(--c-em-high);
    line-height: 1.4;
    font-size: var(--f-s);
    font-family: var(--font-body, var(--font-body-system));
    font-weight: 700
}

.mb-mod-wrapper.-has-compare {
    min-width: 0
}

.mb-compare-include,
.mb-mod[data-type=compare] {
    color: var(--c-em-med)
}

.mb-compare-include .copy,
.mb-mod[data-type=compare] .copy {
    text-align: center;
    max-width: 750px;
    padding: var(--spacing-m) var(--spacing-m) var(--spacing-s);
    margin: 0 auto
}

.mb-compare-include .mb-compare-wrapper,
.mb-mod[data-type=compare] .mb-compare-wrapper {
    position: relative;
    margin: 0 auto var(--spacing-m);
    padding-top: var(--sizing-compare-nav);
    width: 100%;
    --mb-compare-cell: 50%
}

[data-realm=sfra] .mb-compare-include .mb-compare-wrapper,
[data-realm=sfra] .mb-mod[data-type=compare] .mb-compare-wrapper {
    padding-top: 0
}

.mb-compare-include .mb-compare-wrapper .mb-compare-tools,
.mb-mod[data-type=compare] .mb-compare-wrapper .mb-compare-tools {
    display: flex;
    flex-wrap: wrap;
    padding: 4px var(--mb-side-offset) 0
}

.mb-compare-include .mb-compare-wrapper .mb-compare-tools label,
.mb-mod[data-type=compare] .mb-compare-wrapper .mb-compare-tools label {
    all: unset;
    color: var(--c-em-high);
    display: inline-flex;
    align-items: center;
    gap: var(--spacing-2xs)
}

.mb-compare-include .mb-compare-wrapper .mb-compare-tools label::after,
.mb-compare-include .mb-compare-wrapper .mb-compare-tools label::before,
.mb-mod[data-type=compare] .mb-compare-wrapper .mb-compare-tools label::after,
.mb-mod[data-type=compare] .mb-compare-wrapper .mb-compare-tools label::before {
    all: unset
}

.mb-compare-include .mb-compare-wrapper .mb-compare-tools label::before,
.mb-mod[data-type=compare] .mb-compare-wrapper .mb-compare-tools label::before {
    content: 'check_box_outline_blank';
    font-family: 'Material Symbols Outlined', 'Material Icons', sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 1.5em;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    vertical-align: sub;
    -webkit-font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased;
    transform: translate(0, 0)
}

.mb-compare-include .mb-compare-wrapper .mb-compare-tools label::before,
.mb-mod[data-type=compare] .mb-compare-wrapper .mb-compare-tools label::before {
    color: var(--mb-c-accent)
}

.mb-compare-include .mb-compare-wrapper .mb-compare-tools input:checked+label::before,
.mb-mod[data-type=compare] .mb-compare-wrapper .mb-compare-tools input:checked+label::before {
    content: "check_box"
}

[data-site=GBL] .mb-compare-include .mb-compare-wrapper .mb-compare-tools label[for=compareSortOnPrice],
[data-site=GBL] .mb-mod[data-type=compare] .mb-compare-wrapper .mb-compare-tools label[for=compareSortOnPrice] {
    display: none
}

.mb-compare-include .mb-compare-wrapper .mb-compare-section,
.mb-mod[data-type=compare] .mb-compare-wrapper .mb-compare-section {
    width: 100%
}

.mb-compare-include .mb-compare-wrapper .mb-compare-row,
.mb-mod[data-type=compare] .mb-compare-wrapper .mb-compare-row {
    width: 100%
}

.mb-compare-include .mb-compare-wrapper .mb-compare-nav,
.mb-compare-include .mb-compare-wrapper .mb-compare-row,
.mb-mod[data-type=compare] .mb-compare-wrapper .mb-compare-nav,
.mb-mod[data-type=compare] .mb-compare-wrapper .mb-compare-row {
    overflow: hidden;
    display: flex;
    text-align: center;
    transform: translateX(1px);
    margin-left: -1px
}

.mb-compare-include .mb-compare-wrapper .mb-compare-nav.-header,
.mb-compare-include .mb-compare-wrapper .mb-compare-row.-header,
.mb-mod[data-type=compare] .mb-compare-wrapper .mb-compare-nav.-header,
.mb-mod[data-type=compare] .mb-compare-wrapper .mb-compare-row.-header {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid var(--c-em-3xlow);
    padding: var(--spacing-s)
}

html.-ds .mb-compare-include .mb-compare-wrapper .mb-compare-nav.-header h3,
html.-ds .mb-compare-include .mb-compare-wrapper .mb-compare-row.-header h3,
html.-ds .mb-mod[data-type=compare] .mb-compare-wrapper .mb-compare-nav.-header h3,
html.-ds .mb-mod[data-type=compare] .mb-compare-wrapper .mb-compare-row.-header h3 {
    font-size: var(--f-2xl)
}

.mb-compare-include .mb-compare-wrapper .mb-compare-nav.-header h2,
.mb-compare-include .mb-compare-wrapper .mb-compare-nav.-header h3,
.mb-compare-include .mb-compare-wrapper .mb-compare-nav.-header h4,
.mb-compare-include .mb-compare-wrapper .mb-compare-row.-header h2,
.mb-compare-include .mb-compare-wrapper .mb-compare-row.-header h3,
.mb-compare-include .mb-compare-wrapper .mb-compare-row.-header h4,
.mb-mod[data-type=compare] .mb-compare-wrapper .mb-compare-nav.-header h2,
.mb-mod[data-type=compare] .mb-compare-wrapper .mb-compare-nav.-header h3,
.mb-mod[data-type=compare] .mb-compare-wrapper .mb-compare-nav.-header h4,
.mb-mod[data-type=compare] .mb-compare-wrapper .mb-compare-row.-header h2,
.mb-mod[data-type=compare] .mb-compare-wrapper .mb-compare-row.-header h3,
.mb-mod[data-type=compare] .mb-compare-wrapper .mb-compare-row.-header h4 {
    margin: 0;
    cursor: pointer;
    color: var(--c-em-high)
}

.mb-compare-include .mb-compare-wrapper .mb-compare-nav.-header h2::before,
.mb-compare-include .mb-compare-wrapper .mb-compare-nav.-header h3::before,
.mb-compare-include .mb-compare-wrapper .mb-compare-nav.-header h4::before,
.mb-compare-include .mb-compare-wrapper .mb-compare-row.-header h2::before,
.mb-compare-include .mb-compare-wrapper .mb-compare-row.-header h3::before,
.mb-compare-include .mb-compare-wrapper .mb-compare-row.-header h4::before,
.mb-mod[data-type=compare] .mb-compare-wrapper .mb-compare-nav.-header h2::before,
.mb-mod[data-type=compare] .mb-compare-wrapper .mb-compare-nav.-header h3::before,
.mb-mod[data-type=compare] .mb-compare-wrapper .mb-compare-nav.-header h4::before,
.mb-mod[data-type=compare] .mb-compare-wrapper .mb-compare-row.-header h2::before,
.mb-mod[data-type=compare] .mb-compare-wrapper .mb-compare-row.-header h3::before,
.mb-mod[data-type=compare] .mb-compare-wrapper .mb-compare-row.-header h4::before {
    display: inline-block;
    margin-right: var(--spacing-s);
    width: var(--spacing-m);
    height: var(--spacing-m);
    border: 1px solid var(--c-em-2xlow);
    border-radius: 50%;
    line-height: 1.1;
    text-align: center;
    font-size: var(--f-m);
    transform-origin: center center;
    opacity: .68;
    transition: .16s ease-in-out;
    content: "-"
}

[data-realm=sfra] .mb-compare-include .mb-compare-wrapper .mb-compare-nav.-header h2::before,
[data-realm=sfra] .mb-compare-include .mb-compare-wrapper .mb-compare-nav.-header h3::before,
[data-realm=sfra] .mb-compare-include .mb-compare-wrapper .mb-compare-nav.-header h4::before,
[data-realm=sfra] .mb-compare-include .mb-compare-wrapper .mb-compare-row.-header h2::before,
[data-realm=sfra] .mb-compare-include .mb-compare-wrapper .mb-compare-row.-header h3::before,
[data-realm=sfra] .mb-compare-include .mb-compare-wrapper .mb-compare-row.-header h4::before,
[data-realm=sfra] .mb-mod[data-type=compare] .mb-compare-wrapper .mb-compare-nav.-header h2::before,
[data-realm=sfra] .mb-mod[data-type=compare] .mb-compare-wrapper .mb-compare-nav.-header h3::before,
[data-realm=sfra] .mb-mod[data-type=compare] .mb-compare-wrapper .mb-compare-nav.-header h4::before,
[data-realm=sfra] .mb-mod[data-type=compare] .mb-compare-wrapper .mb-compare-row.-header h2::before,
[data-realm=sfra] .mb-mod[data-type=compare] .mb-compare-wrapper .mb-compare-row.-header h3::before,
[data-realm=sfra] .mb-mod[data-type=compare] .mb-compare-wrapper .mb-compare-row.-header h4::before {
    line-height: 1.4;
    transform: translateY(-16%)
}

.mb-compare-include .mb-compare-wrapper .mb-compare-nav.-header h2:hover::before,
.mb-compare-include .mb-compare-wrapper .mb-compare-nav.-header h3:hover::before,
.mb-compare-include .mb-compare-wrapper .mb-compare-nav.-header h4:hover::before,
.mb-compare-include .mb-compare-wrapper .mb-compare-row.-header h2:hover::before,
.mb-compare-include .mb-compare-wrapper .mb-compare-row.-header h3:hover::before,
.mb-compare-include .mb-compare-wrapper .mb-compare-row.-header h4:hover::before,
.mb-mod[data-type=compare] .mb-compare-wrapper .mb-compare-nav.-header h2:hover::before,
.mb-mod[data-type=compare] .mb-compare-wrapper .mb-compare-nav.-header h3:hover::before,
.mb-mod[data-type=compare] .mb-compare-wrapper .mb-compare-nav.-header h4:hover::before,
.mb-mod[data-type=compare] .mb-compare-wrapper .mb-compare-row.-header h2:hover::before,
.mb-mod[data-type=compare] .mb-compare-wrapper .mb-compare-row.-header h3:hover::before,
.mb-mod[data-type=compare] .mb-compare-wrapper .mb-compare-row.-header h4:hover::before {
    opacity: 1
}

.mb-compare-include .mb-compare-wrapper .mb-compare-nav.-header.-inactive h2,
.mb-compare-include .mb-compare-wrapper .mb-compare-nav.-header.-inactive h3,
.mb-compare-include .mb-compare-wrapper .mb-compare-nav.-header.-inactive h4,
.mb-compare-include .mb-compare-wrapper .mb-compare-row.-header.-inactive h2,
.mb-compare-include .mb-compare-wrapper .mb-compare-row.-header.-inactive h3,
.mb-compare-include .mb-compare-wrapper .mb-compare-row.-header.-inactive h4,
.mb-mod[data-type=compare] .mb-compare-wrapper .mb-compare-nav.-header.-inactive h2,
.mb-mod[data-type=compare] .mb-compare-wrapper .mb-compare-nav.-header.-inactive h3,
.mb-mod[data-type=compare] .mb-compare-wrapper .mb-compare-nav.-header.-inactive h4,
.mb-mod[data-type=compare] .mb-compare-wrapper .mb-compare-row.-header.-inactive h2,
.mb-mod[data-type=compare] .mb-compare-wrapper .mb-compare-row.-header.-inactive h3,
.mb-mod[data-type=compare] .mb-compare-wrapper .mb-compare-row.-header.-inactive h4 {
    margin: 0
}

.mb-compare-include .mb-compare-wrapper .mb-compare-nav.-header.-inactive h2:before,
.mb-compare-include .mb-compare-wrapper .mb-compare-nav.-header.-inactive h3:before,
.mb-compare-include .mb-compare-wrapper .mb-compare-nav.-header.-inactive h4:before,
.mb-compare-include .mb-compare-wrapper .mb-compare-row.-header.-inactive h2:before,
.mb-compare-include .mb-compare-wrapper .mb-compare-row.-header.-inactive h3:before,
.mb-compare-include .mb-compare-wrapper .mb-compare-row.-header.-inactive h4:before,
.mb-mod[data-type=compare] .mb-compare-wrapper .mb-compare-nav.-header.-inactive h2:before,
.mb-mod[data-type=compare] .mb-compare-wrapper .mb-compare-nav.-header.-inactive h3:before,
.mb-mod[data-type=compare] .mb-compare-wrapper .mb-compare-nav.-header.-inactive h4:before,
.mb-mod[data-type=compare] .mb-compare-wrapper .mb-compare-row.-header.-inactive h2:before,
.mb-mod[data-type=compare] .mb-compare-wrapper .mb-compare-row.-header.-inactive h3:before,
.mb-mod[data-type=compare] .mb-compare-wrapper .mb-compare-row.-header.-inactive h4:before {
    content: "+"
}

.mb-compare-include .mb-compare-wrapper .mb-compare-nav.-header.-inactive~.mb-compare-row,
.mb-compare-include .mb-compare-wrapper .mb-compare-row.-header.-inactive~.mb-compare-row,
.mb-mod[data-type=compare] .mb-compare-wrapper .mb-compare-nav.-header.-inactive~.mb-compare-row,
.mb-mod[data-type=compare] .mb-compare-wrapper .mb-compare-row.-header.-inactive~.mb-compare-row {
    position: absolute;
    visibility: hidden;
    opacity: 0
}

.mb-compare-include .mb-compare-wrapper .mb-compare-nav [data-column=compare-column-0],
.mb-compare-include .mb-compare-wrapper .mb-compare-row [data-column=compare-column-0],
.mb-mod[data-type=compare] .mb-compare-wrapper .mb-compare-nav [data-column=compare-column-0],
.mb-mod[data-type=compare] .mb-compare-wrapper .mb-compare-row [data-column=compare-column-0] {
    order: -1000
}

.mb-compare-include .mb-compare-wrapper .mb-compare-nav [data-column=compare-column-1],
.mb-compare-include .mb-compare-wrapper .mb-compare-row [data-column=compare-column-1],
.mb-mod[data-type=compare] .mb-compare-wrapper .mb-compare-nav [data-column=compare-column-1],
.mb-mod[data-type=compare] .mb-compare-wrapper .mb-compare-row [data-column=compare-column-1] {
    order: -900
}

.mb-compare-include .mb-compare-wrapper .mb-compare-nav [data-column=compare-column-2],
.mb-compare-include .mb-compare-wrapper .mb-compare-row [data-column=compare-column-2],
.mb-mod[data-type=compare] .mb-compare-wrapper .mb-compare-nav [data-column=compare-column-2],
.mb-mod[data-type=compare] .mb-compare-wrapper .mb-compare-row [data-column=compare-column-2] {
    order: -800
}

.mb-compare-include .mb-compare-wrapper .mb-compare-nav [data-column=compare-column-3],
.mb-compare-include .mb-compare-wrapper .mb-compare-row [data-column=compare-column-3],
.mb-mod[data-type=compare] .mb-compare-wrapper .mb-compare-nav [data-column=compare-column-3],
.mb-mod[data-type=compare] .mb-compare-wrapper .mb-compare-row [data-column=compare-column-3] {
    order: -700
}

.mb-compare-include .mb-compare-wrapper .mb-compare-nav [data-column=compare-column-4],
.mb-compare-include .mb-compare-wrapper .mb-compare-row [data-column=compare-column-4],
.mb-mod[data-type=compare] .mb-compare-wrapper .mb-compare-nav [data-column=compare-column-4],
.mb-mod[data-type=compare] .mb-compare-wrapper .mb-compare-row [data-column=compare-column-4] {
    order: -600
}

.mb-compare-include .mb-compare-wrapper .mb-compare-nav [data-column=compare-column-5],
.mb-compare-include .mb-compare-wrapper .mb-compare-row [data-column=compare-column-5],
.mb-mod[data-type=compare] .mb-compare-wrapper .mb-compare-nav [data-column=compare-column-5],
.mb-mod[data-type=compare] .mb-compare-wrapper .mb-compare-row [data-column=compare-column-5] {
    order: -500
}

.mb-compare-include .mb-compare-wrapper .mb-compare-nav [data-column=compare-column-6],
.mb-compare-include .mb-compare-wrapper .mb-compare-row [data-column=compare-column-6],
.mb-mod[data-type=compare] .mb-compare-wrapper .mb-compare-nav [data-column=compare-column-6],
.mb-mod[data-type=compare] .mb-compare-wrapper .mb-compare-row [data-column=compare-column-6] {
    order: -400
}

.mb-compare-include .mb-compare-wrapper .mb-compare-nav [data-column=compare-column-7],
.mb-compare-include .mb-compare-wrapper .mb-compare-row [data-column=compare-column-7],
.mb-mod[data-type=compare] .mb-compare-wrapper .mb-compare-nav [data-column=compare-column-7],
.mb-mod[data-type=compare] .mb-compare-wrapper .mb-compare-row [data-column=compare-column-7] {
    order: -300
}

.mb-compare-include .mb-compare-wrapper .mb-compare-nav [data-column=compare-column-8],
.mb-compare-include .mb-compare-wrapper .mb-compare-row [data-column=compare-column-8],
.mb-mod[data-type=compare] .mb-compare-wrapper .mb-compare-nav [data-column=compare-column-8],
.mb-mod[data-type=compare] .mb-compare-wrapper .mb-compare-row [data-column=compare-column-8] {
    order: -200
}

.mb-compare-include .mb-compare-wrapper .mb-compare-nav [data-column=compare-column-9],
.mb-compare-include .mb-compare-wrapper .mb-compare-row [data-column=compare-column-9],
.mb-mod[data-type=compare] .mb-compare-wrapper .mb-compare-nav [data-column=compare-column-9],
.mb-mod[data-type=compare] .mb-compare-wrapper .mb-compare-row [data-column=compare-column-9] {
    order: -100
}

.mb-compare-include .mb-compare-wrapper .mb-compare-nav [data-column=compare-column-10],
.mb-compare-include .mb-compare-wrapper .mb-compare-row [data-column=compare-column-10],
.mb-mod[data-type=compare] .mb-compare-wrapper .mb-compare-nav [data-column=compare-column-10],
.mb-mod[data-type=compare] .mb-compare-wrapper .mb-compare-row [data-column=compare-column-10] {
    order: -99
}

.mb-compare-include .mb-compare-wrapper .mb-compare-nav [data-column=compare-column-11],
.mb-compare-include .mb-compare-wrapper .mb-compare-row [data-column=compare-column-11],
.mb-mod[data-type=compare] .mb-compare-wrapper .mb-compare-nav [data-column=compare-column-11],
.mb-mod[data-type=compare] .mb-compare-wrapper .mb-compare-row [data-column=compare-column-11] {
    order: -98
}

.mb-compare-include .mb-compare-wrapper .mb-compare-nav [data-column=compare-column-12],
.mb-compare-include .mb-compare-wrapper .mb-compare-row [data-column=compare-column-12],
.mb-mod[data-type=compare] .mb-compare-wrapper .mb-compare-nav [data-column=compare-column-12],
.mb-mod[data-type=compare] .mb-compare-wrapper .mb-compare-row [data-column=compare-column-12] {
    order: -97
}

.mb-compare-include .mb-compare-wrapper .mb-compare-nav [data-column=compare-column-13],
.mb-compare-include .mb-compare-wrapper .mb-compare-row [data-column=compare-column-13],
.mb-mod[data-type=compare] .mb-compare-wrapper .mb-compare-nav [data-column=compare-column-13],
.mb-mod[data-type=compare] .mb-compare-wrapper .mb-compare-row [data-column=compare-column-13] {
    order: -96
}

.mb-compare-include .mb-compare-wrapper .mb-compare-nav [data-column=compare-column-14],
.mb-compare-include .mb-compare-wrapper .mb-compare-row [data-column=compare-column-14],
.mb-mod[data-type=compare] .mb-compare-wrapper .mb-compare-nav [data-column=compare-column-14],
.mb-mod[data-type=compare] .mb-compare-wrapper .mb-compare-row [data-column=compare-column-14] {
    order: -95
}

.mb-compare-include .mb-compare-wrapper .mb-compare-nav [data-column=compare-column-15],
.mb-compare-include .mb-compare-wrapper .mb-compare-row [data-column=compare-column-15],
.mb-mod[data-type=compare] .mb-compare-wrapper .mb-compare-nav [data-column=compare-column-15],
.mb-mod[data-type=compare] .mb-compare-wrapper .mb-compare-row [data-column=compare-column-15] {
    order: -94
}

.mb-compare-include .mb-compare-wrapper .mb-compare-nav [data-column=compare-column-30],
.mb-compare-include .mb-compare-wrapper .mb-compare-row [data-column=compare-column-30],
.mb-mod[data-type=compare] .mb-compare-wrapper .mb-compare-nav [data-column=compare-column-30],
.mb-mod[data-type=compare] .mb-compare-wrapper .mb-compare-row [data-column=compare-column-30] {
    order: 30
}

.mb-compare-include .mb-compare-wrapper .mb-compare-nav [data-column=compare-column-29],
.mb-compare-include .mb-compare-wrapper .mb-compare-row [data-column=compare-column-29],
.mb-mod[data-type=compare] .mb-compare-wrapper .mb-compare-nav [data-column=compare-column-29],
.mb-mod[data-type=compare] .mb-compare-wrapper .mb-compare-row [data-column=compare-column-29] {
    order: 29
}

.mb-compare-include .mb-compare-wrapper .mb-compare-nav [data-column=compare-column-28],
.mb-compare-include .mb-compare-wrapper .mb-compare-row [data-column=compare-column-28],
.mb-mod[data-type=compare] .mb-compare-wrapper .mb-compare-nav [data-column=compare-column-28],
.mb-mod[data-type=compare] .mb-compare-wrapper .mb-compare-row [data-column=compare-column-28] {
    order: 28
}

.mb-compare-include .mb-compare-wrapper .mb-compare-nav [data-column=compare-column-27],
.mb-compare-include .mb-compare-wrapper .mb-compare-row [data-column=compare-column-27],
.mb-mod[data-type=compare] .mb-compare-wrapper .mb-compare-nav [data-column=compare-column-27],
.mb-mod[data-type=compare] .mb-compare-wrapper .mb-compare-row [data-column=compare-column-27] {
    order: 27
}

.mb-compare-include .mb-compare-wrapper .mb-compare-nav [data-column=compare-column-26],
.mb-compare-include .mb-compare-wrapper .mb-compare-row [data-column=compare-column-26],
.mb-mod[data-type=compare] .mb-compare-wrapper .mb-compare-nav [data-column=compare-column-26],
.mb-mod[data-type=compare] .mb-compare-wrapper .mb-compare-row [data-column=compare-column-26] {
    order: 26
}

.mb-compare-include .mb-compare-wrapper .mb-compare-nav [data-column=compare-column-25],
.mb-compare-include .mb-compare-wrapper .mb-compare-row [data-column=compare-column-25],
.mb-mod[data-type=compare] .mb-compare-wrapper .mb-compare-nav [data-column=compare-column-25],
.mb-mod[data-type=compare] .mb-compare-wrapper .mb-compare-row [data-column=compare-column-25] {
    order: 25
}

.mb-compare-include .mb-compare-wrapper .mb-compare-nav [data-column=compare-column-24],
.mb-compare-include .mb-compare-wrapper .mb-compare-row [data-column=compare-column-24],
.mb-mod[data-type=compare] .mb-compare-wrapper .mb-compare-nav [data-column=compare-column-24],
.mb-mod[data-type=compare] .mb-compare-wrapper .mb-compare-row [data-column=compare-column-24] {
    order: 24
}

.mb-compare-include .mb-compare-wrapper .mb-compare-nav [data-column=compare-column-23],
.mb-compare-include .mb-compare-wrapper .mb-compare-row [data-column=compare-column-23],
.mb-mod[data-type=compare] .mb-compare-wrapper .mb-compare-nav [data-column=compare-column-23],
.mb-mod[data-type=compare] .mb-compare-wrapper .mb-compare-row [data-column=compare-column-23] {
    order: 23
}

.mb-compare-include .mb-compare-wrapper .mb-compare-nav [data-column=compare-column-22],
.mb-compare-include .mb-compare-wrapper .mb-compare-row [data-column=compare-column-22],
.mb-mod[data-type=compare] .mb-compare-wrapper .mb-compare-nav [data-column=compare-column-22],
.mb-mod[data-type=compare] .mb-compare-wrapper .mb-compare-row [data-column=compare-column-22] {
    order: 22
}

.mb-compare-include .mb-compare-wrapper .mb-compare-nav [data-column=compare-column-21],
.mb-compare-include .mb-compare-wrapper .mb-compare-row [data-column=compare-column-21],
.mb-mod[data-type=compare] .mb-compare-wrapper .mb-compare-nav [data-column=compare-column-21],
.mb-mod[data-type=compare] .mb-compare-wrapper .mb-compare-row [data-column=compare-column-21] {
    order: 21
}

.mb-compare-include .mb-compare-wrapper .mb-compare-nav [data-column=compare-column-20],
.mb-compare-include .mb-compare-wrapper .mb-compare-row [data-column=compare-column-20],
.mb-mod[data-type=compare] .mb-compare-wrapper .mb-compare-nav [data-column=compare-column-20],
.mb-mod[data-type=compare] .mb-compare-wrapper .mb-compare-row [data-column=compare-column-20] {
    order: 20
}

.mb-compare-include .mb-compare-wrapper .mb-compare-nav [data-column=compare-column-19],
.mb-compare-include .mb-compare-wrapper .mb-compare-row [data-column=compare-column-19],
.mb-mod[data-type=compare] .mb-compare-wrapper .mb-compare-nav [data-column=compare-column-19],
.mb-mod[data-type=compare] .mb-compare-wrapper .mb-compare-row [data-column=compare-column-19] {
    order: 19
}

.mb-compare-include .mb-compare-wrapper .mb-compare-nav [data-column=compare-column-18],
.mb-compare-include .mb-compare-wrapper .mb-compare-row [data-column=compare-column-18],
.mb-mod[data-type=compare] .mb-compare-wrapper .mb-compare-nav [data-column=compare-column-18],
.mb-mod[data-type=compare] .mb-compare-wrapper .mb-compare-row [data-column=compare-column-18] {
    order: 18
}

.mb-compare-include .mb-compare-wrapper .mb-compare-nav [data-column=compare-column-17],
.mb-compare-include .mb-compare-wrapper .mb-compare-row [data-column=compare-column-17],
.mb-mod[data-type=compare] .mb-compare-wrapper .mb-compare-nav [data-column=compare-column-17],
.mb-mod[data-type=compare] .mb-compare-wrapper .mb-compare-row [data-column=compare-column-17] {
    order: 17
}

.mb-compare-include .mb-compare-wrapper .mb-compare-nav [data-column=compare-column-16],
.mb-compare-include .mb-compare-wrapper .mb-compare-row [data-column=compare-column-16],
.mb-mod[data-type=compare] .mb-compare-wrapper .mb-compare-nav [data-column=compare-column-16],
.mb-mod[data-type=compare] .mb-compare-wrapper .mb-compare-row [data-column=compare-column-16] {
    order: 16
}

.mb-compare-include .mb-compare-wrapper .mb-compare-nav [data-column=compare-column-15],
.mb-compare-include .mb-compare-wrapper .mb-compare-row [data-column=compare-column-15],
.mb-mod[data-type=compare] .mb-compare-wrapper .mb-compare-nav [data-column=compare-column-15],
.mb-mod[data-type=compare] .mb-compare-wrapper .mb-compare-row [data-column=compare-column-15] {
    order: 15
}

.mb-compare-include .mb-compare-wrapper .mb-compare-nav [data-column=compare-column-14],
.mb-compare-include .mb-compare-wrapper .mb-compare-row [data-column=compare-column-14],
.mb-mod[data-type=compare] .mb-compare-wrapper .mb-compare-nav [data-column=compare-column-14],
.mb-mod[data-type=compare] .mb-compare-wrapper .mb-compare-row [data-column=compare-column-14] {
    order: 14
}

.mb-compare-include .mb-compare-wrapper .mb-compare-nav [data-column=compare-column-13],
.mb-compare-include .mb-compare-wrapper .mb-compare-row [data-column=compare-column-13],
.mb-mod[data-type=compare] .mb-compare-wrapper .mb-compare-nav [data-column=compare-column-13],
.mb-mod[data-type=compare] .mb-compare-wrapper .mb-compare-row [data-column=compare-column-13] {
    order: 13
}

.mb-compare-include .mb-compare-wrapper .mb-compare-nav [data-column=compare-column-12],
.mb-compare-include .mb-compare-wrapper .mb-compare-row [data-column=compare-column-12],
.mb-mod[data-type=compare] .mb-compare-wrapper .mb-compare-nav [data-column=compare-column-12],
.mb-mod[data-type=compare] .mb-compare-wrapper .mb-compare-row [data-column=compare-column-12] {
    order: 12
}

.mb-compare-include .mb-compare-wrapper .mb-compare-nav [data-column=compare-column-11],
.mb-compare-include .mb-compare-wrapper .mb-compare-row [data-column=compare-column-11],
.mb-mod[data-type=compare] .mb-compare-wrapper .mb-compare-nav [data-column=compare-column-11],
.mb-mod[data-type=compare] .mb-compare-wrapper .mb-compare-row [data-column=compare-column-11] {
    order: 11
}

.mb-compare-include .mb-compare-wrapper .mb-compare-nav [data-column=compare-column-10],
.mb-compare-include .mb-compare-wrapper .mb-compare-row [data-column=compare-column-10],
.mb-mod[data-type=compare] .mb-compare-wrapper .mb-compare-nav [data-column=compare-column-10],
.mb-mod[data-type=compare] .mb-compare-wrapper .mb-compare-row [data-column=compare-column-10] {
    order: 10
}

.mb-compare-include .mb-compare-wrapper .mb-compare-nav .mb-compare-cell,
.mb-compare-include .mb-compare-wrapper .mb-compare-row .mb-compare-cell,
.mb-mod[data-type=compare] .mb-compare-wrapper .mb-compare-nav .mb-compare-cell,
.mb-mod[data-type=compare] .mb-compare-wrapper .mb-compare-row .mb-compare-cell {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    flex: 1 0 var(--mb-compare-cell);
    min-width: var(--mb-compare-cell);
    max-width: var(--mb-compare-cell);
    padding: var(--spacing-xs);
    border-right: 1px solid var(--c-em-2xlow);
    border-bottom: 1px solid var(--c-em-3xlow);
    word-break: break-word;
    transition: translate .16s ease-out
}

.mb-compare-include .mb-compare-wrapper .mb-compare-nav.-thumbs img,
.mb-compare-include .mb-compare-wrapper .mb-compare-row.-thumbs img,
.mb-mod[data-type=compare] .mb-compare-wrapper .mb-compare-nav.-thumbs img,
.mb-mod[data-type=compare] .mb-compare-wrapper .mb-compare-row.-thumbs img {
    max-height: 280px;
    contain-intrinsic-size: auto 280px
}

.mb-compare-include .mb-compare-wrapper .mb-compare-nav.-buttons .mb-compare-cell,
.mb-compare-include .mb-compare-wrapper .mb-compare-row.-buttons .mb-compare-cell,
.mb-mod[data-type=compare] .mb-compare-wrapper .mb-compare-nav.-buttons .mb-compare-cell,
.mb-mod[data-type=compare] .mb-compare-wrapper .mb-compare-row.-buttons .mb-compare-cell {
    border-color: transparent;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column
}

.mb-compare-include .mb-compare-wrapper .-bottom .-pricing .mb-compare-cell,
.mb-mod[data-type=compare] .mb-compare-wrapper .-bottom .-pricing .mb-compare-cell {
    border-color: transparent;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column
}

.mb-compare-include .mb-compare-wrapper .-bottom .mb-compare-row:first-of-type .mb-compare-cell,
.mb-mod[data-type=compare] .mb-compare-wrapper .-bottom .mb-compare-row:first-of-type .mb-compare-cell {
    margin-top: var(--spacing-s)
}

.mb-compare-include .mb-compare-wrapper .-bottom .mb-compare-row:last-of-type .mb-compare-cell,
.mb-mod[data-type=compare] .mb-compare-wrapper .-bottom .mb-compare-row:last-of-type .mb-compare-cell {
    margin-bottom: var(--spacing-s)
}

.mb-compare-include .mb-compare-wrapper .mb-compare-nav,
.mb-mod[data-type=compare] .mb-compare-wrapper .mb-compare-nav {
    overflow: hidden;
    width: 100%;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    margin-left: 0;
    height: var(--sizing-compare-nav);
    transition: background-color .16s ease-in-out, box-shadow .16s ease-in-out;
    backdrop-filter: saturate(120%) blur(8px);
    box-shadow: var(--elevation-0);
    border-radius: 0 0 var(--mb-radius) var(--mb-radius);
    z-index: 4;
    align-items: center
}

.mb-compare-include .mb-compare-wrapper .mb-compare-nav.-fixed,
.mb-mod[data-type=compare] .mb-compare-wrapper .mb-compare-nav.-fixed {
    position: fixed
}

.mb-compare-include .mb-compare-wrapper .mb-compare-nav.-at-bottom,
.mb-mod[data-type=compare] .mb-compare-wrapper .mb-compare-nav.-at-bottom {
    top: auto;
    bottom: 0
}

.mb-compare-include .mb-compare-wrapper .mb-compare-nav.-at-bottom,
.mb-compare-include .mb-compare-wrapper .mb-compare-nav.-fixed,
.mb-mod[data-type=compare] .mb-compare-wrapper .mb-compare-nav.-at-bottom,
.mb-mod[data-type=compare] .mb-compare-wrapper .mb-compare-nav.-fixed {
    background-color: var(--c-em-high-contrast);
    box-shadow: var(--elevation-2), var(--elevation-base);
    box-shadow: var(--elevation-2)
}

.-is-pdp .mb-compare-include .mb-compare-wrapper .mb-compare-nav,
.-is-pdp .mb-mod[data-type=compare] .mb-compare-wrapper .mb-compare-nav {
    position: absolute;
    top: 0 !important;
    bottom: auto;
    box-shadow: var(--elevation-0)
}

[data-realm=sfra] .mb-compare-include .mb-compare-wrapper .mb-compare-nav,
[data-realm=sfra] .mb-mod[data-type=compare] .mb-compare-wrapper .mb-compare-nav {
    position: relative;
    top: 0;
    left: 0;
    bottom: auto;
    z-index: 4;
    transform: translate(0, 0)
}

[data-realm=sfra] .mb-compare-include .mb-compare-wrapper .mb-compare-nav.-fixed,
[data-realm=sfra] .mb-mod[data-type=compare] .mb-compare-wrapper .mb-compare-nav.-fixed {
    position: sticky;
    top: var(--top-offset) !important;
    transform: translate(0, 0)
}

.mb-compare-include .mb-compare-wrapper .mb-compare-nav .mb-compare-cell,
.mb-mod[data-type=compare] .mb-compare-wrapper .mb-compare-nav .mb-compare-cell {
    border-right: 0 solid var(--c-em-xlow);
    border-bottom: 0 solid var(--c-em-xlow);
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden
}

.mb-compare-include .mb-compare-wrapper .mb-compare-nav select,
.mb-mod[data-type=compare] .mb-compare-wrapper .mb-compare-nav select {
    padding: var(--spacing-xs) var(--spacing-xs);
    color: var(--c-em-high);
    max-width: 90%
}

.mb-compare-include .mb-compare-wrapper .mb-compare-cell[aria-label]::before,
.mb-mod[data-type=compare] .mb-compare-wrapper .mb-compare-cell[aria-label]::before {
    content: attr(aria-label)
}

.mb-compare-include .mb-compare-wrapper .mb-compare-cell[aria-label] .spec-legend,
.mb-mod[data-type=compare] .mb-compare-wrapper .mb-compare-cell[aria-label] .spec-legend {
    display: none
}

.mb-compare-include .mb-compare-wrapper .mb-compare-cell[aria-label]::before,
.mb-compare-include .mb-compare-wrapper .mb-compare-cell[data-legend]::before,
.mb-compare-include .mb-compare-wrapper .spec-legend,
.mb-mod[data-type=compare] .mb-compare-wrapper .mb-compare-cell[aria-label]::before,
.mb-mod[data-type=compare] .mb-compare-wrapper .mb-compare-cell[data-legend]::before,
.mb-mod[data-type=compare] .mb-compare-wrapper .spec-legend {
    color: var(--c-em-low);
    font-size: var(--f-xs);
    font-weight: 700;
    padding-bottom: var(--spacing-2xs);
    margin: 0 auto;
    display: block
}

.mb-compare-include .mb-compare-wrapper .mb-compare-cell--value,
.mb-mod[data-type=compare] .mb-compare-wrapper .mb-compare-cell--value {
    margin: auto;
    contain-intrinsic-size: auto 62px
}

.mb-compare-include .mb-compare-wrapper .attr-false,
.mb-compare-include .mb-compare-wrapper .attr-true,
.mb-mod[data-type=compare] .mb-compare-wrapper .attr-false,
.mb-mod[data-type=compare] .mb-compare-wrapper .attr-true {
    display: inline-block;
    border-radius: 50%;
    width: var(--spacing-m);
    height: var(--spacing-m);
    margin-top: var(--spacing-2xs)
}

.mb-compare-include .mb-compare-wrapper .attr-false.attr-true,
.mb-compare-include .mb-compare-wrapper .attr-true.attr-true,
.mb-mod[data-type=compare] .mb-compare-wrapper .attr-false.attr-true,
.mb-mod[data-type=compare] .mb-compare-wrapper .attr-true.attr-true {
    background: var(--c-success);
    color: #fff;
    line-height: 28px
}

.mb-compare-include .mb-compare-wrapper .attr-false.attr-true:before,
.mb-compare-include .mb-compare-wrapper .attr-true.attr-true:before,
.mb-mod[data-type=compare] .mb-compare-wrapper .attr-false.attr-true:before,
.mb-mod[data-type=compare] .mb-compare-wrapper .attr-true.attr-true:before {
    content: "✓"
}

.mb-compare-include .mb-compare-wrapper .attr-false.attr-false:before,
.mb-compare-include .mb-compare-wrapper .attr-true.attr-false:before,
.mb-mod[data-type=compare] .mb-compare-wrapper .attr-false.attr-false:before,
.mb-mod[data-type=compare] .mb-compare-wrapper .attr-true.attr-false:before {
    content: "–";
    opacity: .38
}

.mb-compare-include .mb-compare-wrapper ul.list,
.mb-mod[data-type=compare] .mb-compare-wrapper ul.list {
    text-align: start;
    margin: 0 0 auto;
    padding: 0 0 var(--spacing-xs);
    list-style: none
}

.mb-compare-include .mb-compare-wrapper ul.list li,
.mb-mod[data-type=compare] .mb-compare-wrapper ul.list li {
    position: relative;
    padding-left: var(--spacing-m)
}

.mb-compare-include .mb-compare-wrapper ul.list li:before,
.mb-mod[data-type=compare] .mb-compare-wrapper ul.list li:before {
    content: "•";
    color: var(--mb-c-accent);
    position: absolute;
    left: 0
}

.mb-compare-include .price-each,
.mb-compare-include .product-sales-price,
.mb-mod[data-type=compare] .price-each,
.mb-mod[data-type=compare] .product-sales-price {
    color: var(--c-pricing)
}

.mb-compare-include .product-standard-price,
.mb-mod[data-type=compare] .product-standard-price {
    font-weight: 400
}

.mb-compare-include .price-strikethrough,
.mb-mod[data-type=compare] .price-strikethrough {
    opacity: .68;
    font-weight: 400;
    text-decoration: line-through;
    font-size: var(--f-s);
    margin-top: var(--spacing-2xs)
}

.mb-compare-include .price-off-option,
.mb-mod[data-type=compare] .price-off-option {
    background-color: var(--mb-c-accent-safe);
    color: #fff;
    font-size: 12px;
    padding: 3px 10px;
    text-transform: uppercase;
    white-space: nowrap;
    font-weight: regular
}

[data-realm=sfra] .mb-compare-include .mb-compare-nav,
[data-realm=sfra] .mb-compare-include .product-name,
[data-realm=sfra] .mb-compare-include .product-pricing,
[data-realm=sfra] .mb-compare-include .spec-legend,
[data-realm=sfra] .mb-mod[data-type=compare] .mb-compare-nav,
[data-realm=sfra] .mb-mod[data-type=compare] .product-name,
[data-realm=sfra] .mb-mod[data-type=compare] .product-pricing,
[data-realm=sfra] .mb-mod[data-type=compare] .spec-legend {
    font-family: var(--font-headline)
}

[data-realm=sfra] .mb-compare-include .product-pricing,
[data-realm=sfra] .mb-mod[data-type=compare] .product-pricing {
    font-weight: 300
}

[data-realm=sfra] .mb-compare-include .product-name,
[data-realm=sfra] .mb-mod[data-type=compare] .product-name {
    font-weight: 500
}

.mb-compare-wrapper .select2-container {
    min-width: 100%;
    max-width: 100%
}

.mb-compare-wrapper .select2-container--default .select2-selection--single {
    background-color: var(--c-em-xlow-contrast);
    border: 2px solid var(--c-em-3xlow);
    border-radius: 4px;
    height: 32px;
    color: var(--c-em-high)
}

.mb-compare-wrapper .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: var(--c-em-high);
    line-height: 32px;
    font-weight: 400
}

.select2-dropdown.mbCompare {
    background-color: var(--c-em-high-contrast);
    border: 2px solid var(--c-em-3xlow)
}

.select2-dropdown.mbCompare .select2-results>.select2-results__options {
    max-height: 250px
}

.select2-dropdown.mbCompare .select2-results>.select2-results__options .klarnaPdpMsg,
.select2-dropdown.mbCompare .select2-results>.select2-results__options .promo-sec {
    display: none
}

.select2-dropdown.mbCompare .select2-results>.select2-results__options {
    display: flex;
    flex-direction: column;
    overflow-y: auto;
    -webkit-overflow-scrolling: auto;
    scroll-behavior: smooth;
    color-scheme: light;
    position: relative;
    scrollbar-width: thin;
    scrollbar-color: var(--c-accent) #eef0f1
}

.select2-dropdown.mbCompare .select2-results>.select2-results__options::-webkit-scrollbar {
    width: 6px;
    height: 6px
}

.select2-dropdown.mbCompare .select2-results>.select2-results__options::-webkit-scrollbar-thumb,
.select2-dropdown.mbCompare .select2-results>.select2-results__options::-webkit-scrollbar-track {
    border-left: solid 0 var(--c-canvas, #fff);
    border-right: solid 0 var(--c-canvas, #fff);
    border-top: solid 0 #eef0f1;
    border-bottom: solid 0 #eef0f1
}

.select2-dropdown.mbCompare .select2-results>.select2-results__options::-webkit-scrollbar-track {
    background: #eef0f1;
    border-radius: 22px
}

.select2-dropdown.mbCompare .select2-results>.select2-results__options::-webkit-scrollbar-thumb {
    background-color: var(--c-accent);
    border-radius: 11px
}

.select2-dropdown.mbCompare .select2-results>.select2-results__options::-webkit-scrollbar-thumb:vertical {
    min-height: 50px
}

.select2-dropdown.mbCompare .select2-results>.select2-results__options::-webkit-scrollbar-thumb:horizontal:hover,
.select2-dropdown.mbCompare .select2-results>.select2-results__options::-webkit-scrollbar-thumb:vertical:hover {
    background-color: var(--c-accent)
}

.select2-dropdown.mbCompare .select2-results>.select2-results__options>* {
    scroll-snap-align: start
}

.select2-dropdown.mbCompare .select2-results .mb-compare-option {
    display: grid;
    grid-template-columns: 1fr 72px;
    column-gap: 8px
}

.select2-dropdown.mbCompare .select2-results .mb-compare-option picture {
    display: flex;
    order: 2;
    max-width: 60px;
    min-width: 60px
}

.select2-dropdown.mbCompare .select2-results .mb-compare-option picture img {
    max-width: 100%;
    min-width: 100%;
    aspect-ratio: 1/1;
    object-fit: contain
}

.select2-dropdown.mbCompare .select2-results .mb-compare-option .mb-com--details {
    display: inline-flex;
    align-items: center;
    gap: var(--spacing-2xs);
    padding-left: 24px;
    position: relative;
    flex-direction: column;
    align-items: flex-start
}

.select2-dropdown.mbCompare .select2-results .mb-compare-option .mb-com--details::before {
    content: 'radio_button_unchecked';
    font-family: 'Material Symbols Outlined', 'Material Icons', sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 1.2em;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    vertical-align: sub;
    -webkit-font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased;
    transform: translate(0, 0)
}

.select2-dropdown.mbCompare .select2-results .mb-compare-option .mb-com--details::before {
    position: absolute;
    left: 0;
    top: 4px;
    color: var(--c-em-low)
}

.select2-dropdown.mbCompare .select2-results .mb-compare-option .mb-com--headline {
    display: flex;
    font-size: var(--f-m);
    font-family: var(--font-headline, var(--mb-font-headline));
    font-weight: 500
}

.select2-dropdown.mbCompare .select2-results .mb-compare-option .mb-com--price {
    font-size: var(--f-s);
    font-family: var(--font-headline, var(--mb-font-headline));
    display: flex;
    column-gap: 8px;
    align-items: baseline
}

.select2-dropdown.mbCompare .select2-results .mb-compare-option .mb-com--price:empty {
    display: none
}

.select2-dropdown.mbCompare .select2-results .mb-compare-option .mb-com--price .price-strikethrough {
    font-size: 90%;
    text-decoration: line-through;
    text-decoration-color: var(--c-error);
    color: var(--c-em-low)
}

.select2-dropdown.mbCompare .select2-results .select2-results__option--selected .mb-compare-option .mb-com--details::before {
    content: "radio_button_checked"
}

.select2-dropdown.mbCompare .select2-results .select2-results__option {
    border-bottom: thin solid var(--c-em-4xlow)
}

.select2-dropdown.mbCompare .select2-results .select2-results__option--highlighted.select2-results__option--selectable {
    background-color: var(--c-em-4xlow);
    color: var(--c-em-high)
}

.select2-dropdown.mbCompare .select2-results .select2-results__option--selected {
    background-color: transparent;
    color: var(--c-em-high);
    order: -1
}

.select2-dropdown.mbCompare .select2-results .select2-search__field {
    border: thin solid var(--c-em-2xlow);
    border-radius: 11px
}

.select2-dropdown.mbCompare .select2-results .select2-search__field:focus {
    outline: 0;
    border-color: var(--c-accent)
}

.mb-navbar {
    backdrop-filter: saturate(120%) blur(8px);
    box-shadow: 0 12px 24px 0 rgba(212, 161, 161, .06);
    background: var(--c-canvas-o, var(--c-em-med-contrast));
    z-index: 8;
    top: var(--sizing-header);
    position: sticky !important
}

.mb-navbar>.inside {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap
}

.mb-navbar select {
    display: none
}

.mb-navbar ul {
    margin: 0 auto;
    justify-content: center;
    align-items: center;
    height: 100%;
    display: none
}

.mb-navbar li {
    height: 100%;
    display: inline-flex;
    align-items: center;
    margin: 0 var(--spacing-s);
    position: relative;
    cursor: pointer;
    padding: var(--spacing-s) 0;
    color: var(--c-em-full);
    font-size: var(--f-s);
    flex-direction: column;
    text-align: center;
    line-height: 1
}

.mb-navbar li picture {
    display: block;
    padding-bottom: 4px
}

.mb-navbar li picture img {
    max-height: 56px;
    object-fit: contain
}

.mb-navbar li:after,
.mb-navbar li:before {
    content: " ";
    display: block;
    position: absolute;
    bottom: 0;
    height: 3px;
    width: 0;
    right: 50%;
    transition: .16s ease-in-out;
    background: var(--c-em-med)
}

.mb-navbar li:after {
    left: 50%;
    right: auto
}

.mb-navbar li.active::after,
.mb-navbar li.active::before,
.mb-navbar li:hover::after,
.mb-navbar li:hover::before {
    width: 50%
}

.mb-navbar li.active::after,
.mb-navbar li.active::before {
    background-color: var(--mb-c-accent)
}

.mb-decisiontree {
    display: flex;
    flex-direction: column;
    position: relative;
    padding-bottom: var(--spacing-m)
}

.mb-decisiontree select span {
    display: none !important
}

.mb-decisiontree.-show-results .mb-dt-decision.-results {
    display: block;
    position: relative;
    opacity: 1;
    visibility: visible
}

.mb-decisiontree.-show-results .mb-dt-decision.-results .mb-dt-banner h2 {
    opacity: 1;
    transform: none
}

.mb-decisiontree.-show-results .mb-dt-decision.-results .mb-dt-result-item:before {
    content: " (" attr(data-applies-to) ")";
    display: block;
    padding: 10px;
    word-break: break-word
}

.mb-decisiontree .result-runner-ups {
    display: none
}

.mb-decisiontree .result-runner-ups h3 {
    text-align: center
}

.mb-decisiontree.-at-results .result-runner-ups {
    display: block;
    margin-top: var(--spacing-m)
}

.mb-decisiontree.-at-results .-clean {
    margin-bottom: 0
}

.mb-decisiontree.-at-results .result-wrapper.-main .-runner-up {
    display: none !important
}

.mb-decisiontree img {
    display: block
}

.mb-decisiontree .mb-dt-toolbar {
    order: -200;
    color: var(--c-em-med);
    display: flex;
    padding-inline: var(--side-offset)
}

.mb-decisiontree .mb-dt-toolbar:not(.-active) {
    display: none
}

.mb-decisiontree .mb-dt-toolbar>* {
    margin: var(--spacing-xs) var(--spacing-xs) var(--spacing-xs) 0
}

.mb-decisiontree .mb-dt-toolbar .js-restart {
    font-size: var(--f-s);
    display: inline-block;
    cursor: pointer
}

.mb-decisiontree .mb-dt-decision:not(.-active):not(.-permanent) {
    visibility: hidden;
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
    top: 0;
    max-height: 100vw;
    overflow: hidden;
    max-width: 100vw;
    content-visibility: auto;
    contain-intrinsic-size: 1000px
}

.mb-decisiontree .mb-dt-decision:not(.-active):not(.-permanent).-permanent {
    visibility: visible;
    position: static;
    opacity: 1
}

.mb-decisiontree .mb-dt-decision:not(.-active):not(.-permanent) .dt-button-wrapper>*,
.mb-decisiontree .mb-dt-decision:not(.-active):not(.-permanent) .mb-dt-answer,
.mb-decisiontree .mb-dt-decision:not(.-active):not(.-permanent) .mb-dt-banner h2,
.mb-decisiontree .mb-dt-decision:not(.-active):not(.-permanent) .mb-dt-banner p {
    translate: 0 var(--spacing-m);
    opacity: 0;
    animation: none
}

.mb-decisiontree .mb-dt-decision .mb-dt-banner p {
    animation-delay: .18s
}

.mb-decisiontree .mb-dt-decision .mb-dt-answer:nth-of-type(20) {
    animation-delay: 1.32s
}

.mb-decisiontree .mb-dt-decision .mb-dt-answer:nth-of-type(19) {
    animation-delay: 1.26s
}

.mb-decisiontree .mb-dt-decision .mb-dt-answer:nth-of-type(18) {
    animation-delay: 1.2s
}

.mb-decisiontree .mb-dt-decision .mb-dt-answer:nth-of-type(17) {
    animation-delay: 1.14s
}

.mb-decisiontree .mb-dt-decision .mb-dt-answer:nth-of-type(16) {
    animation-delay: 1.08s
}

.mb-decisiontree .mb-dt-decision .mb-dt-answer:nth-of-type(15) {
    animation-delay: 1.02s
}

.mb-decisiontree .mb-dt-decision .mb-dt-answer:nth-of-type(14) {
    animation-delay: .96s
}

.mb-decisiontree .mb-dt-decision .mb-dt-answer:nth-of-type(13) {
    animation-delay: .9s
}

.mb-decisiontree .mb-dt-decision .mb-dt-answer:nth-of-type(12) {
    animation-delay: .84s
}

.mb-decisiontree .mb-dt-decision .mb-dt-answer:nth-of-type(11) {
    animation-delay: .78s
}

.mb-decisiontree .mb-dt-decision .mb-dt-answer:nth-of-type(10) {
    animation-delay: .72s
}

.mb-decisiontree .mb-dt-decision .mb-dt-answer:nth-of-type(9) {
    animation-delay: .66s
}

.mb-decisiontree .mb-dt-decision .mb-dt-answer:nth-of-type(8) {
    animation-delay: .6s
}

.mb-decisiontree .mb-dt-decision .mb-dt-answer:nth-of-type(7) {
    animation-delay: .54s
}

.mb-decisiontree .mb-dt-decision .mb-dt-answer:nth-of-type(6) {
    animation-delay: .48s
}

.mb-decisiontree .mb-dt-decision .mb-dt-answer:nth-of-type(5) {
    animation-delay: .42s
}

.mb-decisiontree .mb-dt-decision .mb-dt-answer:nth-of-type(4) {
    animation-delay: .36s
}

.mb-decisiontree .mb-dt-decision .mb-dt-answer:nth-of-type(3) {
    animation-delay: .3s
}

.mb-decisiontree .mb-dt-decision .mb-dt-answer:nth-of-type(2) {
    animation-delay: .24s
}

.mb-decisiontree .mb-dt-decision .mb-dt-answer:nth-of-type(1) {
    animation-delay: .18s
}

.mb-decisiontree .mb-dt-decision .question-helper {
    animation-delay: .36s
}

.mb-decisiontree .mb-dt-decision .dt-button-wrapper>:nth-of-type(1) {
    animation-delay: .18s
}

.mb-decisiontree .mb-dt-decision .dt-button-wrapper>:nth-of-type(2) {
    animation-delay: .3s
}

.mb-decisiontree .mb-dt-decision .dt-button-wrapper>*,
.mb-decisiontree .mb-dt-decision .mb-dt-answer,
.mb-decisiontree .mb-dt-decision .mb-dtquestion>.mb-dt-banner h2,
.mb-decisiontree .mb-dt-decision .mb-dtquestion>.mb-dt-banner p,
.mb-decisiontree .mb-dt-decision .question-helper {
    transition: opacity .32s ease-in-out, translate .32s ease-in-out;
    opacity: 0;
    translate: 0 24px;
    will-change: opacity, translate
}

.mb-decisiontree .mb-dt-decision .mb-dtquestion>.mb-dt-banner h2 {
    transition-delay: 0s
}

.mb-decisiontree .mb-dt-decision .mb-dtquestion>.mb-dt-banner p {
    transition-delay: 40ms
}

.mb-decisiontree .mb-dt-decision .mb-dt-answer {
    transition-delay: 80ms
}

.mb-decisiontree .mb-dt-decision .mb-dt-answer:nth-of-type(2) {
    transition-delay: .12s
}

.mb-decisiontree .mb-dt-decision .mb-dt-answer:nth-of-type(3) {
    transition-delay: .16s
}

.mb-decisiontree .mb-dt-decision .mb-dt-answer:nth-of-type(4) {
    transition-delay: .2s
}

.mb-decisiontree .mb-dt-decision .mb-dt-answer:nth-of-type(5) {
    transition-delay: .24s
}

.mb-decisiontree .mb-dt-decision .mb-dt-answer:nth-of-type(6) {
    transition-delay: .28s
}

.mb-decisiontree .mb-dt-decision .mb-dt-answer:nth-of-type(7) {
    transition-delay: .32s
}

.mb-decisiontree .mb-dt-decision .mb-dt-answer:nth-of-type(8) {
    transition-delay: .36s
}

.mb-decisiontree .mb-dt-decision .mb-dt-answer:nth-of-type(9) {
    transition-delay: .4s
}

.mb-decisiontree .mb-dt-decision .mb-dt-answer:nth-of-type(10) {
    transition-delay: .44s
}

.mb-decisiontree .mb-dt-decision .mb-dt-answer:nth-of-type(11) {
    transition-delay: .48s
}

.mb-decisiontree .mb-dt-decision .mb-dt-answer:nth-of-type(n+12) {
    transition-delay: .52s
}

.mb-decisiontree .mb-dt-decision .dt-button-wrapper,
.mb-decisiontree .mb-dt-decision .question-helper {
    transition-delay: .16s
}

.mb-decisiontree .mb-dt-decision.-active {
    display: block
}

.mb-decisiontree .mb-dt-decision.-active .dt-button-wrapper>*,
.mb-decisiontree .mb-dt-decision.-active .mb-dt-answer,
.mb-decisiontree .mb-dt-decision.-active .mb-dtquestion>.mb-dt-banner h2,
.mb-decisiontree .mb-dt-decision.-active .mb-dtquestion>.mb-dt-banner p,
.mb-decisiontree .mb-dt-decision.-active .question-helper {
    opacity: 1;
    translate: 0 0
}

.mb-decisiontree .mb-dt-decision.-permanent {
    display: block;
    margin-top: var(--spacing-2xl)
}

.mb-decisiontree .mb-dt-decision.-permanent.-active {
    margin-top: 0
}

.mb-decisiontree .mb-dt-decision.-lander {
    display: none
}

.mb-decisiontree .mb-dt-decision.-lander.-active {
    display: block
}

.mb-decisiontree .mb-dt-decision.-results.-active .mb-dt-toolbar {
    display: flex
}

.mb-decisiontree .mb-dt-decision.-results .result-wrapper.-runner-ups .search-result-items.tiles-container.mb-tiles-container.-v2 .grid-tile {
    min-width: 100%;
    max-width: 100%;
    background: 0 0;
    box-shadow: none
}

.mb-decisiontree .mb-dt-decision.-results .result-wrapper.-runner-ups .search-result-items.tiles-container.mb-tiles-container.-v2 .grid-tile.-first-tile::after,
.mb-decisiontree .mb-dt-decision.-results .result-wrapper.-runner-ups .search-result-items.tiles-container.mb-tiles-container.-v2 .grid-tile:not(:last-child)::after {
    content: attr(data-rups);
    display: block;
    min-width: 100%;
    max-width: 100%;
    font-family: var(--font-headline, var(--font-headline-system));
    font-size: var(--f-l);
    margin: var(--spacing-xl) auto 0
}

.mb-decisiontree .mb-dt-decision.-results .result-wrapper.-runner-ups .search-result-items.tiles-container.mb-tiles-container.-v2 .grid-tile .bottom,
.mb-decisiontree .mb-dt-decision.-results .result-wrapper.-runner-ups .search-result-items.tiles-container.mb-tiles-container.-v2 .grid-tile .product-image,
.mb-decisiontree .mb-dt-decision.-results .result-wrapper.-runner-ups .search-result-items.tiles-container.mb-tiles-container.-v2 .grid-tile .product-info {
    margin: 0 auto
}

.mb-decisiontree .mb-dt-decision.-results .result-wrapper.-runner-ups .search-result-items.tiles-container.mb-tiles-container.-v2 .grid-tile:not(.hidden)~.grid-tile:not(.hidden)::after {
    display: none
}

.mb-decisiontree .mb-dt-decision.-results .result-wrapper.-runner-ups .search-result-items.tiles-container.mb-tiles-container.-v2 .grid-tile:not(.hidden)~.grid-tile:not(.hidden) .bottom,
.mb-decisiontree .mb-dt-decision.-results .result-wrapper.-runner-ups .search-result-items.tiles-container.mb-tiles-container.-v2 .grid-tile:not(.hidden)~.grid-tile:not(.hidden) .product-image,
.mb-decisiontree .mb-dt-decision.-results .result-wrapper.-runner-ups .search-result-items.tiles-container.mb-tiles-container.-v2 .grid-tile:not(.hidden)~.grid-tile:not(.hidden) .product-info {
    min-width: 100%;
    max-width: 100%
}

.mb-decisiontree .mb-dt-decision.-results .mb-dt-result-item {
    order: -300
}

.mb-decisiontree .mb-dt-decision.-results .-runner-up {
    order: -200
}

.mb-decisiontree .mb-dt-decision.-results .-limbo {
    opacity: .1;
    order: -100;
    display: none !important
}

.mb-decisiontree .mb-dt-banner {
    background-color: var(--c-canvas-alt, var(--c-em-4xlow));
    text-align: center;
    border-radius: 0;
    margin-bottom: var(--spacing-m)
}

.mb-decisiontree .mb-dt-banner.-clean {
    background-color: transparent
}

html body .mb-wrapper:not(.-hide-interface-elements) .mb-decisiontree .mb-dt-banner.mb-mod:not(.-empty):not(.-new) {
    min-height: auto !important
}

.mb-decisiontree .mb-dt-banner .copy:empty {
    display: none
}

.mb-decisiontree .mb-dt-banner .copy p {
    color: var(--c-em-high);
    text-wrap: balance;
    font-size: clamp(var(--f-m), 3vw, var(--f-l))
}

.mb-decisiontree .mb-dt-banner .copy h2 * {
    color: inherit;
    text-wrap: balance
}

.mb-decisiontree .mb-dt-banner .copy .cta {
    margin-bottom: var(--spacing-s);
    font-weight: 700
}

.mb-decisiontree .mb-dt-banner.-placement-left .copy {
    order: -1
}

.mb-decisiontree .mb-dtlander,
.mb-decisiontree .mb-dtquestion {
    max-width: 100vw
}

.mb-decisiontree .mb-dtlander.-placement-left .mb-dt-banner .copy,
.mb-decisiontree .mb-dtquestion.-placement-left .mb-dt-banner .copy {
    order: -1
}

.mb-decisiontree .mb-dtlander.-image-overlay h1,
.mb-decisiontree .mb-dtlander.-image-overlay h2,
.mb-decisiontree .mb-dtlander.-image-overlay h3,
.mb-decisiontree .mb-dtquestion.-image-overlay h1,
.mb-decisiontree .mb-dtquestion.-image-overlay h2,
.mb-decisiontree .mb-dtquestion.-image-overlay h3 {
    font-weight: 700;
    text-wrap: balance
}

.mb-decisiontree .question-helper {
    font-size: var(--f-m);
    margin-top: var(--spacing-m);
    margin-bottom: var(--spacing-m);
    text-align: center;
    display: block;
    color: var(--c-em-high)
}

.mb-decisiontree .mb-dt-decision.-active .dt-button-wrapper {
    position: sticky;
    bottom: 0;
    background-color: var(--c-page-o);
    padding: var(--spacing-s) var(--side-offset);
    z-index: 2
}

@supports ((-webkit-backdrop-filter:none) or (backdrop-filter:none)) {
    .mb-decisiontree .mb-dt-decision.-active .dt-button-wrapper {
        backdrop-filter: saturate(180%) blur(20px);
        -webkit-backdrop-filter: saturate(180%) blur(20px)
    }
}

.mb-decisiontree .dt-button-wrapper {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    margin-top: var(--spacing-m)
}

.mb-decisiontree .dt-button-wrapper>* {
    min-width: calc(5% - var(--spacing-s));
    margin: 0 var(--spacing-2xs)
}

.mb-decisiontree .mb-dt-answers .mb-dt-answer {
    position: relative;
    z-index: 0
}

.mb-decisiontree .mb-dt-answers .mb-dt-answer:focus,
.mb-decisiontree .mb-dt-answers .mb-dt-answer:hover {
    z-index: 2
}

.mb-decisiontree .mb-dt-answers .mb-dt-answer[disabled] {
    opacity: .32;
    transition-delay: 0s;
    pointer-events: none
}

.mb-decisiontree .mb-dt-answers .mb-dt-answer>.inside {
    position: relative
}

.mb-decisiontree .mb-dt-answers .mb-dt-answer .mb-tooltip {
    position: absolute;
    right: var(--spacing-2xs);
    top: var(--spacing-xs)
}

.mb-decisiontree .mb-dt-answers .selected~.mb-dt-answer,
.mb-decisiontree .mb-dt-answers.-features .mb-dt-answer,
.mb-decisiontree .mb-dt-answers.initialized .mb-dt-answer {
    transition-delay: 0s
}

.mb-decisiontree .mb-dt-answers .selected~.mb-dt-answer *,
.mb-decisiontree .mb-dt-answers.-features .mb-dt-answer *,
.mb-decisiontree .mb-dt-answers.initialized .mb-dt-answer * {
    transition-delay: 0s
}

.mb-decisiontree .mb-dt-answers.-ctas {
    justify-content: center;
    align-items: center;
    text-align: center
}

.mb-decisiontree .mb-dt-answers.-ctas .cta {
    position: relative;
    margin: var(--spacing-2xs);
    width: 172px;
    transition: padding 80ms ease-in-out
}

.mb-decisiontree .mb-dt-answers.-ctas .cta:focus {
    border-color: var(--mb-c-button);
    background-color: transparent;
    color: var(--c-body)
}

.mb-decisiontree .mb-dt-answers.-ctas .cta.-selected {
    border-color: var(--mb-c-button);
    background-color: var(--mb-c-button);
    color: var(--mb-c-button-copy);
    padding-left: 36px;
    display: inline-flex;
    align-items: center;
    gap: var(--spacing-2xs)
}

.mb-decisiontree .mb-dt-answers.-ctas .cta.-selected::before {
    content: "\e2e6";
    font-family: 'Material Symbols Outlined', 'Material Icons', sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 1.5em;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    vertical-align: sub;
    -webkit-font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased;
    transform: translate(0, 0)
}

.mb-decisiontree .mb-dt-answers.-ctas .cta.-selected:before {
    position: absolute;
    left: 10px;
    top: 12px
}

.mb-decisiontree .mb-dt-answers.-tiles {
    display: flex;
    justify-content: center;
    margin-inline: var(--side-offset-negative)
}

.mb-decisiontree .mb-dt-answers.-tiles:not(.-features) .mb-tooltip+h3 {
    padding-left: var(--spacing-m);
    padding-right: var(--spacing-m)
}

html .mb-wrapper:not(.-hide-interface-elements) .mb-decisiontree .mb-dt-answers.-tiles.mb-mod:not(.-empty):not(.-new) {
    min-height: auto !important
}

.mb-decisiontree .mb-dt-answers.-tiles.ds-slider {
    flex-direction: column;
    --spv: 2.5
}

.mb-decisiontree .mb-dt-answers.-tiles.ds-slider .ds-slides {
    padding-bottom: 4px
}

.mb-decisiontree .mb-dt-answers.-tiles.ds-slider[data-count="2"] {
    --spv: 2
}

.mb-decisiontree .mb-dt-answers.-tiles.ds-slider+.mb-dt-answers--pagination {
    display: none !important
}

.mb-decisiontree .mb-dt-answers.-tiles.ds-slider .ds-slide:has(>.mb-tile.hidden) {
    display: none !important
}

.mb-decisiontree .mb-dt-answers.-tiles.ds-slider .mb-tile {
    height: calc(100% - 16px);
    box-shadow: none;
    max-width: none
}

.mb-decisiontree .mb-dt-answers.-tiles.slick-slider {
    padding-inline: 0;
    margin-bottom: 0;
    flex-direction: column
}

.mb-decisiontree .mb-dt-answers.-tiles.slick-slider :is(.mb-tile,
.mb-tile[data-count]) {
    min-width: auto;
    max-width: none
}

.mb-decisiontree .mb-dt-answers.-tiles.slick-slider .slick-track {
    display: flex !important;
    padding-bottom: 20px;
    padding-right: 32px
}

.mb-decisiontree .mb-dt-answers.-tiles.slick-slider .slick-slide {
    height: inherit !important;
    padding-inline: 8px
}

.mb-decisiontree .mb-dt-answers.-tiles.slick-slider .slick-slide .mb-tile,
.mb-decisiontree .mb-dt-answers.-tiles.slick-slider .slick-slide>div {
    height: 100%;
    pointer-events: none
}

.mb-decisiontree .mb-dt-answers.-tiles.slick-slider .slick-dots {
    position: relative;
    bottom: 0
}

.mb-decisiontree .mb-dt-answers.-tiles.slick-slider .slick-dots li {
    width: 12px
}

.mb-decisiontree .mb-dt-answers.-tiles.slick-slider .slick-dots li button:before {
    font-size: 32px
}

.mb-decisiontree .mb-dt-answers.-tiles .mb-tile {
    flex: 1;
    cursor: pointer;
    position: relative;
    margin: var(--spacing-xs);
    border-radius: var(--mb-radius);
    background-color: var(--c-canvas-alt, var(--c-em-high-contrast));
    display: flex;
    flex-direction: column
}

.mb-decisiontree .mb-dt-answers.-tiles .mb-tile:after,
.mb-decisiontree .mb-dt-answers.-tiles .mb-tile:before {
    content: " ";
    pointer-events: none;
    z-index: 1;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: var(--mb-radius)
}

.mb-decisiontree .mb-dt-answers.-tiles .mb-tile:before {
    border: 2px solid transparent;
    right: 0;
    bottom: 0
}

.mb-decisiontree .mb-dt-answers.-tiles .mb-tile .inside {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: var(--spacing-s) var(--spacing-xs) 0;
    color: var(--c-em-med)
}

.mb-decisiontree .mb-dt-answers.-tiles .mb-tile .inside h2,
.mb-decisiontree .mb-dt-answers.-tiles .mb-tile .inside h3,
.mb-decisiontree .mb-dt-answers.-tiles .mb-tile .inside h4,
.mb-decisiontree .mb-dt-answers.-tiles .mb-tile .inside h5,
.mb-decisiontree .mb-dt-answers.-tiles .mb-tile .inside h6 {
    color: inherit;
    font-size: var(--f-m);
    font-family: var(--font-body, var(--font-body-system));
    font-weight: 700;
    margin: 0 0 var(--spacing-s);
    text-wrap: balance;
    text-transform: none
}

.mb-decisiontree .mb-dt-answers.-tiles .mb-tile picture {
    display: block;
    aspect-ratio: 16/9;
    overflow: hidden;
    border-radius: var(--mb-radius) var(--mb-radius) 0 0;
    padding: 0
}

.mb-decisiontree .mb-dt-answers.-tiles .mb-tile picture img {
    object-fit: cover;
    min-height: 100%
}

.mb-decisiontree .mb-dt-answers.-tiles .mb-tile:focus,
.mb-decisiontree .mb-dt-answers.-tiles .mb-tile:hover {
    box-shadow: var(--elevation-4), var(--elevation-base);
    box-shadow: var(--elevation-4)
}

.mb-decisiontree .mb-dt-answers.-tiles .mb-tile:focus:before,
.mb-decisiontree .mb-dt-answers.-tiles .mb-tile:hover:before {
    border-color: var(--mb-c-accent)
}

.mb-decisiontree .mb-dt-answers.-tiles .mb-tile.-selected:before {
    border-color: var(--mb-c-accent)
}

.mb-decisiontree .mb-dt-answers.-tiles .mb-tile.-selected:after {
    top: 1px;
    left: 1px;
    height: 24px;
    width: 24px;
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='29px' height='29px' viewBox='0 0 29 29' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3Eicon-check%3C/title%3E%3Cg id='Symbols' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Focus:checked' transform='translate(-2.000000, -2.000000)'%3E%3Cg id='icon-check' transform='translate(2.000000, 2.000000)'%3E%3Cpath d='M1.8189894e-12,0 L29,0 C27.4655672,0.201099434 26.1322339,0.8677661 25,2 C23.8677661,3.1322339 23.2010994,4.46556723 23,6 L23,19 C23,21.209139 21.209139,23 19,23 L6,23 C4.46556723,23.2010994 3.1322339,23.8677661 2,25 C0.8677661,26.1322339 0.201099434,27.4655672 0,29 L1.8189894e-12,0 Z' id='Combined-Shape' fill='%23FF3300'%3E%3C/path%3E%3Cpath d='M15.6568542,6 L17.0710678,7.41421356 L8.58578644,15.8994949 L7.17157288,14.4852814 L7.20689322,14.449 L4.29289322,11.5355339 L5.70710678,10.1213203 L8.62089322,13.035 L15.6568542,6 Z' id='Combined-Shape' fill='%23FFFFFF'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat
}

.mb-decisiontree .mb-dt-answers.-tiles p {
    color: var(--c-em-high)
}

.mb-decisiontree .mb-dt-answers.-tiles h3+p {
    margin-top: var(--spacing-xs-negative);
    text-wrap: balance
}

.mb-decisiontree .mb-dt-answers.-tiles.-features .mb-tile {
    display: grid;
    grid-template-columns: 128px 1fr
}

.mb-decisiontree .mb-dt-answers.-tiles.-features .mb-tile .inside {
    justify-content: flex-start;
    margin-top: 0
}

.mb-decisiontree .mb-dt-answers.-tiles.-features .mb-tile .inside:first-child {
    grid-column: 1/-1
}

.mb-decisiontree .mb-dt-answers.-tiles.-features .mb-tile .copy {
    text-align: start;
    font-size: clamp(14px, 1.4vw, 16px);
    transition: padding .16s
}

.mb-decisiontree .mb-dt-answers.-tiles.-features .mb-tile .copy h3 {
    font-size: clamp(16px, 1.8vw, 18px)
}

.mb-decisiontree .mb-dt-answers.-tiles.-features .mb-tile picture {
    aspect-ratio: initial;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--c-em-3xlow);
    padding: var(--spacing-s)
}

.mb-decisiontree .mb-dt-answers.-tiles.-features .mb-tile picture+.copy {
    padding-left: 0;
    padding-right: 0
}

.mb-decisiontree .mb-dt-answers.-tiles.-features .mb-tile.-selected .copy:first-child {
    padding-left: var(--spacing-xs)
}

.mb-decisiontree .mb-dt-answers.-range {
    text-align: center;
    padding-left: var(--mb-side-offset);
    padding-right: var(--mb-side-offset);
    display: flex;
    flex-direction: column;
    grid-gap: var(--spacing-xs);
    align-items: center;
    justify-content: center
}

.mb-decisiontree .mb-dt-answers.-range form {
    display: flex;
    flex-direction: column;
    grid-gap: var(--spacing-xs);
    align-items: center;
    justify-content: center
}

.mb-decisiontree .js-next:after {
    content: "\e409";
    font-family: 'Material Icons';
    font-weight: 400;
    font-style: normal;
    font-size: 20px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased;
    transition: transform .16s ease-in-out;
    vertical-align: bottom;
    margin: -2px -10px -2px 2px
}

.mb-decisiontree .js-next:hover:after {
    transform: translateX(4px)
}

.mb-decisiontree .edit-arrow {
    display: none
}

.mb-decisiontree[data-editmode=true] .edit-arrow {
    display: block;
    font-size: 0;
    position: absolute;
    top: var(--spacing-l);
    outline: 0;
    border-radius: 50%;
    backdrop-filter: saturate(100%) blur(0);
    background: transparent no-repeat center center;
    background-image: url("data:image/svg+xml,%0A%3Csvg width='56px' height='103px' viewBox='0 0 56 103' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3Eicon-arrow-right%3C/title%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Artboard' transform='translate(-1583.000000, -2232.000000)' fill='%23000000'%3E%3Cg id='002' transform='translate(263.000000, 554.000000)'%3E%3Cg id='Image-Block'%3E%3Cpolygon fill='%23000000' id='icon-arrow-right' points='1320.73454 1780.98349 1371.48947 1729.50168 1320.73454 1678.01545 1325.24409 1678.01545 1376.00267 1729.50168 1325.24409 1780.98349'%3E%3C/polygon%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-size: contain;
    height: var(--spacing-2xl);
    width: var(--spacing-2xl);
    border: var(--spacing-s) solid transparent;
    box-sizing: content-box;
    padding: 0;
    opacity: .8;
    right: 0;
    left: auto;
    transition: .16s ease-in-out
}

.mb-decisiontree[data-editmode=true] .edit-arrow.arrow-prev {
    right: auto;
    left: 0;
    background-image: url("data:image/svg+xml,%3Csvg width='56px' height='105px' viewBox='0 0 56 105' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3Eicon-arrow-left%3C/title%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Artboard' transform='translate(-265.000000, -2231.000000)' fill='%23000000'%3E%3Cg id='002' transform='translate(263.000000, 554.000000)'%3E%3Cg id='Image-Block'%3E%3Cpolygon fill='%23000000' id='icon-arrow-left' points='57.209822 1677.98795 6.505812 1729.4984 57.209822 1781.01205 52.704641 1781.01205 1.997268 1729.4984 52.704641 1677.98795'%3E%3C/polygon%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E")
}

.swipe-indicator {
    display: none
}

.mb-dt-answers--pagination {
    margin-top: -10px;
    list-style: none;
    padding: 0;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0
}

.mb-dt-answers--pagination li {
    padding: 4px 0;
    display: inline;
    font-size: 0;
    color: transparent;
    overflow: hidden;
    border-radius: 0
}

.mb-dt-answers--pagination li:first-child:last-child {
    display: none
}

.mb-dt-answers--pagination button {
    padding: 2px;
    border-radius: 0;
    margin: 0;
    cursor: pointer;
    min-width: 20px;
    background-color: var(--c-em-2xlow);
    border: 0;
    transition: background-color 80ms
}

.mb-dt-answers--pagination button.active {
    background-color: var(--c-em-high)
}

.mb-decisiontree .mb-dt-decision {
    max-width: 100vw
}

.container.-has-mb,
.container:has(.mb-wrapper) {
    padding-inline: 0
}

.mb-accordion {
    position: relative
}

.mb-accordion[data-interface=true] label {
    cursor: default;
    pointer-events: none
}

.mb-accordion[data-interface=true] input~.mb-accordion-content {
    display: block;
    max-height: 100vh;
    padding: var(--spacing-s) var(--mb-side-offset)
}

.mb-accordions .inside {
    padding: var(--mb-side-offset)
}

.mb-accordions .inside h2 {
    color: var(--c-em-high)
}

.mb-accordions .inside p {
    color: var(--c-em-med)
}

.mb-accordion {
    overflow: hidden;
    margin-bottom: 1px
}

.mb-accordion .subtitle {
    font-family: var(--font-headline, var(--font-headline-system))
}

.mb-accordion input+.mb-accordion-label {
    all: unset;
    display: flex;
    justify-content: space-between;
    padding: var(--spacing-s) var(--mb-side-offset);
    background-color: var(--c-em-4xlow);
    font-family: var(--font-headline, var(--font-headline-system));
    font-weight: 800;
    font-size: var(--f-headline, var(--f-m));
    cursor: pointer
}

.mb-accordion input+.mb-accordion-label:hover {
    background-color: var(--c-em-3xlow)
}

.mb-accordion input+.mb-accordion-label::after {
    all: unset;
    background: 0 0;
    transform-origin: center;
    content: "\276F";
    width: 1em;
    height: 1em;
    text-align: center;
    transition: all .16s
}

.mb-accordion-content {
    overflow: hidden;
    max-height: 0;
    padding: 0;
    display: none;
    font-size: var(--f-body, var(--f-m))
}

.mb-accordion input {
    all: unset;
    position: absolute;
    opacity: 0;
    z-index: -1
}

.mb-accordion input:checked+.mb-accordion-label::after {
    transform: rotate(90deg);
    background: 0 0
}

.mb-accordion input:checked~.mb-accordion-content {
    display: block;
    max-height: 100vh;
    padding: var(--spacing-s) var(--mb-side-offset)
}

.mb-accordion[data-interface=true] label {
    cursor: default;
    pointer-events: none
}

.mb-accordion[data-interface=true] input~.mb-accordion-content {
    display: block;
    max-height: 100vh;
    padding: var(--spacing-s) var(--mb-side-offset)
}

.mb-accordions>.inside:has(h2:empty+p:empty) {
    display: none
}

.mb-h3d .huemen-ar-player {
    position: relative;
    justify-self: center;
    align-self: center;
    width: 100% !important
}

.mb-h3d huemen-ar-player {
    width: inherit !important;
    height: inherit !important;
    max-height: calc(100vh - var(--top-offset));
    max-width: 100%
}

.mb-h3d.mb-banner.-image-placement-behind .inside {
    pointer-events: none
}

.mb-h3d.mb-banner.-image-placement-behind .inside a {
    pointer-events: all
}

.mb-module-interface .mb-h3d .huemen-ar-player {
    display: inline-flex;
    align-items: center;
    gap: var(--spacing-2xs)
}

.mb-module-interface .mb-h3d .huemen-ar-player::before {
    content: 'view_in_ar';
    font-family: 'Material Symbols Outlined', 'Material Icons', sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 1.5em;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    vertical-align: sub;
    -webkit-font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased;
    transform: translate(0, 0)
}

.mb-module-interface .mb-h3d .huemen-ar-player::before {
    position: absolute;
    top: 50%;
    left: 50%;
    font-size: 25vw;
    transform: translate(-50%, -50%);
    opacity: .2;
    pointer-events: none;
    color: var(--c-em-high)
}

.mb-size-comparison {
    color: var(--c-em-med);
    background-color: var(--c-canvas, var(--c-bg));
    content-visibility: auto;
    contain-intrinsic-size: auto 580px;
    overflow: clip;
    max-width: 100vw;
    margin: 0
}

.mb-size-comparison:not([style*="--mb-sc-height"]) {
    content-visibility: hidden;
    display: none
}

.mb-size-comparison>.copy,
.mb-size-comparison>.inside {
    padding: var(--spacing-m) var(--mb-side-offset)
}

.mb-size-comparison>.copy {
    padding-bottom: 0
}

.mb-size-comparison .mb-size-comparison--wrapper {
    display: grid;
    justify-content: center;
    align-items: flex-end;
    column-gap: var(--spacing-m);
    overflow: hidden
}

.mb-size-comparison .mb-size-comparison--item {
    position: relative;
    min-width: 0;
    max-width: 100%;
    scroll-snap-align: start;
    display: flex;
    flex-direction: column;
    min-width: 68px
}

.mb-size-comparison .mb-size-comparison--item h3 {
    font-size: clamp(10px, 1.6vw, 16px);
    font-family: var(--font-body);
    min-height: 24px;
    text-transform: none;
    margin-bottom: -4px
}

.mb-size-comparison .mb-size-comparison--item h3 a {
    all: inherit;
    cursor: pointer;
    padding-block: 4px;
    display: inline-block
}

.mb-size-comparison .mb-size-comparison--item h3 a:hover {
    text-decoration: underline;
    text-underline-offset: 2px
}

.mb-size-comparison .mb-size-comparison--item .indicators {
    overflow: hidden;
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    border: 0 solid var(--mb-c-accent);
    border-width: 0 thin;
    gap: 8px;
    margin-bottom: var(--spacing-2xs);
    width: 100%;
    align-items: center !important
}

.mb-size-comparison .mb-size-comparison--item .indicators::after,
.mb-size-comparison .mb-size-comparison--item .indicators::before {
    content: " ";
    border-top: thin solid var(--mb-c-accent);
    display: block
}

.mb-size-comparison .mb-size-comparison--item .indicators .sizing {
    font-size: clamp(11px, 1vw, 16px)
}

.mb-size-comparison .mb-size-comparison--item .product-image,
.mb-size-comparison .mb-size-comparison--item .product-image a {
    display: flex;
    align-items: flex-end;
    width: 100%;
    overflow: hidden
}

.mb-size-comparison .mb-size-comparison--item .product-image {
    min-height: var(--mb-sc-height);
    margin-bottom: var(--spacing-m)
}

.mb-size-comparison .mb-size-comparison--item .product-image:has(>.indicators) {
    position: relative;
    padding-left: 24px
}

.mb-size-comparison .mb-size-comparison--item .product-image:has(>.indicators)+.indicators {
    margin-left: 24px;
    width: calc(100% - 24px)
}

.mb-size-comparison .mb-size-comparison--item .product-image .indicators {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    grid-template-columns: 1fr;
    grid-template-rows: 1fr auto 1fr;
    width: auto;
    border-width: thin 0;
    margin-bottom: 0;
    align-items: center;
    justify-content: center
}

.mb-size-comparison .mb-size-comparison--item .product-image .indicators .sizing {
    writing-mode: tb-rl;
    writing-mode: vertical-lr;
    transform: rotate(-180deg)
}

.mb-size-comparison .mb-size-comparison--item .product-image .indicators:after,
.mb-size-comparison .mb-size-comparison--item .product-image .indicators:before {
    border-top: 0;
    background: var(--mb-c-accent);
    width: 1px;
    height: 100%;
    border: none;
    margin-inline: 10px
}

.mb-size-comparison .mb-size-comparison--item .product-image img {
    width: 100%;
    object-fit: contain;
    object-position: center bottom
}

.mb-size-comparison .mb-size-comparison--item .product-name {
    border: 0
}

.mb-size-comparison .mb-size-comparison--item .cta {
    margin-top: var(--spacing-m)
}

.mb-size-comparison .mb-size-comparison--item .product-info {
    text-align: center
}

.mb-size-comparison.-textalign-center {
    text-align: center
}

.mb-size-comparison.-textalign-center .mb-size-comparison--item {
    align-items: center
}

.mb-size-comparison.-textalign-left {
    text-align: left
}

.mb-size-comparison.-textalign-left .mb-size-comparison--item {
    align-items: flex-start
}

.mb-size-comparison.-textalign-right {
    text-align: right
}

.mb-size-comparison.-textalign-right .mb-size-comparison--item {
    align-items: flex-end
}

.mb-size-comparison.-placement-top .mb-size-comparison--wrapper {
    align-items: flex-start
}

.mb-size-comparison.-placement-top .indicators {
    order: -100
}

.mb-size-comparison.-placement-top .product-image {
    align-items: flex-start
}

.copy.-textalign-center {
    text-align: center
}

.copy.-textalign-left {
    text-align: left
}

.copy.-textalign-right {
    text-align: right
}

.mb-module-interface .mb-size-comparison .mb-size-comparison--wrapper:not([style]) {
    display: flex
}

.ds-product-offering-package[data-theme=dark],
.ds-product-offering-package[data-theme=premium] {
    background: var(--c-canvas)
}

.ds-product-offering-package[data-theme=dark] .ds-banner--copy *,
.ds-product-offering-package[data-theme=premium] .ds-banner--copy * {
    color: var(--c-em-full)
}

.ds-product-offering-package[data-theme=dark] .ds-banner--copy>img,
.ds-product-offering-package[data-theme=premium] .ds-banner--copy>img {
    pointer-events: none
}

.mb-columns:has(>.mb-column>.mb-subcategorycard) {
    display: grid;
    gap: var(--spacing-m);
    width: 100%;
    padding: var(--sizing-margin) var(--side-offset)
}

.mb-columns:has(>.mb-column>.mb-subcategorycard)>.copy {
    grid-column: 1/-1;
    padding-inline: 0
}

.mb-columns:has(>.mb-column>.mb-subcategorycard)>.copy h2:last-child {
    margin-bottom: 0;
    padding-bottom: 0
}

@supports (grid-template-rows:subgrid) {
    .mb-columns:has(>.mb-column>.mb-subcategorycard) {
        grid-template-rows: repeat(4, auto)
    }
}

.mb-columns:has(>.mb-column>.mb-subcategorycard) .mb-column {
    flex: unset;
    display: flex
}

@supports (grid-template-rows:subgrid) {
    .mb-columns:has(>.mb-column>.mb-subcategorycard) .mb-column {
        grid-row: span 4;
        grid-template-rows: subgrid;
        display: grid;
        min-width: unset;
        max-width: unset
    }
}

.mb-columns:has(>.mb-column>.mb-subcategorycard) .mb-column>.mb-subcategorycard {
    min-height: 100%;
    align-items: start
}

@supports (grid-template-rows:subgrid) {
    .mb-columns:has(>.mb-column>.mb-subcategorycard) .mb-column>.mb-subcategorycard {
        grid-row: span 4;
        grid-template-rows: subgrid;
        display: grid
    }
}

.mb-mod-wrapper.-sticky,
.mb-mod.-sticky {
    position: sticky;
    top: var(--sizing-header);
    z-index: 10;
    background-color: var(--c-canvas-full)
}

.mb-mod-wrapper.-subcategorycard.-sticky {
    background-color: var(--c-canvas);
    border-bottom: thin solid var(--c-accent)
}

@supports ((-webkit-backdrop-filter:none) or (backdrop-filter:none)) {
    .mb-mod-wrapper.-subcategorycard.-sticky {
        backdrop-filter: saturate(180%) blur(20px);
        -webkit-backdrop-filter: saturate(180%) blur(20px)
    }
}

.mb-wrapper .mb-mod-wrapper.-subcategorycard:has(.mb-subcategorycard.-minimal) {
    grid-template-rows: auto;
    max-width: 100vw;
    --button-width: 24px
}

.mb-wrapper .mb-mod-wrapper.-subcategorycard:has(.mb-subcategorycard.-minimal) .ds-slides::after,
.mb-wrapper .mb-mod-wrapper.-subcategorycard:has(.mb-subcategorycard.-minimal) .ds-slides::before {
    max-width: var(--button-width);
    min-width: var(--button-width)
}

.mb-wrapper .mb-mod-wrapper.-subcategorycard:has(.mb-subcategorycard.-minimal)[data-count="1"],
.mb-wrapper .mb-mod-wrapper.-subcategorycard:has(.mb-subcategorycard.-minimal)[data-count="2"],
.mb-wrapper .mb-mod-wrapper.-subcategorycard:has(.mb-subcategorycard.-minimal)[data-count="3"] {
    --button-width: 0px
}

.mb-wrapper .mb-mod-wrapper.-subcategorycard:has(.mb-subcategorycard.-minimal)[data-count="1"] .ds-slides,
.mb-wrapper .mb-mod-wrapper.-subcategorycard:has(.mb-subcategorycard.-minimal)[data-count="2"] .ds-slides,
.mb-wrapper .mb-mod-wrapper.-subcategorycard:has(.mb-subcategorycard.-minimal)[data-count="3"] .ds-slides {
    justify-content: center
}

.mb-wrapper .mb-mod-wrapper.-subcategorycard:has(.mb-subcategorycard.-minimal) .ds-slide {
    padding: var(--spacing-s) var(--side-offset);
    transition: opacity .32s ease;
    min-width: minmax(calc((100% - (var(--button-width)*2))/ var(--spv)), 120px);
    max-width: 120px
}

.mb-wrapper .mb-mod-wrapper.-subcategorycard:has(.mb-subcategorycard.-minimal) .ds-slide[data-visible=no],
.mb-wrapper .mb-mod-wrapper.-subcategorycard:has(.mb-subcategorycard.-minimal) .ds-slide[data-visible=partial] {
    opacity: 0
}

.mb-wrapper .mb-mod-wrapper.-subcategorycard:has(.mb-subcategorycard.-minimal) .ds-slider-controls .ds-slider-index {
    display: none
}

.mb-wrapper .mb-mod-wrapper.-subcategorycard:has(.mb-subcategorycard.-minimal) .ds-slider-controls .ds-slider-next,
.mb-wrapper .mb-mod-wrapper.-subcategorycard:has(.mb-subcategorycard.-minimal) .ds-slider-controls .ds-slider-prev {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%)
}

.mb-wrapper .mb-mod-wrapper.-subcategorycard:has(.mb-subcategorycard.-minimal) .ds-slider-controls .ds-slider-next {
    left: auto;
    right: 0
}

.mb-subcategorycard.-minimal .ds-subcategory-card {
    padding: 0;
    border: 0;
    background: 0 0
}

.mb-subcategorycard.-minimal .ds-subcategory-card>picture {
    min-width: 72px;
    max-width: 72px;
    min-height: 72px;
    max-height: 72px;
    margin-inline: auto;
    background-color: transparent
}

.mb-subcategorycard.-minimal .ds-subcategory-card>picture img,
.mb-subcategorycard.-minimal .ds-subcategory-card>picture video {
    max-width: 100%;
    max-height: inherit
}

.mb-subcategorycard.-minimal .ds-subcategory-card .-copy {
    justify-content: center;
    grid-row: span 1
}

.mb-subcategorycard.-minimal .ds-subcategory-card .-copy .-description,
.mb-subcategorycard.-minimal .ds-subcategory-card .-copy .ds-link {
    display: none
}

.mb-subcategorycard.-minimal .ds-subcategory-card .-copy .-headline {
    font-family: var(--font-body);
    font-size: var(--f-s);
    text-align: center;
    line-height: 1
}

.mb-subcategorycard.-minimal .ds-subcategory-card:focus .-copy .-headline,
.mb-subcategorycard.-minimal .ds-subcategory-card:hover .-copy .-headline {
    text-decoration: underline;
    text-underline-offset: 2px;
    text-decoration-color: var(--c-accent)
}

.mb-module-interface .mb-wrapper .ds-slider :where(.ds-slide) {
    overflow: visible
}

.ds-repairindex-stack {
    --skin-link-color-2: var(--c-accent);
    display: flex;
    text-align: left;
    column-gap: Max(2vw, var(--spacing-m));
    row-gap: var(--spacing-m);
    padding: var(--spacing-m) var(--side-offset)
}

.ds-repairindex-stack .ds-repairindex--col-2 {
    display: flex;
    column-gap: var(--spacing-m);
    row-gap: var(--spacing-s);
    align-items: start
}

.ds-repairindex-stack .ds-repairindex--col-1 {
    display: flex;
    align-items: start;
    column-gap: var(--spacing-m)
}

.ds-repairindex-stack p {
    margin-bottom: var(--spacing-2xs);
    line-height: 1.2;
    text-wrap: pretty
}

.ds-repairindex-stack p strong {
    line-height: inherit
}

.ds-repairindex-stack .ds-link {
    display: inline;
    text-decoration: underline;
    text-underline-offset: 2px;
    color: var(--c-accent)
}

.ds-repairindex-stack .ds-link::after {
    clip-path: polygon(0 0, 100% 0, 100% 94%, 0 94%)
}

.ds-repairindex {
    --theme: #FFC723;
    margin-inline: 0;
    border: 2px solid var(--theme);
    color: var(--c-em-full);
    border-radius: 8px;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    display: inline-flex;
    min-width: Max(60px, 3.75vw);
    overflow: clip;
    cursor: default
}

.ds-repairindex[score*="6."],
.ds-repairindex[score*="7."],
.ds-repairindex[score="6"],
.ds-repairindex[score="7"] {
    --theme: #94C83E
}

.ds-repairindex[score*="8."],
.ds-repairindex[score*="9."],
.ds-repairindex[score="10"],
.ds-repairindex[score="8"],
.ds-repairindex[score="9"] {
    --theme: #149D4F
}

.ds-repairindex>span {
    display: block;
    text-align: center
}

.ds-repairindex .ds-repairindex--score {
    margin-block: 2px 0;
    font-size: Max(28px, 1.75vw);
    font-family: var(--font-headline);
    font-weight: 700;
    font-stretch: condensed;
    height: Max(30px, 1.875vw);
    margin-top: -3%
}

.ds-repairindex .ds-repairindex--total {
    font-size: Max(16px, 1vw);
    font-family: var(--font-headline);
    font-stretch: condensed;
    margin-block: 0 auto;
    height: Max(20px, 1.25vw)
}

.ds-repairindex .ds-repairindex--label {
    font-family: var(--font-body);
    background-color: var(--theme);
    color: #000;
    padding: 4px 4px 2px;
    text-transform: uppercase;
    font-size: Max(7px, .43vw);
    margin-bottom: 0;
    margin-top: auto;
    width: 100%;
    font-weight: 700
}

.-has-mb+.subcatgrid-container {
    background: 0 0;
    padding: 0
}

.product-detail .contents .mb-wrapper[data-realm=sfra] {
    --top-offset: 0;
    --mb-sizing-max-page: 100%
}

.balance-text {
    text-wrap: balance
}

.mb-wrapper .-product-features-package:not(.-lander) .-grid-tile-wrapper :after,
.mb-wrapper .-product-features-package:not(.-lander) .-grid-tile-wrapper :before {
    display: none
}

.mb-wrapper.-has-navbar[data-pending=true]:not(:has(.mb-navbar)) .mb-mod-wrapper:nth-of-type(1) {
    margin-bottom: 80px
}

.mb-wrapper.-has-navbar[data-pending=true] .mb-navbar {
    min-height: 80px
}

:where(.mb-standard) {
    width: 100%
}

:where(.mb-wrapper) :where(.mb-tiles-container) {
    padding-inline: 1px
}

@media (min-width:460px) and (min-width:1024px) {
    .mb-columns:has(>.mb-column>.mb-subcategorycard) {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }
}

@media (min-width:600px) {
    .mb-videos .mb-video-list li,
    .mb-videos .mb-videos-list li {
        min-width: calc(40% - 18px);
        max-width: calc(40% - 18px)
    }
}

@media (min-width:601px) {
    .mb-wrapper .mb-mod-wrapper.-subcategorycard:has(.mb-subcategorycard.-minimal) {
        --spv: 4 !important
    }
}

@media (min-width:768px) {
    .search-result-items.tiles-container.mb-tiles-container.-v2 .grid-tile,
    .search-result-items.tiles-container.mb-tiles-container.-v2 .promoslot_content {
        transform: none;
        transition: box-shadow .16s ease-in-out;
        will-change: initial
    }
    [data-realm=sg] .search-result-items.tiles-container.mb-tiles-container.-v2 .grid-tile,
    [data-realm=sg] .search-result-items.tiles-container.mb-tiles-container.-v2 .promoslot_content {
        box-shadow: 0 6px 12px -2px rgba(0, 0, 0, .16), 0 0 36px 0 #fafafa;
        box-shadow: var(--elevation-1), var(--elevation-base);
        box-shadow: var(--elevation-1)
    }
    .search-result-items.tiles-container.mb-tiles-container.-v2 .grid-tile:hover,
    .search-result-items.tiles-container.mb-tiles-container.-v2 .promoslot_content:hover {
        box-shadow: var(--elevation-2), var(--elevation-base);
        box-shadow: var(--elevation-2);
        transform: none;
        z-index: auto
    }
    .search-result-items.tiles-container.mb-tiles-container.-v2 .product-tile .product-badges {
        left: var(--spacing-xs);
        top: var(--spacing-xs)
    }
    .search-result-items.tiles-container.mb-tiles-container.-v2 .product-tile .product-image {
        padding: 0 0 24px
    }
    .search-result-items.tiles-container.mb-tiles-container.-v2 .product-tile .product-image:hover .btn {
        opacity: 1
    }
    .search-result-items.tiles-container.mb-tiles-container.-v2 .product-tile .product-name {
        font-size: 17px;
        line-height: 23px;
        min-height: 24px
    }
    .search-result-items.tiles-container.mb-tiles-container.-v2 .product-tile .product-description {
        font-size: 13px;
        min-height: 36px
    }
    .search-result-items.tiles-container.mb-tiles-container.-v2 .product-tile .product-pricing {
        font-size: 17px;
        line-height: 23px
    }
    .search-result-items.tiles-container.mb-tiles-container.-v2 .product-tile .availability-block,
    .search-result-items.tiles-container.mb-tiles-container.-v2 .product-tile .product-promo {
        font-size: 13px;
        padding-bottom: 5px
    }
    .search-result-items.tiles-container.mb-tiles-container.-v2 .product-tile .product-info {
        padding: var(--spacing-s) var(--spacing-s) 8px
    }
    .mb-navbar ul {
        display: flex
    }
}

@media (min-width:769px) {
    .mb-decisiontree .mb-dt-decision.-results .search-result-items.tiles-container.mb-tiles-container.-v2 {
        display: flex;
        justify-content: center
    }
    .mb-decisiontree .mb-dt-decision.-results .search-result-items.tiles-container.mb-tiles-container.-v2 .grid-tile {
        flex: 1;
        min-width: calc(25% - var(--spacing-m));
        max-width: calc(25% - var(--spacing-m))
    }
    .mb-decisiontree .mb-dt-decision.-results .result-wrapper.-runner-ups .search-result-items.tiles-container.mb-tiles-container.-v2 .grid-tile .bottom,
    .mb-decisiontree .mb-dt-decision.-results .result-wrapper.-runner-ups .search-result-items.tiles-container.mb-tiles-container.-v2 .grid-tile .product-image,
    .mb-decisiontree .mb-dt-decision.-results .result-wrapper.-runner-ups .search-result-items.tiles-container.mb-tiles-container.-v2 .grid-tile .product-info {
        min-width: calc(25% - var(--spacing-s));
        max-width: calc(25% - var(--spacing-s))
    }
    .mb-decisiontree .mb-dt-decision.-results .result-wrapper.-runner-ups .search-result-items.tiles-container.mb-tiles-container.-v2 .grid-tile .bottom,
    .mb-decisiontree .mb-dt-decision.-results .result-wrapper.-runner-ups .search-result-items.tiles-container.mb-tiles-container.-v2 .grid-tile .product-info {
        background-color: var(--c-em-high-contrast)
    }
    .mb-decisiontree .mb-dt-decision.-results .result-wrapper.-runner-ups .search-result-items.tiles-container.mb-tiles-container.-v2 .grid-tile:not(.hidden)~.grid-tile:not(.hidden) {
        min-width: calc(25% - var(--spacing-m));
        max-width: calc(25% - var(--spacing-m));
        background-color: var(--c-em-high-contrast)
    }
}

@media (min-width:900px) {
    .ds-themed-product-carousel .themed-product-carousel--slides {
        --spv: 4
    }
}

@media (min-width:992px) {
    .mb-compare-include .mb-compare-wrapper .mb-compare-nav.-header,
    .mb-compare-include .mb-compare-wrapper .mb-compare-row.-header,
    .mb-mod[data-type=compare] .mb-compare-wrapper .mb-compare-nav.-header,
    .mb-mod[data-type=compare] .mb-compare-wrapper .mb-compare-row.-header {
        padding: var(--spacing-m) var(--spacing-s) var(--spacing-s)
    }
}

@media (min-width:1024px) {
    .mb-interface-wrapper,
    .mb-wrapper {
        --pdp-sideOffset: 32px;
        --mb-margin-section: var(--margin-section, 24px);
        --mb-side-offset: var(--side-offset, 32px);
        --mb-side-offset-negative: var(--side-offset-negative, -32px);
        --f-l: 20px;
        --f-xl: 26px;
        --f-2xl: 33px;
        --f-3xl: 42px;
        --f-4xl: 53px;
        --f-5xl: 72px;
        --f-5xl: 96px
    }
    .mb-interface-wrapper .-darkmode-d,
    .mb-wrapper .-darkmode-d {
        --c-bg: #15262b;
        --c-base: 247, 249, 250;
        --c-base-contrast: 8, 28, 32;
        --c-page-o: rgba(0, 0, 0, 0.87);
        --c-canvas: #2e1616;
        --mb-overlay-from: rgba(34, 34, 34, 0.9);
        --mb-overlay-to: rgba(34, 34, 34, 0)
    }
    .mb-interface-wrapper .-lightmode-d,
    .mb-wrapper .-lightmode-d {
        --c-bg: #f7f9fa;
        --c-base: 8, 28, 32;
        --c-base-contrast: 247, 249, 250
    }
    .mb-interface-wrapper .-darkmode-d .-text-shadow,
    .mb-interface-wrapper .-darkmode-d.-text-shadow,
    .mb-wrapper .-darkmode-d .-text-shadow,
    .mb-wrapper .-darkmode-d.-text-shadow {
        text-shadow: .1em .1em 0 rgba(0, 0, 0, .16), 0 .1em .3em rgba(0, 0, 0, .24), 0 .1em .6em rgba(0, 0, 0, .32), 0 .1em .8em rgba(0, 0, 0, .48)
    }
    .mb-interface-wrapper .-textalign-center,
    .mb-interface-wrapper .-textalign-center>.inside,
    .mb-wrapper .-textalign-center,
    .mb-wrapper .-textalign-center>.inside {
        text-align: center
    }
    .mb-interface-wrapper .-textalign-center *,
    .mb-interface-wrapper .-textalign-center>.inside *,
    .mb-wrapper .-textalign-center *,
    .mb-wrapper .-textalign-center>.inside * {
        text-align: inherit
    }
    .mb-interface-wrapper .-textalign-center h1::after,
    .mb-interface-wrapper .-textalign-center h2::after,
    .mb-interface-wrapper .-textalign-center h3::after,
    .mb-interface-wrapper .-textalign-center>.inside h1::after,
    .mb-interface-wrapper .-textalign-center>.inside h2::after,
    .mb-interface-wrapper .-textalign-center>.inside h3::after,
    .mb-wrapper .-textalign-center h1::after,
    .mb-wrapper .-textalign-center h2::after,
    .mb-wrapper .-textalign-center h3::after,
    .mb-wrapper .-textalign-center>.inside h1::after,
    .mb-wrapper .-textalign-center>.inside h2::after,
    .mb-wrapper .-textalign-center>.inside h3::after {
        margin-left: auto;
        margin-right: auto
    }
    .mb-interface-wrapper .-textalign-left,
    .mb-interface-wrapper .-textalign-left>.inside,
    .mb-wrapper .-textalign-left,
    .mb-wrapper .-textalign-left>.inside {
        text-align: start
    }
    .mb-interface-wrapper .-textalign-left *,
    .mb-interface-wrapper .-textalign-left>.inside *,
    .mb-wrapper .-textalign-left *,
    .mb-wrapper .-textalign-left>.inside * {
        text-align: inherit
    }
    .mb-interface-wrapper .-textalign-left h1::after,
    .mb-interface-wrapper .-textalign-left h2::after,
    .mb-interface-wrapper .-textalign-left h3::after,
    .mb-interface-wrapper .-textalign-left>.inside h1::after,
    .mb-interface-wrapper .-textalign-left>.inside h2::after,
    .mb-interface-wrapper .-textalign-left>.inside h3::after,
    .mb-wrapper .-textalign-left h1::after,
    .mb-wrapper .-textalign-left h2::after,
    .mb-wrapper .-textalign-left h3::after,
    .mb-wrapper .-textalign-left>.inside h1::after,
    .mb-wrapper .-textalign-left>.inside h2::after,
    .mb-wrapper .-textalign-left>.inside h3::after {
        margin-right: auto
    }
    .mb-interface-wrapper .-textalign-right,
    .mb-interface-wrapper .-textalign-right>.inside,
    .mb-wrapper .-textalign-right,
    .mb-wrapper .-textalign-right>.inside {
        text-align: end
    }
    .mb-interface-wrapper .-textalign-right *,
    .mb-interface-wrapper .-textalign-right>.inside *,
    .mb-wrapper .-textalign-right *,
    .mb-wrapper .-textalign-right>.inside * {
        text-align: inherit
    }
    .mb-interface-wrapper .-textalign-right h1::after,
    .mb-interface-wrapper .-textalign-right h2::after,
    .mb-interface-wrapper .-textalign-right h3::after,
    .mb-interface-wrapper .-textalign-right>.inside h1::after,
    .mb-interface-wrapper .-textalign-right>.inside h2::after,
    .mb-interface-wrapper .-textalign-right>.inside h3::after,
    .mb-wrapper .-textalign-right h1::after,
    .mb-wrapper .-textalign-right h2::after,
    .mb-wrapper .-textalign-right h3::after,
    .mb-wrapper .-textalign-right>.inside h1::after,
    .mb-wrapper .-textalign-right>.inside h2::after,
    .mb-wrapper .-textalign-right>.inside h3::after {
        margin-left: auto
    }
    .mb-interface-wrapper .-text-area-small .copy,
    .mb-wrapper .-text-area-small .copy {
        width: 40%
    }
    .mb-interface-wrapper .-text-area-medium .copy,
    .mb-wrapper .-text-area-medium .copy {
        width: 60%
    }
    .mb-interface-wrapper .-text-area-large .copy,
    .mb-wrapper .-text-area-large .copy {
        width: 100%
    }
    .mb-interface-wrapper .-placement-center,
    .mb-interface-wrapper .-placement-center>.inside,
    .mb-wrapper .-placement-center,
    .mb-wrapper .-placement-center>.inside {
        align-items: center
    }
    .mb-interface-wrapper .-placement-left,
    .mb-interface-wrapper .-placement-left>.inside,
    .mb-wrapper .-placement-left,
    .mb-wrapper .-placement-left>.inside {
        align-items: flex-start
    }
    .mb-interface-wrapper .-placement-right,
    .mb-interface-wrapper .-placement-right>.inside,
    .mb-wrapper .-placement-right,
    .mb-wrapper .-placement-right>.inside {
        align-items: flex-end
    }
    .mb-interface-wrapper .-placement-middle,
    .mb-interface-wrapper .-placement-middle>.inside,
    .mb-wrapper .-placement-middle,
    .mb-wrapper .-placement-middle>.inside {
        justify-content: center
    }
    .mb-interface-wrapper .-placement-top,
    .mb-interface-wrapper .-placement-top>.inside,
    .mb-wrapper .-placement-top,
    .mb-wrapper .-placement-top>.inside {
        justify-content: flex-start
    }
    .mb-interface-wrapper .-placement-bottom,
    .mb-interface-wrapper .-placement-bottom>.inside,
    .mb-wrapper .-placement-bottom,
    .mb-wrapper .-placement-bottom>.inside {
        justify-content: flex-end
    }
    .mb-interface-wrapper br.mbreak,
    .mb-wrapper br.mbreak {
        display: none
    }
    html [data-type=decision-tree] .mb-dt-banner.-clean picture+.copy {
        text-align: center
    }
    .mb-wrapper .-hide-lg:not([data-interface]) {
        display: none !important;
        content-visibility: hidden !important
    }
    .mb-columns {
        grid-gap: var(--spacing-s);
        display: flex;
        flex-wrap: wrap;
        justify-content: center
    }
    .mb-columns>* {
        flex: 1;
        min-width: 21%;
        max-width: 50%
    }
    .mb-columns>*>* {
        min-height: 100%
    }
    .mb-columns .mb-column .inside {
        min-height: 100%
    }
    .product-detail .content-asset .mb-slider {
        padding-left: var(--spacing-m);
        padding-right: var(--spacing-m)
    }
    .mb-wrapper .ds-select-container .ds-select-selected {
        padding-right: var(--spacing-2xl);
        background-size: 5px 5px, 5px 5px, var(--spacing-xl) 100%;
        background-position: calc(100% - 20px) calc(var(--spacing-m)/ 1.3), calc(100% - 15px) calc(var(--spacing-m)/ 1.3), 100% 0
    }
    .mb-banner picture img[data-small]:not([data-large]),
    .mb-banner picture video[data-small]:not([data-large]),
    .mb-banner picture video[data-src-m]:not([data-src-d]) {
        display: none
    }
    .mb-banner h1,
    .mb-banner h2,
    .mb-banner h3 {
        font-size: var(--fh-desktop, var(--f-2xl))
    }
    .mb-banner p {
        font-size: var(--f-desktop, var(--f-m))
    }
    .mb-banner.-darkmode,
    .mb-banner.-darkmode-d {
        background-color: var(--c-bg-contrast)
    }
    .mb-banner>.inside,
    .mb-banner>picture+.inside {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        display: flex;
        flex-direction: column
    }
    .mb-banner:not([ready],
    [data-pending]) picture {
        position: absolute;
        left: 0;
        right: 0
    }
    .mb-banner:not([ready],
    [data-pending])>.inside,
    .mb-banner:not([ready],
    [data-pending])>picture+.inside {
        position: relative
    }
    .mb-banner .copy {
        padding: var(--spacing-m) var(--mb-side-offset)
    }
    .mb-banner.-image-placement-bottom,
    .mb-banner.-image-placement-left,
    .mb-banner.-image-placement-right,
    .mb-banner.-image-placement-top {
        display: flex;
        flex-direction: column
    }
    .mb-banner.-image-placement-bottom>.inside,
    .mb-banner.-image-placement-bottom>picture+.inside,
    .mb-banner.-image-placement-left>.inside,
    .mb-banner.-image-placement-left>picture+.inside,
    .mb-banner.-image-placement-right>.inside,
    .mb-banner.-image-placement-right>picture+.inside,
    .mb-banner.-image-placement-top>.inside,
    .mb-banner.-image-placement-top>picture+.inside {
        position: relative
    }
    .mb-banner.-image-placement-bottom>.inside .copy,
    .mb-banner.-image-placement-bottom>picture+.inside .copy,
    .mb-banner.-image-placement-left>.inside .copy,
    .mb-banner.-image-placement-left>picture+.inside .copy,
    .mb-banner.-image-placement-right>.inside .copy,
    .mb-banner.-image-placement-right>picture+.inside .copy,
    .mb-banner.-image-placement-top>.inside .copy,
    .mb-banner.-image-placement-top>picture+.inside .copy {
        width: 100%
    }
    .mb-banner.-image-placement-bottom {
        flex-direction: column-reverse
    }
    .mb-banner.-image-placement-left,
    .mb-banner.-image-placement-right {
        flex-direction: row;
        grid-gap: var(--spacing-m);
        align-items: center
    }
    .mb-banner.-image-placement-left>*,
    .mb-banner.-image-placement-right>* {
        flex: 1
    }
    .mb-banner.-image-placement-right {
        flex-direction: row-reverse
    }
    .mb-banner.-image-placement-behind {
        position: relative;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: repeat(2, auto);
        align-items: center
    }
    .mb-banner.-image-placement-behind .picture,
    .mb-banner.-image-placement-behind picture {
        grid-area: 1/1/3/3;
        height: 100%;
        width: 100%;
        display: block
    }
    .mb-banner.-image-placement-behind .picture img,
    .mb-banner.-image-placement-behind picture img {
        height: 100%;
        width: 100%;
        object-fit: cover
    }
    .mb-banner.-image-placement-behind .inside {
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        height: 100%;
        grid-area: 1/1/3/3;
        position: relative;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: center;
        z-index: 1
    }
    .mb-banner.-image-placement-behind.-placement-center .inside {
        align-items: center
    }
    .mb-banner.-image-placement-behind.-placement-right .inside {
        align-items: flex-end
    }
    .mb-banner.-image-placement-behind.-placement-left .inside {
        align-items: flex-start
    }
    .mb-banner.-image-placement-behind.-placement-middle .inside {
        justify-content: center
    }
    .mb-banner.-image-placement-behind.-placement-top {
        align-items: flex-start
    }
    .mb-banner.-image-placement-behind.-placement-top .inside {
        justify-content: flex-start
    }
    .mb-banner.-image-placement-behind.-placement-bottom .inside {
        justify-content: flex-end
    }
    .mb-banner.-image-overlay.-image-placement-behind.-placement-right picture::after {
        content: " ";
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        pointer-events: none;
        background: linear-gradient(-90deg, var(--mb-overlay-from) 20%, var(--mb-overlay-to))
    }
    .mb-banner.-image-overlay.-image-placement-behind.-placement-left picture::after {
        content: " ";
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        pointer-events: none;
        background: linear-gradient(90deg, var(--mb-overlay-from) 20%, var(--mb-overlay-to))
    }
    .mb-banner.-image-overlay.-image-placement-behind.-placement-center picture::after {
        content: " ";
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        pointer-events: none;
        background: linear-gradient(90deg, var(--mb-overlay-to), var(--mb-overlay-from) 35%, var(--mb-overlay-from) 65%, var(--mb-overlay-to))
    }
    .pdp-wrapper.-v2 .mb-banner h2::after {
        margin-top: var(--spacing-m)
    }
    .mb-iconicbanner .ds-banner[data-headlinesizelg=m] h2 {
        font-size: var(--f-h5)
    }
    .mb-iconicbanner .ds-banner[data-headlinesizelg=l] h2 {
        font-size: var(--f-h3)
    }
    .mb-iconicbanner .ds-banner[data-headlinesizelg=xl] h2 {
        font-size: clamp(3.5rem, calc(7cqw - 1.2rem), 7.5rem)
    }
    .mb-iconicbanner .ds-banner.-fcp[data-headlinesizelg=m] h2 {
        font-size: clamp(32px, 4cqw, var(--f-h4));
        font-stretch: condensed;
        font-weight: 600
    }
    .mb-iconicbanner .ds-banner.-fcp[data-headlinesizelg=l] h2 {
        font-size: clamp(40px, 4.5cqw, var(--f-h3));
        font-stretch: normal;
        font-weight: 800
    }
    .mb-iconicbanner .ds-banner.-fcp[data-headlinesizelg=xl] h2 {
        font-size: clamp(40px, 5cqw, var(--f-h2));
        font-stretch: normal;
        font-weight: 800
    }
    .mb-iconicbanner .ds-banner--inside:has(.grid-tile[data-index="1"]) {
        display: flex;
        flex-direction: row
    }
    .mb-iconicbanner .ds-banner--inside:has(.grid-tile[data-index="1"]) .grid-tile {
        width: 50%;
        max-width: 50%;
        min-width: 50%
    }
    .mb-sbsbanner {
        max-width: min(1280px, 70vw)
    }
    .mb-sbsbanner .ds-banner .ds-banner--picture {
        aspect-ratio: 16/10
    }
    .mb-sbsbanner .ds-banner .ds-banner--inside .ds-banner--copy {
        padding-right: max(33%, 120px)
    }
    .mb-columns:has(.mb-sbsbanner) {
        gap: var(--spacing-xs);
        padding: var(--spacing-2xs)
    }
    .mb-columns:has(.mb-sbsbanner) .mb-column:has(.mb-sbsbanner) {
        min-width: calc(50% - var(--spacing-xs));
        max-width: calc(50% - var(--spacing-xs))
    }
    .mb-banner.-canvas .canvas-container {
        background: center center no-repeat;
        background-size: cover
    }
    .mb-banner.-canvas .inside {
        position: absolute;
        top: 0;
        bottom: 0
    }
    .mb-banner.-canvas {
        background-color: #f7f9fa
    }
    .mb-banner.-canvas.-placement-right .inside {
        background: linear-gradient(-90deg, rgba(247, 249, 250, .9), rgba(247, 249, 250, 0))
    }
    .mb-banner.-canvas.-placement-left .inside {
        background: linear-gradient(90deg, rgba(247, 249, 250, .9), rgba(247, 249, 250, 0))
    }
    .mb-banner.-canvas.-darkmode-d {
        background-color: #222
    }
    .mb-banner.-canvas.-darkmode-d.-placement-right .inside {
        background: linear-gradient(-90deg, rgba(34, 34, 34, .9), rgba(34, 34, 34, 0))
    }
    .mb-banner.-canvas.-darkmode-d.-placement-left .inside {
        background: linear-gradient(90deg, rgba(34, 34, 34, .9), rgba(34, 34, 34, 0))
    }
    .mb-banner.-canvas.-image-placement-left .inside,
    .mb-banner.-canvas.-image-placement-right .inside {
        background: 0 0
    }
    .mb-banner.-canvas:not(.-image-placement-behind) .inside {
        top: calc(50vh - var(--top-offset) + var(--spacing-m));
        padding: var(--spacing-l) 0
    }
    .mb-banner.-canvas.-placement-right .canvas-container {
        order: 2
    }
    html[data-site] .mb-banner.-canvas.-image-placement-behind .canvas-container,
    html[data-site] .mb-banner.-canvas.-image-placement-behind picture {
        align-items: center;
        height: calc(100vh - var(--top-offset))
    }
    html[data-site] .mb-banner.-canvas.-image-placement-behind .canvas-container canvas,
    html[data-site] .mb-banner.-canvas.-image-placement-behind .canvas-container img,
    html[data-site] .mb-banner.-canvas.-image-placement-behind picture canvas,
    html[data-site] .mb-banner.-canvas.-image-placement-behind picture img {
        min-width: 100%;
        height: 100%;
        object-fit: cover
    }
    .mb-mod[data-type=products].-darkmode-d {
        background-color: var(--c-bg-contrast)
    }
    .mb-mod[data-type=products]>picture+.inside {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        display: flex;
        flex-direction: column
    }
    .mb-mod[data-type=products] .copy {
        padding: var(--spacing-m)
    }
    .search-result-items.tiles-container.mb-tiles-container.-v2 .product-tile {
        background: var(--c-product-card-canvas, #fff)
    }
    .mb-mod.-darkmode-d .search-result-items.tiles-container.mb-tiles-container.-v2 .product-tile {
        background: rgba(220, 220, 255, .1)
    }
    :where(.mb-wrapper) .ds-product-series-package {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }
    :where(.mb-wrapper) .ds-product-series-package:has(.ds-banner:first-child:last-child) {
        grid-template-columns: 1fr
    }
    :where(.mb-wrapper) .ds-product-series-package .ds-banner:not(:last-child) {
        border-right: thin solid var(--c-accent)
    }
    :where(.mb-wrapper) .ds-product-series-package .ds-banner:has(>picture)>.inside {
        grid-column: 1;
        grid-row: -1
    }
    :where(.mb-wrapper) .ds-product-series-package .ds-banner:has(>picture)>picture {
        grid-column: 2;
        grid-row: -1
    }
    .ds-themed-product-carousel .themed-product-carousel--slides {
        --spv: 3
    }
    .mb-mod.-product-features-package.-image-placement-left,
    .mb-mod.-product-features-package.-image-placement-right,
    .mb-mod.-product-features-package:not([class*="-image-placement"]) {
        grid-template-columns: repeat(12, minmax(0, 1fr));
        align-items: center;
        justify-content: center
    }
    .mb-mod.-product-features-package.-image-placement-left>.inside,
    .mb-mod.-product-features-package.-image-placement-right>.inside,
    .mb-mod.-product-features-package:not([class*="-image-placement"])>.inside {
        grid-column: 1/-1
    }
    .mb-mod.-product-features-package.-image-placement-left>picture,
    .mb-mod.-product-features-package.-image-placement-right>picture,
    .mb-mod.-product-features-package:not([class*="-image-placement"])>picture {
        grid-column: span 4;
        position: relative;
        inset: revert
    }
    .mb-mod.-product-features-package.-image-placement-left>.-product-container,
    .mb-mod.-product-features-package.-image-placement-left>[data-slider-theme],
    .mb-mod.-product-features-package.-image-placement-right>.-product-container,
    .mb-mod.-product-features-package.-image-placement-right>[data-slider-theme],
    .mb-mod.-product-features-package:not([class*="-image-placement"])>.-product-container,
    .mb-mod.-product-features-package:not([class*="-image-placement"])>[data-slider-theme] {
        grid-column: span 8
    }
    .mb-mod.-product-features-package>.-product-container,
    .mb-mod.-product-features-package>[data-slider-theme] {
        padding-inline: calc(var(--side-offset) - var(--spacing-s))
    }
    .mb-mod.-product-features-package .slick-track {
        padding-top: 40px
    }
    .mb-mod.-product-features-package .-grid-tile-wrapper:not(.-slider,
    [data-slider-theme],
    .ds-slider) {
        display: flex;
        grid-column: span 8;
        gap: var(--spacing-m);
        padding: 40px var(--spacing-m)
    }
    .mb-mod.-product-features-package .-grid-tile-wrapper:not(.-slider,
    [data-slider-theme],
    .ds-slider)>div {
        flex: 1
    }
    .mb-mod.-product-features-package .-grid-tile-wrapper:not(.-slider,
    [data-slider-theme],
    .ds-slider)>div:nth-of-type(even)>.grid-tile {
        transform: translateY(-40px)
    }
    .mb-mod.-product-features-package .ds-slider {
        --spv: 3;
        --spacing: var(--spacing-m);
        grid-column: span 8;
        padding-right: var(--spacing);
        position: relative;
        left: -50%;
        transform: translateX(50%);
        flex-wrap: wrap
    }
    .mb-mod.-product-features-package .ds-slider .ds-slides {
        padding-block: 40px
    }
    .mb-mod.-product-features-package .ds-slider .ds-slides>div {
        padding-inline: var(--spacing) 0
    }
    .mb-mod.-product-features-package .ds-slider .ds-slider-controls {
        min-width: 100%
    }
    .mb-mod.-product-features-package .ds-slider .ds-slide:nth-of-type(even) {
        transform: translateY(-40px)
    }
    .mb-mod.-product-features-package .ds-slider .ds-slider-controls {
        padding-inline: var(--spacing)
    }
    .mb-mod.-product-features-package>.-product-container>.-product-container,
    .mb-mod.-product-features-package>.-product-container>[data-slider-theme],
    .mb-mod.-product-features-package>[data-slider-theme]>.-product-container,
    .mb-mod.-product-features-package>[data-slider-theme]>[data-slider-theme] {
        grid-template-columns: 8px 22px 22px 1fr 16px
    }
    .mb-mod.-product-features-package .slick-slide:nth-of-type(even)>div {
        transform: translateY(-40px)
    }
    .mb-mod.-product-features-package .slick-slide .grid-tile {
        padding: var(--spacing-m)
    }
    .mb-videos.-darkmode-d {
        background-color: var(--c-bg)
    }
    .mb-videos .embed-wrapper {
        padding-left: var(--mb-side-offset);
        padding-right: var(--mb-side-offset)
    }
    .mb-videos .mb-video-list li,
    .mb-videos .mb-videos-list li {
        min-width: calc(25% - 18px);
        max-width: calc(25% - 18px)
    }
    .mb-compare-include.-darkmode-d,
    .mb-mod[data-type=compare].-darkmode-d {
        background-color: var(--c-em-med-contrast)
    }
    .mb-compare-include .mb-compare-wrapper,
    .mb-mod[data-type=compare] .mb-compare-wrapper {
        --mb-compare-cell: calc(100% / var(--mb-compare-viewcount-m))
    }
    .mb-compare-include .mb-compare-wrapper[data-count="2"],
    .mb-mod[data-type=compare] .mb-compare-wrapper[data-count="2"] {
        --mb-compare-cell: 50%
    }
    .mb-navbar li {
        font-size: var(--f-m)
    }
    .mb-decisiontree.-darkmode-d {
        background-color: var(--c-em-med-contrast)
    }
    .mb-decisiontree.-darkmode-d .mb-dt-answers.-tiles.-features .mb-tile picture img {
        filter: invert(1)
    }
    .mb-decisiontree .mb-dt-banner {
        border-radius: 0 0 var(--mb-radius) var(--mb-radius)
    }
    .mb-decisiontree .mb-dt-banner {
        display: flex;
        align-items: center;
        justify-content: center
    }
    .mb-decisiontree .mb-dt-banner>* {
        flex: 1;
        min-width: 50%
    }
    .mb-decisiontree .mb-dt-banner .copy {
        padding: var(--spacing-m)
    }
    .mb-decisiontree .mb-dt-banner picture+.copy {
        text-align: start
    }
    .mb-decisiontree .mb-dt-banner picture {
        clip-path: polygon(0 0, 100% 0, 90% 100%, 0 100%)
    }
    .mb-decisiontree .mb-dt-banner.-placement-left picture {
        clip-path: polygon(10% 0, 100% 0, 100% 100%, 0 100%)
    }
    .mb-decisiontree .mb-dt-banner.-placement-center {
        min-height: 200px
    }
    .mb-decisiontree .mb-dt-banner.-placement-center picture {
        clip-path: none
    }
    .mb-decisiontree .mb-dt-banner.-placement-center picture img {
        width: 100%
    }
    .mb-decisiontree .mb-dt-banner.-placement-center picture+.copy {
        position: absolute;
        left: 0;
        right: 0
    }
    .mb-decisiontree .mb-dt-banner.-placement-center .copy {
        text-align: center
    }
    .mb-decisiontree .mb-dtlander .-darkmode-d.mb-dt-banner,
    .mb-decisiontree .mb-dtlander.-darkmode-d .mb-dt-banner,
    .mb-decisiontree .mb-dtquestion .-darkmode-d.mb-dt-banner,
    .mb-decisiontree .mb-dtquestion.-darkmode-d .mb-dt-banner {
        background-color: var(--c-canvas, var(--c-em-med-contrast))
    }
    .mb-decisiontree .mb-dtlander.-placement-left .mb-dt-banner picture,
    .mb-decisiontree .mb-dtquestion.-placement-left .mb-dt-banner picture {
        clip-path: polygon(10% 0, 100% 0, 100% 100%, 0 100%)
    }
    .mb-decisiontree .mb-dtlander.-placement-center .mb-dt-banner,
    .mb-decisiontree .mb-dtquestion.-placement-center .mb-dt-banner {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: repeat(2, auto);
        align-items: center
    }
    .mb-decisiontree .mb-dtlander.-placement-center .mb-dt-banner .copy,
    .mb-decisiontree .mb-dtquestion.-placement-center .mb-dt-banner .copy {
        grid-area: 1/1/3/3;
        position: relative;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        display: flex;
        align-items: center;
        flex-direction: column
    }
    .mb-decisiontree .mb-dtlander.-placement-center .mb-dt-banner picture,
    .mb-decisiontree .mb-dtquestion.-placement-center .mb-dt-banner picture {
        clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
        grid-area: 1/1/3/3;
        height: 100%;
        width: 100%
    }
    .mb-decisiontree .mb-dtlander.-image-overlay .mb-dt-banner,
    .mb-decisiontree .mb-dtquestion.-image-overlay .mb-dt-banner {
        position: relative;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: repeat(2, auto);
        align-items: center
    }
    .mb-decisiontree .mb-dtlander.-image-overlay .mb-dt-banner picture,
    .mb-decisiontree .mb-dtquestion.-image-overlay .mb-dt-banner picture {
        grid-area: 1/1/3/3;
        height: 100%;
        width: 100%
    }
    .mb-decisiontree .mb-dtlander.-image-overlay .mb-dt-banner picture img,
    .mb-decisiontree .mb-dtquestion.-image-overlay .mb-dt-banner picture img {
        height: 100%;
        width: 100%;
        object-fit: cover
    }
    .mb-decisiontree .mb-dtlander.-image-overlay .mb-dt-banner .copy,
    .mb-decisiontree .mb-dtquestion.-image-overlay .mb-dt-banner .copy {
        grid-area: 1/1/3/3;
        position: relative;
        inset: 0;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: center;
        z-index: 1
    }
    .mb-decisiontree .mb-dtlander.-image-overlay .mb-dt-banner picture,
    .mb-decisiontree .mb-dtquestion.-image-overlay .mb-dt-banner picture {
        clip-path: none
    }
    .mb-decisiontree .mb-dtlander.-image-overlay.-placement-right .mb-dt-banner .copy,
    .mb-decisiontree .mb-dtquestion.-image-overlay.-placement-right .mb-dt-banner .copy {
        grid-area: 1/2/3/3
    }
    .mb-decisiontree .mb-dtlander.-image-overlay.-placement-right .mb-dt-banner picture::after,
    .mb-decisiontree .mb-dtquestion.-image-overlay.-placement-right .mb-dt-banner picture::after {
        content: " ";
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        pointer-events: none;
        background: linear-gradient(-90deg, var(--mb-overlay-from) 20%, var(--mb-overlay-to))
    }
    .mb-decisiontree .mb-dtlander.-image-overlay.-placement-left .mb-dt-banner .copy,
    .mb-decisiontree .mb-dtquestion.-image-overlay.-placement-left .mb-dt-banner .copy {
        grid-area: 1/1/3/2
    }
    .mb-decisiontree .mb-dtlander.-image-overlay.-placement-left .mb-dt-banner picture::after,
    .mb-decisiontree .mb-dtquestion.-image-overlay.-placement-left .mb-dt-banner picture::after {
        content: " ";
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        pointer-events: none;
        background: linear-gradient(90deg, var(--mb-overlay-from) 20%, var(--mb-overlay-to))
    }
    .mb-decisiontree .mb-dtlander.-image-overlay.-placement-center .mb-dt-banner .copy,
    .mb-decisiontree .mb-dtquestion.-image-overlay.-placement-center .mb-dt-banner .copy {
        align-items: center
    }
    .mb-decisiontree .mb-dtlander.-image-overlay.-placement-center .mb-dt-banner picture::after,
    .mb-decisiontree .mb-dtquestion.-image-overlay.-placement-center .mb-dt-banner picture::after {
        content: " ";
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        pointer-events: none;
        background: linear-gradient(90deg, var(--mb-overlay-to), var(--mb-overlay-from) 35%, var(--mb-overlay-from) 65%, var(--mb-overlay-to))
    }
    .mb-decisiontree .mb-dt-answers .mb-dt-answer .mb-tooltip {
        right: var(--spacing-xs)
    }
    .mb-decisiontree .mb-dt-answers.-tiles {
        flex-wrap: wrap;
        margin: calc(var(--spacing-xs) * -1)
    }
    .mb-decisiontree .mb-dt-answers.-tiles .mb-tile {
        min-width: calc(25% - var(--spacing-s));
        max-width: calc(33% - var(--spacing-s))
    }
    .mb-decisiontree .mb-dt-answers.-tiles[data-count="1"] .mb-tile,
    .mb-decisiontree .mb-dt-answers.-tiles[data-count="2"] .mb-tile {
        min-width: calc(50% - var(--spacing-s));
        max-width: calc(50% - var(--spacing-s))
    }
    .mb-decisiontree .mb-dt-answers.-tiles[data-count="11"] .mb-tile,
    .mb-decisiontree .mb-dt-answers.-tiles[data-count="3"] .mb-tile,
    .mb-decisiontree .mb-dt-answers.-tiles[data-count="5"] .mb-tile,
    .mb-decisiontree .mb-dt-answers.-tiles[data-count="6"] .mb-tile,
    .mb-decisiontree .mb-dt-answers.-tiles[data-count="9"] .mb-tile {
        min-width: calc(33% - var(--spacing-s));
        max-width: calc(33% - var(--spacing-s))
    }
    .mb-decisiontree .mb-dt-answers.-tiles[data-count="10"] .mb-tile,
    .mb-decisiontree .mb-dt-answers.-tiles[data-count="12"] .mb-tile,
    .mb-decisiontree .mb-dt-answers.-tiles[data-count="4"] .mb-tile,
    .mb-decisiontree .mb-dt-answers.-tiles[data-count="7"] .mb-tile,
    .mb-decisiontree .mb-dt-answers.-tiles[data-count="8"] .mb-tile {
        min-width: calc(25% - var(--spacing-s));
        max-width: calc(25% - var(--spacing-s))
    }
    .mb-decisiontree .mb-dt-answers.-tiles .mb-tile .inside {
        padding: var(--spacing-s) var(--spacing-s) 0
    }
    .mb-decisiontree .mb-dt-answers.-tiles.-features .mb-tile picture {
        padding: var(--spacing-m)
    }
    .mb-dt-answers--pagination {
        display: none
    }
    .mb-accordions.-darkmode,
    .mb-accordions.-darkmode-d {
        background-color: var(--c-bg-contrast)
    }
    .mb-h3d.-darkmode-d {
        background-color: var(--c-bg)
    }
    .mb-size-comparison .mb-size-comparison--item .product-name {
        font-size: var(--f-desktop) !important
    }
    .mb-columns:has(>.mb-column>.mb-subcategorycard)>.copy.-textalign-center~.mb-column:first-child:nth-last-child(2) {
        grid-column: 2/span 2
    }
    .mb-columns:has(>.mb-column>.mb-subcategorycard) {
        grid-template-columns: repeat(auto-fit, 162px);
        justify-content: center
    }
    .mb-columns:has(>.mb-column>.mb-subcategorycard)>* {
        grid-column: span 2
    }
    .mb-wrapper .mb-mod-wrapper.-subcategorycard:has(.mb-subcategorycard.-minimal) .ds-slides {
        justify-content: center
    }
    .mb-wrapper .mb-mod-wrapper.-subcategorycard:has(.mb-subcategorycard.-minimal) {
        --spv: 6 !important
    }
}

@media (min-width:1024px) and (min-width:1024px) {
    .mb-banner.-image-placement-left.-placement-middle,
    .mb-banner.-image-placement-right.-placement-middle {
        align-items: center
    }
}

@media (min-width:1024px) and (min-height:700px) {
    .select2-dropdown.mbCompare .select2-results>.select2-results__options {
        max-height: min(calc(100vh - 300px), 600px)
    }
}

@media (min-width:1200px) {
    .mb-videos .mb-video-list li,
    .mb-videos .mb-videos-list li {
        min-width: calc(16.6% - 18px);
        max-width: calc(16.6% - 18px)
    }
    @supports (animation-timeline:--true) {
        @media (prefers-reduced-motion: no-preference) {
            .ds-product-offering-package .ds-subcategory-cards>* {
                view-timeline-name:--dsProductOffering;
                view-timeline-axis: block;
                animation: linear dsRevealSection both;
                animation-timeline: --dsProductOffering;
                animation-range: entry 0 cover 100%
            }
            .ds-product-offering-package .ds-subcategory-cards>* .ds-subcategory-card {
                view-timeline-name: unset !important;
                animation: unset !important
            }
        }
    }
    .ds-product-offering-package.-pdp .ds-subcategory-cards>* {
        grid-column: span 1;
        grid-row: span 3;
        grid-template-rows: unset
    }
    .ds-product-offering-package.-pdp .ds-subcategory-cards>:nth-of-type(1) {
        grid-row: 1/span 3
    }
    .ds-product-offering-package.-pdp .ds-subcategory-cards>:nth-of-type(2) {
        grid-row: 2/span 3
    }
    .ds-product-offering-package:not(.-pdp) .ds-subcategory-cards>* {
        grid-column: span 3;
        grid-row: span 3;
        grid-template-rows: unset
    }
    .ds-product-offering-package:not(.-pdp) .ds-subcategory-cards>:hover {
        z-index: 2;
        opacity: 1
    }
    .ds-product-offering-package:not(.-pdp) .ds-subcategory-cards>:nth-child(6n+1) {
        grid-column: 3/span 3
    }
    .ds-product-offering-package:not(.-pdp) .ds-subcategory-cards>:nth-child(6n+2) {
        grid-column: 6/span 3;
        grid-row: 2/span 3
    }
    .ds-product-offering-package:not(.-pdp) .ds-subcategory-cards>:nth-child(6n+3) {
        grid-column: 2/span 3;
        grid-row: 4/span 3
    }
    .ds-product-offering-package:not(.-pdp) .ds-subcategory-cards>:nth-child(6n+4) {
        grid-column: 5/span 3;
        grid-row: 5/span 3
    }
    .ds-product-offering-package:not(.-pdp) .ds-subcategory-cards>:nth-child(6n+5) {
        grid-column: 1/span 3;
        grid-row: 7/span 3
    }
    .ds-product-offering-package:not(.-pdp) .ds-subcategory-cards>:nth-child(6n+6) {
        grid-column: 6/span 3;
        grid-row: 8/span 3
    }
    .product-detail .contents .mb-wrapper[data-realm=sfra] {
        --top-offset: 60px
    }
    .product-detail .contents .mb-wrapper[data-realm=sfra] .mb-mod[data-type=compare] {
        padding-left: 0;
        padding-right: var(--mb-side-offset)
    }
}

@media (min-width:1350px) {
    .search-result-items.tiles-container.mb-tiles-container.-v2 .cartButton_container60 .btn {
        border-radius: 24px 0 0 24px
    }
    .search-result-items.tiles-container.mb-tiles-container.-v2 .cartButton_container60+.customizeButton_container .btn {
        border-radius: 0 24px 24px 0
    }
    .search-result-items.tiles-container.mb-tiles-container.-v2 .cartButton_container90 {
        margin-left: auto;
        margin-right: auto;
        width: 100%;
        display: block
    }
}

@media (min-width:1400px) {
    .mb-videos .mb-video-list li,
    .mb-videos .mb-videos-list li {
        min-width: calc(12% - 16px);
        max-width: calc(12% - 16px)
    }
    .mb-compare-include .mb-compare-wrapper,
    .mb-mod[data-type=compare] .mb-compare-wrapper {
        --mb-compare-cell: calc(100% / var(--mb-compare-viewcount-l))
    }
    .mb-compare-include .mb-compare-wrapper[data-count="3"],
    .mb-mod[data-type=compare] .mb-compare-wrapper[data-count="3"] {
        --mb-compare-cell: 33.333333%
    }
}

@media (min-width:1401px) {
    .search-result-items.tiles-container.mb-tiles-container.-v2[data-count="1"] {
        grid-template-columns: repeat(5, minmax(0, 1fr))
    }
    .search-result-items.tiles-container.mb-tiles-container.-v2[data-count="1"] .product-tile:nth-of-type(1) {
        grid-column-start: 3
    }
    .search-result-items.tiles-container.mb-tiles-container.-v2[data-count="2"] {
        grid-template-columns: repeat(6, minmax(0, 1fr))
    }
    .search-result-items.tiles-container.mb-tiles-container.-v2[data-count="2"] .product-tile:nth-of-type(1) {
        grid-column-start: 3
    }
    .search-result-items.tiles-container.mb-tiles-container.-v2[data-count="3"],
    .search-result-items.tiles-container.mb-tiles-container.-v2[data-count="6"] {
        grid-template-columns: repeat(5, minmax(0, 1fr))
    }
    .search-result-items.tiles-container.mb-tiles-container.-v2[data-count="3"] .product-tile:nth-of-type(1),
    .search-result-items.tiles-container.mb-tiles-container.-v2[data-count="3"] .product-tile:nth-of-type(4),
    .search-result-items.tiles-container.mb-tiles-container.-v2[data-count="6"] .product-tile:nth-of-type(1),
    .search-result-items.tiles-container.mb-tiles-container.-v2[data-count="6"] .product-tile:nth-of-type(4) {
        grid-column-start: 2
    }
    .search-result-items.tiles-container.mb-tiles-container.-v2[data-count="4"] {
        grid-template-columns: repeat(6, minmax(0, 1fr))
    }
    .search-result-items.tiles-container.mb-tiles-container.-v2[data-count="4"] .product-tile:nth-of-type(1) {
        grid-column-start: 2
    }
}

@media (min-width:1440px) {
    .mb-decisiontree .mb-dt-answers {
        padding-inline: var(--mb-side-offset)
    }
}

@media (min-width:1520px) {
    .content-pdp-slots .mb-slider .mb-slides {
        width: calc(100% - 148px);
        margin: 0 auto
    }
    .mb-slider .slick-next,
    .mb-slider .slick-prev {
        right: -82px;
        opacity: .4
    }
    .content-asset-pdp .mb-slider .slick-next,
    .content-asset-pdp .mb-slider .slick-prev {
        right: -62px
    }
    .mb-slider .slick-next.slick-prev,
    .mb-slider .slick-prev.slick-prev {
        left: -82px
    }
    .content-asset-pdp .mb-slider .slick-next.slick-prev,
    .content-asset-pdp .mb-slider .slick-prev.slick-prev {
        left: -62px
    }
    .mb-slider .slick-next:hover,
    .mb-slider .slick-prev:hover {
        opacity: 1
    }
    .mb-decisiontree[data-editmode=true] .edit-arrow.arrow-prev:not(:hover) {
        opacity: .4
    }
    .mb-decisiontree[data-editmode=true] .edit-arrow.arrow-next:not(:hover) {
        opacity: .4
    }
}

@media (min-width:1524px) {
    .mb-columns:has(>.mb-column>.mb-subcategorycard)>.copy.-textalign-center~.mb-column:first-child:nth-last-child(2) {
        grid-column: 3/span 2
    }
    .mb-columns:has(>.mb-column>.mb-subcategorycard)>.copy.-textalign-center~.mb-column:first-child:nth-last-child(3) {
        grid-column: 2/span 2
    }
}

@media (min-width:1800px) {
    .mb-compare-include .mb-compare-wrapper,
    .mb-mod[data-type=compare] .mb-compare-wrapper {
        --mb-compare-cell: calc(100% / var(--mb-compare-viewcount-xl))
    }
}

@media (min-width:1920.02px) {
    .mb-wrapper .mb-tiles-container .ds-slider {
        --spv: var(--spv-lg, 6)
    }
}

@media (min-width:1920px) {
    .ds-themed-product-carousel .themed-product-carousel--slides {
        --spv: 6
    }
}

@media (max-width:1599.98px) {
    .ds-repairindex-stack .ds-repairindex--col-2 {
        flex-direction: column
    }
    .ds-repairindex-stack .ds-repairindex--col-2 p {
        text-wrap: balance
    }
}

@media (max-width:1519px) {
    .mb-slider .slick-next,
    .mb-slider .slick-prev {
        border-radius: 50% 0 0 50%;
        -webkit-backdrop-filter: saturate(180%) blur(20px);
        backdrop-filter: saturate(180%) blur(20px);
        opacity: 1;
        background-color: var(--c-em-2xlow-contrast);
        height: var(--spacing-xl);
        width: var(--spacing-xl)
    }
    .mb-slider .slick-next.slick-prev,
    .mb-slider .slick-prev.slick-prev {
        border-radius: 0 50% 50% 0
    }
    .mb-decisiontree[data-editmode=true] .edit-arrow {
        border-radius: 50% 0 0 50%;
        -webkit-backdrop-filter: saturate(180%) blur(20px);
        backdrop-filter: saturate(180%) blur(20px);
        opacity: 1;
        background-color: var(--c-em-2xlow-contrast);
        height: var(--spacing-xl);
        width: var(--spacing-xl)
    }
    .mb-decisiontree[data-editmode=true] .edit-arrow.arrow-prev {
        border-radius: 0 50% 50% 0
    }
}

@media (max-width:1519px) and (max-width:1023px) {
    .mb-slider .slick-next.slick-prev,
    .mb-slider .slick-prev.slick-prev {
        margin-left: -8px
    }
    .mb-decisiontree[data-editmode=true] .edit-arrow.arrow-prev {
        margin-left: -8px
    }
}

@media (max-width:1519px) and (max-width:600px) {
    .content-asset-pdp .mb-slider .slick-next.slick-prev,
    .content-asset-pdp .mb-slider .slick-prev.slick-prev {
        left: 0
    }
    .content-asset[data-caid] .mb-slider .slick-next.slick-prev,
    .content-asset[data-caid] .mb-slider .slick-prev.slick-prev {
        left: 8px
    }
}

@media (max-width:1440px) {
    .mb-decisiontree .mb-dt-answers,
    .mb-decisiontree .mb-dt-toolbar,
    .mb-decisiontree .mb-dtquestion .question-helper {
        padding-left: var(--mb-side-offset);
        padding-right: var(--mb-side-offset)
    }
}

@media (max-width:1400px) {
    .search-result-items.tiles-container.mb-tiles-container.-v2 {
        grid-template-columns: repeat(4, minmax(0, 1fr));
        padding: 0 var(--spacing-xs) var(--spacing-xs);
        grid-gap: var(--spacing-s)
    }
}

@media (max-width:1349px) {
    .search-result-items.tiles-container.mb-tiles-container.-v2 .cartButton_container60,
    .search-result-items.tiles-container.mb-tiles-container.-v2 .cartButton_container90 {
        display: block;
        width: 100%;
        margin: 0 auto 12px
    }
    .search-result-items.tiles-container.mb-tiles-container.-v2 .cartButton_container60+.customizeButton_container,
    .search-result-items.tiles-container.mb-tiles-container.-v2 .cartButton_container90+.customizeButton_container {
        display: block;
        width: 100%;
        margin: 0
    }
}

@media (max-width:1280px) {
    .search-result-items.tiles-container.mb-tiles-container.-v2 {
        grid-template-columns: repeat(3, minmax(0, 1fr))
    }
}

@media (max-width:1199.98px) {
    .ds-product-offering-package .ds-subcategory-cards:not(.slick-initialized) {
        display: flex;
        flex-wrap: nowrap;
        justify-content: flex-start;
        overflow-x: auto;
        scroll-snap-type: x mandatory;
        scroll-padding: var(--spacing-s)
    }
    .ds-product-offering-package .ds-subcategory-cards:not(.slick-initialized)>* {
        scroll-snap-align: start;
        min-width: 65vw;
        max-width: 65vw
    }
    .ds-product-offering-package .ds-subcategory-cards:not(.slick-initialized)>* .ds-subcategory-card {
        margin-inline: 0
    }
    .ds-product-offering-package .ds-subcategory-cards:not(.slick-initialized):after,
    .ds-product-offering-package .ds-subcategory-cards:not(.slick-initialized):before {
        display: inline-block;
        content: ' ';
        min-width: var(--spacing-s);
        min-height: var(--spacing-s)
    }
    .ds-repairindex-stack {
        flex-direction: column
    }
    .ds-repairindex-stack .ds-repairindex--col-2 p {
        margin-bottom: var(--spacing-m)
    }
    .ds-repairindex-stack .ds-repairindex--col-2 {
        row-gap: 0
    }
}

@media (max-width:1199.98px) and (max-width:600px) {
    .ds-product-offering-package .ds-subcategory-cards:not(.slick-initialized)>* {
        min-width: 80vw;
        max-width: 80vw
    }
}

@media (max-width:1024px) {
    .mb-slider .slick-next,
    .mb-slider .slick-prev {
        display: none
    }
    .mb-wrapper .ds-technology-cards {
        padding-inline: var(--side-offset)
    }
    .mb-size-comparison {
        contain-intrinsic-size: auto 360px;
        padding-bottom: 8px
    }
    .mb-size-comparison>.inside {
        overflow-y: auto;
        width: 100vw;
        padding-inline: 0;
        overflow-x: auto;
        scroll-padding: var(--spacing-s);
        scroll-snap-type: x mandatory;
        scrollbar-gutter: stable both-edges
    }
    .mb-size-comparison>.inside::-webkit-scrollbar {
        -webkit-appearance: none;
        width: 37px;
        height: 37px
    }
    .mb-size-comparison>.inside::-webkit-scrollbar-track {
        width: 5px;
        height: 5px;
        border-radius: 4px;
        background-color: rgba(0, 0, 0, .16);
        background-clip: padding-box;
        -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, .2);
        border: 16px solid transparent
    }
    .mb-size-comparison>.inside::-webkit-scrollbar-thumb {
        width: 5px;
        height: 5px;
        border-radius: 4px;
        background-color: rgba(0, 0, 0, .5);
        background-clip: padding-box;
        -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, .5);
        border: 16px solid transparent;
        border-right: 0
    }
    .mb-size-comparison>.inside .mb-size-comparison--wrapper {
        min-width: 200vw;
        padding-left: var(--mb-side-offset);
        padding-right: 80px
    }
    .mb-size-comparison>.inside .mb-size-comparison--item {
        scroll-snap-align: start
    }
}

@media (max-width:1023px) {
    .mb-interface-wrapper .-darkmode-m,
    .mb-wrapper .-darkmode-m {
        --c-bg: #15262b;
        --c-base: 247, 249, 250;
        --c-base-contrast: 8, 28, 32;
        --c-page-o: rgba(0, 0, 0, 0.87);
        --c-canvas: #2e1616;
        --mb-overlay-from: rgba(34, 34, 34, 0.9);
        --mb-overlay-to: rgba(34, 34, 34, 0)
    }
    .mb-interface-wrapper .-lightmode-m,
    .mb-wrapper .-lightmode-m {
        --c-bg: #f7f9fa;
        --c-base: 8, 28, 32;
        --c-base-contrast: 247, 249, 250
    }
    .mb-interface-wrapper .mb-range-wrapper,
    .mb-wrapper .mb-range-wrapper {
        padding-inline: var(--side-offset)
    }
    .mb-interface-wrapper .-darkmode-m .-text-shadow,
    .mb-interface-wrapper .-darkmode-m.-text-shadow,
    .mb-wrapper .-darkmode-m .-text-shadow,
    .mb-wrapper .-darkmode-m.-text-shadow {
        text-shadow: .1em .1em 0 rgba(0, 0, 0, .16), 0 .1em .3em rgba(0, 0, 0, .24), 0 .1em .6em rgba(0, 0, 0, .32), 0 .1em .8em rgba(0, 0, 0, .48)
    }
    .mb-interface-wrapper .-title-underline h1::after,
    .mb-interface-wrapper .-title-underline h2::after,
    .mb-interface-wrapper .-title-underline h3::after,
    .mb-wrapper .-title-underline h1::after,
    .mb-wrapper .-title-underline h2::after,
    .mb-wrapper .-title-underline h3::after {
        margin-left: auto;
        margin-right: auto
    }
    .mb-interface-wrapper br.dbreak,
    .mb-wrapper br.dbreak {
        display: none
    }
    .mb-wrapper .-hide-sm:not([data-interface]) {
        display: none !important;
        content-visibility: hidden !important
    }
    .product-detail .content-asset .mb-slider .slick-next,
    .product-detail .content-asset .mb-slider .slick-prev {
        margin: 0 -16px;
        height: 24px;
        width: 24px
    }
    .mb-slider .slick-next.slick-next,
    .mb-slider .slick-prev.slick-next {
        margin-right: -8px
    }
    .product-detail .content-asset .mb-slider .copy {
        padding-left: var(--spacing-m);
        padding-right: var(--spacing-m)
    }
    .mb-wrapper .ds-slider.mb-recognition-callout[data-slider-theme=dsb] {
        --spv: 1 !important;
        padding-left: var(--spacing-s);
        padding-right: var(--spacing-s)
    }
    .mb-wrapper .ds-slider.mb-recognition-callout[data-slider-theme=dsb]>.ds-slider-controls {
        margin-bottom: var(--spacing-l)
    }
    .mb-wrapper .ds-slider.mb-recognition-callout[data-slider-theme=dsb]>.ds-slides {
        gap: var(--spacing-s)
    }
    .mb-wrapper .ds-slider.mb-recognition-callout[data-slider-theme=dsb]>.ds-slides .ds-slide .mb-banner .inside .copy {
        padding: var(--spacing-s)
    }
    .mb-wrapper .ds-slider.mb-recognition-callout[data-slider-theme=dsb]>.ds-slides .ds-slide .mb-banner .inside .copy:not(:has(.subheadline-imagery)):before {
        margin-bottom: var(--spacing-l)
    }
    .mb-wrapper .ds-slider.mb-recognition-callout[data-slider-theme=dsb]>.ds-slides .ds-slide .mb-banner .inside .copy:has(.subheadline-imagery) .subheadline-imagery {
        margin-bottom: var(--spacing-l)
    }
    .mb-banner picture img[data-large]:not([data-small]),
    .mb-banner picture video[data-large]:not([data-small]),
    .mb-banner picture video[data-src-d]:not([data-src-m]) {
        display: none
    }
    .mb-banner:not(.bullets-between) li {
        text-align: start
    }
    .mb-banner h1,
    .mb-banner h2,
    .mb-banner h3 {
        font-size: var(--fh-mobile, var(--f-2xl))
    }
    .mb-banner p {
        font-size: var(--f-mobile, var(--f-m))
    }
    .mb-banner.-image-placement-m-bottom,
    .mb-banner.-image-placement-m-left,
    .mb-banner.-image-placement-m-right {
        display: flex;
        flex-direction: column
    }
    .mb-banner.-image-placement-m-bottom>.inside,
    .mb-banner.-image-placement-m-bottom>picture+.inside,
    .mb-banner.-image-placement-m-left>.inside,
    .mb-banner.-image-placement-m-left>picture+.inside,
    .mb-banner.-image-placement-m-right>.inside,
    .mb-banner.-image-placement-m-right>picture+.inside {
        position: relative
    }
    .mb-banner.-image-placement-m-bottom>.inside .copy,
    .mb-banner.-image-placement-m-bottom>picture+.inside .copy,
    .mb-banner.-image-placement-m-left>.inside .copy,
    .mb-banner.-image-placement-m-left>picture+.inside .copy,
    .mb-banner.-image-placement-m-right>.inside .copy,
    .mb-banner.-image-placement-m-right>picture+.inside .copy {
        width: 100%
    }
    .mb-banner.-image-placement-m-bottom {
        flex-direction: column-reverse
    }
    .mb-banner.-image-placement-m-left,
    .mb-banner.-image-placement-m-right {
        flex-direction: row;
        grid-gap: var(--spacing-m);
        align-items: center
    }
    .mb-banner.-image-placement-m-left>*,
    .mb-banner.-image-placement-m-right>* {
        flex: 1
    }
    .mb-banner.-image-placement-m-right {
        flex-direction: row-reverse
    }
    .mb-banner.-image-placement-m-behind {
        position: relative;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: repeat(2, auto);
        align-items: center
    }
    .mb-banner.-image-placement-m-behind .picture,
    .mb-banner.-image-placement-m-behind picture {
        grid-area: 1/1/3/3;
        height: 100%;
        width: 100%;
        display: block
    }
    .mb-banner.-image-placement-m-behind .picture img,
    .mb-banner.-image-placement-m-behind picture img {
        height: 100%;
        width: 100%;
        object-fit: cover
    }
    .mb-banner.-image-placement-m-behind .inside {
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        height: 100%;
        grid-area: 1/1/3/3;
        position: relative;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        z-index: 1
    }
    .mb-banner.-image-placement-m-behind.-placement-m-center .inside {
        align-items: center
    }
    .mb-banner.-image-placement-m-behind.-placement-m-right .inside {
        align-items: flex-end
    }
    .mb-banner.-image-placement-m-behind.-placement-m-left .inside {
        align-items: flex-start
    }
    .mb-banner.-image-placement-m-behind.-placement-m-middle .inside {
        justify-content: center
    }
    .mb-banner.-image-placement-m-behind.-placement-m-bottom .inside {
        justify-content: flex-end
    }
    .mb-banner.-image-overlay.-image-placement-m-behind picture::after {
        content: " ";
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        pointer-events: none;
        background: linear-gradient(90deg, var(--mb-overlay-to), var(--mb-overlay-from) 0, var(--mb-overlay-from) 100%, var(--mb-overlay-to))
    }
    .mb-banner.-darkmode-m {
        background-color: var(--c-bg-contrast)
    }
    .mb-banner .copy {
        padding: var(--spacing-s) var(--spacing-s) var(--spacing-2xs);
        text-align: center
    }
    #wrapper.pt_product-details .content-asset-pdp .mb-banner picture img {
        width: auto;
        margin: 0 auto var(--spacing-s)
    }
    .mb-iconicbanner .ds-banner[data-headlinesizesm=m] h2 {
        font-size: var(--f-h5)
    }
    .mb-iconicbanner .ds-banner[data-headlinesizesm=l] h2 {
        font-size: var(--f-h3)
    }
    .mb-iconicbanner .ds-banner[data-headlinesizesm=xl] h2 {
        font-size: clamp(3.5rem, calc(7cqw - 1.2rem), 7.5rem)
    }
    .mb-iconicbanner .ds-banner.-fcp[data-headlinesizesm=m] h2 {
        font-size: clamp(32px, 4cqw, var(--f-h4));
        font-stretch: condensed;
        font-weight: 600
    }
    .mb-iconicbanner .ds-banner.-fcp[data-headlinesizesm=l] h2 {
        font-size: clamp(40px, 4.5cqw, var(--f-h3));
        font-stretch: normal;
        font-weight: 800
    }
    .mb-iconicbanner .ds-banner.-fcp[data-headlinesizesm=xl] h2 {
        font-size: clamp(40px, 5cqw, var(--f-h2));
        font-stretch: normal;
        font-weight: 800
    }
    .mb-banner.-canvas .inside {
        position: sticky;
        top: calc(var(--top-offset) + (100vw / (16/9)))
    }
    .mb-banner.-canvas {
        background-color: #e6edf0
    }
    .mb-banner.-canvas .copy {
        background: linear-gradient(0deg, rgba(230, 237, 240, .9) 50%, rgba(230, 237, 240, 0) 100%)
    }
    .mb-banner.-canvas.-darkmode-m {
        background-color: #222
    }
    .mb-banner.-canvas.-darkmode-m .copy {
        background: linear-gradient(0deg, rgba(34, 34, 34, .9) 50%, rgba(34, 34, 34, 0) 100%)
    }
    .mb-banner.-canvas:not(.-image-placement-behind) {
        flex-direction: column;
        justify-content: flex-start
    }
    .mb-banner.-canvas:not(.-image-placement-behind):not(.-darkmode-m) {
        background: #e6edf0
    }
    .mb-banner.-canvas:not(.-image-placement-behind).-darkmode-m {
        background: #222
    }
    html[data-site] .mb-banner.-canvas:not(.-image-placement-behind) .canvas-container,
    html[data-site] .mb-banner.-canvas:not(.-image-placement-behind) picture {
        top: var(--top-offset);
        display: flex;
        align-items: flex-start;
        width: 100%;
        overflow: hidden
    }
    html[data-site] .mb-banner.-canvas:not(.-image-placement-behind) .canvas-container canvas,
    html[data-site] .mb-banner.-canvas:not(.-image-placement-behind) .canvas-container img,
    html[data-site] .mb-banner.-canvas:not(.-image-placement-behind) picture canvas,
    html[data-site] .mb-banner.-canvas:not(.-image-placement-behind) picture img {
        width: 100%
    }
    .mb-banner.-canvas.-image-placement-behind:not(.-darkmode-m) {
        background: #e6edf0
    }
    .mb-banner.-canvas.-image-placement-behind.-darkmode-m {
        background: #222
    }
    html[data-site] .mb-banner.-canvas.-image-placement-behind .canvas-container,
    html[data-site] .mb-banner.-canvas.-image-placement-behind picture {
        aspect-ratio: calc(16/9)
    }
    .mb-mod[data-type=products].-darkmode-m {
        background-color: var(--c-bg-contrast)
    }
    .mb-mod[data-type=products] .copy {
        padding: var(--spacing-s) var(--spacing-s) var(--spacing-2xs);
        text-align: center
    }
    :where(.mb-wrapper) .ds-product-series-package .product-grid {
        margin-top: -1px
    }
    :where(.mb-wrapper) .ds-product-series-package .ds-banner .copy {
        text-align: left
    }
    :where(.mb-wrapper) .ds-product-series-package .ds-banner:not(:last-child) {
        border-bottom: thin solid var(--c-accent)
    }
    .mb-mod.-product-features-package .-grid-tile-wrapper:not(.-slider,
    [data-slider-theme],
    .ds-slider) {
        --scrollbar-color-track: transparent;
        --scrollbar-color-thumb: var(--c-em-full, #000);
        display: flex;
        flex-wrap: nowrap;
        justify-content: flex-start;
        overflow-x: auto;
        scroll-snap-type: x mandatory;
        scroll-padding: var(--spacing-s);
        scroll-padding: .25px;
        overscroll-behavior-x: contain;
        gap: var(--spacing-m);
        padding-block: var(--spacing-2xl);
        max-width: 100vw
    }
    .mb-mod.-product-features-package .-grid-tile-wrapper:not(.-slider,
    [data-slider-theme],
    .ds-slider)::-webkit-scrollbar {
        width: 0;
        height: 0
    }
    .mb-mod.-product-features-package .-grid-tile-wrapper:not(.-slider,
    [data-slider-theme],
    .ds-slider)::-webkit-scrollbar-thumb {
        background-color: var(--scrollbar-color-thumb)
    }
    .mb-mod.-product-features-package .-grid-tile-wrapper:not(.-slider,
    [data-slider-theme],
    .ds-slider)::-webkit-scrollbar-track {
        background-color: var(--scrollbar-color-track)
    }
    @supports (scrollbar-width:auto) {
        .mb-mod.-product-features-package .-grid-tile-wrapper:not(.-slider,
        [data-slider-theme],
        .ds-slider) {
            scrollbar-color: var(--scrollbar-color-thumb) var(--scrollbar-color-track);
            scrollbar-width: none
        }
    }
    .mb-mod.-product-features-package .-grid-tile-wrapper:not(.-slider,
    [data-slider-theme],
    .ds-slider)>* {
        scroll-snap-align: start
    }
    .mb-mod.-product-features-package .-grid-tile-wrapper:not(.-slider,
    [data-slider-theme],
    .ds-slider):after,
    .mb-mod.-product-features-package .-grid-tile-wrapper:not(.-slider,
    [data-slider-theme],
    .ds-slider):before {
        display: inline-block;
        content: ' ';
        min-width: 0;
        min-height: var(--spacing-m);
        scroll-snap-align: start
    }
    .mb-mod.-product-features-package .-grid-tile-wrapper:not(.-slider,
    [data-slider-theme],
    .ds-slider) .grid-tile {
        width: min(50vw, 342px);
        min-width: min(75vw, 250px)
    }
    .mb-mod.-product-features-package .ds-slider {
        --spv: 1.5
    }
    .mb-mod.-product-features-package .ds-slider .ds-slides {
        padding-block: 40px var(--spacing-xs)
    }
    .mb-mod.-product-features-package .ds-slider .ds-slides>div {
        padding-inline: var(--spacing) 0
    }
    .mb-videos.-darkmode-m {
        background-color: var(--c-bg)
    }
    .mb-videos .mb-video-list,
    .mb-videos .mb-videos-list {
        margin: var(--spacing-s) 0;
        overflow-x: auto;
        flex-wrap: nowrap;
        justify-content: flex-start
    }
    .mb-compare-include.-darkmode-m,
    .mb-mod[data-type=compare].-darkmode-m {
        background-color: var(--c-em-med-contrast)
    }
    .mb-compare-include .mb-compare-wrapper .mb-compare-tools,
    .mb-mod[data-type=compare] .mb-compare-wrapper .mb-compare-tools {
        flex-direction: column;
        align-items: center;
        justify-content: center
    }
    .mb-compare-include .mb-compare-wrapper .mb-compare-nav select,
    .mb-mod[data-type=compare] .mb-compare-wrapper .mb-compare-nav select {
        width: 100%;
        max-width: 100%;
        padding: var(--spacing-2xs) var(--spacing-2xs)
    }
    .mb-compare-wrapper h2 {
        text-align: center
    }
    .select2-dropdown.mbCompare .select2-results>.select2-results__options {
        max-height: 90vh
    }
    [data-ipn=mobile] .mb-navbar ul {
        display: flex;
        flex-wrap: nowrap;
        justify-content: flex-start;
        overflow-x: auto;
        scroll-snap-type: x mandatory;
        scroll-padding: var(--spacing-s);
        max-width: 100vw
    }
    [data-ipn=mobile] .mb-navbar ul>* {
        scroll-snap-align: start
    }
    .mb-decisiontree.-darkmode-m {
        background-color: var(--c-em-med-contrast)
    }
    .mb-decisiontree.-darkmode-m .mb-dt-answers.-tiles.-features .mb-tile picture img {
        filter: invert(1)
    }
    .mb-decisiontree .mb-dt-banner .copy {
        padding: var(--spacing-m) var(--spacing-m) var(--spacing-xs)
    }
    .mb-decisiontree .mb-dtlander .-darkmode-m.mb-dt-banner,
    .mb-decisiontree .mb-dtlander.-darkmode-m .mb-dt-banner,
    .mb-decisiontree .mb-dtquestion .-darkmode-m.mb-dt-banner,
    .mb-decisiontree .mb-dtquestion.-darkmode-m .mb-dt-banner {
        background-color: var(--c-canvas, var(--c-em-med-contrast))
    }
    .mb-decisiontree .question-helper {
        font-size: var(--f-m)
    }
    .mb-decisiontree .mb-dt-answers.-tiles:not(.slick-slider,
    .ds-slider) {
        --c-canvas: var(--c-em-full-contrast, white);
        display: flex;
        flex-wrap: nowrap;
        justify-content: flex-start;
        overflow-x: auto;
        overflow-y: auto;
        scroll-snap-type: x mandatory;
        scroll-padding: var(--spacing-s);
        padding: 0 0 var(--spacing-xs);
        scrollbar-gutter: stable;
        scroll-behavior: smooth;
        padding-bottom: var(--spacing-s)
    }
    .mb-decisiontree .mb-dt-answers.-tiles:not(.slick-slider,
    .ds-slider):after,
    .mb-decisiontree .mb-dt-answers.-tiles:not(.slick-slider,
    .ds-slider):before {
        content: " ";
        display: block;
        min-width: calc(var(--mb-side-offset) - var(--spacing-xs));
        scroll-snap-align: start
    }
    .mb-decisiontree .mb-dt-answers.-tiles:not(.slick-slider,
    .ds-slider)>* {
        scroll-snap-align: start
    }
    .mb-decisiontree .mb-dt-answers.-tiles:not(.slick-slider,
    .ds-slider)::-webkit-scrollbar {
        width: 6px;
        height: 6px
    }
    .mb-decisiontree .mb-dt-answers.-tiles:not(.slick-slider,
    .ds-slider)::-webkit-scrollbar-thumb,
    .mb-decisiontree .mb-dt-answers.-tiles:not(.slick-slider,
    .ds-slider)::-webkit-scrollbar-track {
        border-left: solid 32px var(--c-canvas);
        border-right: solid 32px var(--c-canvas);
        border-top: solid 0 var(--c-canvas);
        border-bottom: solid 0 var(--c-canvas)
    }
    .mb-decisiontree .mb-dt-answers.-tiles:not(.slick-slider,
    .ds-slider)::-webkit-scrollbar-track {
        background: 0 0
    }
    .mb-decisiontree .mb-dt-answers.-tiles:not(.slick-slider,
    .ds-slider)::-webkit-scrollbar-thumb {
        background-color: var(--c-em-full-contrast);
        border-radius: 6px
    }
    .mb-decisiontree .mb-dt-answers.-tiles:not(.slick-slider,
    .ds-slider)::-webkit-scrollbar-thumb:horizontal:hover,
    .mb-decisiontree .mb-dt-answers.-tiles:not(.slick-slider,
    .ds-slider)::-webkit-scrollbar-thumb:vertical:hover {
        background-color: var(--c-accent)
    }
    .mb-decisiontree .mb-dt-answers.-tiles:not(.slick-slider,
    .ds-slider) .mb-tile {
        min-width: calc(22vw - var(--spacing-s));
        max-width: calc(22vw - var(--spacing-s))
    }
    .mb-decisiontree .mb-dt-answers.-tiles .mb-tile .inside h2,
    .mb-decisiontree .mb-dt-answers.-tiles .mb-tile .inside h3,
    .mb-decisiontree .mb-dt-answers.-tiles .mb-tile .inside h4,
    .mb-decisiontree .mb-dt-answers.-tiles .mb-tile .inside h5,
    .mb-decisiontree .mb-dt-answers.-tiles .mb-tile .inside h6 {
        font-size: var(--f-s)
    }
    .mb-decisiontree .mb-dt-answers.-tiles.-features .mb-tile {
        grid-template-columns: 96px 1fr;
        min-width: calc(85% - var(--spacing-s));
        max-width: calc(85% - var(--spacing-s))
    }
    .mb-decisiontree .mb-dt-answers.-range {
        padding-left: var(--mb-side-offset);
        padding-right: var(--mb-side-offset)
    }
    .mb-decisiontree[data-editmode=true] .edit-arrow.arrow-next {
        margin-right: -8px
    }
    .swipe-indicator {
        display: block
    }
    .swipe-indicator:after {
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        bottom: 0;
        display: inline-flex;
        align-items: center;
        gap: var(--spacing-2xs);
        vertical-align: middle
    }
    .swipe-indicator:after::before {
        content: "\e9ec";
        font-family: 'Material Symbols Outlined', 'Material Icons', sans-serif;
        font-weight: 400;
        font-style: normal;
        font-size: 1.5em;
        line-height: 1;
        letter-spacing: normal;
        text-transform: none;
        display: inline-block;
        white-space: nowrap;
        word-wrap: normal;
        direction: ltr;
        vertical-align: sub;
        -webkit-font-feature-settings: 'liga';
        -webkit-font-smoothing: antialiased;
        transform: translate(0, 0)
    }
    .mb-accordions.-darkmode-m {
        background-color: var(--c-bg-contrast)
    }
    .mb-h3d.-darkmode-m {
        background-color: var(--c-bg)
    }
    .mb-size-comparison .mb-size-comparison--item .product-name {
        font-size: var(--f-mobile) !important
    }
    .product-detail .contents .mb-wrapper[data-realm=sfra] {
        --top-offset: 53px
    }
}

@media (max-width:1023.98px) {
    .mb-iconicbanner .ds-banner--inside .grid-tile:nth-of-type(n+2) {
        display: none !important
    }
    .mb-wrapper .-product-features-package:not(.-lander) .-grid-tile-wrapper.ds-slider .ds-slides {
        padding-block: 0
    }
}

@media (max-width:992px) {
    .mb-wrapper .product-swatches .swatch-list {
        margin-left: -12px;
        margin-right: -12px
    }
    .mb-wrapper .product-swatches .swatch-list li {
        margin: 2px 4px
    }
    .mb-wrapper .product-swatches .swatch-list li:nth-of-type(n+4).more {
        display: block
    }
    .mb-wrapper .product-swatches .swatch-list li:nth-of-type(-n+4).more,
    .mb-wrapper .product-swatches .swatch-list li:nth-of-type(n+4):not(.more) {
        display: none
    }
}

@media (max-width:900px) {
    :where(.mb-wrapper[data-pending]) .product-tile .color-swatches .swatches>a:nth-of-type(n+4),
    :where(.mb-wrapper[data-pending]) .search-result-items.tiles-container.mb-tiles-container.-v2 .product-tile .color-swatches .swatches>a:nth-of-type(n+4) {
        display: none
    }
}

@media (max-width:850px) {
    .mb-decisiontree .mb-dt-answers.-tiles:not(.slick-slider,
    .ds-slider) .mb-tile {
        min-width: calc(30vw - var(--spacing-s));
        max-width: calc(30vw - var(--spacing-s))
    }
}

@media (max-width:768px) {
    .search-result-items.tiles-container.mb-tiles-container.-v2 {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }
    .search-result-items.tiles-container.mb-tiles-container.-v2 .cartButton_container60>.btn {
        margin-bottom: -8px
    }
    .search-result-items.tiles-container.mb-tiles-container.-v2 .product-tile.-long-title .product-name a,
    .search-result-items.tiles-container.mb-tiles-container.-v2 .product-tile.-long-title+.product-tile:nth-child(even) .product-name a,
    .search-result-items.tiles-container.mb-tiles-container.-v2 .product-tile[data-itemid*="EVEREST™"] .product-name a,
    .search-result-items.tiles-container.mb-tiles-container.-v2 .product-tile[data-itemid*="EVEREST™"]+.product-tile:nth-child(even) .product-name a,
    .search-result-items.tiles-container.mb-tiles-container.-v2 .product-tile[data-itemid*="JBL®"] .product-name a,
    .search-result-items.tiles-container.mb-tiles-container.-v2 .product-tile[data-itemid*="JBL®"]+.product-tile:nth-child(even) .product-name a,
    .search-result-items.tiles-container.mb-tiles-container.-v2 .product-tile[data-itemid*=Armour] .product-name a,
    .search-result-items.tiles-container.mb-tiles-container.-v2 .product-tile[data-itemid*=Armour]+.product-tile:nth-child(even) .product-name a,
    .search-result-items.tiles-container.mb-tiles-container.-v2 .product-tile[data-itemid*=EDITION] .product-name a,
    .search-result-items.tiles-container.mb-tiles-container.-v2 .product-tile[data-itemid*=EDITION]+.product-tile:nth-child(even) .product-name a,
    .search-result-items.tiles-container.mb-tiles-container.-v2 .product-tile[data-itemid*=Edition] .product-name a,
    .search-result-items.tiles-container.mb-tiles-container.-v2 .product-tile[data-itemid*=Edition]+.product-tile:nth-child(even) .product-name a,
    .search-result-items.tiles-container.mb-tiles-container.-v2 .product-tile[data-itemid*=Engineered] .product-name a,
    .search-result-items.tiles-container.mb-tiles-container.-v2 .product-tile[data-itemid*=Engineered]+.product-tile:nth-child(even) .product-name a,
    .search-result-items.tiles-container.mb-tiles-container.-v2 .product-tile[data-itemid*=Refurbished] .product-name a,
    .search-result-items.tiles-container.mb-tiles-container.-v2 .product-tile[data-itemid*=Refurbished]+.product-tile:nth-child(even) .product-name a,
    .search-result-items.tiles-container.mb-tiles-container.-v2 .product-tile[data-itemid*=edition] .product-name a,
    .search-result-items.tiles-container.mb-tiles-container.-v2 .product-tile[data-itemid*=edition]+.product-tile:nth-child(even) .product-name a,
    .search-result-items.tiles-container.mb-tiles-container.-v2 .product-tile[data-itemid*=special] .product-name a,
    .search-result-items.tiles-container.mb-tiles-container.-v2 .product-tile[data-itemid*=special]+.product-tile:nth-child(even) .product-name a {
        min-height: 44px
    }
    .search-result-items.tiles-container.mb-tiles-container.-v2 .product-tile .product-rating {
        max-height: 30px
    }
    .search-result-items.tiles-container.mb-tiles-container.-v2 .product-tile .product-rating>div {
        margin-bottom: 4px
    }
    .search-result-items.tiles-container.mb-tiles-container.-v2 .product-tile .product-rating [data-bv-show=inline_rating] .bv_main_container .bv_stars_svg_no_wrap svg {
        transform: scale(.68) !important;
        margin-right: -1px !important;
        margin-left: -4px !important
    }
    .search-result-items.tiles-container.mb-tiles-container.-v2 .product-tile .product-rating [data-bv-show=inline_rating] .bv_main_container .bv_text {
        font-size: 11px !important
    }
    .search-result-items.tiles-container.mb-tiles-container.-v2 .product-tile .defaultCountdown {
        margin-bottom: var(--spacing-xs)
    }
    .search-result-items.tiles-container.mb-tiles-container.-v2 .product-tile .bottom {
        padding: 0
    }
    .search-result-items.tiles-container.mb-tiles-container.-v2 .product-tile .bottom .cartButton_container .cta:not(.-atc),
    .search-result-items.tiles-container.mb-tiles-container.-v2 .product-tile .bottom .customizeButton_container .cta:not(.-atc) {
        display: none
    }
    .search-result-items.tiles-container.mb-tiles-container.-v2 .product-tile .bottom .cartButton_container .cta.-atc,
    .search-result-items.tiles-container.mb-tiles-container.-v2 .product-tile .bottom .customizeButton_container .cta.-atc {
        margin-inline: var(--spacing-xs)
    }
    .search-result-items.tiles-container.mb-tiles-container.-v2 .ds-slide .product-tile {
        max-width: none
    }
    .mb-decisiontree .mb-dt-decision.-results .search-result-items.tiles-container.mb-tiles-container.-v2 {
        display: flex;
        justify-content: center
    }
    .mb-decisiontree .mb-dt-decision.-results .search-result-items.tiles-container.mb-tiles-container.-v2 .grid-tile {
        flex: 1;
        min-width: calc(50% - var(--spacing-xs));
        max-width: calc(50% - var(--spacing-xs));
        text-align: left
    }
    .mb-decisiontree .mb-dt-decision.-results .search-result-items.tiles-container.mb-tiles-container.-v2 .grid-tile .product-info {
        padding-inline: var(--spacing-s)
    }
    .mb-decisiontree .mb-dt-decision.-results .result-wrapper.-runner-ups .search-result-items.tiles-container.mb-tiles-container.-v2 .grid-tile .bottom,
    .mb-decisiontree .mb-dt-decision.-results .result-wrapper.-runner-ups .search-result-items.tiles-container.mb-tiles-container.-v2 .grid-tile .product-image,
    .mb-decisiontree .mb-dt-decision.-results .result-wrapper.-runner-ups .search-result-items.tiles-container.mb-tiles-container.-v2 .grid-tile .product-info {
        min-width: calc(50% - var(--spacing-s));
        max-width: calc(50% - var(--spacing-s))
    }
    .mb-decisiontree .mb-dt-decision.-results .result-wrapper.-runner-ups .search-result-items.tiles-container.mb-tiles-container.-v2 .grid-tile:not(.hidden)~.grid-tile:not(.hidden) {
        min-width: calc(50% - var(--spacing-s));
        max-width: calc(50% - var(--spacing-s))
    }
    .mb-decisiontree .mb-dt-answers.-tiles h3+p {
        font-size: 14px
    }
    .mb-decisiontree .mb-dt-answers.-range.-tiles {
        padding-inline: var(--side-offset)
    }
}

@media (max-width:680px) {
    .mb-decisiontree .mb-dt-answers.-tiles:has(.mb-dt-answer: nth-of-type(2):last-child) {
        padding:0;
        margin: 0 auto;
        justify-content: center
    }
    .mb-decisiontree .mb-dt-answers.-tiles:has(.mb-dt-answer:nth-of-type(2):last-child)::after,
    .mb-decisiontree .mb-dt-answers.-tiles:has(.mb-dt-answer:nth-of-type(2):last-child)::before {
        display: none
    }
    .mb-decisiontree .mb-dt-answers.-tiles:has(.mb-dt-answer:nth-of-type(2):last-child)+.mb-dt-answers--pagination {
        display: none
    }
}

@media (max-width:600px) {
    .content-asset-pdp .mb-slider .slick-next.slick-next,
    .content-asset-pdp .mb-slider .slick-prev.slick-next {
        right: 0
    }
    .content-asset[data-caid] .mb-slider .slick-next.slick-next,
    .content-asset[data-caid] .mb-slider .slick-prev.slick-next {
        right: 8px
    }
    .mb-wrapper .mb-tiles-container .ds-slider {
        --spv: 2
    }
    :where(.mb-wrapper[data-pending]) .product-tile .color-swatches .swatches>a:nth-of-type(n+3),
    :where(.mb-wrapper[data-pending]) .search-result-items.tiles-container.mb-tiles-container.-v2 .product-tile .color-swatches .swatches>a:nth-of-type(n+3) {
        display: none
    }
    .mb-compare-include .mb-compare-wrapper .mb-compare-section,
    .mb-mod[data-type=compare] .mb-compare-wrapper .mb-compare-section {
        max-width: 100vw
    }
    .select2-dropdown.mbCompare {
        position: fixed;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        min-width: calc(100vw - (2 * var(--side-offset)));
        box-shadow: 0 0 100vw 200vw rgba(0, 0, 0, .38);
        border-radius: 11px
    }
    .mb-decisiontree .mb-dt-answers.-tiles:not(.slick-slider,
    .ds-slider) .mb-tile {
        min-width: calc(45vw - var(--spacing-s));
        max-width: calc(45vw - var(--spacing-s))
    }
    .mb-wrapper .mb-mod-wrapper.-subcategorycard:has(.mb-subcategorycard.-minimal) {
        --spv: 3 !important
    }
}

@media (max-width:556px) {
    .search-result-items.tiles-container.mb-tiles-container.-v2 .product-tile .product-pricing .price-off-option {
        font-size: 9px
    }
    .mb-compare-include .price-off-option,
    .mb-mod[data-type=compare] .price-off-option {
        font-size: 9px
    }
}

@media (max-width:500px) {
    .product-detail .contents .mb-wrapper[data-realm=sfra] {
        --top-offset: 88px
    }
}

@media (min-width:1024px) and (max-width:1520px) {
    .mb-slider .mb-slide>*>.inside {
        padding-left: 60px;
        padding-right: 60px
    }
    .product-detail .content-asset .mb-slider .mb-slide>*>.inside {
        padding-left: 0;
        padding-right: 0
    }
}

@media (max-width:1519px) and (min-width:1024px) {
    .mb-slider .slick-next,
    .mb-slider .slick-prev {
        box-shadow: 0 2px 10px rgba(0, 0, 0, .04)
    }
    .mb-slider .slick-next:hover,
    .mb-slider .slick-prev:hover {
        box-shadow: 0 2px 10px rgba(0, 0, 0, .16)
    }
    .mb-decisiontree[data-editmode=true] .edit-arrow {
        box-shadow: 0 2px 10px rgba(0, 0, 0, .04)
    }
    .mb-decisiontree[data-editmode=true] .edit-arrow:hover {
        box-shadow: 0 2px 10px rgba(0, 0, 0, .16)
    }
}

@media (max-width:1023px) and (min-width:1024px) {
    .mb-banner.-image-placement-m-left.-placement-m-middle,
    .mb-banner.-image-placement-m-right.-placement-m-middle {
        align-items: center
    }
}

@media (min-width:1400.02px) and (max-width:1920px) {
    .mb-wrapper .mb-tiles-container .ds-slider {
        --spv: var(--spv-lg, 5)
    }
}

@media (min-width:1024.02px) and (max-width:1400px) {
    .mb-wrapper .mb-tiles-container .ds-slider {
        --spv: 4
    }
}

@media (min-width:600.02px) and (max-width:1024px) {
    .mb-wrapper .mb-tiles-container .ds-slider {
        --spv: 3
    }
}

@media (min-width:600px) and (max-width:1023px) {
    .mb-mod.-product-features-package .ds-slider {
        --spv: 2.5
    }
}

@media (min-height:850px) {
    .mb-wrapper .ds-select-container .ds-select-options {
        max-height: Max(100dvh - 600px, 200px)
    }
}