.slashButton-ElRns9Ai {
    --ui-lib-size-def: var(--ui-lib-in-slashButton-size, var(--ui-lib-private-slashButton-size, 6));
    --ui-lib-size-def-xsmall: calc(max(0, 1 - (var(--ui-lib-size-def) - 2) * (var(--ui-lib-size-def) - 2)));
    --ui-lib-size-def-small: calc(max(0, 1 - (var(--ui-lib-size-def) - 3) * (var(--ui-lib-size-def) - 3)));
    --ui-lib-size-def-medium: calc(max(0, 1 - (var(--ui-lib-size-def) - 4) * (var(--ui-lib-size-def) - 4)));
    --ui-lib-size-def-large: calc(max(0, 1 - (var(--ui-lib-size-def) - 5) * (var(--ui-lib-size-def) - 5)));
    --ui-lib-size-def-xlarge: calc(max(0, 1 - (var(--ui-lib-size-def) - 6) * (var(--ui-lib-size-def) - 6)));
    --ui-lib-size-def-xxlarge: calc(max(0, 1 - (var(--ui-lib-size-def) - 7) * (var(--ui-lib-size-def) - 7)));
    border: none;
    display: inline-flex;
    height: calc(var(--ui-lib-size-def-xsmall)*28px + var(--ui-lib-size-def-small)*34px + var(--ui-lib-size-def-medium)*40px + var(--ui-lib-size-def-large)*48px + var(--ui-lib-size-def-xlarge)*56px + var(--ui-lib-size-def-xxlarge)*80px);
    max-width: 100%;
    padding: 0;
    -webkit-user-select: none;
    user-select: none;
    --focus-outline-radius-value: calc(var(--ui-lib-size-def-xsmall)*6px + var(--ui-lib-size-def-small)*6px + var(--ui-lib-size-def-medium)*8px + var(--ui-lib-size-def-large)*8px + var(--ui-lib-size-def-xlarge)*12px + var(--ui-lib-size-def-xxlarge)*18px)
}

.slashButton-ElRns9Ai:after {
    border-radius: calc(var(--focus-outline-radius-value) + 2px)
}

.slashButton-ElRns9Ai {
    outline: none;
    overflow: visible;
    position: relative
}

.slashButton-ElRns9Ai:focus {
    outline: none
}

.slashButton-ElRns9Ai:focus-visible {
    outline: none
}

.slashButton-ElRns9Ai:after {
    border-style: solid;
    border-width: 2px;
    box-sizing: border-box;
    content: "";
    display: none;
    height: calc(100% + 8px);
    inset-inline-start: -4px;
    pointer-events: none;
    position: absolute;
    top: -4px;
    width: calc(100% + 8px);
    z-index: 1
}

.slashButton-ElRns9Ai:focus:after {
    display: block
}

.slashButton-ElRns9Ai:focus-visible:after {
    display: block
}

.slashButton-ElRns9Ai:focus:not(:focus-visible):after {
    display: none
}

.xsmall-ElRns9Ai {
    --ui-lib-private-slashButton-size: 2
}

.small-ElRns9Ai {
    --ui-lib-private-slashButton-size: 3
}

.medium-ElRns9Ai {
    --ui-lib-private-slashButton-size: 4
}

.large-ElRns9Ai {
    --ui-lib-private-slashButton-size: 5
}

.xlarge-ElRns9Ai {
    --ui-lib-private-slashButton-size: 6
}

.xxlarge-ElRns9Ai {
    --ui-lib-private-slashButton-size: 7
}

