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

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

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

.slashButton-LHcKxrzD:focus {
    outline: none
}

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

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

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

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

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

.xsmall-LHcKxrzD {
    --ui-lib-size: 2
}

.small-LHcKxrzD {
    --ui-lib-size: 3
}

.medium-LHcKxrzD {
    --ui-lib-size: 4
}

.large-LHcKxrzD {
    --ui-lib-size: 5
}

.xlarge-LHcKxrzD {
    --ui-lib-size: 6
}

.xxlarge-LHcKxrzD {
    --ui-lib-size: 7
}

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

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

.content-LHcKxrzD: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-defaulted-xsmall)*-5.3px + var(--ui-lib-size-defaulted-small)*-6px + var(--ui-lib-size-defaulted-medium)*-6px + var(--ui-lib-size-defaulted-large)*-7.2px + var(--ui-lib-size-defaulted-xlarge)*-7.8px + var(--ui-lib-size-defaulted-xxlarge)*-15.3px);
    --ui-lib-slash-button-content-after-skew: calc(var(--ui-lib-size-defaulted-xsmall)*-22deg + var(--ui-lib-size-defaulted-small)*-22deg + var(--ui-lib-size-defaulted-medium)*-22deg + var(--ui-lib-size-defaulted-large)*-22deg + var(--ui-lib-size-defaulted-xlarge)*-23deg + var(--ui-lib-size-defaulted-xxlarge)*-23deg);
    border-bottom-right-radius: calc(var(--ui-lib-size-defaulted-xsmall)*3px + var(--ui-lib-size-defaulted-small)*4px + var(--ui-lib-size-defaulted-medium)*4.5px + var(--ui-lib-size-defaulted-large)*7.2px + var(--ui-lib-size-defaulted-xlarge)*6.7px + var(--ui-lib-size-defaulted-xxlarge)*9.7px);
    border-top-right-radius: calc(var(--ui-lib-size-defaulted-xsmall)*6px + var(--ui-lib-size-defaulted-small)*9px + var(--ui-lib-size-defaulted-medium)*11.5px + var(--ui-lib-size-defaulted-large)*12.6px + var(--ui-lib-size-defaulted-xlarge)*16.1px + var(--ui-lib-size-defaulted-xxlarge)*22.5px);
    transform: translate(var(--ui-lib-slash-button-content-after-translate)) skew(var(--ui-lib-slash-button-content-after-skew))
}

.stretch-LHcKxrzD {
    width: 100vw
}

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

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

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

.secondLabel-LHcKxrzD {
    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-defaulted-xsmall)*0px + var(--ui-lib-size-defaulted-small)*0px + var(--ui-lib-size-defaulted-medium)*12px + var(--ui-lib-size-defaulted-large)*13px + var(--ui-lib-size-defaulted-xlarge)*13px + var(--ui-lib-size-defaulted-xxlarge)*14px);
    font-style: normal;
    font-weight: calc(var(--ui-lib-size-defaulted-xsmall)*0 + var(--ui-lib-size-defaulted-small)*0 + var(--ui-lib-size-defaulted-medium)*400 + var(--ui-lib-size-defaulted-large)*400 + var(--ui-lib-size-defaulted-xlarge)*400 + var(--ui-lib-size-defaulted-xxlarge)*400);
    line-height: calc(var(--ui-lib-size-defaulted-xsmall)*0px + var(--ui-lib-size-defaulted-small)*0px + var(--ui-lib-size-defaulted-medium)*16px + var(--ui-lib-size-defaulted-large)*18px + var(--ui-lib-size-defaulted-xlarge)*18px + var(--ui-lib-size-defaulted-xxlarge)*18px)
}

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

.slashButtonColor-GI_0aQCN:after,
html.theme-dark .slashButtonColor-GI_0aQCN:after {
    border-color: #2962ff
}

.slashButtonColor-GI_0aQCN:disabled {
    color: #b8b8b8
}

html.theme-dark .slashButtonColor-GI_0aQCN:disabled {
    color: #636363
}