.children-ElRns9Ai,
.secondLabel-ElRns9Ai {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.content-ElRns9Ai {
    align-items: center;
    border: none;
    border-radius: calc(var(--ui-lib-size-def-xsmall)*6px + var(--ui-lib-size-def-small)*6px + var(--ui-lib-size-def-medium)*8px + var(--ui-lib-size-def-large)*8px + var(--ui-lib-size-def-xlarge)*12px + var(--ui-lib-size-def-xxlarge)*18px);
    display: inline-flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    overflow: hidden;
    padding-left: calc(var(--ui-lib-size-def-xsmall)*8px + var(--ui-lib-size-def-small)*12px + var(--ui-lib-size-def-medium)*16px + var(--ui-lib-size-def-large)*24px + var(--ui-lib-size-def-xlarge)*32px + var(--ui-lib-size-def-xxlarge)*32px);
    padding-right: calc(var(--ui-lib-size-def-xsmall)*15.5px + var(--ui-lib-size-def-small)*19.3px + var(--ui-lib-size-def-medium)*22.6px + var(--ui-lib-size-def-large)*36px + var(--ui-lib-size-def-xlarge)*45px + var(--ui-lib-size-def-xxlarge)*51px);
    position: relative;
    z-index: 0
}

.content-ElRns9Ai:after {
    bottom: 0;
    contain: strict;
    content: "";
    flex: 0 0 auto;
    left: 0;
    position: absolute;
    right: 1px;
    top: 0;
    z-index: -1;
    --ui-lib-slash-button-content-after-translate: calc(var(--ui-lib-size-def-xsmall)*-5.3px + var(--ui-lib-size-def-small)*-6px + var(--ui-lib-size-def-medium)*-6px + var(--ui-lib-size-def-large)*-7.2px + var(--ui-lib-size-def-xlarge)*-7.8px + var(--ui-lib-size-def-xxlarge)*-15.3px);
    --ui-lib-slash-button-content-after-skew: calc(var(--ui-lib-size-def-xsmall)*-22deg + var(--ui-lib-size-def-small)*-22deg + var(--ui-lib-size-def-medium)*-22deg + var(--ui-lib-size-def-large)*-22deg + var(--ui-lib-size-def-xlarge)*-23deg + var(--ui-lib-size-def-xxlarge)*-23deg);
    border-bottom-right-radius: calc(var(--ui-lib-size-def-xsmall)*3px + var(--ui-lib-size-def-small)*4px + var(--ui-lib-size-def-medium)*4.5px + var(--ui-lib-size-def-large)*7.2px + var(--ui-lib-size-def-xlarge)*6.7px + var(--ui-lib-size-def-xxlarge)*9.7px);
    border-top-right-radius: calc(var(--ui-lib-size-def-xsmall)*6px + var(--ui-lib-size-def-small)*9px + var(--ui-lib-size-def-medium)*11.5px + var(--ui-lib-size-def-large)*12.6px + var(--ui-lib-size-def-xlarge)*16.1px + var(--ui-lib-size-def-xxlarge)*22.5px);
    transform: translate(var(--ui-lib-slash-button-content-after-translate)) skew(var(--ui-lib-slash-button-content-after-skew))
}

.stretch-ElRns9Ai {
    width: 100vw
}

.onlyLabel-ElRns9Ai {
    font-feature-settings: "tnum" on, "lnum" on;
    font-size: calc(var(--ui-lib-size-def-xsmall)*14px + var(--ui-lib-size-def-small)*16px + var(--ui-lib-size-def-medium)*16px + var(--ui-lib-size-def-large)*16px + var(--ui-lib-size-def-xlarge)*18px + var(--ui-lib-size-def-xxlarge)*20px);
    font-style: normal;
    font-weight: calc(var(--ui-lib-size-def-xsmall)*400 + var(--ui-lib-size-def-small)*500 + var(--ui-lib-size-def-medium)*500 + var(--ui-lib-size-def-large)*500 + var(--ui-lib-size-def-xlarge)*600 + var(--ui-lib-size-def-xxlarge)*600);
    line-height: calc(var(--ui-lib-size-def-xsmall)*18px + var(--ui-lib-size-def-small)*24px + var(--ui-lib-size-def-medium)*24px + var(--ui-lib-size-def-large)*24px + var(--ui-lib-size-def-xlarge)*24px + var(--ui-lib-size-def-xxlarge)*24px)
}

.firstLabel-ElRns9Ai,
.onlyLabel-ElRns9Ai {
    font-family: -apple-system, BlinkMacSystemFont, Trebuchet MS, Roboto, Ubuntu, sans-serif
}

.firstLabel-ElRns9Ai {
    font-feature-settings: "tnum" on, "lnum" on;
    font-size: calc(var(--ui-lib-size-def-xsmall)*14px + var(--ui-lib-size-def-small)*16px + var(--ui-lib-size-def-medium)*14px + var(--ui-lib-size-def-large)*14px + var(--ui-lib-size-def-xlarge)*16px + var(--ui-lib-size-def-xxlarge)*18px);
    font-style: normal;
    font-weight: calc(var(--ui-lib-size-def-xsmall)*400 + var(--ui-lib-size-def-small)*400 + var(--ui-lib-size-def-medium)*600 + var(--ui-lib-size-def-large)*600 + var(--ui-lib-size-def-xlarge)*600 + var(--ui-lib-size-def-xxlarge)*600);
    line-height: calc(var(--ui-lib-size-def-xsmall)*18px + var(--ui-lib-size-def-small)*24px + var(--ui-lib-size-def-medium)*18px + var(--ui-lib-size-def-large)*18px + var(--ui-lib-size-def-xlarge)*24px + var(--ui-lib-size-def-xxlarge)*24px)
}

.secondLabel-ElRns9Ai {
    font-family: -apple-system, BlinkMacSystemFont, Trebuchet MS, Roboto, Ubuntu, sans-serif;
    font-feature-settings: "tnum" on, "lnum" on;
    font-size: calc(var(--ui-lib-size-def-xsmall)*0px + var(--ui-lib-size-def-small)*0px + var(--ui-lib-size-def-medium)*12px + var(--ui-lib-size-def-large)*13px + var(--ui-lib-size-def-xlarge)*13px + var(--ui-lib-size-def-xxlarge)*14px);
    font-style: normal;
    font-weight: calc(var(--ui-lib-size-def-xsmall)*0 + var(--ui-lib-size-def-small)*0 + var(--ui-lib-size-def-medium)*400 + var(--ui-lib-size-def-large)*400 + var(--ui-lib-size-def-xlarge)*400 + var(--ui-lib-size-def-xxlarge)*400);
    line-height: calc(var(--ui-lib-size-def-xsmall)*0px + var(--ui-lib-size-def-small)*0px + var(--ui-lib-size-def-medium)*16px + var(--ui-lib-size-def-large)*18px + var(--ui-lib-size-def-xlarge)*18px + var(--ui-lib-size-def-xxlarge)*18px)
}

[data-theme=light] {
    --_0-iLoW: var(--color-cold-gray-900);
    --_1-iLoW: var(--color-cold-gray-800);
    --_2-iLoW: var(--color-cold-gray-700);
    --_3-iLoW: var(--color-white);
    --_4-iLoW: var(--color-brand);
    --_5-iLoW: var(--color-tv-blue-600);
    --_6-iLoW: var(--color-tv-blue-700);
    --_7-iLoW: var(--color-cold-gray-150);
    --_8-iLoW: var(--color-cold-gray-300)
}

[data-theme=dark] {
    --_0-iLoW: var(--color-white);
    --_1-iLoW: var(--color-cold-gray-100);
    --_2-iLoW: var(--color-cold-gray-200);
    --_3-iLoW: var(--color-cold-gray-900);
    --_4-iLoW: var(--color-brand);
    --_5-iLoW: var(--color-tv-blue-600);
    --_6-iLoW: var(--color-tv-blue-700);
    --_7-iLoW: var(--color-cold-gray-750);
    --_8-iLoW: var(--color-cold-gray-600)
}

.slashButtonColor-UrcjOrs7 {
    background: #0000;
    color: #fff
}

.slashButtonColor-UrcjOrs7:after {
    border-color: var(--color-focus-outline-color-blue)
}

.slashButtonColor-UrcjOrs7:disabled {
    color: var(--_8-iLoW)
}

.slashButtonColor-UrcjOrs7:disabled .content-UrcjOrs7:after {
    background: var(--_7-iLoW)
}

.content-UrcjOrs7 {
    background: #0000
}

.black-UrcjOrs7 .content-UrcjOrs7 {
    color: var(--_3-iLoW)
}

.black-UrcjOrs7 .content-UrcjOrs7:after {
    background: var(--color-container-fill-primary-neutral-extra-bold)
}

@media (any-hover:hover) {
    .black-UrcjOrs7:hover:not(:disabled) .content-UrcjOrs7:after {
        background: var(--color-container-fill-primary-neutral-bold)
    }
}

.black-UrcjOrs7:active:not(:disabled) .content-UrcjOrs7:after {
    background: var(--color-container-fill-primary-neutral-extra-bold)
}

.space-UrcjOrs7 .content-UrcjOrs7 {
    color: var(--color-cold-gray-900)
}

.space-UrcjOrs7 .content-UrcjOrs7:after {
    background: var(--color-white)
}

@media (any-hover:hover) {
    .space-UrcjOrs7:hover:not(:disabled) .content-UrcjOrs7:after {
        background: var(--color-cold-gray-100)
    }
}

.space-UrcjOrs7:active:not(:disabled) .content-UrcjOrs7:after {
    background: var(--color-cold-gray-200)
}

.brand-UrcjOrs7 .content-UrcjOrs7:after {
    background: var(--_4-iLoW)
}

@media (any-hover:hover) {
    .brand-UrcjOrs7:hover:not(:disabled) .content-UrcjOrs7:after {
        background: var(--_5-iLoW)
    }
}

.brand-UrcjOrs7:active:not(:disabled) .content-UrcjOrs7:after {
    background: var(--_6-iLoW)
}

.gradient-UrcjOrs7 .content-UrcjOrs7:after {
    background: linear-gradient(75deg, #00bce6, #2962ff 50.31%, #d500f9)
}

.gradient-UrcjOrs7 .content-UrcjOrs7:after:dir(rtl) {
    background: linear-gradient(-75deg, #00bce6, #2962ff 50.31%, #d500f9)
}

@media (any-hover:hover) {
    .gradient-UrcjOrs7:hover:not(:disabled) .content-UrcjOrs7:after {
        background: linear-gradient(75deg, #00bce6, #2962ff 50.31%, #d500f9) #aa00ff40;
        background-blend-mode: overlay
    }
}

@media (any-hover:hover) {
    .gradient-UrcjOrs7:hover:not(:disabled) .content-UrcjOrs7:after:dir(rtl) {
        background: linear-gradient(-75deg, #00bce6, #2962ff 50.31%, #d500f9) #aa00ff40
    }
}

.gradient-UrcjOrs7:active:not(:disabled) .content-UrcjOrs7:after {
    background: linear-gradient(75deg, #00bce6, #2962ff 50.31%, #d500f9) #a0f6;
    background-blend-mode: overlay
}

.gradient-UrcjOrs7:active:not(:disabled) .content-UrcjOrs7:after:dir(rtl) {
    background: linear-gradient(-75deg, #00bce6, #2962ff 50.31%, #d500f9) #a0f6
}

.black-friday-UrcjOrs7 .content-UrcjOrs7:after {
    background: linear-gradient(90.04deg, #ff2e3e 46.59%, #fc5901 77.06%, #ff9800 106.5%);
    background-blend-mode: overlay
}

@media (any-hover:hover) {
    .black-friday-UrcjOrs7:hover:not(:disabled) .content-UrcjOrs7:after {
        background: linear-gradient(90.04deg, #ff2e3e 46.59%, #fc5901 77.06%, #ff9800 106.5%), linear-gradient(0deg, #e9000066, #e9000066)
    }
}

.black-friday-UrcjOrs7:active:not(:disabled) .content-UrcjOrs7:after {
    background: linear-gradient(90.04deg, #ff2e3e 46.59%, #fc5901 77.06%, #ff9800 106.5%), linear-gradient(0deg, #e9000099, #e9000099)
}

.cyber-monday-UrcjOrs7 .content-UrcjOrs7 {
    color: var(--color-cold-gray-900)
}

.cyber-monday-UrcjOrs7 .content-UrcjOrs7:after {
    background: linear-gradient(90.19deg, #7c4dff -14.72%, #03e6fe 40.23%, #62ffd0 99.82%);
    background-blend-mode: overlay
}

@media (any-hover:hover) {
    .cyber-monday-UrcjOrs7:hover:not(:disabled) .content-UrcjOrs7:after {
        background: linear-gradient(#0dfab780, #0dfab780), linear-gradient(90.19deg, #7c4dff -14.72%, #03e6fe 40.23%, #62ffd0 99.82%)
    }
}

.cyber-monday-UrcjOrs7:active:not(:disabled) .content-UrcjOrs7:after {
    background: linear-gradient(#0dfab7b3, #0dfab7b3), linear-gradient(90.19deg, #7c4dff -14.72%, #03e6fe 40.23%, #62ffd0 99.82%)
}

.coupon-UrcjOrs7 .content-UrcjOrs7:after {
    background: linear-gradient(90deg, #775ce4 22.5%, #ed46b6 73.5%, #fac7ec);
    background-blend-mode: overlay
}

@media (any-hover:hover) {
    .coupon-UrcjOrs7:hover:not(:disabled) .content-UrcjOrs7:after {
        background: linear-gradient(90deg, #775ce4 22.5%, #ed46b6 73.5%, #fac7ec), linear-gradient(0deg, #775ce466, #775ce466)
    }
}

.coupon-UrcjOrs7:active:not(:disabled) .content-UrcjOrs7:after {
    background: linear-gradient(90deg, #775ce4 22.5%, #ed46b6 73.5%, #fac7ec), linear-gradient(0deg, #775ce499, #775ce499)
}

.offer-UrcjOrs7 .content-UrcjOrs7:after {
    background: linear-gradient(90deg, #006fde, #3a99ce 23.55%, #00e7e7 96.63%);
    background-blend-mode: overlay
}

@media (any-hover:hover) {
    .offer-UrcjOrs7:hover:not(:disabled) .content-UrcjOrs7:after {
        background: linear-gradient(90deg, #006fde, #3a99ce 23.55%, #00e7e7 96.63%), linear-gradient(0deg, #006fde40, #006fde40)
    }
}

.offer-UrcjOrs7:active:not(:disabled) .content-UrcjOrs7:after {
    background: linear-gradient(90deg, #006fde, #3a99ce 23.55%, #00e7e7 96.63%), linear-gradient(0deg, #006fde66, #006fde66)
}