.slashButtonColor-GI_0aQCN:disabled .content-GI_0aQCN:after {
    background: #ebebeb
}

html.theme-dark .slashButtonColor-GI_0aQCN:disabled .content-GI_0aQCN:after {
    background: #3d3d3d
}

.content-GI_0aQCN {
    background: #0000
}

.black-GI_0aQCN .content-GI_0aQCN {
    color: #fff
}

html.theme-dark .black-GI_0aQCN .content-GI_0aQCN {
    color: #0f0f0f
}

.black-GI_0aQCN .content-GI_0aQCN:after {
    background: #0f0f0f
}

html.theme-dark .black-GI_0aQCN .content-GI_0aQCN:after {
    background: #fff
}

@media (any-hover:hover) {
    .black-GI_0aQCN:hover:not(:disabled) .content-GI_0aQCN:after {
        background: #2e2e2e
    }
    html.theme-dark .black-GI_0aQCN:hover:not(:disabled) .content-GI_0aQCN:after {
        background: #f2f2f2
    }
}

.black-GI_0aQCN:active:not(:disabled) .content-GI_0aQCN:after {
    background: #4a4a4a
}

html.theme-dark .black-GI_0aQCN:active:not(:disabled) .content-GI_0aQCN:after {
    background: #dbdbdb
}

.space-GI_0aQCN .content-GI_0aQCN {
    color: #0f0f0f
}

.space-GI_0aQCN .content-GI_0aQCN:after {
    background: #fff
}

@media (any-hover:hover) {
    .space-GI_0aQCN:hover:not(:disabled) .content-GI_0aQCN:after {
        background: #f2f2f2
    }
}

.space-GI_0aQCN:active:not(:disabled) .content-GI_0aQCN:after {
    background: #dbdbdb
}

.brand-GI_0aQCN .content-GI_0aQCN:after,
html.theme-dark .brand-GI_0aQCN .content-GI_0aQCN:after {
    background: #2962ff
}

@media (any-hover:hover) {
    .brand-GI_0aQCN:hover:not(:disabled) .content-GI_0aQCN:after,
    html.theme-dark .brand-GI_0aQCN:hover:not(:disabled) .content-GI_0aQCN:after {
        background: #1e53e5
    }
}

.brand-GI_0aQCN:active:not(:disabled) .content-GI_0aQCN:after,
html.theme-dark .brand-GI_0aQCN:active:not(:disabled) .content-GI_0aQCN:after {
    background: #1848cc
}

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

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

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

.black-friday-GI_0aQCN .content-GI_0aQCN:after {
    background: linear-gradient(90deg, #ff2e3e, #ff2e3e, #ff9800, #ff2e3e, #ff2e3e);
    background-size: 200% 100%;
    transition: .4s
}

@media (any-hover:hover) {
    .black-friday-GI_0aQCN:hover:not(:disabled) .content-GI_0aQCN:after {
        background-blend-mode: overlay;
        background-position: -100%
    }
}

.black-friday-GI_0aQCN:active:not(:disabled) .content-GI_0aQCN:after {
    background-blend-mode: overlay;
    background-position: -20%;
    background-size: 300% 100%
}

.cyber-monday-GI_0aQCN .content-GI_0aQCN {
    color: #0f0f0f
}

.cyber-monday-GI_0aQCN .content-GI_0aQCN:after {
    background: linear-gradient(90deg, #03e6fe, #03e6fe, #61ffd0, #03e6fe, #03e6fe);
    background-size: 200% 100%;
    transition: .4s
}

@media (any-hover:hover) {
    .cyber-monday-GI_0aQCN:hover:not(:disabled) .content-GI_0aQCN:after {
        background-blend-mode: overlay;
        background-position: -100%
    }
}

.cyber-monday-GI_0aQCN:active:not(:disabled) .content-GI_0aQCN:after {
    background-blend-mode: overlay;
    background-position: -20%;
    background-size: 300% 100%
}

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

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

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