/*
@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url('https://cdn.shopify.com/static/fonts/inter/v4/InterVariable.woff2?v=4.0') format('woff2');
}
@font-face {
  font-family: Inter;
  font-style: italic;
  font-weight: 100 900;
  font-display: swap;
  src: url('https://cdn.shopify.com/static/fonts/inter/v4/InterVariable.woff2?v=4.0') format('woff2');
}
*/
@charset "UTF-8";:root {
    --polaris-version-number: "22.1.0";
    --pg-navigation-width: 15rem;
    --pg-dangerous-magic-space-4: 1rem;
    --pg-dangerous-magic-space-5: 1.25rem;
    --pg-dangerous-magic-space-8: 2rem;
    --pg-layout-width-primary-min: 30rem;
    --pg-layout-width-primary-max: 41.375rem;
    --pg-layout-width-secondary-min: 15rem;
    --pg-layout-width-secondary-max: 20rem;
    --pg-layout-width-one-half-width-base: 28.125rem;
    --pg-layout-width-one-third-width-base: 15rem;
    --pg-layout-width-nav-base: var(--pg-navigation-width);
    --pg-layout-width-page-content-partially-condensed: 28.125rem;
    --pg-layout-width-inner-spacing-base: var(--pg-dangerous-magic-space-4);
    --pg-layout-width-outer-spacing-min: var(--pg-dangerous-magic-space-5);
    --pg-layout-width-outer-spacing-max: var(--pg-dangerous-magic-space-8);
    --pg-layout-relative-size: 2;
    --pg-dismiss-icon-size: 2rem;
    --pg-top-bar-height: 3.5rem;
    --pg-mobile-nav-width: calc(100vw - var(--pg-dismiss-icon-size) - var(--pg-dangerous-magic-space-8));
    --pg-control-height: 2rem;
    --pg-control-vertical-padding: calc((2.25rem - var(--p-font-line-height-600) - var(--p-space-050))/2);
    --pg-system-alert-banner-height: 0rem
}

.shopilike-Avatar {
    --pc-avatar-xs-size: 1.25rem;
    --pc-avatar-sm-size: 1.5rem;
    --pc-avatar-md-size: 1.75rem;
    --pc-avatar-lg-size: 2rem;
    --pc-avatar-xl-size: 2.5rem;
    position: relative;
    display: block;
    overflow: hidden;
    min-width: var(--pc-avatar-xs-size);
    max-width: 100%;
    background: var(--p-color-avatar-bg-fill);
    color: var(--p-color-avatar-text-on-bg-fill);
    -webkit-user-select: none;
    user-select: none
}

.shopilike-Avatar.shopilike-Avatar--imageHasLoaded {
    background: transparent
}

@media (forced-colors: active) {
    .shopilike-Avatar {
        border: var(--p-border-width-025) solid transparent
    }
}

.shopilike-Avatar:after {
    content: "";
    display: block;
    padding-bottom: 100%
}

.shopilike-Avatar__Text {
    font-size: var(--p-font-size-400);
    font-weight: var(--p-font-weight-regular)
}

.shopilike-Avatar__Text.shopilike-Avatar--long {
    font-size: var(--p-font-size-300)
}

.shopilike-Avatar--hidden {
    visibility: hidden
}

.shopilike-Avatar--sizeXs {
    width: var(--pc-avatar-xs-size);
    border-radius: var(--p-border-radius-100)
}

.shopilike-Avatar--sizeSm {
    width: var(--pc-avatar-sm-size);
    border-radius: var(--p-border-radius-150)
}

.shopilike-Avatar--sizeMd {
    width: var(--pc-avatar-md-size);
    border-radius: var(--p-border-radius-200)
}

.shopilike-Avatar--sizeLg {
    width: var(--pc-avatar-lg-size);
    border-radius: var(--p-border-radius-200)
}

.shopilike-Avatar--sizeXl {
    width: var(--pc-avatar-xl-size);
    border-radius: var(--p-border-radius-200)
}

.shopilike-Avatar--styleOne {
    background: var(--p-color-avatar-one-bg-fill);
    color: var(--p-color-avatar-one-text-on-bg-fill)
}

.shopilike-Avatar--styleOne svg,.shopilike-Avatar--styleOne text {
    color: var(--p-color-avatar-one-text-on-bg-fill)
}

.shopilike-Avatar--styleTwo {
    background: var(--p-color-avatar-two-bg-fill);
    color: var(--p-color-avatar-two-text-on-bg-fill)
}

.shopilike-Avatar--styleTwo svg,.shopilike-Avatar--styleTwo text {
    color: var(--p-color-avatar-two-text-on-bg-fill)
}

.shopilike-Avatar--styleThree {
    background: var(--p-color-avatar-three-bg-fill);
    color: var(--p-color-avatar-three-text-on-bg-fill)
}

.shopilike-Avatar--styleThree svg,.shopilike-Avatar--styleThree text {
    color: var(--p-color-avatar-three-text-on-bg-fill)
}

.shopilike-Avatar--styleFour {
    background: var(--p-color-avatar-four-bg-fill);
    color: var(--p-color-avatar-four-text-on-bg-fill)
}

.shopilike-Avatar--styleFour svg,.shopilike-Avatar--styleFour text {
    color: var(--p-color-avatar-four-text-on-bg-fill)
}

.shopilike-Avatar--styleFive {
    background: var(--p-color-avatar-five-bg-fill);
    color: var(--p-color-avatar-five-text-on-bg-fill)
}

.shopilike-Avatar--styleFive svg,.shopilike-Avatar--styleFive text {
    color: var(--p-color-avatar-five-text-on-bg-fill)
}

.shopilike-Avatar--styleSix {
    background: var(--p-color-avatar-six-bg-fill);
    color: var(--p-color-avatar-six-text-on-bg-fill)
}

.shopilike-Avatar--styleSix svg,.shopilike-Avatar--styleSix text {
    color: var(--p-color-avatar-six-text-on-bg-fill)
}

.shopilike-Avatar--styleSeven {
    background: var(--p-color-avatar-seven-bg-fill);
    color: var(--p-color-avatar-seven-text-on-bg-fill)
}

.shopilike-Avatar--styleSeven svg,.shopilike-Avatar--styleSeven text {
    color: var(--p-color-avatar-seven-text-on-bg-fill)
}

.shopilike-Avatar--imageHasLoaded {
    background: transparent
}

.shopilike-Avatar__Image {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    border-radius: inherit;
    transform: translate(-50%,-50%);
    object-fit: cover
}

.shopilike-Avatar__Initials {
    position: absolute;
    top: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%
}

.shopilike-Avatar__Svg {
    width: 100%;
    height: 100%
}

.shopilike-Icon s-internal-icon {
    display: block
}

.shopilike-Text--root {
    margin: 0;
    text-align: inherit
}

@media (max-width: 30.6225em) {
    .shopilike-Text--root {
        overflow-wrap:anywhere;
        word-break: normal
    }
}

.shopilike-Text--root:focus-visible {
    outline: none
}

.shopilike-Text--block {
    display: block
}

.shopilike-Text--truncate {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.shopilike-Text--lineClamp {
    display: -webkit-box;
    -webkit-line-clamp: var(--pc-text-line-clamp);
    -webkit-box-orient: vertical;
    overflow: hidden
}

.shopilike-Text--visuallyHidden {
    position: absolute!important;
    top: 0;
    width: .0625rem!important;
    height: .0625rem!important;
    margin: 0!important;
    padding: 0!important;
    overflow: hidden!important;
    clip-path: inset(50%)!important;
    border: 0!important;
    white-space: nowrap!important
}

.shopilike-Text--start {
    text-align: start
}

.shopilike-Text--center {
    text-align: center
}

.shopilike-Text--end {
    text-align: end
}

.shopilike-Text--justify {
    text-align: justify
}

.shopilike-Text--base {
    color: var(--p-color-text)
}

.shopilike-Text--inherit {
    color: inherit
}

.shopilike-Text--disabled {
    color: var(--p-color-text-disabled)
}

.shopilike-Text--success {
    color: var(--p-color-text-success)
}

.shopilike-Text--critical {
    color: var(--p-color-text-critical)
}

.shopilike-Text--caution {
    color: var(--p-color-text-caution)
}

.shopilike-Text--warning {
    color: var(--p-color-text-warning)
}

.shopilike-Text__warning--secondary {
    color: var(--p-color-text-warning-secondary)
}

.shopilike-Text--subdued {
    color: var(--p-color-text-secondary)
}

.shopilike-Text--magic {
    color: var(--p-color-text-ai)
}

.shopilike-Text__magic--subdued {
    color: var(--p-color-text-ai-secondary)
}

.shopilike-Text__text--inverse {
    color: var(--p-color-text-inverse)
}

.shopilike-Text--textInverseSecondary {
    color: var(--p-color-text-inverse-secondary)
}

.shopilike-Text--headingXs {
    font-size: var(--p-font-size-300);
    font-weight: var(--p-font-weight-semibold);
    letter-spacing: var(--p-font-letter-spacing-normal);
    line-height: var(--p-font-line-height-400)
}

.shopilike-Text--headingSm {
    font-size: var(--p-font-size-400);
    font-weight: var(--p-font-weight-semibold);
    letter-spacing: var(--p-font-letter-spacing-dense);
    line-height: var(--p-font-line-height-500)
}

@media (hover) and (pointer: fine),(min-width: 48em) {
    .shopilike-Text--headingSm {
        font-size:var(--p-font-size-325);
        letter-spacing: var(--p-font-letter-spacing-normal)
    }
}

.shopilike-Text--headingMd {
    font-size: var(--p-font-size-400);
    font-weight: var(--p-font-weight-semibold);
    letter-spacing: var(--p-font-letter-spacing-dense);
    line-height: var(--p-font-line-height-500)
}

@media (hover) and (pointer: fine),(min-width: 48em) {
    .shopilike-Text--headingMd {
        letter-spacing:var(--p-font-letter-spacing-normal);
        font-size: var(--p-font-size-350)
    }
}

.shopilike-Text--headingLg {
    font-size: var(--p-font-size-450);
    font-weight: var(--p-font-weight-semibold);
    letter-spacing: var(--p-font-letter-spacing-dense);
    line-height: var(--p-font-line-height-600)
}

.shopilike-Text--headingXl {
    font-size: var(--p-font-size-550);
    font-weight: var(--p-font-weight-bold);
    letter-spacing: var(--p-font-letter-spacing-dense);
    line-height: var(--p-font-line-height-800)
}

@media (hover) and (pointer: fine),(min-width: 48em) {
    .shopilike-Text--headingXl {
        font-size:var(--p-font-size-600)
    }
}

.shopilike-Text--heading2xl {
    font-size: var(--p-font-size-600);
    font-weight: var(--p-font-weight-bold);
    letter-spacing: var(--p-font-letter-spacing-denser);
    line-height: var(--p-font-line-height-800)
}

@media (hover) and (pointer: fine),(min-width: 48em) {
    .shopilike-Text--heading2xl {
        font-size:var(--p-font-size-750);
        line-height: var(--p-font-line-height-1000)
    }
}

.shopilike-Text--heading3xl {
    font-size: var(--p-font-size-800);
    font-weight: var(--p-font-weight-bold);
    letter-spacing: var(--p-font-letter-spacing-denser);
    line-height: var(--p-font-line-height-1000)
}

.shopilike-Text--bodyXs {
    font-size: var(--p-font-size-300);
    font-weight: var(--p-font-weight-regular);
    letter-spacing: var(--p-font-letter-spacing-dense);
    line-height: var(--p-font-line-height-400)
}

@media (hover) and (pointer: fine),(min-width: 48em) {
    .shopilike-Text--bodyXs {
        font-size:var(--p-font-size-275);
        letter-spacing: var(--p-font-letter-spacing-normal);
        line-height: var(--p-font-line-height-300)
    }
}

.shopilike-Text--bodySm {
    font-size: var(--p-font-size-350);
    font-weight: var(--p-font-weight-regular);
    letter-spacing: var(--p-font-letter-spacing-dense);
    line-height: var(--p-font-line-height-500)
}

@media (hover) and (pointer: fine),(min-width: 48em) {
    .shopilike-Text--bodySm {
        font-size:var(--p-font-size-300);
        letter-spacing: var(--p-font-letter-spacing-normal);
        line-height: var(--p-font-line-height-400)
    }
}

.shopilike-Text--bodyMd {
    font-size: var(--p-font-size-400);
    font-weight: var(--p-font-weight-regular);
    letter-spacing: var(--p-font-letter-spacing-dense);
    line-height: var(--p-font-line-height-600)
}

@media (hover) and (pointer: fine),(min-width: 48em) {
    .shopilike-Text--bodyMd {
        font-size:var(--p-font-size-325);
        letter-spacing: var(--p-font-letter-spacing-normal);
        line-height: var(--p-font-line-height-500)
    }
}

.shopilike-Text--bodyLg {
    font-size: var(--p-font-size-450);
    font-weight: var(--p-font-weight-regular);
    letter-spacing: var(--p-font-letter-spacing-dense);
    line-height: var(--p-font-line-height-600)
}

@media (hover) and (pointer: fine),(min-width: 48em) {
    .shopilike-Text--bodyLg {
        font-size:var(--p-font-size-350);
        letter-spacing: var(--p-font-letter-spacing-normal);
        line-height: var(--p-font-line-height-500)
    }
}

.shopilike-Text--regular {
    font-weight: var(--p-font-weight-regular)
}

.shopilike-Text--medium {
    font-weight: var(--p-font-weight-medium)
}

.shopilike-Text--semibold {
    font-weight: var(--p-font-weight-semibold)
}

.shopilike-Text--bold {
    font-weight: var(--p-font-weight-bold)
}

@media (max-width: 30.6225em) {
    .shopilike-Text--breakNever {
        overflow-wrap:initial;
        word-break: initial
    }
}

.shopilike-Text--breakAlways {
    overflow-wrap: anywhere;
    word-break: normal
}

.shopilike-Text--numeric {
    font-variant-numeric: tabular-nums lining-nums
}

.shopilike-Text__line--through {
    text-decoration-line: line-through
}

.shopilike-Spinner svg {
    animation: var(--p-motion-keyframes-spin) var(--p-motion-duration-500) linear infinite;
    color: var(--p-color-bg-fill-brand);
    fill: currentColor
}

.shopilike-Spinner--sizeSmall svg {
    height: 1.25rem;
    width: 1.25rem
}

.shopilike-Spinner--sizeLarge svg {
    height: 2.75rem;
    width: 2.75rem
}

.shopilike-Button {
    --pc-button-gap: var(--p-space-050);
    --pc-button-bg: transparent;
    --pc-button-bg_hover: var(--pc-button-bg);
    --pc-button-bg_active: var(--pc-button-bg);
    --pc-button-bg_pressed: var(--pc-button-bg_active);
    --pc-button-bg_disabled: var(--p-color-bg-fill-disabled);
    --pc-button-color: inherit;
    --pc-button-color_hover: var(--pc-button-color);
    --pc-button-color_active: var(--pc-button-color);
    --pc-button-color_pressed: var(--pc-button-color_active);
    --pc-button-color_disabled: var(--p-color-text-disabled);
    --pc-button-box-shadow: transparent;
    --pc-button-box-shadow_hover: transparent;
    --pc-button-box-shadow_active: transparent;
    --pc-button-box-shadow_pressed: transparent;
    --pc-button-box-shadow_disabled: transparent
}

@media (hover) and (pointer: fine),(min-width: 48em) {
    .shopilike-Button {
        --pc-button-box-shadow_hover:var(--pc-button-box-shadow);
        --pc-button-box-shadow_active: var(--pc-button-box-shadow);
        --pc-button-box-shadow_pressed: var(--pc-button-box-shadow_active);
        --pc-button-box-shadow_disabled: var(--pc-button-box-shadow)
    }
}

.shopilike-Button {
    --pc-button-icon-fill: currentColor;
    --pc-button-icon-fill_hover: var(--pc-button-icon-fill);
    --pc-button-icon-fill_active: var(--pc-button-icon-fill);
    --pc-button-icon-fill_pressed: var(--pc-button-icon-fill_active);
    --pc-button-icon-fill_disabled: var(--p-color-icon-disabled);
    all: unset;
    position: relative;
    box-sizing: border-box;
    display: inline-flex;
    align-items: center;
    gap: var(--pc-button-gap);
    padding: var(--pc-button-padding-block) var(--pc-button-padding-inline);
    background: var(--pc-button-bg);
    border: none;
    border-radius: var(--p-border-radius-200);
    box-shadow: var(--pc-button-box-shadow);
    color: var(--pc-button-color);
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none;
    touch-action: manipulation;
    -webkit-tap-highlight-color: transparent
}

.shopilike-Button.shopilike-Button s-internal-icon,.shopilike-Button.shopilike-Button svg {
    color: var(--pc-button-icon-fill)
}

:is(.shopilike-Button.shopilike-Button:active,.shopilike-Button.shopilike-Button[data-state=open]) s-internal-icon,:is(.shopilike-Button.shopilike-Button:active,.shopilike-Button.shopilike-Button[data-state=open]) svg {
    color: var(--pc-button-icon-fill_active)
}

:is(.shopilike-Button.shopilike-Button:disabled,.shopilike-Button.shopilike-Button[disabled],.shopilike-Button--disabled.shopilike-Button--disabled) s-internal-icon,:is(.shopilike-Button.shopilike-Button:disabled,.shopilike-Button.shopilike-Button[disabled],.shopilike-Button--disabled.shopilike-Button--disabled) svg {
    color: var(--pc-button-icon-fill_disabled)
}

:is(.shopilike-Button--pressed.shopilike-Button--pressed,.shopilike-Button--pressed.shopilike-Button--pressed:hover,.shopilike-Button--pressed.shopilike-Button--pressed:active,.shopilike-Button--pressed.shopilike-Button--pressed:focus-visible) s-internal-icon,:is(.shopilike-Button--pressed.shopilike-Button--pressed,.shopilike-Button--pressed.shopilike-Button--pressed:hover,.shopilike-Button--pressed.shopilike-Button--pressed:active,.shopilike-Button--pressed.shopilike-Button--pressed:focus-visible) svg {
    color: var(--pc-button-icon-fill_pressed)
}

@media (hover) and (pointer: fine) {
    .shopilike-Button:hover {
        background:var(--pc-button-bg_hover);
        color: var(--pc-button-color_hover)
    }

    .shopilike-Button.shopilike-Button:hover s-internal-icon,.shopilike-Button.shopilike-Button:hover svg {
        color: var(--pc-button-icon-fill_hover)
    }
}

.shopilike-Button:active,.shopilike-Button[data-state=open] {
    background: var(--pc-button-bg_active);
    color: var(--pc-button-color_active);
    box-shadow: var(--pc-button-box-shadow_active)
}

.shopilike-Button:focus-visible {
    background: var(--pc-button-bg_hover);
    color: var(--pc-button-color_hover);
    outline: var(--p-border-width-050) solid var(--p-color-border-focus);
    outline-offset: var(--p-space-025)
}

.shopilike-Button:focus-visible:after {
    content: none
}

.shopilike-Button:disabled,.shopilike-Button[disabled],.shopilike-Button--disabled {
    background: var(--pc-button-bg_disabled);
    color: var(--pc-button-color_disabled);
    box-shadow: none;
    -webkit-user-select: none;
    user-select: none;
    pointer-events: none
}

.shopilike-Button--pressed,.shopilike-Button--pressed:hover,.shopilike-Button--pressed:active,.shopilike-Button--pressed:focus-visible {
    background: var(--pc-button-bg_pressed);
    color: var(--pc-button-color_pressed);
    box-shadow: var(--pc-button-box-shadow_pressed)
}

.shopilike-Button--variantPrimary {
    --pc-button-bg: var(--p-color-bg-fill-brand);
    --pc-button-color: var(--p-color-text-brand-on-bg-fill);
    --pc-button-bg_active: var(--p-color-bg-fill-brand-active)
}

@media (hover) and (pointer: fine),(min-width: 48em) {
    .shopilike-Button--variantPrimary {
        --pc-button-bg-gradient:var(--p-color-button-gradient-bg-fill);
        --pc-button-box-shadow: var(--p-shadow-button-primary);
        --pc-button-box-shadow_active: var(--p-shadow-button-primary-inset);
        --pc-button-bg: var(--pc-button-bg-gradient), var(--p-color-bg-fill-brand);
        --pc-button-bg_hover: var(--pc-button-bg-gradient), var(--p-color-bg-fill-brand-hover);
        --pc-button-bg_active: var(--pc-button-bg-gradient), var(--p-color-bg-fill-brand-active);
        --pc-button-bg_disabled: var(--p-color-bg-fill-brand-disabled);
        --pc-button-color_disabled: var(--p-color-text-brand-on-bg-fill-disabled);
        --pc-button-icon-fill: var(--p-color-text-brand-on-bg-fill);
        --pc-button-icon-fill_disabled: var( --p-color-text-brand-on-bg-fill-disabled )
    }
}

.shopilike-Button--variantSecondary {
    --pc-button-box-shadow: 0 0 0 var(--p-space-025) var(--p-color-border) inset
}

@media (hover) and (pointer: fine),(min-width: 48em) {
    .shopilike-Button--variantSecondary {
        --pc-button-box-shadow:var(--p-shadow-button);
        --pc-button-box-shadow_active: var(--p-shadow-button-inset)
    }
}

.shopilike-Button--variantSecondary {
    --pc-button-bg_hover: var(--p-color-bg-fill-hover);
    --pc-button-bg: var(--p-color-bg-fill);
    --pc-button-bg_active: var(--p-color-bg-fill-active);
    --pc-button-bg_pressed: var(--p-color-bg-fill-selected);
    --pc-button-color: var(--p-color-text);
    --pc-button-icon-fill: var(--p-color-icon)
}

.shopilike-Button--variantTertiary {
    --pc-button-bg_hover: var(--p-color-bg-fill-transparent-hover);
    --pc-button-bg_active: var(--p-color-bg-fill-transparent-active);
    --pc-button-bg_pressed: var(--p-color-bg-fill-selected);
    --pc-button-bg_disabled: transparent;
    --pc-button-color: var(--p-color-text);
    --pc-button-icon-fill: var(--p-color-icon)
}

.shopilike-Button--variantPlain {
    --pc-button-color: var(--p-color-text-highlight)
}

@media (hover) and (pointer: fine),(min-width: 48em) {
    .shopilike-Button--variantPlain {
        --pc-button-color:var(--p-color-text-link);
        --pc-button-color_hover: var(--p-color-text-link-hover);
        --pc-button-color_active: var(--p-color-text-link-active)
    }
}

@media (hover) and (pointer: fine),(min-width: 48em) {
    .shopilike-Button--variantPlain:is(:hover,:active,:focus-visible):not(.shopilike-Button--removeUnderline) {
        text-decoration:underline
    }
}

.shopilike-Button--variantPlain:is(:active) {
    opacity: .4
}

@media (hover) and (pointer: fine),(min-width: 48em) {
    .shopilike-Button--variantPlain:is(:active) {
        opacity:unset
    }
}

.shopilike-Button--variantMonochromePlain {
    --pc-button-icon-fill: currentColor
}

.shopilike-Button--variantPlain,.shopilike-Button--variantMonochromePlain {
    --pc-button-bg_disabled: transparent;
    margin: calc(var(--pc-button-padding-block)*-1) calc(var(--pc-button-padding-inline)*-1)
}

.shopilike-Button--variantPlain:focus-visible,.shopilike-Button--variantMonochromePlain:focus-visible {
    border-radius: var(--p-border-radius-300);
    outline-offset: calc(var(--pc-button-padding-block)*-1)
}

.shopilike-Button--toneSuccess:is(.shopilike-Button--variantSecondary,.shopilike-Button--variantTertiary,.shopilike-Button--variantPlain) {
    --pc-button-color: var(--p-color-text-success);
    --pc-button-color_hover: var(--p-color-text-success-hover);
    --pc-button-color_active: var(--p-color-text-success-active);
    --pc-button-icon-fill: currentColor
}

.shopilike-Button--toneCritical:is(.shopilike-Button--variantSecondary,.shopilike-Button--variantTertiary,.shopilike-Button--variantPlain) {
    --pc-button-color: var(--p-color-text-critical);
    --pc-button-color_hover: var(--p-color-text-critical-hover);
    --pc-button-color_active: var(--p-color-text-critical-active);
    --pc-button-icon-fill: currentColor
}

.shopilike-Button--toneAi:is(.shopilike-Button--variantSecondary,.shopilike-Button--variantTertiary,.shopilike-Button--variantPlain) {
    --pc-button-color: var(--p-color-text-ai-secondary);
    --pc-button-color_hover: var(--p-color-text-ai-secondary);
    --pc-button-color_active: var(--p-color-text-ai-secondary);
    --pc-button-icon-fill: currentColor
}

.shopilike-Button--toneSuccess:is(.shopilike-Button--variantPrimary) {
    --pc-button-bg: var(--p-color-bg-fill-success);
    --pc-button-bg_hover: var(--p-color-bg-fill-success-hover);
    --pc-button-bg_active: var(--p-color-bg-fill-success-active);
    --pc-button-bg_pressed: var(--p-color-bg-fill-success-selected)
}

@media (hover) and (pointer: fine),(min-width: 48em) {
    .shopilike-Button--toneSuccess:is(.shopilike-Button--variantPrimary) {
        --pc-button-box-shadow:var(--p-shadow-button-primary-success);
        --pc-button-box-shadow_active: var(--p-shadow-button-primary-success-inset)
    }
}

.shopilike-Button--toneCritical:is(.shopilike-Button--variantPrimary) {
    --pc-button-bg: var(--p-color-bg-fill-critical);
    --pc-button-bg_hover: var(--p-color-bg-fill-critical-hover);
    --pc-button-bg_active: var(--p-color-bg-fill-critical-active);
    --pc-button-bg_pressed: var(--p-color-bg-fill-critical-selected)
}

@media (hover) and (pointer: fine),(min-width: 48em) {
    .shopilike-Button--toneCritical:is(.shopilike-Button--variantPrimary) {
        --pc-button-box-shadow:var(--p-shadow-button-primary-critical);
        --pc-button-box-shadow_active: var( --p-shadow-button-primary-critical-inset )
    }
}

.shopilike-Button--sizeMicro {
    --pc-button-padding-block: var(--p-space-100);
    --pc-button-padding-inline: var(--p-space-300);
    min-height: var(--p-height-700);
    min-width: var(--p-width-700)
}

@media (hover) and (pointer: fine),(min-width: 48em) {
    .shopilike-Button--sizeMicro {
        --pc-button-padding-inline:var(--p-space-200);
        min-height: var(--p-height-600);
        min-width: var(--p-width-600)
    }
}

.shopilike-Button--sizeSlim,.shopilike-Button--sizeMedium {
    --pc-button-padding-inline: var(--p-space-400);
    min-height: var(--p-height-800);
    min-width: var(--p-width-800)
}

@media (hover) and (pointer: fine),(min-width: 48em) {
    .shopilike-Button--sizeSlim,.shopilike-Button--sizeMedium {
        --pc-button-padding-inline:var(--p-space-300);
        min-height: var(--p-height-700);
        min-width: var(--p-width-700)
    }
}

.shopilike-Button--sizeSlim {
    --pc-button-padding-block: var(--p-space-200)
}

@media (hover) and (pointer: fine),(min-width: 48em) {
    .shopilike-Button--sizeSlim {
        --pc-button-padding-block:var(--p-space-100)
    }
}

.shopilike-Button--sizeMedium {
    --pc-button-padding-block: var(--p-space-300)
}

@media (hover) and (pointer: fine),(min-width: 48em) {
    .shopilike-Button--sizeMedium {
        --pc-button-padding-block:var(--p-space-150)
    }
}

.shopilike-Button--sizeLarge {
    --pc-button-padding-block: var(--p-space-300);
    --pc-button-padding-inline: var(--p-space-400);
    min-height: var(--p-height-900);
    min-width: var(--p-height-900)
}

@media (hover) and (pointer: fine),(min-width: 48em) {
    .shopilike-Button--sizeLarge {
        --pc-button-padding-block:var(--p-space-150);
        --pc-button-padding-inline: var(--p-space-300);
        min-height: var(--p-height-800);
        min-width: var(--p-width-800)
    }
}

.shopilike-Button--textAlignCenter {
    justify-content: center;
    text-align: center
}

.shopilike-Button--textAlignStart,.shopilike-Button--textAlignLeft {
    justify-content: start;
    text-align: start
}

.shopilike-Button--textAlignEnd,.shopilike-Button--textAlignRight {
    justify-content: end;
    text-align: end
}

.shopilike-Button--fullWidth {
    width: 100%
}

.shopilike-Button--iconOnly {
    --pc-button-padding-block: var(--p-space-100);
    --pc-button-padding-inline: var(--p-space-100)
}

.shopilike-Button--iconOnly:is(.shopilike-Button--sizeMedium):not(.shopilike-Button--variantTertiary,.shopilike-Button--variantMonochromePlain,.shopilike-Button--variantPlain) {
    --pc-button-padding-block: var(--p-space-300);
    --pc-button-padding-inline: var(--p-space-300)
}

@media (hover) and (pointer: fine),(min-width: 48em) {
    .shopilike-Button--iconOnly:is(.shopilike-Button--sizeMedium):not(.shopilike-Button--variantTertiary,.shopilike-Button--variantMonochromePlain,.shopilike-Button--variantPlain) {
        --pc-button-padding-block:var(--p-space-100);
        --pc-button-padding-inline: var(--p-space-100)
    }
}

.shopilike-Button--iconOnly:is(.shopilike-Button--sizeLarge) {
    --pc-button-padding-block: var(--p-space-300);
    --pc-button-padding-inline: var(--p-space-300)
}

@media (hover) and (pointer: fine),(min-width: 48em) {
    .shopilike-Button--iconOnly:is(.shopilike-Button--sizeLarge) {
        --pc-button-padding-block:var(--p-space-150);
        --pc-button-padding-inline: var(--p-space-150)
    }
}

.shopilike-Button--iconOnly:is(.shopilike-Button--sizeMicro) {
    --pc-button-padding-block: var(--p-space-050);
    --pc-button-padding-inline: var(--p-space-050)
}

.shopilike-Button--iconOnly:is(.shopilike-Button--variantTertiary) {
    margin: calc(var(--pc-button-padding-block)*-1) calc(var(--pc-button-padding-inline)*-1)
}

.shopilike-Button--iconOnly:is(.shopilike-Button--variantTertiary,.shopilike-Button--variantPlain):not(.shopilike-Button--toneCritical) {
    --pc-button-icon-fill: var(--p-color-icon-secondary);
    --pc-button-icon-fill_hover: var(--p-color-icon-secondary-hover);
    --pc-button-icon-fill_active: var(--p-color-icon-secondary-active);
    --pc-button-icon-fill_disabled: var(--p-color-icon-disabled)
}

.shopilike-Button--iconOnly:is(.shopilike-Button--variantMonochromePlain) {
    --pc-button-icon-fill: currentColor;
    --pc-button-icon-fill_hover: var(--p-color-icon-secondary-hover);
    --pc-button-icon-fill_active: var(--p-color-icon-secondary-active);
    --pc-button-icon-fill_disabled: var(--p-color-icon-disabled)
}

.shopilike-Button--iconOnly:is(.shopilike-Button--variantPlain,.shopilike-Button--variantMonochromePlain) {
    --pc-button-padding-block: 0;
    --pc-button-padding-inline: 0;
    margin: 0;
    min-height: var(--p-height-500);
    min-width: var(--p-width-500)
}

.shopilike-Button--iconWithText:not(.shopilike-Button--variantPlain,.shopilike-Button--variantMonochromePlain) {
    padding-left: calc(var(--pc-button-padding-inline)*.5)
}

.shopilike-Button--disclosure:not(.shopilike-Button--variantPlain,.shopilike-Button--variantMonochromePlain) {
    padding-right: calc(var(--pc-button-padding-inline)*.5)
}

.shopilike-Button--disclosure:is(.shopilike-Button--textAlignStart,.shopilike-Button--textAlignLeft) {
    justify-content: space-between
}

.shopilike-Button--disclosure:is(.shopilike-Button--iconOnly) {
    --pc-button-gap: 0
}

.shopilike-Button--loading {
    color: transparent
}

@media (hover) and (pointer: fine),(min-width: 48em) {
    .shopilike-Button--pressable:active:not(.shopilike-Button--variantTertiary,.shopilike-Button--variantPlain,.shopilike-Button--variantMonochromePlain)>* {
        transform:translate3d(0,.0625rem,0)
    }
}

.shopilike-Button--hidden {
    visibility: hidden
}

.shopilike-Button__Icon {
    display: inline-flex;
    align-items: center
}

@media (hover) and (pointer: fine),(min-width: 48em) {
    .shopilike-Button__Icon {
        margin:calc(var(--p-space-050)*-1) 0
    }
}

.shopilike-Button--iconOnly>.shopilike-Button__DisclosureIcon {
    margin-left: calc(var(--p-space-100)*-1)
}

.shopilike-Button__Spinner {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%)
}

.shopilike-Button__Spinner svg {
    fill: var(--pc-button-icon-fill_disabled);
    vertical-align: middle
}

[data-buttongroup-variant=segmented]>*:not(:first-child) .shopilike-Button:is(.shopilike-Button--variantPrimary) {
    margin-left: calc(var(--p-space-025)*-1)
}

[data-buttongroup-variant=segmented]>*:not(:first-child) .shopilike-Button {
    border-top-left-radius: var(--p-border-radius-0);
    border-bottom-left-radius: var(--p-border-radius-0)
}

[data-buttongroup-variant=segmented]>*:not(:last-child) .shopilike-Button {
    border-top-right-radius: var(--p-border-radius-0);
    border-bottom-right-radius: var(--p-border-radius-0)
}

@media (pointer: coarse) and (max-width: 47.9975em) {
    [data-buttongroup-variant=segmented] .shopilike-Button.shopilike-Button--variantSecondary {
        --pc-button-box-shadow_active:0 0 0 var(--p-space-025) var(--p-color-border) inset;
        --pc-button-box-shadow_hover: 0 0 0 var(--p-space-025) var(--p-color-border) inset;
        --pc-button-box-shadow_pressed: var(--p-shadow-button-inset)
    }
}

[data-buttongroup-full-width=true] .shopilike-Button {
    width: 100%
}

@media (hover) and (pointer: fine),(min-width: 48em) {
    [data-buttongroup-full-width=true] .shopilike-Button {
        white-space:nowrap
    }
}

[data-buttongroup-connected-top=true]>*:first-child .shopilike-Button {
    border-top-left-radius: var(--p-border-radius-0)
}

[data-buttongroup-connected-top=true]>*:last-child .shopilike-Button {
    border-top-right-radius: var(--p-border-radius-0)
}

.shopilike-SettingAction {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-top: calc(var(--p-space-400)*-1);
    margin-left: calc(var(--p-space-400)*-1)
}

.shopilike-SettingAction__Setting,.shopilike-SettingAction__Action {
    flex: 0 0 auto;
    margin-top: var(--p-space-400);
    margin-left: var(--p-space-400);
    max-width: calc(100% - var(--p-space-400));
    min-width: 0
}

.shopilike-SettingAction__Setting {
    flex: 1 0 21.875rem
}

@media (min-width: 48em) {
    .shopilike-SettingAction__Action {
        margin-top:var(--p-space-600)
    }
}

.shopilike-Box--listReset {
    list-style-type: none;
    margin-block-start:0;margin-block-end:0;outline: none;
    padding-inline-start:0}

.shopilike-Box {
    --pc-box-padding-block-end-xs: initial;
    --pc-box-padding-block-end-sm: initial;
    --pc-box-padding-block-end-md: initial;
    --pc-box-padding-block-end-lg: initial;
    --pc-box-padding-block-end-xl: initial;
    padding-block-end:var(--pc-box-padding-block-end-xs)}

@media (min-width: 30.625em) {
    .shopilike-Box {
        padding-block-end:var( --pc-box-padding-block-end-sm, var(--pc-box-padding-block-end-xs) )
    }
}

@media (min-width: 48em) {
    .shopilike-Box {
        padding-block-end:var( --pc-box-padding-block-end-md, var( --pc-box-padding-block-end-sm, var(--pc-box-padding-block-end-xs) ) )
    }
}

@media (min-width: 65em) {
    .shopilike-Box {
        padding-block-end:var( --pc-box-padding-block-end-lg, var( --pc-box-padding-block-end-md, var( --pc-box-padding-block-end-sm, var(--pc-box-padding-block-end-xs) ) ) )
    }
}

@media (min-width: 90em) {
    .shopilike-Box {
        padding-block-end:var( --pc-box-padding-block-end-xl, var( --pc-box-padding-block-end-lg, var( --pc-box-padding-block-end-md, var( --pc-box-padding-block-end-sm, var(--pc-box-padding-block-end-xs) ) ) ) )
    }
}

.shopilike-Box {
    --pc-box-padding-block-start-xs: initial;
    --pc-box-padding-block-start-sm: initial;
    --pc-box-padding-block-start-md: initial;
    --pc-box-padding-block-start-lg: initial;
    --pc-box-padding-block-start-xl: initial;
    padding-block-start:var(--pc-box-padding-block-start-xs)}

@media (min-width: 30.625em) {
    .shopilike-Box {
        padding-block-start:var( --pc-box-padding-block-start-sm, var(--pc-box-padding-block-start-xs) )
    }
}

@media (min-width: 48em) {
    .shopilike-Box {
        padding-block-start:var( --pc-box-padding-block-start-md, var( --pc-box-padding-block-start-sm, var(--pc-box-padding-block-start-xs) ) )
    }
}

@media (min-width: 65em) {
    .shopilike-Box {
        padding-block-start:var( --pc-box-padding-block-start-lg, var( --pc-box-padding-block-start-md, var( --pc-box-padding-block-start-sm, var(--pc-box-padding-block-start-xs) ) ) )
    }
}

@media (min-width: 90em) {
    .shopilike-Box {
        padding-block-start:var( --pc-box-padding-block-start-xl, var( --pc-box-padding-block-start-lg, var( --pc-box-padding-block-start-md, var( --pc-box-padding-block-start-sm, var(--pc-box-padding-block-start-xs) ) ) ) )
    }
}

.shopilike-Box {
    --pc-box-padding-inline-start-xs: initial;
    --pc-box-padding-inline-start-sm: initial;
    --pc-box-padding-inline-start-md: initial;
    --pc-box-padding-inline-start-lg: initial;
    --pc-box-padding-inline-start-xl: initial;
    padding-inline-start:var(--pc-box-padding-inline-start-xs)}

@media (min-width: 30.625em) {
    .shopilike-Box {
        padding-inline-start:var( --pc-box-padding-inline-start-sm, var(--pc-box-padding-inline-start-xs) )
    }
}

@media (min-width: 48em) {
    .shopilike-Box {
        padding-inline-start:var( --pc-box-padding-inline-start-md, var( --pc-box-padding-inline-start-sm, var(--pc-box-padding-inline-start-xs) ) )
    }
}

@media (min-width: 65em) {
    .shopilike-Box {
        padding-inline-start:var( --pc-box-padding-inline-start-lg, var( --pc-box-padding-inline-start-md, var( --pc-box-padding-inline-start-sm, var(--pc-box-padding-inline-start-xs) ) ) )
    }
}

@media (min-width: 90em) {
    .shopilike-Box {
        padding-inline-start:var( --pc-box-padding-inline-start-xl, var( --pc-box-padding-inline-start-lg, var( --pc-box-padding-inline-start-md, var( --pc-box-padding-inline-start-sm, var(--pc-box-padding-inline-start-xs) ) ) ) )
    }
}

.shopilike-Box {
    --pc-box-padding-inline-end-xs: initial;
    --pc-box-padding-inline-end-sm: initial;
    --pc-box-padding-inline-end-md: initial;
    --pc-box-padding-inline-end-lg: initial;
    --pc-box-padding-inline-end-xl: initial;
    padding-inline-end:var(--pc-box-padding-inline-end-xs)}

@media (min-width: 30.625em) {
    .shopilike-Box {
        padding-inline-end:var( --pc-box-padding-inline-end-sm, var(--pc-box-padding-inline-end-xs) )
    }
}

@media (min-width: 48em) {
    .shopilike-Box {
        padding-inline-end:var( --pc-box-padding-inline-end-md, var( --pc-box-padding-inline-end-sm, var(--pc-box-padding-inline-end-xs) ) )
    }
}

@media (min-width: 65em) {
    .shopilike-Box {
        padding-inline-end:var( --pc-box-padding-inline-end-lg, var( --pc-box-padding-inline-end-md, var( --pc-box-padding-inline-end-sm, var(--pc-box-padding-inline-end-xs) ) ) )
    }
}

@media (min-width: 90em) {
    .shopilike-Box {
        padding-inline-end:var( --pc-box-padding-inline-end-xl, var( --pc-box-padding-inline-end-lg, var( --pc-box-padding-inline-end-md, var( --pc-box-padding-inline-end-sm, var(--pc-box-padding-inline-end-xs) ) ) ) )
    }
}

.shopilike-Box {
    --pc-box-shadow: initial;
    --pc-box-background: initial;
    --pc-box-border-radius: initial;
    --pc-box-border-end-start-radius: var(--pc-box-border-radius);
    --pc-box-border-end-end-radius: var(--pc-box-border-radius);
    --pc-box-border-start-start-radius: var(--pc-box-border-radius);
    --pc-box-border-start-end-radius: var(--pc-box-border-radius);
    --pc-box-color: initial;
    --pc-box-min-height: initial;
    --pc-box-min-width: initial;
    --pc-box-max-width: initial;
    --pc-box-outline-color: initial;
    --pc-box-outline-style: initial;
    --pc-box-outline-width: initial;
    --pc-box-overflow-x: initial;
    --pc-box-overflow-y: initial;
    --pc-box-width: initial;
    --pc-box-border-style: initial;
    --pc-box-border-color: initial;
    --pc-box-border-width: 0;
    --pc-box-border-block-start-width: var(--pc-box-border-width);
    --pc-box-border-block-end-width: var(--pc-box-border-width);
    --pc-box-border-inline-start-width: var(--pc-box-border-width);
    --pc-box-border-inline-end-width: var(--pc-box-border-width);
    --pc-box-inset-block-start: initial;
    --pc-box-inset-block-end: initial;
    --pc-box-inset-inline-start: initial;
    --pc-box-inset-inline-end: initial;
    inset-block-start: var(--pc-box-inset-block-start);
    inset-block-end: var(--pc-box-inset-block-end);
    inset-inline-start: var(--pc-box-inset-inline-start);
    inset-inline-end: var(--pc-box-inset-inline-end);
    background-color: var(--pc-box-background);
    box-shadow: var(--pc-box-shadow);
    border-end-start-radius: var(--pc-box-border-end-start-radius);
    border-end-end-radius: var(--pc-box-border-end-end-radius);
    border-start-start-radius: var(--pc-box-border-start-start-radius);
    border-start-end-radius: var(--pc-box-border-start-end-radius);
    border-color: var(--pc-box-border-color);
    border-style: var(--pc-box-border-style);
    border-block-start-width:var(--pc-box-border-block-start-width);border-block-end-width: var(--pc-box-border-block-end-width);
    border-inline-start-width:var(--pc-box-border-inline-start-width);border-inline-end-width: var(--pc-box-border-inline-end-width);
    color: var(--pc-box-color);
    min-height: var(--pc-box-min-height);
    min-width: var(--pc-box-min-width);
    max-width: var(--pc-box-max-width);
    outline-color: var(--pc-box-outline-color);
    outline-style: var(--pc-box-outline-style);
    outline-width: var(--pc-box-outline-width);
    overflow-x: var(--pc-box-overflow-x);
    overflow-y: var(--pc-box-overflow-y);
    width: var(--pc-box-width);
    -webkit-overflow-scrolling: touch
}

.shopilike-Box--visuallyHidden {
    position: absolute!important;
    top: 0;
    width: .0625rem!important;
    height: .0625rem!important;
    margin: 0!important;
    padding: 0!important;
    overflow: hidden!important;
    clip-path: inset(50%)!important;
    border: 0!important;
    white-space: nowrap!important
}

@media print {
    .shopilike-Box--printHidden {
        display: none!important
    }
}

.shopilike-Card {
    overflow: clip;
    --pc-card-box-shadow-xs: initial;
    --pc-card-box-shadow-sm: initial;
    --pc-card-box-shadow-md: initial;
    --pc-card-box-shadow-lg: initial;
    --pc-card-box-shadow-xl: initial;
    --pc-card-box-shadow: var(--pc-card-box-shadow-xs)
}

@media (min-width: 30.625em) {
    .shopilike-Card {
        --pc-card-box-shadow: var( --pc-card-box-shadow-sm, var(--pc-card-box-shadow-xs) )
    }
}

@media (min-width: 48em) {
    .shopilike-Card {
        --pc-card-box-shadow: var( --pc-card-box-shadow-md, var( --pc-card-box-shadow-sm, var(--pc-card-box-shadow-xs) ) )
    }
}

@media (min-width: 65em) {
    .shopilike-Card {
        --pc-card-box-shadow: var( --pc-card-box-shadow-lg, var( --pc-card-box-shadow-md, var( --pc-card-box-shadow-sm, var(--pc-card-box-shadow-xs) ) ) )
    }
}

@media (min-width: 90em) {
    .shopilike-Card {
        --pc-card-box-shadow: var( --pc-card-box-shadow-xl, var( --pc-card-box-shadow-lg, var( --pc-card-box-shadow-md, var( --pc-card-box-shadow-sm, var(--pc-card-box-shadow-xs) ) ) ) )
    }
}

.shopilike-Card {
    --pc-card-border-radius-xs: initial;
    --pc-card-border-radius-sm: initial;
    --pc-card-border-radius-md: initial;
    --pc-card-border-radius-lg: initial;
    --pc-card-border-radius-xl: initial;
    --pc-card-border-radius: var(--pc-card-border-radius-xs)
}

@media (min-width: 30.625em) {
    .shopilike-Card {
        --pc-card-border-radius: var( --pc-card-border-radius-sm, var(--pc-card-border-radius-xs) )
    }
}

@media (min-width: 48em) {
    .shopilike-Card {
        --pc-card-border-radius: var( --pc-card-border-radius-md, var( --pc-card-border-radius-sm, var(--pc-card-border-radius-xs) ) )
    }
}

@media (min-width: 65em) {
    .shopilike-Card {
        --pc-card-border-radius: var( --pc-card-border-radius-lg, var( --pc-card-border-radius-md, var( --pc-card-border-radius-sm, var(--pc-card-border-radius-xs) ) ) )
    }
}

@media (min-width: 90em) {
    .shopilike-Card {
        --pc-card-border-radius: var( --pc-card-border-radius-xl, var( --pc-card-border-radius-lg, var( --pc-card-border-radius-md, var( --pc-card-border-radius-sm, var(--pc-card-border-radius-xs) ) ) ) )
    }
}

.shopilike-Card {
    background-color: var(--pc-card-background);
    box-shadow: var(--pc-card-box-shadow);
    border-radius: var(--pc-card-border-radius)
}

.shopilike-InlineStack {
    --pc-inline-stack-row-gap-xs: initial;
    --pc-inline-stack-row-gap-sm: initial;
    --pc-inline-stack-row-gap-md: initial;
    --pc-inline-stack-row-gap-lg: initial;
    --pc-inline-stack-row-gap-xl: initial;
    row-gap: var(--pc-inline-stack-row-gap-xs)
}

@media (min-width: 30.625em) {
    .shopilike-InlineStack {
        row-gap:var( --pc-inline-stack-row-gap-sm, var(--pc-inline-stack-row-gap-xs) )
    }
}

@media (min-width: 48em) {
    .shopilike-InlineStack {
        row-gap:var( --pc-inline-stack-row-gap-md, var( --pc-inline-stack-row-gap-sm, var(--pc-inline-stack-row-gap-xs) ) )
    }
}

@media (min-width: 65em) {
    .shopilike-InlineStack {
        row-gap:var( --pc-inline-stack-row-gap-lg, var( --pc-inline-stack-row-gap-md, var( --pc-inline-stack-row-gap-sm, var(--pc-inline-stack-row-gap-xs) ) ) )
    }
}

@media (min-width: 90em) {
    .shopilike-InlineStack {
        row-gap:var( --pc-inline-stack-row-gap-xl, var( --pc-inline-stack-row-gap-lg, var( --pc-inline-stack-row-gap-md, var( --pc-inline-stack-row-gap-sm, var(--pc-inline-stack-row-gap-xs) ) ) ) )
    }
}

.shopilike-InlineStack {
    --pc-inline-stack-column-gap-xs: initial;
    --pc-inline-stack-column-gap-sm: initial;
    --pc-inline-stack-column-gap-md: initial;
    --pc-inline-stack-column-gap-lg: initial;
    --pc-inline-stack-column-gap-xl: initial;
    column-gap: var(--pc-inline-stack-column-gap-xs)
}

@media (min-width: 30.625em) {
    .shopilike-InlineStack {
        column-gap:var( --pc-inline-stack-column-gap-sm, var(--pc-inline-stack-column-gap-xs) )
    }
}

@media (min-width: 48em) {
    .shopilike-InlineStack {
        column-gap:var( --pc-inline-stack-column-gap-md, var( --pc-inline-stack-column-gap-sm, var(--pc-inline-stack-column-gap-xs) ) )
    }
}

@media (min-width: 65em) {
    .shopilike-InlineStack {
        column-gap:var( --pc-inline-stack-column-gap-lg, var( --pc-inline-stack-column-gap-md, var( --pc-inline-stack-column-gap-sm, var(--pc-inline-stack-column-gap-xs) ) ) )
    }
}

@media (min-width: 90em) {
    .shopilike-InlineStack {
        column-gap:var( --pc-inline-stack-column-gap-xl, var( --pc-inline-stack-column-gap-lg, var( --pc-inline-stack-column-gap-md, var( --pc-inline-stack-column-gap-sm, var(--pc-inline-stack-column-gap-xs) ) ) ) )
    }
}

.shopilike-InlineStack {
    --pc-inline-stack-flex-direction-xs: initial;
    --pc-inline-stack-flex-direction-sm: initial;
    --pc-inline-stack-flex-direction-md: initial;
    --pc-inline-stack-flex-direction-lg: initial;
    --pc-inline-stack-flex-direction-xl: initial;
    flex-direction: var(--pc-inline-stack-flex-direction-xs)
}

@media (min-width: 30.625em) {
    .shopilike-InlineStack {
        flex-direction:var( --pc-inline-stack-flex-direction-sm, var(--pc-inline-stack-flex-direction-xs) )
    }
}

@media (min-width: 48em) {
    .shopilike-InlineStack {
        flex-direction:var( --pc-inline-stack-flex-direction-md, var( --pc-inline-stack-flex-direction-sm, var(--pc-inline-stack-flex-direction-xs) ) )
    }
}

@media (min-width: 65em) {
    .shopilike-InlineStack {
        flex-direction:var( --pc-inline-stack-flex-direction-lg, var( --pc-inline-stack-flex-direction-md, var( --pc-inline-stack-flex-direction-sm, var(--pc-inline-stack-flex-direction-xs) ) ) )
    }
}

@media (min-width: 90em) {
    .shopilike-InlineStack {
        flex-direction:var( --pc-inline-stack-flex-direction-xl, var( --pc-inline-stack-flex-direction-lg, var( --pc-inline-stack-flex-direction-md, var( --pc-inline-stack-flex-direction-sm, var(--pc-inline-stack-flex-direction-xs) ) ) ) )
    }
}

.shopilike-InlineStack {
    display: flex;
    flex-wrap: var(--pc-inline-stack-wrap);
    align-items: var(--pc-inline-stack-block-align);
    justify-content: var(--pc-inline-stack-align)
}

.shopilike-BlockStack {
    --pc-block-stack-gap-xs: initial;
    --pc-block-stack-gap-sm: initial;
    --pc-block-stack-gap-md: initial;
    --pc-block-stack-gap-lg: initial;
    --pc-block-stack-gap-xl: initial;
    gap: var(--pc-block-stack-gap-xs)
}

@media (min-width: 30.625em) {
    .shopilike-BlockStack {
        gap:var( --pc-block-stack-gap-sm, var(--pc-block-stack-gap-xs) )
    }
}

@media (min-width: 48em) {
    .shopilike-BlockStack {
        gap:var( --pc-block-stack-gap-md, var( --pc-block-stack-gap-sm, var(--pc-block-stack-gap-xs) ) )
    }
}

@media (min-width: 65em) {
    .shopilike-BlockStack {
        gap:var( --pc-block-stack-gap-lg, var( --pc-block-stack-gap-md, var( --pc-block-stack-gap-sm, var(--pc-block-stack-gap-xs) ) ) )
    }
}

@media (min-width: 90em) {
    .shopilike-BlockStack {
        gap:var( --pc-block-stack-gap-xl, var( --pc-block-stack-gap-lg, var( --pc-block-stack-gap-md, var( --pc-block-stack-gap-sm, var(--pc-block-stack-gap-xs) ) ) ) )
    }
}

.shopilike-BlockStack {
    --pc-block-stack-align: initial;
    --pc-block-stack-inline-align: initial;
    --pc-block-stack-order: initial;
    display: flex;
    flex-direction: var(--pc-block-stack-order);
    align-items: var(--pc-block-stack-inline-align);
    justify-content: var(--pc-block-stack-align)
}

.shopilike-BlockStack--listReset {
    list-style-type: none;
    margin-block-start:0;margin-block-end:0;padding-inline-start:0}

.shopilike-BlockStack--fieldsetReset {
    border: none;
    margin: 0;
    padding: 0
}

.shopilike-Label {
    -webkit-tap-highlight-color: transparent
}

.shopilike-Label--hidden {
    position: absolute!important;
    top: 0;
    width: .0625rem!important;
    height: .0625rem!important;
    margin: 0!important;
    padding: 0!important;
    overflow: hidden!important;
    clip-path: inset(50%)!important;
    border: 0!important;
    white-space: nowrap!important
}

.shopilike-Label__Text {
    display: block;
    flex: 1 1 auto;
    color: currentColor;
    -webkit-tap-highlight-color: transparent
}

.shopilike-Label__RequiredIndicator:after {
    content: "*";
    color: var(--p-color-text-critical);
    margin-left: var(--p-space-100)
}

.shopilike-InlineError {
    display: flex;
    color: var(--p-color-text-critical);
    fill: var(--p-color-text-critical)
}

.shopilike-InlineError>p {
    margin-top: var(--p-space-050)
}

@media (max-width: 30.6225em) {
    .shopilike-InlineError>p {
        padding-top:var(--p-space-025)
    }
}

.shopilike-InlineError__Icon {
    display: flex;
    align-items: center;
    fill: var(--p-color-text-critical);
    margin-left: calc(var(--p-space-050)*-1);
    margin-right: var(--p-space-100)
}

.shopilike-Labelled--hidden>.shopilike-Labelled__LabelWrapper {
    position: absolute!important;
    top: 0;
    width: .0625rem!important;
    height: .0625rem!important;
    margin: 0!important;
    padding: 0!important;
    overflow: hidden!important;
    clip-path: inset(50%)!important;
    border: 0!important;
    white-space: nowrap!important
}

.shopilike-Labelled--disabled>.shopilike-Labelled__LabelWrapper {
    color: var(--p-color-text-disabled)
}

.shopilike-Labelled--disabled>.shopilike-Labelled__HelpText>p {
    color: var(--p-color-text-disabled)
}

.shopilike-Labelled--readOnly>.shopilike-Labelled__LabelWrapper {
    color: var(--p-color-text-secondary)
}

.shopilike-Labelled__LabelWrapper.shopilike-Labelled--insideWrapper,.shopilike-Labelled__LabelWrapper.shopilike-Labelled--insidePlaceholderWrapper {
    white-space: nowrap;
    right: var(--p-space-200);
    flex-wrap: nowrap;
    overflow: hidden;
    max-width: -moz-fit-content;
    max-width: fit-content
}

:is(.shopilike-Labelled__LabelWrapper.shopilike-Labelled--insideWrapper,.shopilike-Labelled__LabelWrapper.shopilike-Labelled--insidePlaceholderWrapper) [class~=shopilike-Label] {
    max-width: 100%
}

.shopilike-Labelled__LabelWrapper {
    word-wrap: break-word;
    word-break: break-word;
    overflow-wrap: break-word;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: baseline;
    margin-bottom: var(--p-space-100)
}

.shopilike-Labelled--animated,.shopilike-Labelled--animated span {
    transition: all var(--p-motion-duration-150) var(--p-motion-ease-in-out)
}

@media (prefers-reduced-motion) {
    .shopilike-Labelled--animated,.shopilike-Labelled--animated span {
        transition: none
    }
}

.shopilike-Labelled--inside,.shopilike-Labelled--insidePlaceholder {
    position: relative
}

.shopilike-Labelled--disabled:is(.shopilike-Labelled--inside,.shopilike-Labelled--insidePlaceholder) span {
    color: var(--p-color-text-disabled)
}

.shopilike-Labelled--hasAccessory:is(:is(.shopilike-Labelled--inside,.shopilike-Labelled--insidePlaceholder) .shopilike-Labelled__LabelWrapper) {
    margin-right: var(--p-space-800)
}

:is(.shopilike-Labelled--inside,.shopilike-Labelled--insidePlaceholder) .shopilike-Labelled__LabelWrapper {
    position: absolute;
    left: var(--p-space-300);
    z-index: var(--p-z-index-2)
}

:is(.shopilike-Labelled--inside,.shopilike-Labelled--insidePlaceholder) .shopilike-Labelled__HelpText {
    margin-left: var(--p-space-300)
}

.shopilike-Labelled--inside .shopilike-Labelled__LabelWrapper {
    top: var(--p-space-300)
}

.shopilike-Labelled--insidePlaceholder .shopilike-Labelled__LabelWrapper {
    top: var(--pc-label-as-placeholder-y)
}

.shopilike-Labelled__HelpText {
    margin-top: var(--p-space-100)
}

.shopilike-Labelled__Error {
    word-wrap: break-word;
    word-break: break-word;
    overflow-wrap: break-word;
    margin-top: var(--p-space-100)
}

.shopilike-Labelled__Action {
    flex: 0 0 auto
}

.shopilike-Connected {
    --pc-connected-item: 10;
    --pc-connected-primary: 20;
    --pc-connected-focused: 30;
    position: relative;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: var(--p-space-100)
}

@media (hover) and (pointer: fine),(min-width: 30.625em) {
    .shopilike-Connected {
        flex-wrap:initial
    }
}

.shopilike-Connected__Item {
    position: relative;
    z-index: var(--pc-connected-item);
    flex: 0 0 auto
}

.shopilike-Connected__Item--primary {
    z-index: var(--pc-connected-primary);
    flex: 1 1;
    min-width: min-content
}

@media (hover) and (pointer: fine),(min-width: 30.625em) {
    .shopilike-Connected__Item--primary {
        flex:1 1 auto;
        min-width: initial
    }
}

.shopilike-Connected__Item--focused {
    z-index: var(--pc-connected-focused)
}

.shopilike-TextField {
    --pc-text-field-contents: 20;
    --pc-text-field-backdrop: 10;
    --pc-text-field-sm-screen-label-spacing: 1.75rem;
    --pc-text-field-sm-screen-no-label-spacing: .625rem;
    font-size: var(--p-font-size-400);
    font-weight: var(--p-font-weight-regular);
    line-height: var(--p-font-line-height-600);
    border: none;
    letter-spacing: initial
}

@media (min-width: 48em) {
    .shopilike-TextField {
        font-size:var(--p-font-size-325);
        line-height: var(--p-font-line-height-500)
    }
}

.shopilike-TextField {
    line-height: var(--p-font-line-height-500);
    position: relative;
    display: flex;
    align-items: center;
    color: var(--p-color-text);
    cursor: text
}

@media (pointer: coarse) and (max-width: 47.9975em) {
    .shopilike-TextField {
        position:relative
    }
}

.shopilike-TextField s-internal-icon,.shopilike-TextField svg {
    color: var(--p-color-icon-secondary)
}

.shopilike-TextField .shopilike-TextField--disabledStepperButton s-internal-icon,.shopilike-TextField .shopilike-TextField--disabledStepperButton svg {
    color: var(--p-color-icon-disabled)
}

.shopilike-TextField:focus-within .shopilike-TextField__ClearButton {
    visibility: visible;
    opacity: 1
}

.shopilike-TextField:focus-within .shopilike-TextField__Loading:has(+.shopilike-TextField__ClearButton) {
    margin-right: 0
}

.shopilike-TextField:not(:focus-within) .shopilike-TextField__ClearButton {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    right: 0
}

:is(.shopilike-TextField:not(.shopilike-TextField--disabled):not(.shopilike-TextField--error):not(.shopilike-TextField--readOnly)>.shopilike-TextField__Input:hover:not(:focus-visible))~.shopilike-TextField__Backdrop {
    border-color: var(--p-color-input-border-hover);
    background-color: var(--p-color-input-bg-surface-hover)
}

.shopilike-TextField--multiline {
    padding: 0;
    flex-wrap: wrap
}

.shopilike-TextField--multiline>.shopilike-TextField__Input {
    overflow: auto;
    padding-left: var(--p-space-300);
    padding-right: var(--p-space-300);
    resize: none
}

.shopilike-TextField--hasValue {
    color: var(--p-color-text)
}

.shopilike-TextField--focus>.shopilike-TextField__Input,.shopilike-TextField--focus>.shopilike-TextField__VerticalContent,.shopilike-TextField--focus>.shopilike-TextField__InputAndSuffixWrapper,.shopilike-TextField:focus-within>.shopilike-TextField__Input,.shopilike-TextField:focus-within>.shopilike-TextField__VerticalContent,.shopilike-TextField:focus-within>.shopilike-TextField__InputAndSuffixWrapper,.shopilike-TextField__Input:focus-visible {
    outline: none
}

:is(:is(.shopilike-TextField--focus>.shopilike-TextField__Input,.shopilike-TextField--focus>.shopilike-TextField__VerticalContent,.shopilike-TextField--focus>.shopilike-TextField__InputAndSuffixWrapper,.shopilike-TextField:focus-within>.shopilike-TextField__Input,.shopilike-TextField:focus-within>.shopilike-TextField__VerticalContent,.shopilike-TextField:focus-within>.shopilike-TextField__InputAndSuffixWrapper,.shopilike-TextField__Input:focus-visible)~.shopilike-TextField__Backdrop):after {
    content: none
}

:is(.shopilike-TextField--focus>.shopilike-TextField__Input,.shopilike-TextField--focus>.shopilike-TextField__VerticalContent,.shopilike-TextField--focus>.shopilike-TextField__InputAndSuffixWrapper,.shopilike-TextField:focus-within>.shopilike-TextField__Input,.shopilike-TextField:focus-within>.shopilike-TextField__VerticalContent,.shopilike-TextField:focus-within>.shopilike-TextField__InputAndSuffixWrapper,.shopilike-TextField__Input:focus-visible)~.shopilike-TextField__Backdrop {
    border-width: var(--p-border-width-050);
    border-color: var(--p-color-border-focus)
}

@media (hover) and (pointer: fine),(min-width: 48em) {
    :is(.shopilike-TextField--focus>.shopilike-TextField__Input,.shopilike-TextField--focus>.shopilike-TextField__VerticalContent,.shopilike-TextField--focus>.shopilike-TextField__InputAndSuffixWrapper,.shopilike-TextField:focus-within>.shopilike-TextField__Input,.shopilike-TextField:focus-within>.shopilike-TextField__VerticalContent,.shopilike-TextField:focus-within>.shopilike-TextField__InputAndSuffixWrapper,.shopilike-TextField__Input:focus-visible)~.shopilike-TextField__Backdrop {
        border-color:var(--p-color-input-border-active);
        border-width: var(--p-border-width-025);
        background-color: var(--p-color-input-bg-surface-active);
        outline: var(--p-border-width-050) solid var(--p-color-border-focus);
        outline-offset: var(--p-space-025)
    }
}

.shopilike-TextField--error .shopilike-TextField__Backdrop,.shopilike-TextField--error .shopilike-TextField__Input:active~.shopilike-TextField__Backdrop,.shopilike-TextField--error .shopilike-TextField__Input:focus-visible~.shopilike-TextField__Backdrop {
    border-width: var(--p-border-width-050)
}

@media (hover) and (pointer: fine),(min-width: 48em) {
    .shopilike-TextField--error .shopilike-TextField__Backdrop,.shopilike-TextField--error .shopilike-TextField__Input:active~.shopilike-TextField__Backdrop,.shopilike-TextField--error .shopilike-TextField__Input:focus-visible~.shopilike-TextField__Backdrop {
        border-width:var(--p-border-width-025)
    }
}

.shopilike-TextField--error .shopilike-TextField__Input:hover~.shopilike-TextField__Backdrop {
    border-color: var(--p-color-border-critical-secondary)
}

@media (hover) and (pointer: fine),(min-width: 48em) {
    .shopilike-TextField--error .shopilike-TextField__Input:hover~.shopilike-TextField__Backdrop {
        background-color:var(--p-color-bg-surface-critical)
    }
}

.shopilike-TextField--error .shopilike-TextField__Input:focus-visible~.shopilike-TextField__Backdrop {
    border-color: var(--p-color-border-focus)
}

@media (hover) and (pointer: fine),(min-width: 48em) {
    .shopilike-TextField--error .shopilike-TextField__Input:focus-visible~.shopilike-TextField__Backdrop {
        border-color:var(--p-color-border-critical-secondary);
        background-color: var(--p-color-bg-surface-critical)
    }
}

@media (hover) and (pointer: fine),(min-width: 48em) {
    .shopilike-TextField--error>.shopilike-TextField__Input~.shopilike-TextField__Backdrop,.shopilike-TextField--error>.shopilike-TextField__InputAndSuffixWrapper~.shopilike-TextField__Backdrop {
        background-color:var(--p-color-bg-surface-critical)
    }
}

.shopilike-TextField--error>.shopilike-TextField__Input~.shopilike-TextField__Backdrop,.shopilike-TextField--error>.shopilike-TextField__InputAndSuffixWrapper~.shopilike-TextField__Backdrop {
    border-color: var(--p-color-border-critical-secondary)
}

:is(.shopilike-TextField--error>.shopilike-TextField__Input~.shopilike-TextField__Backdrop,.shopilike-TextField--error>.shopilike-TextField__InputAndSuffixWrapper~.shopilike-TextField__Backdrop):after {
    border-color: var(--p-color-border-focus)
}

.shopilike-TextField--readOnly.shopilike-TextField--readOnly>.shopilike-TextField__Input {
    color: var(--p-color-text-secondary)
}

.shopilike-TextField--readOnly.shopilike-TextField--readOnly>.shopilike-TextField__Backdrop {
    background-color: var(--p-color-bg-surface-disabled);
    border-color: transparent
}

.shopilike-TextField--readOnly.shopilike-TextField--readOnly.shopilike-TextField--focus>.shopilike-TextField__Backdrop {
    background-color: var(--p-color-bg-surface-disabled);
    border-color: transparent
}

.shopilike-TextField--toneMagic>.shopilike-TextField__Backdrop {
    background-color: var(--p-color-bg-surface-ai);
    border-color: var(--p-color-border-ai-secondary)
}

.shopilike-TextField--toneMagic .shopilike-TextField__Segment {
    background-color: var(--p-color-bg-fill-ai-secondary)
}

:is(.shopilike-TextField--toneMagic .shopilike-TextField__Segment):active {
    background: var(--p-color-bg-fill-ai-secondary-active)
}

@media (hover) and (pointer: fine),(min-width: 48em) {
    :is(.shopilike-TextField--toneMagic .shopilike-TextField__Segment):hover {
        background:var(--p-color-bg-fill-ai-secondary-hover)
    }

    :is(.shopilike-TextField--toneMagic .shopilike-TextField__Segment):active {
        background: var(--p-color-bg-fill-ai-secondary-active)
    }
}

.shopilike-TextField--toneMagic:not(.shopilike-TextField--disabled):not(.shopilike-TextField--error):not(.shopilike-TextField--readOnly) .shopilike-TextField__Prefix,.shopilike-TextField--toneMagic:not(.shopilike-TextField--disabled):not(.shopilike-TextField--error):not(.shopilike-TextField--readOnly) .shopilike-TextField__Suffix,.shopilike-TextField--toneMagic:not(.shopilike-TextField--disabled):not(.shopilike-TextField--error):not(.shopilike-TextField--readOnly) .shopilike-TextField__CharacterCount {
    color: var(--p-color-text-ai-secondary)
}

.shopilike-TextField--toneMagic:not(.shopilike-TextField--disabled):not(.shopilike-TextField--error):not(.shopilike-TextField--readOnly) s-internal-icon,.shopilike-TextField--toneMagic:not(.shopilike-TextField--disabled):not(.shopilike-TextField--error):not(.shopilike-TextField--readOnly) svg {
    color: var(--p-color-icon-ai)
}

.shopilike-TextField--toneMagic:not(.shopilike-TextField--disabled):not(.shopilike-TextField--error):not(.shopilike-TextField--readOnly)>.shopilike-TextField__Input {
    color: var(--p-color-text-ai)
}

:is(.shopilike-TextField--toneMagic:not(.shopilike-TextField--disabled):not(.shopilike-TextField--error):not(.shopilike-TextField--readOnly)>.shopilike-TextField__Input:hover:not(:focus-visible))~.shopilike-TextField__Backdrop {
    background-color: var(--p-color-bg-surface-ai-hover);
    border-color: var(--p-color-border-ai-secondary-hover)
}

.shopilike-TextField--toneMagic:not(.shopilike-TextField--disabled):not(.shopilike-TextField--error):not(.shopilike-TextField--readOnly)>.shopilike-TextField__Input:focus-visible~.shopilike-TextField__Backdrop,.shopilike-TextField--toneMagic.shopilike-TextField--focus:not(.shopilike-TextField--disabled):not(.shopilike-TextField--error):not(.shopilike-TextField--readOnly)>.shopilike-TextField__VerticalContent~.shopilike-TextField__Backdrop {
    background-color: var(--p-color-bg-surface-ai)
}

.shopilike-TextField--disabled {
    color: var(--p-color-text-disabled);
    cursor: initial
}

.shopilike-TextField--disabled>.shopilike-TextField__Backdrop {
    border: none;
    background-color: var(--p-color-bg-surface-disabled)
}

.shopilike-TextField--disabled s-internal-icon,.shopilike-TextField--disabled svg {
    color: var(--p-color-icon-disabled)
}

.shopilike-TextField__InputAndSuffixWrapper {
    display: flex;
    align-items: center;
    flex: 1 1;
    width: 100%
}

.shopilike-TextField__AutoSizeWrapper {
    position: relative;
    display: inline-grid;
    align-items: center
}

.shopilike-TextField__AutoSizeWrapper:after {
    content: attr(data-auto-size-value);
    visibility: hidden;
    white-space: pre-wrap;
    max-height: var(--pg-control-height)
}

.shopilike-TextField__AutoSizeWrapper:after,.shopilike-TextField__AutoSizeWrapper input,.shopilike-TextField__AutoSizeWrapper textarea {
    width: auto;
    min-width: 1em;
    grid-area: 1 / 2;
    padding-inline:var(--p-space-300);font-size: var(--p-font-size-400);
    font-weight: var(--p-font-weight-regular);
    line-height: var(--p-font-line-height-600)
}

@media (hover) and (pointer: fine),(min-width: 48em) {
    .shopilike-TextField__AutoSizeWrapper:after,.shopilike-TextField__AutoSizeWrapper input,.shopilike-TextField__AutoSizeWrapper textarea {
        font-size:var(--p-font-size-325);
        line-height: var(--p-font-line-height-500)
    }
}

@supports (field-sizing: content) {
    .shopilike-TextField__AutoSizeWrapper: after,.shopilike-TextField__AutoSizeWrapper input,.shopilike-TextField__AutoSizeWrapper textarea {
        field-sizing:content
    }
}

.shopilike-TextField--hasLgStepper {
    flex-wrap: wrap;
    gap: var(--space-100)
}

.shopilike-TextField--hasLgStepper input {
    min-width: 3ch;
    padding-right: 0
}

:is(.shopilike-TextField__Prefix+.shopilike-TextField__InputAndSuffixWrapper) .shopilike-TextField__AutoSizeWrapper:after,:is(.shopilike-TextField__Prefix+.shopilike-TextField__InputAndSuffixWrapper) input,:is(.shopilike-TextField__Prefix+.shopilike-TextField__InputAndSuffixWrapper) textarea {
    padding-left: 0
}

.shopilike-TextField__AutoSizeWrapperWithSuffix:after,.shopilike-TextField__AutoSizeWrapperWithSuffix input,.shopilike-TextField__AutoSizeWrapperWithSuffix textarea {
    padding-right: 0
}

.shopilike-TextField__Input {
    font-size: var(--p-font-size-400);
    font-weight: var(--p-font-weight-regular);
    line-height: var(--p-font-line-height-600);
    letter-spacing: initial;
    position: relative;
    z-index: var(--pc-text-field-contents)
}

@media (hover) and (pointer: fine),(min-width: 48em) {
    .shopilike-TextField__Input {
        display:flex
    }
}

.shopilike-TextField__Input {
    flex: 1 1;
    width: 100%;
    min-width: 0;
    min-height: var(--pg-control-height);
    padding: var(--p-space-150) var(--p-space-300);
    background: none;
    border: none;
    font-family: var(--p-font-family-sans);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    caret-color: var(--p-color-border-focus);
    color: var(--p-color-text);
    align-items: center
}

@media (hover) and (pointer: fine),(min-width: 48em) {
    .shopilike-TextField__Input {
        font-size:var(--p-font-size-325);
        line-height: var(--p-font-line-height-500);
        caret-color: var(--p-color-text)
    }
}

.shopilike-TextField__Prefix+.shopilike-TextField__Input {
    padding-left: 0
}

.shopilike-TextField__Input:disabled {
    opacity: 1;
    background: none;
    color: var(--p-color-text-disabled);
    -webkit-text-fill-color: var(--p-color-text-disabled)
}

.shopilike-TextField__Input:invalid {
    box-shadow: none
}

.shopilike-TextField__Input::placeholder {
    color: var(--p-color-text-secondary)
}

.shopilike-TextField__Input[type=number] {
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    appearance: textfield
}

.shopilike-TextField__Input[type=number]::-webkit-outer-spin-button,.shopilike-TextField__Input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0
}

.shopilike-TextField__Input:-webkit-autofill {
    border-radius: var(--p-border-radius-100)
}

.shopilike-TextField__Input.shopilike-TextField--suggestion::selection {
    color: var(--p-color-text-disabled);
    background: transparent
}

.shopilike-TextField__Input.shopilike-TextField--compact {
    font-size: var(--p-font-size-300);
    padding-inline:var(--p-space-150)}

.shopilike-TextField--labelInsidePlaceholder .shopilike-TextField__Input {
    padding-block: 1.1875rem
}

@media (pointer: coarse) and (max-width: 47.9975em) {
    .shopilike-TextField__Input,.shopilike-TextField__Backdrop {
        padding-block:var(--pc-text-field-sm-screen-no-label-spacing)
    }
}

.shopilike-TextField--multiline:is(.shopilike-TextField--labelInside,.shopilike-TextField--labelInside.shopilike-TextField--slim) {
    padding-block-start:var(--pc-text-field-sm-screen-label-spacing)}

.shopilike-TextField--multiline: is(.shopilike-TextField--labelInside,.shopilike-TextField--labelInside.shopilike-TextField--slim) .shopilike-TextField__Input {
                                                                                                                               padding-block-start:0
                                                                                                                           }

:is(.shopilike-TextField--labelInside,.shopilike-TextField--labelInside.shopilike-TextField--slim) .shopilike-TextField__Input,:is(.shopilike-TextField--labelInside,.shopilike-TextField--labelInside.shopilike-TextField--slim) .shopilike-TextField__Prefix,:is(.shopilike-TextField--labelInside,.shopilike-TextField--labelInside.shopilike-TextField--slim) .shopilike-TextField__Suffix {
    padding-block-start:var(--pc-text-field-sm-screen-label-spacing);padding-block-end: var(--pc-text-field-sm-screen-no-label-spacing)
}

@media (pointer: coarse) and (max-width: 30.6225em) {
    .shopilike-TextField--centeredSuffix .shopilike-TextField__Suffix {
        padding-block:var(--pc-text-field-sm-screen-no-label-spacing)
    }
}

.shopilike-TextField--borderless .shopilike-TextField__Input,.shopilike-TextField--borderless .shopilike-TextField__Backdrop {
    border: none;
    min-height: var(--p-space-800)
}

.shopilike-TextField--borderless:focus-within .shopilike-TextField__Backdrop {
    border: var(--p-border-width-050) solid var(--p-color-border-focus)
}

@media (hover) and (pointer: fine),(min-width: 48em) {
    .shopilike-TextField--borderless:focus-within .shopilike-TextField__Backdrop {
        border:none
    }
}

.shopilike-TextField--slim .shopilike-TextField__Input,.shopilike-TextField--slim .shopilike-TextField__Backdrop {
    min-height: 1.75rem;
    padding-block:var(--p-space-050)}

.shopilike-TextField--slim.shopilike-TextField--borderless.shopilike-TextField--slim.shopilike-TextField--borderless .shopilike-TextField__Input,.shopilike-TextField--slim.shopilike-TextField--borderless.shopilike-TextField--slim.shopilike-TextField--borderless .shopilike-TextField__Backdrop {
    outline-offset: 0
}

.shopilike-TextField__Input--hasClearButton[type=search]::-webkit-search-cancel-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.shopilike-TextField__Input--suffixed {
    padding-right: 0
}

.shopilike-TextField__Input--alignRight {
    text-align: right
}

.shopilike-TextField__Input--alignLeft {
    text-align: left
}

.shopilike-TextField__Input--alignCenter {
    text-align: center
}

.shopilike-TextField__Input--autoSize {
    flex: initial;
    width: auto
}

.shopilike-TextField__Backdrop {
    position: relative
}

.shopilike-TextField__Backdrop:after {
    content: "";
    position: absolute;
    z-index: 1;
    top: -.125rem;
    right: -.125rem;
    bottom: -.125rem;
    left: -.125rem;
    display: block;
    pointer-events: none;
    box-shadow: 0 0 0 -.125rem var(--p-color-border-focus);
    border-radius: var(--p-border-radius-100)
}

.shopilike-TextField__Backdrop {
    position: absolute;
    z-index: var(--pc-text-field-backdrop);
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: var(--p-color-input-bg-surface);
    border-width: var(--p-border-width-025);
    border-style: solid;
    border-color: var(--p-color-input-border)
}

@media (hover) and (pointer: fine),(min-width: 48em) {
    .shopilike-TextField__Backdrop {
        border-width:var(--p-border-width-0165)
    }
}

.shopilike-TextField__Backdrop {
    border-radius: var(--p-border-radius-300);
    pointer-events: none
}

@media (hover) and (pointer: fine),(min-width: 48em) {
    .shopilike-TextField__Backdrop {
        border-radius:var(--p-border-radius-200)
    }
}

.shopilike-TextField__Prefix,.shopilike-TextField__Suffix {
    position: relative;
    z-index: var(--pc-text-field-contents);
    display: flex;
    align-items: center;
    flex: 0 0 auto;
    color: var(--p-color-text-secondary);
    -webkit-user-select: none;
    user-select: none
}

.shopilike-TextField__NonFocusableAffix {
    pointer-events: none
}

.shopilike-TextField__StepperSuffix {
    color: var(--p-color-text);
    font-size: var(--p-font-size-400);
    font-weight: var(--p-font-weight-regular);
    line-height: var(--p-font-line-height-600)
}

.shopilike-TextField__Prefix {
    margin-left: var(--p-space-300);
    margin-right: var(--p-space-150)
}

@media (hover) and (pointer: fine),(min-width: 48em) {
    .shopilike-TextField__Prefix {
        font-size:var(--p-font-size-325)
    }
}

.shopilike-TextField__PrefixIcon {
    margin-left: var(--p-space-200);
    margin-right: var(--p-space-100)
}

.shopilike-TextField__Suffix {
    margin-left: var(--p-space-100);
    margin-right: var(--p-space-300)
}

@media (hover) and (pointer: fine),(min-width: 48em) {
    .shopilike-TextField__Suffix {
        font-size:var(--p-font-size-325)
    }
}

.shopilike-TextField__VerticalContent {
    position: relative;
    z-index: var(--pc-text-field-contents);
    color: var(--p-color-text-secondary);
    padding: var(--p-space-200) var(--p-space-200) 0 var(--p-space-200);
    max-height: 8.75rem;
    overflow: auto;
    border: var(--p-border-width-025) solid transparent;
    width: 100%
}

.shopilike-TextField__VerticalContent>.shopilike-TextField__Input {
    padding-left: 0;
    padding-right: 0
}

@media (min-width: 30.625em) {
    .shopilike-TextField__VerticalContent {
        max-height:20.5rem
    }
}

.shopilike-TextField__Loading {
    z-index: var(--pc-text-field-contents);
    margin-right: var(--p-space-300)
}

.shopilike-TextField__Loading svg {
    display: block
}

.shopilike-TextField__CharacterCount {
    color: var(--p-color-text-secondary);
    z-index: var(--pc-text-field-contents);
    margin: 0 var(--p-space-300) 0 var(--p-space-100);
    pointer-events: none;
    text-align: right
}

.shopilike-TextField__AlignFieldBottom {
    align-self: flex-end;
    width: 100%;
    padding-bottom: var(--p-space-200)
}

.shopilike-TextField__ClearButton {
    position: relative
}

.shopilike-TextField__ClearButton:after {
    content: "";
    position: absolute;
    z-index: 1;
    top: -.0625rem;
    right: -.0625rem;
    bottom: -.0625rem;
    left: -.0625rem;
    display: block;
    pointer-events: none;
    box-shadow: 0 0 0 -.0625rem var(--p-color-border-focus);
    border-radius: var(--p-border-radius-100)
}

.shopilike-TextField__ClearButton {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0;
    padding: 0;
    background: none;
    border: none;
    font-size: inherit;
    line-height: inherit;
    color: inherit;
    cursor: pointer
}

.shopilike-TextField__ClearButton:focus {
    outline: none
}

.shopilike-TextField__ClearButton {
    z-index: var(--pc-text-field-contents);
    margin: 0 var(--p-space-300) 0 var(--p-space-100);
    transition: visibility var(--p-motion-duration-100) var(--p-motion-ease-out),opacity var(--p-motion-duration-100) var(--p-motion-ease-out)
}

.shopilike-TextField__ClearButton:focus-visible:enabled:after {
    box-shadow: 0 0 0 .125rem var(--p-color-border-focus);
    outline: var(--p-border-width-025) solid transparent
}

.shopilike-TextField__ClearButton:disabled {
    cursor: default
}

.shopilike-TextField__Stepper {
    z-index: var(--pc-text-field-contents);
    padding-block:var(--p-space-100);padding-inline: var(--p-space-100);
    color: var(--p-color-icon);
    visibility: visible;
    display: flex;
    align-self: stretch;
    cursor: pointer;
    flex-direction: row-reverse;
    justify-content: center;
    align-items: center;
    gap: var(--p-space-100)
}

@media (hover) and (pointer: fine),(min-width: 48em) {
    .shopilike-TextField__Stepper {
        z-index:var(--pc-text-field-contents);
        margin: var(--p-space-100);
        padding: 0;
        color: var(--p-color-icon);
        display: flex;
        visibility: hidden;
        align-self: stretch;
        flex-direction: column;
        width: 1.375rem;
        cursor: pointer;
        gap: 0;
        justify-content: center
    }

    .shopilike-TextField--focus .shopilike-TextField__Stepper,.shopilike-TextField:hover .shopilike-TextField__Stepper {
        visibility: visible
    }
}

.shopilike-TextField__StepperWithLabelInside {
    padding-inline-start:var(--p-space-100);padding-inline-end: var(--p-space-200)
}

.shopilike-TextField__StepperIcon {
    position: absolute;
    pointer-events: none;
    -webkit-user-select: none;
    user-select: none
}

.shopilike-TextField__StepperIcon s-internal-icon,.shopilike-TextField__StepperIcon svg {
    color: var(--p-color-icon)
}

.shopilike-TextField__Resizer {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 0;
    visibility: hidden;
    overflow: hidden
}

.shopilike-TextField__DummyInput {
    font-size: var(--p-font-size-400);
    font-weight: var(--p-font-weight-regular);
    line-height: var(--p-font-line-height-600);
    border: none;
    letter-spacing: initial
}

@media (min-width: 48em) {
    .shopilike-TextField__DummyInput {
        font-size:var(--p-font-size-325);
        line-height: var(--p-font-line-height-500)
    }
}

.shopilike-TextField__DummyInput {
    padding: var(--pg-control-vertical-padding) var(--p-space-300);
    word-wrap: break-word;
    word-break: break-word;
    overflow-wrap: break-word;
    white-space: pre-wrap
}

.shopilike-TextField__Segment {
    background: var(--p-color-bg-fill-secondary);
    border-radius: var(--p-border-radius-200);
    display: flex;
    flex: 1 1;
    justify-content: center;
    align-items: center;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    width: 2.25rem;
    height: 2.25rem
}

@media (hover) and (pointer: fine),(min-width: 48em) {
    .shopilike-TextField__Segment {
        background:var(--p-color-bg-fill-tertiary);
        border-radius: var(--p-border-radius-100);
        width: inherit;
        height: auto
    }
}

.shopilike-TextField__Segment:focus {
    outline: none
}

.shopilike-TextField__Segment:active {
    background: var(--p-color-bg-fill-secondary-active)
}

@media (hover) and (pointer: fine),(min-width: 48em) {
    .shopilike-TextField__Segment:hover {
        background:var(--p-color-bg-fill-tertiary-hover)
    }

    .shopilike-TextField__Segment:active {
        background: var(--p-color-bg-fill-tertiary-active)
    }

    .shopilike-TextField__Segment:first-child {
        margin-bottom: 0;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0
    }

    .shopilike-TextField__Segment:last-child {
        border-top-left-radius: 0;
        border-top-right-radius: 0
    }

    .shopilike-TextField__Segment:not(:first-child) {
        margin-top: 0
    }
}

.shopilike-TextField--segmentWithLabelInside {
    width: 2.5rem;
    height: 2.5rem
}

.shopilike-TextField--disabledStepperButton {
    background: var(--p-color-bg-fill-disabled);
    color: var(--p-color-text-disabled);
    -webkit-user-select: none;
    user-select: none;
    pointer-events: none
}

.shopilike-TextField--monospaced {
    font-family: var(--p-font-family-mono)
}

.shopilike-Scrollable {
    --pc-scrollable-shadow-size: var(--p-space-500);
    --pc-scrollable-shadow-color: rgba(0, 0, 0, .15);
    --pc-scrollable-shadow-bottom: 0 var(--pc-scrollable-shadow-size) var(--pc-scrollable-shadow-size) var(--pc-scrollable-shadow-size) var(--pc-scrollable-shadow-color);
    --pc-scrollable-shadow-top: 0 calc(var(--pc-scrollable-shadow-size)*-1) var(--pc-scrollable-shadow-size) var(--pc-scrollable-shadow-size) var(--pc-scrollable-shadow-color);
    --pc-scrollable-max-height: none;
    -webkit-overflow-scrolling: touch;
    position: relative;
    max-height: var(--pc-scrollable-max-height);
    overflow-x: hidden;
    overflow-y: hidden;
    isolation: isolate
}

.shopilike-Scrollable:focus {
    outline: none
}

.shopilike-Scrollable.shopilike-Scrollable--focusable:focus-visible {
    outline: var(--p-border-width-050) solid var(--p-color-border-focus);
    outline-offset: var(--p-space-050)
}

:is(.shopilike-Scrollable.shopilike-Scrollable--hasTopShadow,.shopilike-Scrollable.shopilike-Scrollable--hasBottomShadow):before,:is(.shopilike-Scrollable.shopilike-Scrollable--hasTopShadow,.shopilike-Scrollable.shopilike-Scrollable--hasBottomShadow):after {
    content: "";
    position: sticky;
    left: 0;
    display: block;
    pointer-events: none;
    height: var(--p-space-0);
    width: 100%;
    z-index: 32
}

:is(.shopilike-Scrollable.shopilike-Scrollable--hasTopShadow,.shopilike-Scrollable.shopilike-Scrollable--hasBottomShadow):before {
    top: 0
}

:is(.shopilike-Scrollable.shopilike-Scrollable--hasTopShadow,.shopilike-Scrollable.shopilike-Scrollable--hasBottomShadow):after {
    bottom: 0
}

.shopilike-Scrollable.shopilike-Scrollable--hasTopShadow:before {
    box-shadow: var(--pc-scrollable-shadow-top)
}

.shopilike-Scrollable.shopilike-Scrollable--hasBottomShadow:after {
    box-shadow: var(--pc-scrollable-shadow-bottom)
}

.shopilike-Scrollable--horizontal {
    overflow-x: auto
}

.shopilike-Scrollable--vertical {
    overflow-y: auto
}

.shopilike-Scrollable--scrollbarWidthThin {
    scrollbar-width: thin
}

.shopilike-Scrollable--scrollbarWidthNone {
    scrollbar-width: none
}

.shopilike-Scrollable--scrollbarWidthAuto {
    scrollbar-width: auto
}

.shopilike-Scrollable--scrollbarGutterStable {
    scrollbar-gutter: stable
}

.shopilike-Scrollable__scrollbarGutterStableboth--edges {
    scrollbar-gutter: stable both-edges
}

.shopilike-Badge {
    --pc-badge-horizontal-padding: var(--p-space-200);
    --pc-badge-vertical-padding: var(--p-space-050);
    display: inline-flex;
    align-items: center;
    padding: var(--pc-badge-vertical-padding) var(--pc-badge-horizontal-padding);
    background-color: var(--p-color-bg-fill-transparent-secondary);
    border-radius: var(--p-border-radius-200);
    color: var(--p-color-text-secondary);
    max-block-size: var(--p-height-500)
}

.shopilike-Badge svg {
    fill: var(--p-color-text-secondary)
}

@media print {
    .shopilike-Badge {
        border: solid var(--p-border-width-025) var(--p-color-border)
    }
}

.shopilike-Badge--toneSuccess {
    background-color: var(--p-color-bg-fill-success-secondary);
    color: var(--p-color-text-success)
}

.shopilike-Badge--toneSuccess svg {
    fill: var(--p-color-text-success)
}

.shopilike-Badge__toneSuccess--strong {
    color: var(--p-color-text-success-on-bg-fill);
    background-color: var(--p-color-bg-fill-success)
}

.shopilike-Badge__toneSuccess--strong svg {
    fill: var(--p-color-text-success-on-bg-fill)
}

.shopilike-Badge--toneInfo {
    background-color: var(--p-color-bg-fill-info-secondary);
    color: var(--p-color-text-info)
}

.shopilike-Badge--toneInfo svg {
    fill: var(--p-color-text-info)
}

.shopilike-Badge__toneInfo--strong {
    color: var(--p-color-text-info-on-bg-fill);
    background-color: var(--p-color-bg-fill-info)
}

.shopilike-Badge__toneInfo--strong svg {
    fill: var(--p-color-text-info-on-bg-fill)
}

.shopilike-Badge--toneAttention {
    background-color: var(--p-color-bg-fill-caution-secondary);
    color: var(--p-color-text-caution)
}

.shopilike-Badge--toneAttention svg {
    fill: var(--p-color-text-caution)
}

.shopilike-Badge__toneAttention--strong {
    color: var(--p-color-text-caution-on-bg-fill);
    background-color: var(--p-color-bg-fill-caution)
}

.shopilike-Badge__toneAttention--strong svg {
    fill: var(--p-color-text-caution-on-bg-fill)
}

.shopilike-Badge--toneWarning {
    background-color: var(--p-color-bg-fill-warning-secondary);
    color: var(--p-color-text-warning)
}

.shopilike-Badge--toneWarning svg {
    fill: var(--p-color-text-warning)
}

.shopilike-Badge__toneWarning--strong {
    color: var(--p-color-text-warning-on-bg-fill);
    background-color: var(--p-color-bg-fill-warning)
}

.shopilike-Badge__toneWarning--strong svg {
    fill: var(--p-color-text-warning-on-bg-fill)
}

.shopilike-Badge--toneCritical {
    background-color: var(--p-color-bg-fill-critical-secondary);
    color: var(--p-color-text-critical)
}

.shopilike-Badge--toneCritical svg {
    fill: var(--p-color-text-critical)
}

.shopilike-Badge__toneCritical--strong {
    color: var(--p-color-text-critical-on-bg-fill);
    background-color: var(--p-color-bg-fill-critical)
}

.shopilike-Badge__toneCritical--strong svg {
    fill: var(--p-color-text-critical-on-bg-fill)
}

.shopilike-Badge--toneNew {
    border: none;
    background-color: var(--p-color-bg-fill-transparent-secondary);
    color: var(--p-color-text-secondary);
    font-weight: var(--p-font-weight-bold);
    border-radius: var(--p-border-radius-200)
}

.shopilike-Badge--toneNew svg {
    fill: var(--p-color-text-secondary)
}

.shopilike-Badge--toneMagic {
    background-color: var(--p-color-bg-fill-ai-secondary);
    color: var(--p-color-text-ai)
}

.shopilike-Badge--toneMagic svg {
    fill: var(--p-color-text-ai)
}

.shopilike-Badge__toneRead--only {
    color: var(--p-color-text-secondary);
    background-color: transparent
}

.shopilike-Badge__toneRead--only svg {
    fill: var(--p-color-text-secondary)
}

.shopilike-Badge--toneEnabled {
    color: var(--p-color-text)
}

.shopilike-Badge--toneEnabled svg {
    fill: var(--p-color-icon-success)
}

.shopilike-Badge--sizeLarge {
    max-block-size: var(--p-height-800);
    padding: var(--p-space-100) var(--p-space-200)
}

@media (min-width: 30.625em) {
    .shopilike-Badge--sizeLarge {
        max-block-size:var(--p-height-700)
    }
}

.shopilike-Badge--withinFilter {
    border-radius: var(--p-border-radius-100)
}

.shopilike-Badge__Icon {
    margin: calc(var(--p-space-050)*-1) var(--p-space-100) calc(var(--p-space-050)*-1) calc(var(--p-space-100)*-1)
}

.shopilike-Badge__Icon svg {
    display: inline-block;
    vertical-align: top
}

.shopilike-Badge--sizeLarge .shopilike-Badge__Icon {
    margin: 0 var(--p-space-100) 0 calc(var(--p-space-050)*-1)
}

@media (min-width: 30.625em) {
    .shopilike-Badge__Icon {
        margin-inline-end:var(--p-space-050)
    }
}

.shopilike-Badge__Icon+* {
    margin-inline-start:0}

.shopilike-Badge-Pip {
    --pc-pip-size: var(--p-space-200);
    --pc-pip-color: var(--p-color-text-secondary);
    --pc-border-width: .07813rem;
    display: inline-block;
    color: var(--pc-pip-color);
    height: var(--pc-pip-size);
    width: var(--pc-pip-size);
    border: var(--p-border-width-050) solid var(--pc-pip-color);
    flex-shrink: 0;
    border-radius: .1875rem;
    border-width: var(--pc-border-width)
}

.shopilike-Badge-Pip--toneInfo {
    --pc-pip-color: var(--p-color-icon-info)
}

.shopilike-Badge-Pip--toneSuccess {
    --pc-pip-color: var(--p-color-icon-success)
}

.shopilike-Badge-Pip--toneNew {
    --pc-pip-color: var(--p-color-text-secondary)
}

.shopilike-Badge-Pip--toneAttention {
    --pc-pip-color: var(--p-color-icon-caution)
}

.shopilike-Badge-Pip--toneWarning {
    --pc-pip-color: var(--p-color-icon-warning)
}

.shopilike-Badge-Pip--toneCritical {
    --pc-pip-color: var(--p-color-icon-critical)
}

.shopilike-Badge-Pip--progressIncomplete {
    background: transparent
}

.shopilike-Badge-Pip--progressPartiallyComplete {
    background: linear-gradient(to top,currentColor,currentColor 50%,transparent 50%,transparent)
}

.shopilike-Badge-Pip--progressPartiallyComplete.shopilike-Badge-Pip {
    background: none;
    position: relative;
    overflow: hidden
}

.shopilike-Badge-Pip--progressPartiallyComplete.shopilike-Badge-Pip:after {
    content: "";
    position: absolute;
    top: calc(var(--pc-border-width)*-1);
    left: calc(var(--pc-border-width)*-1);
    width: .25rem;
    height: .5rem;
    margin: 0 .1275rem;
    border-right: var(--pc-border-width) solid currentColor;
    border-left: var(--pc-border-width) solid currentColor;
    font-size: 0;
    transform: rotate(-45deg)
}

@media print {
    .shopilike-Badge-Pip--progressPartiallyComplete {
        background: none;
        box-shadow: 0 -6.375rem 0 -6.25rem currentColor inset
    }
}

.shopilike-Badge-Pip--progressComplete {
    background: currentColor
}

@media print {
    .shopilike-Badge-Pip--progressComplete {
        background: none;
        box-shadow: 0 0 0 6.25rem currentColor inset
    }
}

.shopilike-ActionList__Item {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0;
    padding: 0;
    background: none;
    border: none;
    font-size: inherit;
    line-height: inherit;
    color: inherit;
    cursor: pointer
}

.shopilike-ActionList__Item:focus {
    outline: none
}

.shopilike-ActionList__Item {
    --pc-action-list-item-min-height: var(--p-space-800);
    --pc-action-list-indented-item-margin: calc(var(--p-space-500) + var(--p-space-050));
    --pc-action-list-indented-item-width: calc(100% - var(--pc-action-list-indented-item-margin))
}

.shopilike-ActionList__Item.shopilike-ActionList--default {
    --pc-action-list-image-size: 1.25rem
}

.shopilike-ActionList__Item {
    --pc-action-list-item-vertical-padding: calc((var(--pc-action-list-item-min-height) - var(--p-font-line-height-500))/2);
    display: flex;
    align-items: center;
    width: 100%;
    min-width: 13.25rem;
    min-height: var(--pc-action-list-item-min-height);
    text-align: left;
    text-decoration: none;
    cursor: pointer;
    padding: var(--p-space-300);
    border-radius: 0;
    border-top: var(--p-border-width-025) solid transparent;
    color: inherit
}

@media (min-width: 48em) {
    .shopilike-ActionList__Item {
        min-width:initial;
        padding: var(--p-space-100) var(--p-space-150);
        border-radius: var(--p-border-radius-200)
    }
}

@media (forced-colors: active) {
    .shopilike-ActionList__Item {
        border: var(--p-border-width-025) solid transparent
    }
}

.shopilike-ActionList__Item:hover {
    background-color: var(--p-color-bg-surface-secondary-hover);
    text-decoration: none;
    outline: var(--p-border-width-050) solid transparent
}

.shopilike-ActionList__Item:active {
    background-color: var(--p-color-bg-surface-secondary-active)
}

.shopilike-ActionList__Item:active .shopilike-ActionList__Prefix,.shopilike-ActionList__Item:active .shopilike-ActionList__Suffix {
    color: var(--p-color-icon)
}

.shopilike-ActionList__Item:focus-visible:not(:active) .shopilike-ActionList__ContentElement {
    outline: var(--p-border-width-050) solid var(--p-color-border-focus);
    outline-offset: var(--p-space-100);
    border-radius: var(--p-border-radius-050)
}

@media (min-width: 48em) {
    .shopilike-ActionList__Item:focus-visible:not(:active) .shopilike-ActionList__ContentElement {
        outline:none;
        outline-offset: 0;
        border-radius: 0
    }
}

@media (min-width: 48em) {
    .shopilike-ActionList__Item:focus-visible:not(:active) {
        background-color:var(--p-color-bg-surface);
        outline: var(--p-border-width-050) solid var(--p-color-border-focus);
        outline-offset: calc(var(--p-border-width-050)*-1)
    }
}

.shopilike-ActionList__Item:visited {
    color: inherit
}

.shopilike-ActionList__Item.shopilike-ActionList--active {
    background-color: var(--p-color-bg-surface-secondary-selected);
    font-weight: var(--p-font-weight-semibold)
}

.shopilike-ActionList__Item.shopilike-ActionList--active .shopilike-ActionList__Prefix,.shopilike-ActionList__Item.shopilike-ActionList--active .shopilike-ActionList__Suffix {
    color: var(--p-color-icon-active)
}

.shopilike-ActionList__Item.shopilike-ActionList--active:before {
    content: "";
    background-color: var(--p-color-bg-fill-brand);
    position: absolute;
    top: 0;
    left: calc(var(--p-space-200)*-1);
    height: 100%;
    display: block;
    width: var(--p-border-width-050);
    border-top-right-radius: var(--p-border-radius-100);
    border-bottom-right-radius: var(--p-border-radius-100);
    display: none
}

.shopilike-ActionList__Item.shopilike-ActionList--destructive,.shopilike-ActionList__Item.shopilike-ActionList--destructive .shopilike-ActionList__Prefix,.shopilike-ActionList__Item.shopilike-ActionList--destructive .shopilike-ActionList__Suffix {
    color: var(--p-color-text-critical)
}

.shopilike-ActionList__Item.shopilike-ActionList--destructive:hover {
    background-color: var(--p-color-bg-surface-critical-hover)
}

.shopilike-ActionList__Item.shopilike-ActionList--destructive:active,.shopilike-ActionList__Item.shopilike-ActionList--destructive.shopilike-ActionList--active {
    background-color: var(--p-color-bg-surface-critical-active)
}

.shopilike-ActionList__Item.shopilike-ActionList--disabled {
    background-image: none;
    color: var(--p-color-text-disabled);
    cursor: default
}

.shopilike-ActionList__Item.shopilike-ActionList--disabled:hover {
    background-color: unset
}

.shopilike-ActionList__Item.shopilike-ActionList--disabled .shopilike-ActionList__Prefix,.shopilike-ActionList__Item.shopilike-ActionList--disabled .shopilike-ActionList__Suffix {
    color: var(--p-color-icon-disabled)
}

.shopilike-ActionList__Item.shopilike-ActionList--indented {
    --pc-action-list-image-size: 1.5rem;
    position: relative;
    margin-left: var(--pc-action-list-indented-item-margin);
    max-width: var(--pc-action-list-indented-item-width)
}

.shopilike-ActionList__Item.shopilike-ActionList--indented:before {
    content: "";
    position: absolute;
    top: calc(var(--p-space-300)*-1);
    bottom: 0;
    left: 0;
    border-left: var(--p-border-width-025) solid var(--p-color-border);
    margin-left: calc(var(--p-space-150)*-1)
}

.shopilike-ActionList__Item.shopilike-ActionList--menu {
    --pc-action-list-image-size: 1.5rem
}

.shopilike-ActionList__Prefix {
    display: flex;
    flex: 0 0 auto;
    justify-content: center;
    align-items: center;
    height: var(--pc-action-list-image-size);
    width: var(--pc-action-list-image-size);
    border-radius: var(--p-border-radius-100);
    color: var(--p-color-icon);
    margin: calc(var(--pc-action-list-image-size)*-.5) 0 calc(var(--pc-action-list-image-size)*-.5) 0;
    background-size: cover;
    background-position: center center
}

.shopilike-ActionList__Suffix {
    display: flex;
    align-items: center;
    color: var(--p-color-icon)
}

.shopilike-ActionList__Text {
    min-width: 0;
    max-width: 100%;
    flex: 1 1 auto
}

.shopilike-ThemeProvider--themeContainer {
    color: var(--p-color-text)
}

.shopilike-PositionedOverlay {
    position: absolute;
    z-index: var(--p-z-index-2)
}

.shopilike-PositionedOverlay--fixed {
    position: fixed
}

.shopilike-PositionedOverlay--calculating {
    visibility: hidden
}

.shopilike-PositionedOverlay--preventInteraction {
    pointer-events: none
}

.shopilike-Tooltip-TooltipOverlay {
    --pc-tooltip-chevron-x-pos: initial;
    --pc-tooltip-border-radius: initial;
    --pc-tooltip-padding: initial;
    --pc-tooltip-overlay-offset: var(--p-space-300);
    position: relative;
    margin: var(--pc-tooltip-overlay-offset) var(--p-space-100) var(--p-space-100);
    opacity: 1;
    box-shadow: var(--p-shadow-300);
    border-radius: var(--pc-tooltip-border-radius);
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    will-change: opacity,left,top,transform;
    transform: none;
    transition: none;
    min-width: 4ch
}

@media screen and (-ms-high-contrast: active) {
    .shopilike-Tooltip-TooltipOverlay {
        border: var(--p-border-width-050) solid ButtonBorder
    }
}

.shopilike-Tooltip-TooltipOverlay .shopilike-Tooltip-TooltipOverlay__Tail {
    position: absolute;
    top: calc(var(--p-space-200)*-1 + .05rem);
    left: calc(var(--pc-tooltip-chevron-x-pos) - var(--p-space-150) - var(--p-space-400))
}

.shopilike-Tooltip-TooltipOverlay.shopilike-Tooltip-TooltipOverlay--positionedAbove:after {
    top: auto;
    bottom: calc(var(--p-space-400)*-1);
    border-color: var(--p-color-bg-surface) transparent transparent transparent
}

.shopilike-Tooltip-TooltipOverlay.shopilike-Tooltip-TooltipOverlay--positionedAbove .shopilike-Tooltip-TooltipOverlay__Tail {
    top: unset;
    bottom: calc(var(--p-space-200)*-1);
    filter: drop-shadow(0 .1875rem .125rem rgba(26,26,26,.1))
}

.shopilike-Tooltip-TooltipOverlay--measuring {
    opacity: 0
}

.shopilike-Tooltip-TooltipOverlay--measured:not(.shopilike-Tooltip-TooltipOverlay--instant) {
    animation: var(--p-motion-keyframes-appear-below) var(--p-motion-duration-50) var(--p-motion-ease-out) var(--p-motion-duration-100) 1 both
}

@media (prefers-reduced-motion) {
    .shopilike-Tooltip-TooltipOverlay--measured:not(.shopilike-Tooltip-TooltipOverlay--instant) {
        animation: none
    }
}

.shopilike-Tooltip-TooltipOverlay--measured.shopilike-Tooltip-TooltipOverlay--positionedAbove:not(.shopilike-Tooltip-TooltipOverlay--instant) {
    animation: var(--p-motion-keyframes-appear-above) var(--p-motion-duration-50) var(--p-motion-ease-out) var(--p-motion-duration-100) 1 both
}

@media (prefers-reduced-motion) {
    .shopilike-Tooltip-TooltipOverlay--measured.shopilike-Tooltip-TooltipOverlay--positionedAbove:not(.shopilike-Tooltip-TooltipOverlay--instant) {
        animation: none
    }
}

.shopilike-Tooltip-TooltipOverlay--positionedAbove {
    margin: var(--p-space-100) var(--p-space-100) var(--pc-tooltip-overlay-offset)
}

.shopilike-Tooltip-TooltipOverlay__Content {
    position: relative;
    background-color: var(--p-color-bg-surface);
    color: var(--p-color-text);
    word-break: break-word;
    border-radius: var(--pc-tooltip-border-radius);
    padding: var(--pc-tooltip-padding)
}

.shopilike-Tooltip-TooltipOverlay--default {
    max-width: 12.5rem
}

.shopilike-Tooltip-TooltipOverlay--wide {
    max-width: 17.1875rem
}

.shopilike-Tooltip__TooltipContainer {
    display: flex
}

.shopilike-Tooltip__HasUnderline {
    border-bottom: var(--p-border-width-050) dotted var(--p-color-border)
}

.shopilike-Popover {
    --pc-popover-visible-portion-of-arrow: .3125rem;
    --pc-popover-vertical-motion-offset: -.3125rem;
    max-width: calc(100vw - var(--p-space-800));
    margin: var(--pc-popover-visible-portion-of-arrow) var(--p-space-200) var(--p-space-400);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    will-change: left,top;
    box-shadow: var(--p-shadow-300);
    border-radius: var(--p-border-radius-300)
}

.shopilike-Popover__PopoverOverlay {
    opacity: 0;
    transition: opacity var(--p-motion-duration-100) var(--p-motion-ease),transform var(--p-motion-duration-100) var(--p-motion-ease);
    transform: translateY(var(--pc-popover-vertical-motion-offset))
}

.shopilike-Popover__PopoverOverlay--noAnimation {
    transition: opacity var(--p-motion-duration-100) var(--p-motion-ease)
}

.shopilike-Popover__PopoverOverlay--entering {
    opacity: 1;
    transform: translateY(0)
}

.shopilike-Popover__PopoverOverlay--open {
    opacity: 1;
    transform: none
}

.shopilike-Popover--measuring:not(.shopilike-Popover__PopoverOverlay--exiting) {
    opacity: 0;
    transform: translateY(var(--pc-popover-vertical-motion-offset))
}

.shopilike-Popover--fullWidth {
    margin: var(--pc-popover-visible-portion-of-arrow) auto 0 auto
}

.shopilike-Popover--fullWidth .shopilike-Popover__Content {
    max-width: none
}

.shopilike-Popover--positionedAbove {
    margin: var(--p-space-400) var(--p-space-200) var(--pc-popover-visible-portion-of-arrow)
}

.shopilike-Popover--positionedAbove.shopilike-Popover--fullWidth {
    margin: 0 auto var(--pc-popover-visible-portion-of-arrow) auto
}

.shopilike-Popover--positionedCover {
    margin: 0;
    border-radius: var(--p-border-radius-200)
}

.shopilike-Popover--positionedCover .shopilike-Popover__ContentContainer {
    border-radius: var(--p-border-radius-200)
}

.shopilike-Popover__ContentContainer {
    position: relative;
    overflow: hidden;
    background: var(--p-color-bg-surface);
    border-radius: var(--p-space-300);
    isolation: isolate
}

.shopilike-Popover__Content {
    position: relative;
    display: flex;
    flex-direction: column;
    border-radius: var(--p-border-radius-100);
    max-width: 25rem;
    max-height: 31.25rem
}

.shopilike-Popover__Content:focus {
    outline: none
}

.shopilike-Popover__Content--fullHeight {
    max-height: 100vh
}

.shopilike-Popover__Content--fluidContent {
    max-height: none;
    max-width: none
}

.shopilike-Popover__Pane {
    flex: 1 1 auto;
    max-width: 100%
}

.shopilike-Popover__Pane:focus {
    outline: none
}

.shopilike-Popover__Pane--fixed {
    overflow: visible;
    flex: 0 0 auto
}

.shopilike-Popover__Pane--subdued {
    background-color: var(--p-color-bg-surface-secondary)
}

.shopilike-Popover__Pane--captureOverscroll {
    overscroll-behavior: contain
}

.shopilike-Popover__Section+.shopilike-Popover__Section {
    border-top: var(--p-border-width-025) solid var(--p-color-border-secondary)
}

.shopilike-Popover__FocusTracker {
    position: absolute!important;
    top: 0;
    width: .0625rem!important;
    height: .0625rem!important;
    margin: 0!important;
    padding: 0!important;
    overflow: hidden!important;
    clip-path: inset(50%)!important;
    border: 0!important;
    white-space: nowrap!important
}

@media print {
    .shopilike-Popover__PopoverOverlay--hideOnPrint {
        display: none!important
    }
}

.shopilike-ActionMenu-SecondaryAction {
    --pc-secondary-action-button-spacing: var(--p-space-300)
}

.shopilike-ActionMenu-SecondaryAction a,.shopilike-ActionMenu-SecondaryAction button {
    position: relative
}

:is(.shopilike-ActionMenu-SecondaryAction a,.shopilike-ActionMenu-SecondaryAction button):after {
    content: "";
    position: absolute;
    z-index: 1;
    top: -.125rem;
    right: -.125rem;
    bottom: -.125rem;
    left: -.125rem;
    display: block;
    pointer-events: none;
    box-shadow: 0 0 0 -.125rem var(--p-color-border-focus);
    border-radius: var(--p-border-radius-100)
}

.shopilike-ActionMenu-SecondaryAction a,.shopilike-ActionMenu-SecondaryAction button {
    --pc-button-padding-block: var(--p-space-300);
    --pc-button-padding-inline: var(--p-space-400)
}

@media (hover) and (pointer: fine),(min-width: 48em) {
    .shopilike-ActionMenu-SecondaryAction a,.shopilike-ActionMenu-SecondaryAction button {
        --pc-button-padding-block:var(--p-space-100);
        --pc-button-padding-inline: var(--p-space-300)
    }
}

.shopilike-ActionMenu-SecondaryAction a,.shopilike-ActionMenu-SecondaryAction button {
    background: var(--p-color-bg-fill-tertiary)!important;
    box-shadow: none!important;
    border: none;
    border-radius: var(--p-border-radius-200)!important;
    min-height: 1.75rem
}

:is(.shopilike-ActionMenu-SecondaryAction a,.shopilike-ActionMenu-SecondaryAction button):is(:hover,:focus) {
    background-color: var(--p-color-bg-fill-tertiary-hover)!important
}

:is(.shopilike-ActionMenu-SecondaryAction a,.shopilike-ActionMenu-SecondaryAction button):active,[aria-expanded=true]:is(.shopilike-ActionMenu-SecondaryAction a,.shopilike-ActionMenu-SecondaryAction button) {
    background-color: var(--p-color-bg-fill-tertiary-active)!important
}

@media (min-width: 48em) and (pointer: fine) {
    :is(.shopilike-ActionMenu-SecondaryAction a,.shopilike-ActionMenu-SecondaryAction button):active,[aria-expanded=true]:is(.shopilike-ActionMenu-SecondaryAction a,.shopilike-ActionMenu-SecondaryAction button) {
        box-shadow:var(--p-shadow-inset-200)!important
    }
}

:is(.shopilike-ActionMenu-SecondaryAction a,.shopilike-ActionMenu-SecondaryAction button):focus-visible:after {
    content: none
}

:is(.shopilike-ActionMenu-SecondaryAction a,.shopilike-ActionMenu-SecondaryAction button):focus-visible {
    outline: var(--p-border-width-050) solid var(--p-color-border-focus);
    outline-offset: var(--p-space-050)
}

[aria-disabled=true]:is(.shopilike-ActionMenu-SecondaryAction a,.shopilike-ActionMenu-SecondaryAction button) {
    background-color: var(--p-color-bg-fill-disabled)!important
}

@media (min-width: 48em) {
    .shopilike-ActionMenu-SecondaryAction a,.shopilike-ActionMenu-SecondaryAction button {
        border:none!important;
        position: relative
    }

    :is(.shopilike-ActionMenu-SecondaryAction a,.shopilike-ActionMenu-SecondaryAction button):after {
        content: "";
        position: absolute;
        z-index: 1;
        top: -.0625rem;
        right: -.0625rem;
        bottom: -.0625rem;
        left: -.0625rem;
        display: block;
        pointer-events: none;
        box-shadow: 0 0 0 -.0625rem var(--p-color-border-focus);
        border-radius: var(--p-border-radius-100)
    }
}

.shopilike-ActionMenu-SecondaryAction.shopilike-ActionMenu-SecondaryAction--critical a,.shopilike-ActionMenu-SecondaryAction.shopilike-ActionMenu-SecondaryAction--critical button {
    color: var(--p-color-text-critical)!important
}

:is(.shopilike-ActionMenu-SecondaryAction.shopilike-ActionMenu-SecondaryAction--critical a,.shopilike-ActionMenu-SecondaryAction.shopilike-ActionMenu-SecondaryAction--critical button) s-internal-icon,:is(.shopilike-ActionMenu-SecondaryAction.shopilike-ActionMenu-SecondaryAction--critical a,.shopilike-ActionMenu-SecondaryAction.shopilike-ActionMenu-SecondaryAction--critical button) svg {
    color: var(--p-color-text-critical)
}

:is(.shopilike-ActionMenu-SecondaryAction.shopilike-ActionMenu-SecondaryAction--critical a,.shopilike-ActionMenu-SecondaryAction.shopilike-ActionMenu-SecondaryAction--critical button):is(:hover,:focus) {
    background-color: var(--p-color-bg-fill-tertiary-hover)!important
}

:is(.shopilike-ActionMenu-SecondaryAction.shopilike-ActionMenu-SecondaryAction--critical a,.shopilike-ActionMenu-SecondaryAction.shopilike-ActionMenu-SecondaryAction--critical button):active {
    background-color: var(--p-color-bg-fill-tertiary-active)!important
}

.shopilike-ActionMenu-MenuGroup__Details {
    margin-top: calc(var(--p-space-400)*-1);
    padding: var(--p-space-400)
}

.shopilike-ActionMenu-Actions__ActionsLayoutOuter {
    position: relative;
    width: 100%
}

.shopilike-ActionMenu-Actions__ActionsLayout {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-end;
    flex: 1 1 auto;
    gap: var(--p-space-150)
}

.shopilike-ActionMenu-Actions__ActionsLayout>* {
    flex: 0 0 auto
}

.shopilike-ActionMenu-Actions--actionsLayoutMeasuring {
    visibility: hidden;
    height: 0
}

.shopilike-ActionMenu-Actions__ActionsLayoutMeasurer {
    position: absolute;
    flex-wrap: wrap;
    visibility: hidden;
    height: 0
}

.shopilike-ActionMenu-RollupActions__RollupActivator {
    text-align: right
}

.shopilike-ActionMenu-RollupActions__RollupActivator button[type=button] {
    background: var(--p-color-bg-fill-tertiary);
    border-radius: var(--p-border-radius-200);
    border: none;
    box-shadow: none;
    margin: 0
}

:is(.shopilike-ActionMenu-RollupActions__RollupActivator button[type=button]):active {
    background: var(--p-color-bg-fill-tertiary-active)
}

:is(.shopilike-ActionMenu-RollupActions__RollupActivator button[type=button]):focus:not(:active):after {
    content: none
}

:is(.shopilike-ActionMenu-RollupActions__RollupActivator button[type=button]):focus:not(:active) {
    outline: var(--p-border-width-050) solid var(--p-color-border-focus);
    outline-offset: var(--p-space-050);
    background: var(--p-color-bg-fill-tertiary-active)
}

:is(.shopilike-ActionMenu-RollupActions__RollupActivator button[type=button]):hover {
    background: var(--p-color-bg-fill-tertiary-hover)
}

.shopilike-ActionMenu {
    width: 100%;
    display: flex;
    justify-content: flex-end
}

@media print {
    .shopilike-ActionMenu {
        display: none!important
    }
}

.shopilike-Choice {
    --pc-choice-space-0: 0rem;
    --pc-choice-bleed-block-start-xs: initial;
    --pc-choice-bleed-block-start-sm: initial;
    --pc-choice-bleed-block-start-md: initial;
    --pc-choice-bleed-block-start-lg: initial;
    --pc-choice-bleed-block-start-xl: initial;
    --pc-choice-bleed-block-start: var(--pc-choice-bleed-block-start-xs)
}

@media (min-width: 30.625em) {
    .shopilike-Choice {
        --pc-choice-bleed-block-start: var( --pc-choice-bleed-block-start-sm, var(--pc-choice-bleed-block-start-xs) )
    }
}

@media (min-width: 48em) {
    .shopilike-Choice {
        --pc-choice-bleed-block-start: var( --pc-choice-bleed-block-start-md, var( --pc-choice-bleed-block-start-sm, var(--pc-choice-bleed-block-start-xs) ) )
    }
}

@media (min-width: 65em) {
    .shopilike-Choice {
        --pc-choice-bleed-block-start: var( --pc-choice-bleed-block-start-lg, var( --pc-choice-bleed-block-start-md, var( --pc-choice-bleed-block-start-sm, var(--pc-choice-bleed-block-start-xs) ) ) )
    }
}

@media (min-width: 90em) {
    .shopilike-Choice {
        --pc-choice-bleed-block-start: var( --pc-choice-bleed-block-start-xl, var( --pc-choice-bleed-block-start-lg, var( --pc-choice-bleed-block-start-md, var( --pc-choice-bleed-block-start-sm, var(--pc-choice-bleed-block-start-xs) ) ) ) )
    }
}

.shopilike-Choice {
    --pc-choice-bleed-block-end-xs: initial;
    --pc-choice-bleed-block-end-sm: initial;
    --pc-choice-bleed-block-end-md: initial;
    --pc-choice-bleed-block-end-lg: initial;
    --pc-choice-bleed-block-end-xl: initial;
    --pc-choice-bleed-block-end: var(--pc-choice-bleed-block-end-xs)
}

@media (min-width: 30.625em) {
    .shopilike-Choice {
        --pc-choice-bleed-block-end: var( --pc-choice-bleed-block-end-sm, var(--pc-choice-bleed-block-end-xs) )
    }
}

@media (min-width: 48em) {
    .shopilike-Choice {
        --pc-choice-bleed-block-end: var( --pc-choice-bleed-block-end-md, var( --pc-choice-bleed-block-end-sm, var(--pc-choice-bleed-block-end-xs) ) )
    }
}

@media (min-width: 65em) {
    .shopilike-Choice {
        --pc-choice-bleed-block-end: var( --pc-choice-bleed-block-end-lg, var( --pc-choice-bleed-block-end-md, var( --pc-choice-bleed-block-end-sm, var(--pc-choice-bleed-block-end-xs) ) ) )
    }
}

@media (min-width: 90em) {
    .shopilike-Choice {
        --pc-choice-bleed-block-end: var( --pc-choice-bleed-block-end-xl, var( --pc-choice-bleed-block-end-lg, var( --pc-choice-bleed-block-end-md, var( --pc-choice-bleed-block-end-sm, var(--pc-choice-bleed-block-end-xs) ) ) ) )
    }
}

.shopilike-Choice {
    --pc-choice-bleed-inline-start-xs: initial;
    --pc-choice-bleed-inline-start-sm: initial;
    --pc-choice-bleed-inline-start-md: initial;
    --pc-choice-bleed-inline-start-lg: initial;
    --pc-choice-bleed-inline-start-xl: initial;
    --pc-choice-bleed-inline-start: var(--pc-choice-bleed-inline-start-xs)
}

@media (min-width: 30.625em) {
    .shopilike-Choice {
        --pc-choice-bleed-inline-start: var( --pc-choice-bleed-inline-start-sm, var(--pc-choice-bleed-inline-start-xs) )
    }
}

@media (min-width: 48em) {
    .shopilike-Choice {
        --pc-choice-bleed-inline-start: var( --pc-choice-bleed-inline-start-md, var( --pc-choice-bleed-inline-start-sm, var(--pc-choice-bleed-inline-start-xs) ) )
    }
}

@media (min-width: 65em) {
    .shopilike-Choice {
        --pc-choice-bleed-inline-start: var( --pc-choice-bleed-inline-start-lg, var( --pc-choice-bleed-inline-start-md, var( --pc-choice-bleed-inline-start-sm, var(--pc-choice-bleed-inline-start-xs) ) ) )
    }
}

@media (min-width: 90em) {
    .shopilike-Choice {
        --pc-choice-bleed-inline-start: var( --pc-choice-bleed-inline-start-xl, var( --pc-choice-bleed-inline-start-lg, var( --pc-choice-bleed-inline-start-md, var( --pc-choice-bleed-inline-start-sm, var(--pc-choice-bleed-inline-start-xs) ) ) ) )
    }
}

.shopilike-Choice {
    --pc-choice-bleed-inline-end-xs: initial;
    --pc-choice-bleed-inline-end-sm: initial;
    --pc-choice-bleed-inline-end-md: initial;
    --pc-choice-bleed-inline-end-lg: initial;
    --pc-choice-bleed-inline-end-xl: initial;
    --pc-choice-bleed-inline-end: var(--pc-choice-bleed-inline-end-xs)
}

@media (min-width: 30.625em) {
    .shopilike-Choice {
        --pc-choice-bleed-inline-end: var( --pc-choice-bleed-inline-end-sm, var(--pc-choice-bleed-inline-end-xs) )
    }
}

@media (min-width: 48em) {
    .shopilike-Choice {
        --pc-choice-bleed-inline-end: var( --pc-choice-bleed-inline-end-md, var( --pc-choice-bleed-inline-end-sm, var(--pc-choice-bleed-inline-end-xs) ) )
    }
}

@media (min-width: 65em) {
    .shopilike-Choice {
        --pc-choice-bleed-inline-end: var( --pc-choice-bleed-inline-end-lg, var( --pc-choice-bleed-inline-end-md, var( --pc-choice-bleed-inline-end-sm, var(--pc-choice-bleed-inline-end-xs) ) ) )
    }
}

@media (min-width: 90em) {
    .shopilike-Choice {
        --pc-choice-bleed-inline-end: var( --pc-choice-bleed-inline-end-xl, var( --pc-choice-bleed-inline-end-lg, var( --pc-choice-bleed-inline-end-md, var( --pc-choice-bleed-inline-end-sm, var(--pc-choice-bleed-inline-end-xs) ) ) ) )
    }
}

.shopilike-Choice {
    --pc-choice-fill-xs: initial;
    --pc-choice-fill-sm: initial;
    --pc-choice-fill-md: initial;
    --pc-choice-fill-lg: initial;
    --pc-choice-fill-xl: initial;
    --pc-choice-fill: var(--pc-choice-fill-xs)
}

@media (min-width: 30.625em) {
    .shopilike-Choice {
        --pc-choice-fill: var( --pc-choice-fill-sm, var(--pc-choice-fill-xs) )
    }
}

@media (min-width: 48em) {
    .shopilike-Choice {
        --pc-choice-fill: var( --pc-choice-fill-md, var( --pc-choice-fill-sm, var(--pc-choice-fill-xs) ) )
    }
}

@media (min-width: 65em) {
    .shopilike-Choice {
        --pc-choice-fill: var( --pc-choice-fill-lg, var( --pc-choice-fill-md, var( --pc-choice-fill-sm, var(--pc-choice-fill-xs) ) ) )
    }
}

@media (min-width: 90em) {
    .shopilike-Choice {
        --pc-choice-fill: var( --pc-choice-fill-xl, var( --pc-choice-fill-lg, var( --pc-choice-fill-md, var( --pc-choice-fill-sm, var(--pc-choice-fill-xs) ) ) ) )
    }
}

.shopilike-Choice {
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    cursor: pointer;
    padding-block-start:calc(var(--pc-choice-bleed-block-start, var(--pc-choice-space-0)) + var(--p-space-300));padding-block-end: calc(var(--pc-choice-bleed-block-end, var(--pc-choice-space-0)) + var(--p-space-300));
    padding-inline-start:var( --pc-choice-bleed-inline-start, var(--pc-choice-space-0) );padding-inline-end: var( --pc-choice-bleed-inline-end, var(--pc-choice-space-0) );
    margin-block-start:calc(var(--pc-choice-bleed-block-start, var(--pc-choice-space-0))*-1);margin-block-end: calc(var(--pc-choice-bleed-block-end, var(--pc-choice-space-0))*-1);
    margin-inline-start:calc(var(--pc-choice-bleed-inline-start, var(--pc-choice-space-0))*-1);margin-inline-end: calc(var(--pc-choice-bleed-inline-end, var(--pc-choice-space-0))*-1);
    inline-size: calc(var(--pc-choice-fill, auto) + var(--pc-choice-bleed-inline-start, var(--pc-choice-space-0)) + var(--pc-choice-bleed-inline-end, var(--pc-choice-space-0)));
    block-size: calc(var(--pc-choice-fill, auto) + var(--pc-choice-bleed-block-start, var(--pc-choice-space-0)) + var(--pc-choice-bleed-block-end, var(--pc-choice-space-0)))
}

@media (min-width: 48em),(hover) and (pointer: fine) {
    .shopilike-Choice {
        padding-block-start:calc(var(--pc-choice-bleed-block-start, var(--pc-choice-space-0)) + var(--p-space-100));
        padding-block-end:calc(var(--pc-choice-bleed-block-end, var(--pc-choice-space-0)) + var(--p-space-100))}
}

.shopilike-Choice__LabelContent {
    display: flex;
    align-items: flex-start
}

.shopilike-Choice--labelHidden {
    padding-block-start:var( --pc-choice-bleed-block-start, var(--pc-choice-space-0) );padding-block-end: var(--pc-choice-bleed-block-end, var(--pc-choice-space-0))
}

.shopilike-Choice--labelHidden .shopilike-Choice__Control {
    margin-top: 0;
    margin-right: 0
}

.shopilike-Choice--disabled {
    cursor: default
}

.shopilike-Choice--disabled .shopilike-Choice__Label {
    color: var(--p-color-text-disabled)
}

:is(.shopilike-Choice--disabled .shopilike-Choice__Label):hover {
    cursor: default
}

@media (-ms-high-contrast: active) {
    .shopilike-Choice--disabled .shopilike-Choice__Label {
        color: grayText
    }
}

.shopilike-Choice--toneMagic .shopilike-Choice__Label {
    color: var(--p-color-text-ai)
}

.shopilike-Choice--disabled+.shopilike-Choice__Descriptions {
    color: var(--p-color-text-disabled)
}

.shopilike-Choice__Control {
    --pc-choice-size: 1.25rem
}

@media (min-width: 48em),(hover) and (pointer: fine) {
    .shopilike-Choice__Control {
        --pc-choice-size:1.125rem
    }
}

.shopilike-Choice__Control {
    display: flex;
    flex: 0 0 auto;
    align-items: stretch;
    width: var(--pc-choice-size);
    height: var(--pc-choice-size);
    margin-right: var(--p-space-200)
}

.shopilike-Choice__Control>* {
    width: 100%
}

.shopilike-Choice:not(.shopilike-Choice--labelHidden) .shopilike-Choice__Control {
    transform: translateY(var(--p-space-050))
}

@media (hover) and (pointer: fine),(min-width: 48em) {
    .shopilike-Choice:not(.shopilike-Choice--labelHidden) .shopilike-Choice__Control {
        transform:translateY(var(--p-space-025))
    }
}

.shopilike-Choice__Label {
    -webkit-tap-highlight-color: transparent
}

.shopilike-Choice__Label:hover {
    cursor: pointer
}

.shopilike-Choice__Descriptions {
    --pc-choice-size: 1.25rem;
    margin-top: calc(var(--p-space-200)*-1);
    padding-left: calc(var(--p-space-200) + var(--pc-choice-size))
}

@media (min-width: 48em),(hover) and (pointer: fine) {
    .shopilike-Choice__Descriptions {
        --pc-choice-size:1.125rem;
        margin-top: 0
    }
}

.shopilike-Choice__HelpText {
    margin-bottom: var(--p-space-100)
}

.shopilike-Choice__LabelGroup {
    display: flex;
    flex-direction: column
}

.shopilike-Checkbox {
    position: relative
}

@media (min-width: 48em),(hover) and (pointer: fine) {
    .shopilike-Checkbox {
        margin:var(--p-space-025)
    }
}

.shopilike-Checkbox__ChoiceLabel .shopilike-Checkbox__Backdrop {
    border-width: 0;
    box-shadow: inset 0 0 0 var(--p-border-width-025) var(--p-color-input-border);
    transition: border-color var(--p-motion-duration-100) var(--p-motion-ease-out),border-width var(--p-motion-duration-100) var(--p-motion-ease-out),box-shadow var(--p-motion-duration-100) var(--p-motion-ease-out);
    transform: translateZ(0)
}

@media (min-width: 48em),(hover) and (pointer: fine) {
    .shopilike-Checkbox__ChoiceLabel .shopilike-Checkbox__Backdrop {
        box-shadow:inset 0 0 0 var(--p-border-width-0165) var(--p-color-input-border)
    }
}

.shopilike-Checkbox__ChoiceLabel:hover .shopilike-Checkbox__Backdrop {
    border-color: var(--p-color-input-border-hover);
    box-shadow: inset 0 0 0 var(--p-border-width-025) var(--p-color-input-border-hover);
    background-color: var(--p-color-input-bg-surface-hover)
}

@media (min-width: 48em),(hover) and (pointer: fine) {
    .shopilike-Checkbox__ChoiceLabel:hover .shopilike-Checkbox__Backdrop {
        box-shadow:inset 0 0 0 var(--p-border-width-0165) var(--p-color-input-border-hover)
    }
}

.shopilike-Checkbox__ChoiceLabel:active .shopilike-Checkbox__Backdrop,.shopilike-Checkbox__ChoiceLabel:checked .shopilike-Checkbox__Backdrop {
    border-color: var(--p-color-bg-fill-brand);
    border-width: 0;
    box-shadow: inset 0 0 0 var(--p-space-050) var(--p-color-bg-fill-brand)
}

.shopilike-Checkbox__Input {
    position: absolute;
    z-index: var(--p-z-index-1);
    width: 100%;
    height: 100%;
    opacity: 0;
    margin: 0
}

:is(.shopilike-Checkbox__Input:focus-visible+.shopilike-Checkbox__Backdrop):after {
    box-shadow: 0 0 0 .125rem var(--p-color-border-focus);
    outline: var(--p-border-width-025) solid transparent
}

.shopilike-Checkbox__Input:focus-visible+.shopilike-Checkbox__Backdrop {
    outline: var(--p-border-width-050) solid var(--p-color-border-focus);
    outline-offset: var(--p-space-025);
    background-color: var(--p-color-input-bg-surface-hover);
    border-width: 0
}

:is(.shopilike-Checkbox__Input:checked,.shopilike-Checkbox__Input.shopilike-Checkbox__Input--indeterminate)+.shopilike-Checkbox__Backdrop {
    border-color: var(--p-color-border-highlight)
}

:is(:is(.shopilike-Checkbox__Input:checked,.shopilike-Checkbox__Input.shopilike-Checkbox__Input--indeterminate)+.shopilike-Checkbox__Backdrop):before {
    opacity: 1;
    transform: scale(1)
}

@media (-ms-high-contrast: active) {
    :is(:is(.shopilike-Checkbox__Input:checked,.shopilike-Checkbox__Input.shopilike-Checkbox__Input--indeterminate)+.shopilike-Checkbox__Backdrop):before {
        border: var(--p-border-width-050) solid FieldText
    }
}

:is(.shopilike-Checkbox__Input:checked,.shopilike-Checkbox__Input.shopilike-Checkbox__Input--indeterminate)+.shopilike-Checkbox__Backdrop {
    border-color: var(--p-color-bg-fill-brand);
    background-color: var(--p-color-bg-fill-brand-selected);
    box-shadow: inset 0 0 0 var(--p-space-800) var(--p-color-bg-fill-brand-selected)
}

:is(.shopilike-Checkbox__Input:checked,.shopilike-Checkbox__Input.shopilike-Checkbox__Input--indeterminate)~.shopilike-Checkbox__Icon {
    transition: opacity var(--p-motion-duration-150) var(--p-motion-ease-out),transform var(--p-motion-duration-150) var(--p-motion-ease-out);
    opacity: 1
}

:is(:is(.shopilike-Checkbox__Input:checked,.shopilike-Checkbox__Input.shopilike-Checkbox__Input--indeterminate)~.shopilike-Checkbox__Icon) s-internal-icon,:is(:is(.shopilike-Checkbox__Input:checked,.shopilike-Checkbox__Input.shopilike-Checkbox__Input--indeterminate)~.shopilike-Checkbox__Icon) svg {
    color: var(--p-color-text-brand-on-bg-fill)
}

.shopilike-Checkbox--animated:is(:is(.shopilike-Checkbox__Input:checked,.shopilike-Checkbox__Input.shopilike-Checkbox__Input--indeterminate)~.shopilike-Checkbox__Icon) {
    transition: initial
}

.shopilike-Checkbox__Input:disabled+.shopilike-Checkbox__Backdrop {
    border-color: var(--p-color-border-disabled)
}

:is(.shopilike-Checkbox__Input:disabled+.shopilike-Checkbox__Backdrop):before {
    background-color: var(--p-color-bg-surface-disabled)
}

:is(.shopilike-Checkbox__Input:disabled+.shopilike-Checkbox__Backdrop):hover {
    cursor: default
}

.shopilike-Checkbox__Input:disabled+.shopilike-Checkbox__Backdrop {
    border-color: transparent;
    background-color: var(--p-color-checkbox-bg-surface-disabled);
    box-shadow: none
}

:is(.shopilike-Checkbox__Input:disabled+.shopilike-Checkbox__Backdrop):before {
    background-color: transparent
}

.shopilike-Checkbox__Input:disabled~.shopilike-Checkbox__Icon s-internal-icon,.shopilike-Checkbox__Input:disabled~.shopilike-Checkbox__Icon svg {
    color: var(--p-color-checkbox-icon-disabled)
}

:is(.shopilike-Checkbox__Input:disabled:checked,.shopilike-Checkbox__Input.shopilike-Checkbox__Input--indeterminate:disabled)+.shopilike-Checkbox__Backdrop {
    background-color: var(--p-color-checkbox-bg-surface-disabled)
}

:is(:is(.shopilike-Checkbox__Input:disabled:checked,.shopilike-Checkbox__Input.shopilike-Checkbox__Input--indeterminate:disabled)+.shopilike-Checkbox__Backdrop):before {
    background-color: transparent
}

.shopilike-Checkbox__Input.shopilike-Checkbox--toneMagic+.shopilike-Checkbox__Backdrop {
    background-color: var(--p-color-bg-surface-ai);
    box-shadow: inset 0 0 0 var(--p-border-width-0165) var(--p-color-border-ai-secondary)
}

.shopilike-Checkbox__ChoiceLabel:hover :is(.shopilike-Checkbox__Input.shopilike-Checkbox--toneMagic+.shopilike-Checkbox__Backdrop) {
    background-color: var(--p-color-bg-surface-ai-hover);
    box-shadow: inset 0 0 0 var(--p-border-width-0165) var(--p-color-border-ai-secondary-hover)
}

:is(.shopilike-Checkbox__Input.shopilike-Checkbox--toneMagic:checked,.shopilike-Checkbox__Input.shopilike-Checkbox--toneMagic.shopilike-Checkbox__Input--indeterminate)+.shopilike-Checkbox__Backdrop {
    border-color: var(--p-color-bg-fill-ai);
    background-color: var(--p-color-bg-fill-ai);
    box-shadow: inset 0 0 0 var(--p-space-800) var(--p-color-bg-fill-ai)
}

.shopilike-Checkbox__ChoiceLabel:hover :is(:is(.shopilike-Checkbox__Input.shopilike-Checkbox--toneMagic:checked,.shopilike-Checkbox__Input.shopilike-Checkbox--toneMagic.shopilike-Checkbox__Input--indeterminate)+.shopilike-Checkbox__Backdrop) {
    border-color: var(--p-color-bg-fill-ai);
    background-color: var(--p-color-bg-fill-ai);
    box-shadow: inset 0 0 0 var(--p-space-800) var(--p-color-bg-fill-ai)
}

.shopilike-Checkbox__Backdrop {
    position: relative;
    border: var(--p-border-width-050) solid var(--p-color-input-border);
    background-color: var(--p-color-bg-surface);
    border-radius: var(--p-border-radius-100)
}

.shopilike-Checkbox__Backdrop.shopilike-Checkbox--hover,.shopilike-Checkbox__Backdrop:hover {
    cursor: pointer;
    border-color: var(--p-color-border-hover)
}

.shopilike-Checkbox__Backdrop {
    position: relative;
    display: block;
    width: 100%;
    height: 100%
}

.shopilike-Checkbox__Icon {
    position: absolute;
    transform-origin: 50% 50%;
    pointer-events: none;
    opacity: 0;
    transition: opacity var(--p-motion-duration-100) var(--p-motion-ease-out),transform var(--p-motion-duration-100) var(--p-motion-ease-out);
    top: calc(var(--p-space-050)*-1);
    left: calc(var(--p-space-050)*-1);
    bottom: calc(var(--p-space-050)*-1);
    right: calc(var(--p-space-050)*-1)
}

.shopilike-Checkbox__Icon.shopilike-Checkbox--animated {
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: var(--p-space-050);
    transition: initial
}

.shopilike-Checkbox__Icon svg {
    color: var(--p-color-text-brand-on-bg-fill);
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0
}

@media (-ms-high-contrast: active) {
    .shopilike-Checkbox__Icon {
        fill: FieldText
    }
}

.shopilike-Checkbox__IconIndeterminate {
    padding: var(--p-space-050)
}

@media (min-width: 48em),(hover) and (pointer: fine) {
    .shopilike-Checkbox__IconIndeterminate {
        padding:0
    }
}

.shopilike-Checkbox--error .shopilike-Checkbox__Icon s-internal-icon,.shopilike-Checkbox--error .shopilike-Checkbox__Icon svg {
    color: var(--p-color-text-critical-on-bg-fill)
}

:is(.shopilike-Checkbox--error .shopilike-Checkbox__Input) .shopilike-Checkbox__Backdrop {
    border-color: var(--p-color-border-critical);
    background-color: var(--p-color-bg-fill-critical-secondary)
}

.shopilike-Checkbox--hover:is(:is(.shopilike-Checkbox--error .shopilike-Checkbox__Input) .shopilike-Checkbox__Backdrop),:is(:is(.shopilike-Checkbox--error .shopilike-Checkbox__Input) .shopilike-Checkbox__Backdrop):hover {
    border-color: var(--p-color-border-critical)
}

:is(:is(.shopilike-Checkbox--error .shopilike-Checkbox__Input) .shopilike-Checkbox__Backdrop):before {
    background-color: var(--p-color-border-critical)
}

:is(.shopilike-Checkbox--error .shopilike-Checkbox__Input) .shopilike-Checkbox__Backdrop {
    background-color: var(--p-color-bg-surface-critical);
    box-shadow: inset 0 0 0 var(--p-border-width-0165) var(--p-color-bg-fill-critical-active)
}

:is(.shopilike-Checkbox--error .shopilike-Checkbox__Backdrop):active {
    box-shadow: inset 0 0 0 var(--p-space-050) var(--p-color-bg-fill-critical-active)
}

:is(.shopilike-Checkbox--error .shopilike-Checkbox__Input:checked,.shopilike-Checkbox--error .shopilike-Checkbox__Input.shopilike-Checkbox__Input--indeterminate)+.shopilike-Checkbox__Backdrop {
    background-color: var(--p-color-bg-fill-critical-selected);
    box-shadow: inset 0 0 0 var(--p-space-300) var(--p-color-bg-fill-critical-selected)
}

:is(.shopilike-Checkbox--error .shopilike-Checkbox__Input:active)+.shopilike-Checkbox__Backdrop {
    background-color: var(--p-color-border-critical);
    box-shadow: inset 0 0 0 var(--p-space-050) var(--p-color-bg-fill-critical-active)
}

:is(.shopilike-Checkbox--error .shopilike-Checkbox__Input:focus-visible+.shopilike-Checkbox__Backdrop),.shopilike-Checkbox__ChoiceLabel:hover :is(.shopilike-Checkbox--error .shopilike-Checkbox__Input:focus-visible+.shopilike-Checkbox__Backdrop) {
    border-color: var(--p-color-border-critical-secondary);
    background-color: var(--p-color-bg-surface-critical)
}

.shopilike-Checkbox--animated s-internal-icon>path,.shopilike-Checkbox--animated svg>path {
    stroke-dasharray: 2;
    stroke-dashoffset: 2
}

.shopilike-Checkbox--checked:is(.shopilike-Checkbox--animated s-internal-icon>path,.shopilike-Checkbox--animated svg>path) {
    animation-name: shopilike-Checkbox--pathAnimation;
    animation-duration: var(--p-motion-duration-150);
    animation-fill-mode: forwards;
    animation-timing-function: linear;
    animation-direction: normal;
    animation-iteration-count: 1;
    opacity: 1
}

@keyframes shopilike-Checkbox--pathAnimation {
    0% {
        stroke-dashoffset: 2
    }

    to {
        stroke-dashoffset: 0
    }
}

.shopilike-RadioButton {
    position: relative
}

@media (min-width: 48em) {
    .shopilike-RadioButton {
        margin:var(--p-space-025)
    }
}

.shopilike-RadioButton__Input {
    position: absolute!important;
    top: 0;
    width: .0625rem!important;
    height: .0625rem!important;
    margin: 0!important;
    padding: 0!important;
    overflow: hidden!important;
    clip-path: inset(50%)!important;
    border: 0!important;
    white-space: nowrap!important
}

.shopilike-RadioButton__Input:focus-visible+.shopilike-RadioButton__Backdrop {
    outline: var(--p-border-width-050) solid var(--p-color-border-focus);
    outline-offset: var(--p-space-025)
}

:is(.shopilike-RadioButton__Input:focus-visible+.shopilike-RadioButton__Backdrop):after {
    border-radius: var(--p-border-radius-full)
}

:is(.shopilike-RadioButton__Input:checked+.shopilike-RadioButton__Backdrop),.shopilike-RadioButton__ChoiceLabel:hover :is(.shopilike-RadioButton__Input:checked+.shopilike-RadioButton__Backdrop) {
    border-color: var(--p-color-border-highlight)
}

:is(:is(.shopilike-RadioButton__Input:checked+.shopilike-RadioButton__Backdrop),.shopilike-RadioButton__ChoiceLabel:hover :is(.shopilike-RadioButton__Input:checked+.shopilike-RadioButton__Backdrop)):before {
    background-color: var(--p-color-text-brand-on-bg-fill);
    transition: opacity var(--p-motion-duration-150) var(--p-motion-ease-out),transform var(--p-motion-duration-150) var(--p-motion-ease-out);
    opacity: 1;
    transform: translate(-50%,-50%) scale(1)
}

:is(.shopilike-RadioButton__Input:checked:not([disabled])+.shopilike-RadioButton__Backdrop),.shopilike-RadioButton__ChoiceLabel:hover :is(.shopilike-RadioButton__Input:checked:not([disabled])+.shopilike-RadioButton__Backdrop) {
    background-color: var(--p-color-bg-fill-brand-selected);
    border-color: var(--p-color-bg-fill-brand-selected)
}

:is(.shopilike-RadioButton__Input.shopilike-RadioButton--toneMagic:checked:not([disabled])+.shopilike-RadioButton__Backdrop),.shopilike-RadioButton__ChoiceLabel:hover :is(.shopilike-RadioButton__Input.shopilike-RadioButton--toneMagic:checked:not([disabled])+.shopilike-RadioButton__Backdrop) {
    background-color: var(--p-color-bg-fill-ai);
    border-color: var(--p-color-bg-fill-ai)
}

:is(:is(.shopilike-RadioButton__Input.shopilike-RadioButton--toneMagic:checked:not([disabled])+.shopilike-RadioButton__Backdrop):before),.shopilike-RadioButton__ChoiceLabel:hover :is(:is(.shopilike-RadioButton__Input.shopilike-RadioButton--toneMagic:checked:not([disabled])+.shopilike-RadioButton__Backdrop):before) {
    background-color: var(--p-color-text-ai-on-bg-fill)
}

.shopilike-RadioButton__ChoiceLabel:hover :is(.shopilike-RadioButton__Input+.shopilike-RadioButton__Backdrop) {
    cursor: pointer;
    border-color: var(--p-color-input-border-hover);
    background: var(--p-color-input-bg-surface-hover)
}

.shopilike-RadioButton__ChoiceLabel:active :is(.shopilike-RadioButton__Input+.shopilike-RadioButton__Backdrop) {
    border-color: var(--p-color-bg-fill-brand);
    border-width: var(--p-border-width-050)
}

:is(.shopilike-RadioButton__Input:disabled+.shopilike-RadioButton__Backdrop),.shopilike-RadioButton__ChoiceLabel:hover :is(.shopilike-RadioButton__Input:disabled+.shopilike-RadioButton__Backdrop) {
    cursor: default;
    background-color: var(--p-color-radio-button-bg-surface-disabled);
    border: none
}

:is(:is(.shopilike-RadioButton__Input:disabled+.shopilike-RadioButton__Backdrop),.shopilike-RadioButton__ChoiceLabel:hover :is(.shopilike-RadioButton__Input:disabled+.shopilike-RadioButton__Backdrop)):before {
    background-color: var(--p-color-border-disabled)
}

:is(.shopilike-RadioButton__Input:disabled:checked+.shopilike-RadioButton__Backdrop:before),.shopilike-RadioButton__ChoiceLabel:hover :is(.shopilike-RadioButton__Input:disabled:checked+.shopilike-RadioButton__Backdrop:before) {
    background-color: var(--p-color-radio-button-icon-disabled)
}

.shopilike-RadioButton__Backdrop {
    --pc-icon-size-small: .625rem
}

@media (min-width: 48em) {
    .shopilike-RadioButton__Backdrop {
        --pc-icon-size-small:.5rem
    }
}

.shopilike-RadioButton__Backdrop {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    border: var(--p-border-width-025) solid var(--p-color-input-border);
    border-radius: var(--p-border-radius-full);
    background-color: var(--p-color-input-bg-surface);
    transition: border-color var(--p-motion-duration-100) var(--p-motion-ease-out)
}

@media (min-width: 48em) {
    .shopilike-RadioButton__Backdrop {
        border:var(--p-border-width-0165) solid var(--p-color-input-border)
    }
}

.shopilike-RadioButton__Backdrop:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    opacity: 0;
    transform: translate(-50%,-50%) scale(.1);
    transform-origin: 50% 50%;
    height: var(--pc-icon-size-small);
    width: var(--pc-icon-size-small);
    background-color: var(--p-color-bg-fill-brand);
    border-radius: var(--p-border-radius-full);
    transition: opacity var(--p-motion-duration-100) var(--p-motion-ease-out),transform var(--p-motion-duration-100) var(--p-motion-ease-out)
}

@media (forced-colors: active) {
    .shopilike-RadioButton__Backdrop:before {
        border: var(--p-border-width-100) solid transparent
    }
}

.shopilike-RadioButton__Backdrop {
    position: relative
}

.shopilike-RadioButton__Backdrop:after {
    content: "";
    position: absolute;
    z-index: 1;
    top: calc(var(--p-border-width-050)*-1 - .0625rem);
    right: calc(var(--p-border-width-050)*-1 - .0625rem);
    bottom: calc(var(--p-border-width-050)*-1 - .0625rem);
    left: calc(var(--p-border-width-050)*-1 - .0625rem);
    display: block;
    pointer-events: none;
    box-shadow: 0 0 0 calc(var(--p-border-width-050)*-1 - .0625rem) var(--p-color-border-focus);
    border-radius: var(--p-border-radius-100)
}

.shopilike-RadioButton__Backdrop:after {
    border-radius: var(--p-border-radius-full)
}

.shopilike-Bleed {
    --pc-bleed-margin-block-start-xs: initial;
    --pc-bleed-margin-block-start-sm: var(--pc-bleed-margin-block-start-xs);
    --pc-bleed-margin-block-start-md: var(--pc-bleed-margin-block-start-sm);
    --pc-bleed-margin-block-start-lg: var(--pc-bleed-margin-block-start-md);
    --pc-bleed-margin-block-start-xl: var(--pc-bleed-margin-block-start-lg);
    --pc-bleed-margin-block-end-xs: initial;
    --pc-bleed-margin-block-end-sm: var(--pc-bleed-margin-block-end-xs);
    --pc-bleed-margin-block-end-md: var(--pc-bleed-margin-block-end-sm);
    --pc-bleed-margin-block-end-lg: var(--pc-bleed-margin-block-end-md);
    --pc-bleed-margin-block-end-xl: var(--pc-bleed-margin-block-end-lg);
    --pc-bleed-margin-inline-start-xs: initial;
    --pc-bleed-margin-inline-start-sm: var(--pc-bleed-margin-inline-start-xs);
    --pc-bleed-margin-inline-start-md: var(--pc-bleed-margin-inline-start-sm);
    --pc-bleed-margin-inline-start-lg: var(--pc-bleed-margin-inline-start-md);
    --pc-bleed-margin-inline-start-xl: var(--pc-bleed-margin-inline-start-lg);
    --pc-bleed-margin-inline-end-xs: initial;
    --pc-bleed-margin-inline-end-sm: var(--pc-bleed-margin-inline-end-xs);
    --pc-bleed-margin-inline-end-md: var(--pc-bleed-margin-inline-end-sm);
    --pc-bleed-margin-inline-end-lg: var(--pc-bleed-margin-inline-end-md);
    --pc-bleed-margin-inline-end-xl: var(--pc-bleed-margin-inline-end-lg);
    margin-block-start:calc(var(--pc-bleed-margin-block-start-xs)*-1);margin-block-end: calc(var(--pc-bleed-margin-block-end-xs)*-1);
    margin-inline-start:calc(var(--pc-bleed-margin-inline-start-xs)*-1);margin-inline-end: calc(var(--pc-bleed-margin-inline-end-xs)*-1)
}

@media (min-width: 30.625em) {
    .shopilike-Bleed {
        margin-block-start:calc(var(--pc-bleed-margin-block-start-sm)*-1);
        margin-block-end:calc(var(--pc-bleed-margin-block-end-sm)*-1);margin-inline-start: calc(var(--pc-bleed-margin-inline-start-sm)*-1);
        margin-inline-end:calc(var(--pc-bleed-margin-inline-end-sm)*-1)}
}

@media (min-width: 48em) {
    .shopilike-Bleed {
        margin-block-start:calc(var(--pc-bleed-margin-block-start-md)*-1);
        margin-block-end:calc(var(--pc-bleed-margin-block-end-md)*-1);margin-inline-start: calc(var(--pc-bleed-margin-inline-start-md)*-1);
        margin-inline-end:calc(var(--pc-bleed-margin-inline-end-md)*-1)}
}

@media (min-width: 65em) {
    .shopilike-Bleed {
        margin-block-start:calc(var(--pc-bleed-margin-block-start-lg)*-1);
        margin-block-end:calc(var(--pc-bleed-margin-block-end-lg)*-1);margin-inline-start: calc(var(--pc-bleed-margin-inline-start-lg)*-1);
        margin-inline-end:calc(var(--pc-bleed-margin-inline-end-lg)*-1)}
}

@media (min-width: 90em) {
    .shopilike-Bleed {
        margin-block-start:calc(var(--pc-bleed-margin-block-start-xl)*-1);
        margin-block-end:calc(var(--pc-bleed-margin-block-end-xl)*-1);margin-inline-start: calc(var(--pc-bleed-margin-inline-start-xl)*-1);
        margin-inline-end:calc(var(--pc-bleed-margin-inline-end-xl)*-1)}
}

@media (min-width: 48em) {
    .shopilike-ChoiceList__ChoiceChildren {
        padding-left:calc(var(--p-space-200) + 1.25rem)
    }
}

.shopilike-SortPopover-DirectionButton {
    position: relative
}

.shopilike-SortPopover-DirectionButton:after {
    content: "";
    position: absolute;
    z-index: 1;
    top: -.0625rem;
    right: -.0625rem;
    bottom: -.0625rem;
    left: -.0625rem;
    display: block;
    pointer-events: none;
    box-shadow: 0 0 0 -.0625rem var(--p-color-border-focus);
    border-radius: var(--p-border-radius-200)
}

.shopilike-SortPopover-DirectionButton {
    border-radius: var(--p-border-radius-200);
    padding: var(--p-space-100) var(--p-space-300) var(--p-space-100) var(--p-space-200);
    display: grid;
    align-items: center;
    grid-template-columns: auto 1fr;
    gap: var(--p-space-050);
    cursor: pointer;
    inline-size: 100%;
    border: none;
    background: none;
    text-align: left
}

.shopilike-SortPopover-DirectionButton:hover {
    background-color: var(--p-color-bg-fill-transparent-hover)
}

.shopilike-SortPopover-DirectionButton+.shopilike-SortPopover-DirectionButton {
    margin-top: var(--p-space-100)
}

.shopilike-SortPopover-DirectionButton:focus-visible {
    outline: var(--p-border-width-050) solid var(--p-color-border-focus);
    outline-offset: var(--p-space-050)
}

.shopilike-SortPopover-DirectionButton__DirectionButton--active {
    color: var(--p-color-text);
    background: var(--p-color-bg-fill-transparent-active)
}

.shopilike-AlphaTable__TableWrapper {
    --pc-table-padding: var(--p-space-150);
    --pc-table-edge-padding: var(--p-space-300);
    --pc-table-sortable-icon-size: var(--p-space-400);
    position: relative;
    border-radius: inherit;
    overflow: clip;
    isolation: isolate
}

.shopilike-AlphaTable__TableScrollable {
    overflow-x: auto;
    overscroll-behavior-x: contain;
    -ms-overflow-style: none;
    scrollbar-width: none;
    border-radius: inherit
}

.shopilike-AlphaTable__TableScrollable::-webkit-scrollbar {
    display: none
}

.shopilike-AlphaTable__Table {
    background: var(--p-color-bg-surface);
    border-spacing: 0;
    min-inline-size: 100%;
    inline-size: -moz-fit-content;
    inline-size: fit-content;
    display: grid;
    grid-template-columns: var(--pc-table-column-sizes)
}

.shopilike-AlphaTable__RowGroupToggleWrap {
    padding-left: var(--p-space-150);
    margin: calc(var(--p-space-200)*-1) 0;
    display: flex
}

.shopilike-AlphaTable__TableStickyFooter {
    position: sticky;
    bottom: 0;
    left: 0;
    z-index: var(--p-z-index-2);
    width: 100%
}

.shopilike-AlphaTableShared__SharedTableWrapper:not(.shopilike-AlphaTableShared__SharedDisableStickyColumns) .shopilike-AlphaTableShared__SharedStickyCell {
    position: sticky!important;
    z-index: var(--p-z-index-1)
}

.shopilike-AlphaTableShared__SharedTableWrapper.shopilike-AlphaTableShared__SharedReverseZIndex .shopilike-AlphaTableShared__SharedStickyInlineStartCell {
    z-index: var(--p-z-index-2)
}

.shopilike-AlphaTableShared__SharedLoading>* {
    opacity: .2;
    transition: opacity var(--p-motion-duration-200) ease-in!important
}

.shopilike-AlphaTableShared__SharedNoStickyInlineStart .shopilike-AlphaTableShared__SharedStickyIndicatorStart,.shopilike-AlphaTableShared__SharedNoStickyInlineEnd .shopilike-AlphaTableShared__SharedStickyIndicatorEnd {
    opacity: 0;
    display: none
}

.shopilike-AlphaTable-TableCell {
    background-color: inherit;
    padding: var(--pc-table-padding);
    font-size: var(--p-font-size-300);
    line-height: var(--p-font-line-height-400);
    font-weight: var(--p-font-weight-regular);
    min-height: calc(var(--p-space-200)*2 + var(--p-height-400))
}

.shopilike-AlphaTable-TableCell:not(.shopilike-AlphaTable-TableCell__Wrap,.shopilike-AlphaTable-TableCell__LineClampCell) {
    white-space: nowrap
}

.shopilike-AlphaTable-TableCell:first-of-type {
    padding-inline-start:var(--pc-table-edge-padding)}

.shopilike-AlphaTable-TableCell: last-of-type {
    padding-inline-end:var(--pc-table-edge-padding)
}

.shopilike-AlphaTable-TableCell__TableCellContent {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center
}

[role=row]:not(:first-child) .shopilike-AlphaTable-TableCell {
    --pc-table-cell-border-block-start-width: var( --pc-table-cell-border-width, var(--p-border-width-025) );
    border-block-start:var(--pc-table-cell-border-block-start-width) solid var(--p-color-border)}

.shopilike-AlphaTable-TableCell__LineClamp {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: var(--pc-table-cell-line-clamp);
    overflow: hidden
}

.shopilike-AlphaTable-TableCell__StopClickEventPropagationPassThrough {
    display: contents
}

.shopilike-AlphaTable-TableCell--stickyInlineStart {
    left: var(--pc-table-cell-sticky-offset, 0)
}

.shopilike-AlphaTable-TableCell--stickyInlineEnd {
    right: var(--pc-table-cell-sticky-offset, 0);
    padding-inline-start:var(--p-space-150)}

.shopilike-AlphaTable-TableCell--stickyInlineEnd~.shopilike-AlphaTable-TableCell {
    padding-inline-start: var(--p-space-150)
}

.shopilike-AlphaTable-TableCell--stickyInlineEnd~.shopilike-AlphaTable-TableCell:not(:last-of-type) {
    padding-inline-end:var(--p-space-0)}

.shopilike-AlphaTable-TableCell--stickyInlineStart: has(.shopilike-AlphaTable-TableCell__DialogWrapper),.shopilike-AlphaTable-TableCell--stickyInlineEnd:has(.shopilike-AlphaTable-TableCell__DialogWrapper) {
                                                                                                        padding-inline-end:calc(var(--p-space-150) - var(--p-space-050))
                                                                                                    }

.shopilike-AlphaTable-TableCell--stickyInlineEnd+:not(.shopilike-AlphaTable-TableCell--stickyInlineEnd) {
    padding-inline-end:var(--p-space-200)}

.shopilike-AlphaTable-TableCell--alignEnd {
    justify-content: flex-end
}

.shopilike-AlphaTable-TableCell--formattingNumeric {
    font-variant-numeric: tabular-nums
}

.shopilike-AlphaTable-TableCell.shopilike-AlphaTable-TableCell--activatorOffset {
    padding-inline-end:var(--p-space-600)}

.shopilike-AlphaTable-TableCell.shopilike-AlphaTable-TableCell--sortableOffset {
    padding-inline-end: calc(var(--pc-table-padding) + var(--pc-table-sortable-icon-size))
}

.shopilike-AlphaTable-TableCell:last-of-type.shopilike-AlphaTable-TableCell--sortableOffset {
    padding-inline-end:calc(var(--pc-table-padding) + var(--pc-table-edge-padding) + var(--pc-table-sortable-icon-size))}

.shopilike-AlphaTable-TableCell: has(.shopilike-AlphaTable-TableCell__DialogWrapper),.shopilike-AlphaTable-TableCell__DialogActivator {
                                                                                     cursor:pointer
                                                                                 }

.shopilike-AlphaTable-TableCell__DialogWrapper {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.shopilike-AlphaTable-TableCell__DialogWrapper:after {
    content: "";
    position: absolute;
    z-index: var(--p-z-index-1);
    top: var(--p-border-width-0);
    right: var(--p-border-width-025);
    bottom: var(--p-border-width-0);
    left: calc(var(--p-border-width-100)*-1);
    display: block;
    pointer-events: none;
    border-radius: var(--p-border-radius-100)
}

.shopilike-AlphaTable-TableCell__DialogActivator {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: var(--p-space-0);
    background-color: transparent;
    border: none;
    display: flex
}

.shopilike-AlphaTable-TableCell__DialogActivator:focus-visible {
    outline: none
}

.shopilike-AlphaTable-TableCell:has(.shopilike-AlphaTable-TableCell__DialogWrapper .shopilike-AlphaTable-TableCell__DialogActivator[aria-expanded=true]),.shopilike-AlphaTable-TableCell:has(.shopilike-AlphaTable-TableCell__DialogWrapper):hover {
    background: linear-gradient(var(--p-color-bg-fill-transparent-hover),var(--p-color-bg-fill-transparent-hover)),linear-gradient(var(--pc-table-row-background),var(--pc-table-row-background))
}

:is(.shopilike-AlphaTable-TableCell:has(.shopilike-AlphaTable-TableCell__DialogActivator:focus-visible) .shopilike-AlphaTable-TableCell__DialogWrapper):after {
    box-shadow: 0 0 0 .125rem var(--p-color-border-focus);
    outline: var(--p-border-width-025) solid transparent
}

.shopilike-AlphaTable-TableCell__DialogActivatorIcon {
    opacity: 0
}

:is(.shopilike-AlphaTable-TableCell__DialogActivator:focus-visible,.shopilike-AlphaTable-TableCell__DialogActivator[aria-expanded=true],[role=row]:hover .shopilike-AlphaTable-TableCell:not(.shopilike-AlphaTable-TableCell__InertCell),[role=row]:has(:focus-visible) .shopilike-AlphaTable-TableCell:not(.shopilike-AlphaTable-TableCell__InertCell)) .shopilike-AlphaTable-TableCell__DialogActivatorIcon {
    opacity: 1
}

.shopilike-AlphaTable-TableCell__InertCell.shopilike-AlphaTable-TableCell:has(.shopilike-AlphaTable-TableCell__DialogWrapper):hover {
    background: inherit
}

.shopilike-AlphaTable-TableRowAction__TooltipWrapper>span {
    display: flex
}

.shopilike-AlphaTable-TableRow {
    --pc-table-row-background: var(--p-color-bg-surface);
    background: var(--pc-table-row-background);
    display: contents
}

@media (hover) and (pointer: fine) {
    .shopilike-AlphaTable-TableRow__Selectable:hover {
        --pc-table-row-background:var(--p-color-bg-surface-hover)
    }
}

.shopilike-AlphaTable-TableRow.shopilike-AlphaTable-TableRow__Disabled {
    color: var(--p-color-text-disabled)
}

.shopilike-AlphaTable-TableRow__CheckboxHitState {
    cursor: pointer;
    display: flex
}

:is(.shopilike-AlphaTable-TableRow .shopilike-AlphaTable-TableRow__CheckboxHitState):after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.shopilike-AlphaTable-TableRow__ListItem .shopilike-AlphaTable-TableRow__CheckboxHitState {
    position: relative
}

:is(.shopilike-AlphaTable-TableRow__ListItem .shopilike-AlphaTable-TableRow__CheckboxHitState):after {
    content: "";
    top: -.75rem;
    right: -.75rem;
    bottom: -.75rem;
    left: -.75rem;
    position: absolute
}

.shopilike-AlphaTable-TableRow__ListItem.shopilike-AlphaTable-TableRow__WithinSectionContainer {
    padding-inline:unset}

.shopilike-AlphaTable-TableRow__ListItem {
    --pc-table-row-background: var(--p-color-bg-surface);
    background: var(--pc-table-row-background);
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: var(--p-space-200);
    padding-block:var(--p-space-300);padding-inline: var(--p-space-400);
    inline-size: 100%
}

.shopilike-AlphaTable-TableRow__ListItem+.shopilike-AlphaTable-TableRow__ListItem {
    border-block-start:var(--p-border-width-025) solid var(--p-color-border)}

.shopilike-AlphaTable-TableRow__ListItem.shopilike-AlphaTable-TableRow__Summary {
    --pc-table-row-background: var(--p-color-bg-surface-secondary);
    background: var(--p-color-bg-surface-secondary);
    font-weight: var(--p-font-weight-medium)
}

.shopilike-AlphaTable-TableRow__ListItemHeader {
    display: flex;
    flex-direction: column;
    gap: var(--p-space-025)
}

.shopilike-AlphaTable-TableRow__ListItemWithSelectionEnabled {
    padding-inline-start:var(--p-space-400)}

: is(.shopilike-AlphaTable-TableRow,.shopilike-AlphaTable-TableRow__ListItemContent):not(.shopilike-AlphaTable-TableRow__Disabled):has([data-primary-link]),.shopilike-AlphaTable-TableRow__Selectable {
                                                                                    cursor:pointer
                                                                                }

:where(.shopilike-AlphaTable-TableRow:not(.shopilike-AlphaTable-TableRow__ShowSelectedMode),.shopilike-AlphaTable-TableRow__ListItemContent):not(.shopilike-AlphaTable-TableRow__Disabled):has([data-primary-link]):hover {
    --pc-table-row-background: var(--p-color-bg-surface-secondary)
}

.shopilike-AlphaTable-TableRow__Row--warning {
    --pc-table-row-background: var(--p-color-bg-surface-warning)
}

@media (hover) and (pointer: fine) {
    .shopilike-AlphaTable-TableRow__Row--warning.shopilike-AlphaTable-TableRow__Selectable:hover,.shopilike-AlphaTable-TableRow__Row--warning.shopilike-AlphaTable-TableRow__Selected:hover {
        --pc-table-row-background:var(--p-color-bg-surface-warning-hover)
    }
}

.shopilike-AlphaTable-TableRow__Row--critical {
    --pc-table-row-background: var(--p-color-bg-surface-critical)
}

@media (hover) and (pointer: fine) {
    .shopilike-AlphaTable-TableRow__Row--critical.shopilike-AlphaTable-TableRow__Selectable:hover,.shopilike-AlphaTable-TableRow__Row--critical.shopilike-AlphaTable-TableRow__Selected:hover {
        --pc-table-row-background:var(--p-color-bg-surface-critical-hover)
    }
}

.shopilike-AlphaTable-TableRow__Row--subdued {
    --pc-table-row-background: var(--p-color-bg-surface-secondary)
}

@media (hover) and (pointer: fine) {
    .shopilike-AlphaTable-TableRow__Row--subdued.shopilike-AlphaTable-TableRow__Selectable:hover,.shopilike-AlphaTable-TableRow__Row--subdued.shopilike-AlphaTable-TableRow__Selected:hover {
        --pc-table-row-background:var(--p-color-bg-surface-secondary-hover)
    }
}

.shopilike-AlphaTable-TableRow__Row--success {
    --pc-table-row-background: var(--p-color-bg-surface-success)
}

@media (hover) and (pointer: fine) {
    .shopilike-AlphaTable-TableRow__Row--success.shopilike-AlphaTable-TableRow__Selectable:hover,.shopilike-AlphaTable-TableRow__Row--success.shopilike-AlphaTable-TableRow__Selected:hover {
        --pc-table-row-background:var(--p-color-bg-surface-success-hover)
    }
}

.shopilike-AlphaTable-TableRow__ListItemCheckbox {
    align-self: flex-start;
    padding-block-start:var(--p-space-050)}

.shopilike-AlphaTable-TableRow__TableRowSummaryRowOpen.shopilike-AlphaTable-TableRow__ListItemWithSelectionEnabled {
    position: relative
}

.shopilike-AlphaTable-TableRow__TableRowSummaryRowOpen.shopilike-AlphaTable-TableRow__ListItemWithSelectionEnabled .shopilike-AlphaTable-TableRow__ListItemCheckbox:before {
    content: "";
    position: absolute;
    bottom: 0;
    top: 2.375rem;
    left: 1.5625rem;
    width: .0625rem;
    background: var(--p-color-border)
}

.shopilike-AlphaTable-TableRow__ListItemMain {
    flex: 1 1;
    width: 100%;
    display: flex;
    gap: var(--p-space-200)
}

.shopilike-AlphaTable-TableRow__ListItemMainContent {
    display: flex;
    flex-direction: column;
    gap: var(--p-space-200);
    inline-size: 100%;
    min-width: 0;
    overflow: hidden
}

.shopilike-AlphaTable-TableRow__ListItemContent {
    display: flex;
    flex-direction: column;
    gap: var(--p-space-150);
    inline-size: 100%;
    min-width: 0;
    overflow: hidden
}

.shopilike-AlphaTable-TableRow__ListItemThumbnail {
    display: flex;
    align-items: flex-start;
    padding-block-start:var(--p-space-050)}

.shopilike-AlphaTable-TableRow__ListItem: last-child {
    border-block-end-width:0
}

.shopilike-AlphaTable-TableRow__ListItemRowGroupToggle {
    padding-inline-start:var(--p-space-200)}

.shopilike-AlphaTable-TableRow__Dotted>div: not(:empty) {
    display:inline
}

.shopilike-AlphaTable-TableRow__Dotted .shopilike-AlphaTable-TableRow__DottedElement:not(:empty):has(~.shopilike-AlphaTable-TableRow__DottedElement:not(:empty)):after {
    content: " • ";
    white-space: nowrap
}

.shopilike-AlphaTable-TableRow__Kicker {
    color: var(--p-color-text-secondary);
    font-size: var(--p-font-size-300);
    font-weight: var(--p-font-weight-regular);
    letter-spacing: var(--p-font-letter-spacing-dense);
    line-height: var(--p-font-line-height-400)
}

@media (hover) and (pointer: fine),(min-width: 48em) {
    .shopilike-AlphaTable-TableRow__Kicker {
        font-size:var(--p-font-size-275);
        letter-spacing: var(--p-font-letter-spacing-normal);
        line-height: var(--p-font-line-height-300)
    }
}

.shopilike-AlphaTable-TableRow__Primary {
    flex-grow: 1;
    max-width: 100%
}

.shopilike-AlphaTable-TableRow__Primary,.shopilike-AlphaTable-TableRow__Secondary {
    font-size: var(--p-font-size-400);
    font-weight: var(--p-font-weight-semibold);
    letter-spacing: var(--p-font-letter-spacing-dense);
    line-height: var(--p-font-line-height-600);
    word-break: break-word
}

@media (hover) and (pointer: fine),(min-width: 48em) {
    .shopilike-AlphaTable-TableRow__Primary,.shopilike-AlphaTable-TableRow__Secondary {
        font-size:var(--p-font-size-325);
        letter-spacing: var(--p-font-letter-spacing-normal);
        line-height: var(--p-font-line-height-500)
    }
}

.shopilike-AlphaTable-TableRow__Secondary {
    flex-shrink: 0;
    text-align: end
}

.shopilike-AlphaTable-TableRow__PrimarySecondary {
    display: flex;
    gap: var(--p-space-100);
    inline-size: 100%
}

.shopilike-AlphaTable-TableRow__Body {
    display: flex;
    flex-direction: column;
    gap: var(--p-space-150)
}

.shopilike-AlphaTable-TableRow__Body>div:not(:empty) {
    display: block
}

.shopilike-AlphaTable-TableRow__Body>div:is(:empty) {
    display: none
}

.shopilike-AlphaTable-TableRow__Body,.shopilike-AlphaTable-TableRow__Labeled {
    color: var(--p-color-text);
    font-size: var(--p-font-size-400);
    font-weight: var(--p-font-weight-regular);
    letter-spacing: var(--p-font-letter-spacing-dense);
    line-height: var(--p-font-line-height-600)
}

@media (hover) and (pointer: fine),(min-width: 48em) {
    .shopilike-AlphaTable-TableRow__Body,.shopilike-AlphaTable-TableRow__Labeled {
        font-size:var(--p-font-size-325);
        letter-spacing: var(--p-font-letter-spacing-normal);
        line-height: var(--p-font-line-height-500)
    }
}

.shopilike-AlphaTable-TableRow__LabeledContent {
    display: flex;
    gap: var(--p-space-100);
    justify-content: space-between
}

.shopilike-AlphaTable-TableRow__LabeledContent:has(>:last-child:empty) {
    display: none
}

.shopilike-AlphaTable-TableRow__LabeledContent.shopilike-AlphaTable-TableRow__Numeric .shopilike-AlphaTable-TableRow__Label {
    flex-grow: 0;
    flex-shrink: 1
}

.shopilike-AlphaTable-TableRow__LabeledContent .shopilike-AlphaTable-TableRow__Label {
    flex-grow: 1;
    word-break: break-word
}

.shopilike-AlphaTable-TableRow__LabeledContent.shopilike-AlphaTable-TableRow__Numeric .shopilike-AlphaTable-TableRow__LabeledCell {
    flex-shrink: 0
}

.shopilike-AlphaTable-TableRow__LabeledCell {
    text-align: right;
    flex-grow: 1;
    max-width: 80%;
    overflow: hidden;
    justify-content: flex-end;
    display: flex;
    overflow-wrap: anywhere
}

.shopilike-AlphaTable-TableRow__LabeledCell>span,.shopilike-AlphaTable-TableRow__LabeledCell>div {
    max-width: 100%
}

.shopilike-AlphaTable-TableRow__Inline {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: var(--p-space-100)
}

.shopilike-AlphaTable-TableRow__Inline>div {
    display: contents
}

:is(.shopilike-AlphaTable-TableRow__ListItemThumbnail,.shopilike-AlphaTable-TableRow__Kicker,.shopilike-AlphaTable-TableRow__Primary,.shopilike-AlphaTable-TableRow__Secondary,.shopilike-AlphaTable-TableRow__Dotted,.shopilike-AlphaTable-TableRow__Labeled,.shopilike-AlphaTable-TableRow__Inline,.shopilike-AlphaTable-TableRow__Body,.shopilike-AlphaTable-TableRow__RowActions):empty {
    display: none
}

:where(.shopilike-AlphaTable-TableRow:hover,.shopilike-AlphaTable-TableRow:has(:focus-visible)) .shopilike-AlphaTable-TableRow__RowActions:not(.shopilike-AlphaTable-TableRow__RowActionsStuck) {
    opacity: 1
}

.shopilike-AlphaTable-TableRow:not(:hover):not(:has(:focus-visible)) .shopilike-AlphaTable-TableRow__RowActions:not(.shopilike-AlphaTable-TableRow__RowActionsStuck) {
    opacity: 0
}

.shopilike-AlphaTable-TableRow__RowActions {
    transition: opacity var(--p-motion-duration-100) var(--p-motion-ease);
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    gap: var(--p-space-100)
}

.shopilike-AlphaTable-TableRow__RowActions>div {
    display: flex
}

.shopilike-AlphaTable-TableRow .shopilike-AlphaTable-TableRow__RowActions {
    padding-inline-start:var(--p-space-150)}

.shopilike-AlphaTable-TableRow__CheckIcon {
    inline-size: var(--p-space-400);
    block-size: var(--p-space-400);
    position: relative;
    border-radius: var(--p-border-radius-100);
    overflow: hidden
}

.shopilike-AlphaTable-TableRow__CheckIcon:has(input:focus-visible) {
    outline: var(--p-border-width-050) solid var(--p-color-border-focus);
    outline-offset: var(--p-space-025)
}

.shopilike-AlphaTable-TableRow__FakeRadio {
    position: absolute;
    opacity: 0;
    inline-size: var(--p-space-500);
    block-size: var(--p-space-500);
    cursor: pointer;
    margin: 0
}

.shopilike-AlphaTable-TableRow__IconWrap {
    display: block;
    pointer-events: none;
    margin: calc(var(--p-space-050)*-1)
}

.shopilike-AlphaTable-TableRow__Selected {
    --pc-table-row-background: var(--p-color-bg-surface-active);
    transition: background var(--p-motion-duration-100) var(--p-motion-ease)
}

.shopilike-AlphaTable-TableRow__Selected.shopilike-AlphaTable-TableRow__Row--critical {
    --pc-table-row-background: var(--p-color-bg-surface-critical-active)
}

.shopilike-AlphaTable-TableRow__Selected.shopilike-AlphaTable-TableRow__Row--warning {
    --pc-table-row-background: var(--p-color-bg-surface-warning-active)
}

.shopilike-AlphaTable-TableRow__Selected.shopilike-AlphaTable-TableRow__Row--success {
    --pc-table-row-background: var(--p-color-bg-surface-success-active)
}

.shopilike-AlphaTable-TableRow__Selected.shopilike-AlphaTable-TableRow__Row--subdued {
    --pc-table-row-background: var(--p-color-bg-surface-secondary-active)
}

.shopilike-AlphaTable-TableRow.shopilike-AlphaTable-TableRow__ShowSelectedMode {
    cursor: pointer
}

.shopilike-AlphaTable-TableRow.shopilike-AlphaTable-TableRow__NestedRow [role=cell] {
    border-block-start-style:dashed}

.shopilike-AlphaTable-TableRow.shopilike-AlphaTable-TableRow__Summary {
    --pc-table-row-background: var(--p-color-bg-surface-secondary);
    background: var(--p-color-bg-surface-secondary)
}

.shopilike-AlphaTable-TableRow.shopilike-AlphaTable-TableRow__Summary [role=cell] {
    color: var(--p-color-text-secondary);
    font-weight: var(--p-font-weight-medium)
}

.shopilike-AlphaTable-TableRow__TableRowToggle {
    display: flex;
    padding-left: var(--p-space-150)
}

.shopilike-ButtonGroup {
    --pc-button-group-item: 10;
    --pc-button-group-focused: 20;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-top: calc(var(--p-space-200)*-1);
    margin-left: calc(var(--p-space-200)*-1)
}

.shopilike-ButtonGroup__Item {
    margin-top: var(--p-space-200);
    margin-left: var(--p-space-200)
}

.shopilike-ButtonGroup__Item--plain:not(:first-child) {
    margin-left: var(--p-space-200)
}

.shopilike-ButtonGroup__Item--plain:not(:last-child) {
    margin-right: var(--p-space-200)
}

.shopilike-ButtonGroup--variantSegmented {
    display: flex;
    flex-wrap: nowrap;
    margin-top: 0;
    margin-left: 0
}

.shopilike-ButtonGroup--variantSegmented .shopilike-ButtonGroup__Item {
    position: relative;
    margin-top: 0;
    margin-left: 0;
    line-height: 1
}

:is(.shopilike-ButtonGroup--variantSegmented .shopilike-ButtonGroup__Item):not(:first-child) {
    margin-left: calc(var(--p-space-025)*-1)
}

@media (min-width: 48em) {
    .shopilike-ButtonGroup--variantSegmented [aria-pressed=true] {
        z-index:var(--pc-button-group-item)
    }

    .shopilike-ButtonGroup--variantSegmented .shopilike-ButtonGroup__Item--focused {
        z-index: var(--pc-button-group-focused)
    }
}

.shopilike-ButtonGroup--fullWidth .shopilike-ButtonGroup__Item {
    flex: 1 1 auto
}

.shopilike-ButtonGroup--extraTight {
    margin-top: calc(var(--p-space-100)*-1);
    margin-left: calc(var(--p-space-100)*-1)
}

.shopilike-ButtonGroup--extraTight .shopilike-ButtonGroup__Item {
    margin-top: var(--p-space-100);
    margin-left: var(--p-space-100)
}

.shopilike-ButtonGroup--tight {
    margin-top: calc(var(--p-space-200)*-1);
    margin-left: calc(var(--p-space-200)*-1)
}

.shopilike-ButtonGroup--tight .shopilike-ButtonGroup__Item {
    margin-top: var(--p-space-200);
    margin-left: var(--p-space-200)
}

.shopilike-ButtonGroup--loose {
    margin-top: calc(var(--p-space-500)*-1);
    margin-left: calc(var(--p-space-500)*-1)
}

.shopilike-ButtonGroup--loose .shopilike-ButtonGroup__Item {
    margin-top: var(--p-space-500);
    margin-left: var(--p-space-500)
}

.shopilike-ButtonGroup--noWrap {
    display: flex;
    flex-wrap: nowrap
}

.shopilike-LegacyCard {
    background-color: var(--p-color-bg-surface);
    outline: var(--p-border-width-025) solid transparent;
    overflow: clip
}

.shopilike-LegacyCard+.shopilike-LegacyCard {
    margin-top: var(--p-space-400)
}

@media print {
    .shopilike-LegacyCard+.shopilike-LegacyCard {
        margin-top: calc(var(--p-space-200)*-1)
    }
}

@media (min-width: 30.625em) {
    .shopilike-LegacyCard {
        border-radius:var(--p-border-radius-300);
        box-shadow: var(--p-shadow-100)
    }

    .shopilike-LegacyCard .shopilike-LegacyCard__Section:first-child {
        border-top-left-radius: var(--p-border-radius-300);
        border-top-right-radius: var(--p-border-radius-300)
    }

    .shopilike-LegacyCard .shopilike-LegacyCard__Section:last-child {
        border-bottom-left-radius: var(--p-border-radius-300);
        border-bottom-right-radius: var(--p-border-radius-300)
    }
}

@media print {
    .shopilike-LegacyCard {
        box-shadow: none;
        border-radius: var(--p-border-radius-0)
    }
}

.shopilike-LegacyCard--subdued {
    background-color: var(--p-color-bg-surface-secondary)
}

@media print {
    .shopilike-LegacyCard__Section--hideOnPrint,.shopilike-LegacyCard--hideOnPrint {
        display: none!important
    }
}

.shopilike-LegacyCard__Header {
    padding: var(--p-space-400) var(--p-space-400) 0
}

@media (min-width: 30.625em) {
    .shopilike-LegacyCard__Header {
        padding:var(--p-space-200) var(--p-space-400) 0
    }
}

@media print and (min-width: 30.625em) {
    .shopilike-LegacyCard__Header {
        padding:var(--p-space-200) var(--p-space-400) 0
    }
}

.shopilike-LegacyCard__Section {
    padding: var(--p-space-200) var(--p-space-400)
}

@media (min-width: 30.625em) {
    .shopilike-LegacyCard__Section {
        padding:var(--p-space-200) var(--p-space-400)
    }
}

.shopilike-LegacyCard__Section+.shopilike-LegacyCard__Section {
    border-top: 0
}

@media print {
    .shopilike-LegacyCard__Section+.shopilike-LegacyCard__Section {
        border-top: 0
    }
}

@media print {
    .shopilike-LegacyCard__Section {
        padding-top: var(--p-space-100);
        padding-bottom: var(--p-space-100)
    }
}

.shopilike-LegacyCard__Section--fullWidth {
    padding: var(--p-space-400) 0
}

@media (min-width: 30.625em) {
    .shopilike-LegacyCard__Section--fullWidth {
        padding:var(--p-space-400) 0
    }
}

.shopilike-LegacyCard__Section--flush {
    padding: 0
}

@media (min-width: 30.625em) {
    .shopilike-LegacyCard__Section--flush {
        padding:0
    }
}

.shopilike-LegacyCard__Section--subdued {
    background-color: var(--p-color-bg-surface-secondary);
    padding: var(--p-space-300) var(--p-space-400)
}

@media (-ms-high-contrast: active) {
    .shopilike-LegacyCard__Section--subdued {
        background-color: transparent
    }
}

.shopilike-LegacyCard__Header+.shopilike-LegacyCard__Section--subdued {
    border-top: 0;
    margin-top: 0
}

.shopilike-LegacyCard__Section--subdued:last-child {
    padding: var(--p-space-400)
}

@media print {
    .shopilike-LegacyCard__Section--subdued:last-child {
        padding-top: var(--p-space-200);
        padding-bottom: var(--p-space-200)
    }
}

.shopilike-LegacyCard__SectionHeader {
    padding-bottom: var(--p-space-200)
}

.shopilike-LegacyCard__Section--fullWidth .shopilike-LegacyCard__SectionHeader {
    padding-left: var(--p-space-400);
    padding-right: var(--p-space-400)
}

@media (min-width: 30.625em) {
    .shopilike-LegacyCard__Section--fullWidth .shopilike-LegacyCard__SectionHeader {
        padding-left:var(--p-space-400);
        padding-right: var(--p-space-400)
    }
}

.shopilike-LegacyCard__Subsection+.shopilike-LegacyCard__Subsection {
    border-top: 0;
    margin-top: 0;
    padding-top: var(--p-space-200)
}

@media print {
    .shopilike-LegacyCard__Subsection+.shopilike-LegacyCard__Subsection {
        border-top: 0
    }
}

@media print {
    .shopilike-LegacyCard__Subsection {
        padding-top: var(--p-space-100);
        padding-bottom: var(--p-space-100)
    }
}

.shopilike-LegacyCard__Footer {
    display: flex;
    justify-content: flex-end;
    padding: 0 var(--p-space-400) var(--p-space-400)
}

@media (min-width: 30.625em) {
    .shopilike-LegacyCard__Footer {
        padding:0 var(--p-space-400) var(--p-space-400)
    }
}

.shopilike-LegacyCard__Footer.shopilike-LegacyCard__LeftJustified {
    justify-content: flex-start
}

.shopilike-LegacyCard__Section--subdued+.shopilike-LegacyCard__Footer {
    padding: var(--p-space-400);
    border-top: 0
}

.shopilike-LegacyCard__FirstSectionPadding {
    padding-top: var(--p-space-400)
}

.shopilike-LegacyCard__LastSectionPadding {
    padding-bottom: var(--p-space-400)
}

.shopilike-LegacyStack {
    --pc-stack-spacing: var(--p-space-400);
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    margin-top: calc(var(--pc-stack-spacing)*-1);
    margin-left: calc(var(--pc-stack-spacing)*-1)
}

.shopilike-LegacyStack>.shopilike-LegacyStack__Item {
    margin-top: var(--pc-stack-spacing);
    margin-left: var(--pc-stack-spacing);
    max-width: 100%
}

.shopilike-LegacyStack--noWrap {
    flex-wrap: nowrap
}

.shopilike-LegacyStack--spacingNone {
    --pc-stack-spacing: 0
}

.shopilike-LegacyStack--spacingExtraTight {
    --pc-stack-spacing: var(--p-space-100)
}

.shopilike-LegacyStack--spacingTight {
    --pc-stack-spacing: var(--p-space-200)
}

.shopilike-LegacyStack--spacingBaseTight {
    --pc-stack-spacing: var(--p-space-300)
}

.shopilike-LegacyStack--spacingLoose {
    --pc-stack-spacing: var(--p-space-500)
}

.shopilike-LegacyStack--spacingExtraLoose {
    --pc-stack-spacing: var(--p-space-800)
}

.shopilike-LegacyStack--distributionLeading {
    justify-content: flex-start
}

.shopilike-LegacyStack--distributionTrailing {
    justify-content: flex-end
}

.shopilike-LegacyStack--distributionCenter {
    justify-content: center
}

.shopilike-LegacyStack--distributionEqualSpacing {
    justify-content: space-between
}

.shopilike-LegacyStack--distributionFill>.shopilike-LegacyStack__Item {
    flex: 1 1 auto
}

.shopilike-LegacyStack--distributionFillEvenly>.shopilike-LegacyStack__Item {
    flex: 1 1 auto
}

@supports ((min-width: -moz-fit-content) or (min-width: fit-content)) {
    .shopilike-LegacyStack--distributionFillEvenly>.shopilike-LegacyStack__Item {
        flex:1 0;
        min-width: -moz-fit-content;
        min-width: fit-content
    }
}

.shopilike-LegacyStack--alignmentLeading {
    align-items: flex-start
}

.shopilike-LegacyStack--alignmentTrailing {
    align-items: flex-end
}

.shopilike-LegacyStack--alignmentCenter {
    align-items: center
}

.shopilike-LegacyStack--alignmentFill {
    align-items: stretch
}

.shopilike-LegacyStack--alignmentBaseline {
    align-items: baseline
}

.shopilike-LegacyStack--vertical {
    flex-direction: column;
    margin-left: 0
}

.shopilike-LegacyStack--vertical>.shopilike-LegacyStack__Item {
    margin-left: 0
}

.shopilike-LegacyStack__Item {
    flex: 0 0 auto;
    min-width: 0
}

.shopilike-LegacyStack__Item--fill {
    flex: 1 1 auto
}

.shopilike-AlphaTable-TableBody {
    display: contents
}

@supports (grid-template-columns: subgrid) {
    .shopilike-AlphaTable-TableBody.shopilike-AlphaTable-TableBody__Loading {
        display:grid;
        grid-column: 1 / -1;
        grid-template-columns: subgrid;
        opacity: .2;
        transition: opacity var(--p-motion-duration-200) ease-in
    }
}

.shopilike-AlphaTable-TableBody__List {
    list-style: none;
    margin: 0;
    padding: 0
}

.shopilike-AlphaTable-TableHeadingRow {
    background: var(--p-color-bg-surface-secondary);
    display: contents
}

.shopilike-AlphaTable-TableHeadingRow__TableHeadingRowInSelectionState {
    visibility: hidden
}

.shopilike-AlphaTable-TableHeadingCell {
    padding: var(--pc-table-padding);
    font-size: var(--p-font-size-300);
    line-height: var(--p-font-line-height-400);
    font-weight: var(--p-font-weight-medium);
    border-block-end:.0625rem solid var(--p-color-border);white-space: nowrap;
    background-color: inherit;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    color: var(--p-color-text-secondary);
    min-height: 2.25rem
}

.shopilike-AlphaTable-TableHeadingCell:first-of-type {
    padding-inline-start:var(--pc-table-edge-padding)}

.shopilike-AlphaTable-TableHeadingCell--stickyInlineStart {
    left: var(--pc-table-cell-sticky-offset, 0)
}

.shopilike-AlphaTable-TableHeadingCell--stickyInlineEnd {
    right: var(--pc-table-cell-sticky-offset, 0);
    padding-inline-start:var(--p-space-150)}

.shopilike-AlphaTable-TableHeadingCell--stickyInlineEnd~.shopilike-AlphaTable-TableHeadingCell {
    padding-inline-start: var(--p-space-150)
}

.shopilike-AlphaTable-TableHeadingCell:last-of-type {
    padding-inline-end:var(--pc-table-edge-padding)}

.shopilike-AlphaTable-TableHeadingCell--formattingNumeric {
    font-variant-numeric: tabular-nums
}

.shopilike-AlphaTable-TableHeadingCell--alignEnd {
    text-align: end;
    justify-content: flex-end
}

.shopilike-AlphaTable-TableHeadingCell__SortableHeadingCell {
    padding: 0
}

.shopilike-AlphaTable-TableHeadingCell--activatorOffset {
    padding-inline-end:var(--p-space-600)}

.shopilike-AlphaTable-TableHeadingCell__SortableHeadingCell.shopilike-AlphaTable-TableHeadingCell--activatorOffset {
    padding-inline-end: var(--p-space-050)
}

.shopilike-AlphaTable-TableHeadingCell__SortIcon {
    height: var(--p-space-400);
    width: var(--p-space-400);
    opacity: 0;
    transition: opacity var(--p-motion-duration-100) var(--p-motion-ease-in-out)
}

.shopilike-AlphaTable-TableHeadingCell__SortIconVisible {
    opacity: 1
}

.shopilike-AlphaTable-TableHeadingCell__SortableHeadingButton {
    cursor: pointer;
    background: none;
    border: 0;
    padding: var(--pc-table-padding);
    display: flex;
    align-items: center;
    justify-content: inherit;
    font-size: var(--p-font-size-300);
    line-height: var(--p-font-line-height-400);
    font-weight: var(--p-font-weight-medium);
    width: 100%;
    color: var(--p-color-text-secondary)
}

.shopilike-AlphaTable-TableHeadingCell__SortableHeadingButton:focus-visible {
    outline: var(--p-border-width-050) solid var(--p-color-border-focus);
    outline-offset: calc(var(--p-space-100)*-1)
}

.shopilike-AlphaTable-TableHeadingCell__SortableHeadingButton:is(:hover,:focus-visible) .shopilike-AlphaTable-TableHeadingCell__SortIcon {
    opacity: 1
}

.shopilike-AlphaTable-TableStickyIndicators__TableStickyIndicator {
    inline-size: var(--p-border-width-025);
    block-size: 100%;
    position: absolute;
    pointer-events: none;
    background-color: var(--p-color-border);
    top: 0;
    opacity: 0;
    z-index: var(--p-z-index-1)
}

.shopilike-AlphaTable-TableStickyIndicators__TableStickyIndicatorVisible {
    opacity: 1
}

.shopilike-AlphaTable-TableStickyIndicators__TableStickyIndicatorStart {
    left: 0;
    box-shadow: .0625rem 0 .1875rem #0000000d
}

.shopilike-AlphaTable-TableStickyIndicators__TableStickyIndicatorEnd {
    right: 0;
    box-shadow: -.0625rem 0 .1875rem #0000000d
}

.shopilike-AlphaTable-TableHead {
    display: contents;
    background-color: var(--p-color-bg-surface-secondary)
}

.shopilike-AlphaTable-TableHeadingCheckbox__CheckboxWrap {
    display: flex;
    margin: calc(var(--p-space-025)*-1) 0
}

.shopilike-AlphaTable-TableRowGroup__NestedListRow {
    --pc-table-row-nested-horizontal-gradient-start: 1.75rem;
    --pc-table-row-nested-horizontal-gradient: linear-gradient( to bottom, transparent var(--pc-table-row-nested-horizontal-gradient-start), var(--p-color-border) var(--pc-table-row-nested-horizontal-gradient-start), var(--p-color-border) calc(var(--pc-table-row-nested-horizontal-gradient-start) + .0625rem), transparent calc(var(--pc-table-row-nested-horizontal-gradient-start) + .0625rem) );
    margin-inline-start:var(--pc-table-row-nested-level-offset);inline-size: calc(100% - var(--pc-table-row-nested-level-offset));
    position: relative
}

.shopilike-AlphaTable-TableRowGroup__NestedRow [role=cell]:first-child {
    --pc-table-row-nested-horizontal-gradient: linear-gradient( to bottom, transparent calc(50% + .125rem) , var(--p-color-border) calc(50% + .125rem) , var(--p-color-border) calc(50% + .1875rem) , transparent calc(50% + .1875rem) );
    left: var(--pc-table-row-nested-level-offset);
    position: relative;
    z-index: var(--p-z-index-2)
}

.shopilike-AlphaTable-TableRowGroup__NestedRow [role=cell]:nth-child(2) {
    padding-inline-start:calc(var(--pc-table-row-nested-level-offset) + var(--p-space-200))}

.shopilike-AlphaTable-TableRowGroup__NestedListRow: not(.shopilike-AlphaTable-TableRowGroup__NoTrack),.shopilike-AlphaTable-TableRowGroup__NestedRow:not(.shopilike-AlphaTable-TableRowGroup__NoTrack) [role=cell]:first-child {
                                                                                                      --pc-table-row-nested-nudge-amount:calc(var(--pc-table-row-nested-offset-factor)*.4)
                                                                                                  }

:is(.shopilike-AlphaTable-TableRowGroup__NestedListRow:not(.shopilike-AlphaTable-TableRowGroup__NoTrack),.shopilike-AlphaTable-TableRowGroup__NestedRow:not(.shopilike-AlphaTable-TableRowGroup__NoTrack) [role=cell]:first-child):before {
    content: "";
    position: absolute;
    top: calc(var(--p-space-100)*-1);
    right: calc(100% - var(--pc-table-row-nested-nudge-amount));
    height: calc(100% + var(--p-space-100));
    width: calc(var(--pc-table-row-nested-level-offset) + var(--pc-table-row-nested-nudge-amount));
    transform: rotateY(180deg);
    background-image: linear-gradient(to right,transparent calc(var(--pc-table-row-nested-offset-factor)*.4 - .0625rem),var(--p-color-border) calc(var(--pc-table-row-nested-offset-factor)*.4 - .0625rem),var(--p-color-border) calc(var(--pc-table-row-nested-offset-factor)*.4),transparent calc(var(--pc-table-row-nested-offset-factor)*.4)),var(--pc-table-row-nested-horizontal-gradient),linear-gradient(to bottom,transparent .1875rem,var(--pc-table-row-background) .1875rem);
    background-size: var(--pc-table-row-nested-offset-factor) 100%,var(--pc-table-row-nested-nudge-amount) 100%,100% 100%;
    background-position: 0 0,0 0,0 0;
    background-repeat: no-repeat,repeat-y,no-repeat
}

:is(.shopilike-AlphaTable-TableRowGroup__NestedListRow:not(.shopilike-AlphaTable-TableRowGroup__NoTrack),.shopilike-AlphaTable-TableRowGroup__NestedRow:not(.shopilike-AlphaTable-TableRowGroup__NoTrack) [role=cell]:first-child):after {
    content: "";
    position: absolute;
    top: calc(var(--p-border-width-025)*-1);
    left: calc(var(--pc-table-row-nested-level-offset)*-1);
    width: .0625rem;
    height: calc(100% + var(--p-border-width-025));
    box-shadow: var(--pc-table-row-nested-level-box-shadow)
}

.shopilike-AlphaTable-TableRowGroup__NestedListRow.shopilike-AlphaTable-TableRowGroup__NestedListRow.shopilike-AlphaTable-TableRowGroup__NestedListRow:not(.shopilike-AlphaTable-TableRowGroup__NoTrack) {
    --pc-table-row-list-nested-nudge-amount: calc(var(--pc-table-row-nested-offset-factor)*.65)
}

.shopilike-AlphaTable-TableRowGroup__NestedListRow.shopilike-AlphaTable-TableRowGroup__NestedListRow.shopilike-AlphaTable-TableRowGroup__NestedListRow:not(.shopilike-AlphaTable-TableRowGroup__NoTrack):before {
    right: calc(100% - var(--pc-table-row-list-nested-nudge-amount));
    width: calc(var(--pc-table-row-nested-level-offset) + var(--pc-table-row-list-nested-nudge-amount))
}

.shopilike-AlphaTable-TableRowGroup__LastNestedRow:not(.shopilike-AlphaTable-TableRowGroup__NoTrack) {
    --pc-table-row-nested-indicator-border-radius: calc(var(--pc-table-row-nested-offset-factor)*.3)
}

.shopilike-AlphaTable-TableRowGroup__LastNestedRow.shopilike-AlphaTable-TableRowGroup__NestedListRow:not(.shopilike-AlphaTable-TableRowGroup__NoTrack) {
    --pc-table-row-last-nested-background-size: var(--pc-table-row-nested-offset-factor) calc(var(--pc-table-row-nested-horizontal-gradient-start) - var(--pc-table-row-nested-indicator-border-radius) + .0625rem), var(--pc-table-row-nested-nudge-amount) 100%, var(--pc-table-row-nested-indicator-border-radius) var(--pc-table-row-nested-indicator-border-radius), 100% 100%;
    --pc-table-row-last-nested-curve-v-pos: calc(var(--pc-table-row-nested-horizontal-gradient-start) - var(--pc-table-row-nested-indicator-border-radius) + .0625rem)
}

.shopilike-AlphaTable-TableRowGroup__LastNestedRow:not(.shopilike-AlphaTable-TableRowGroup__NoTrack) [role=cell]:first-child {
    --pc-table-row-last-nested-background-size: var(--pc-table-row-nested-offset-factor) calc(50% - var(--pc-table-row-nested-indicator-border-radius)*.5), var(--pc-table-row-nested-nudge-amount) 100%, var(--pc-table-row-nested-indicator-border-radius) var(--pc-table-row-nested-indicator-border-radius), 100% 100%;
    --pc-table-row-last-nested-curve-v-pos: 50%
}

:is(.shopilike-AlphaTable-TableRowGroup__LastNestedRow.shopilike-AlphaTable-TableRowGroup__NestedListRow:not(.shopilike-AlphaTable-TableRowGroup__NoTrack),.shopilike-AlphaTable-TableRowGroup__LastNestedRow:not(.shopilike-AlphaTable-TableRowGroup__NoTrack) [role=cell]:first-child):before {
    background-image: linear-gradient(to right,transparent calc(var(--pc-table-row-nested-offset-factor)*.4 - .0625rem),var(--p-color-border) calc(var(--pc-table-row-nested-offset-factor)*.4 - .0625rem),var(--p-color-border) calc(var(--pc-table-row-nested-offset-factor)*.4),transparent calc(var(--pc-table-row-nested-offset-factor)*.4)),var(--pc-table-row-nested-horizontal-gradient),radial-gradient(circle at top left,transparent calc(var(--pc-table-row-nested-indicator-border-radius) - var(--p-border-width-025)),var(--p-color-border) calc(var(--pc-table-row-nested-indicator-border-radius) - var(--p-border-width-025)),var(--p-color-border) var(--pc-table-row-nested-indicator-border-radius),transparent var(--pc-table-row-nested-indicator-border-radius)),linear-gradient(to bottom,transparent .1875rem,var(--pc-table-row-background) .1875rem);
    background-size: var(--pc-table-row-last-nested-background-size);
    background-position: 0 0,calc(var(--pc-table-row-nested-nudge-amount)*-.5) 0,calc(var(--pc-table-row-nested-nudge-amount)*.25) var(--pc-table-row-last-nested-curve-v-pos),0 0;
    background-repeat: no-repeat,repeat-y,no-repeat,no-repeat
}

.shopilike-AlphaTable-TableRowGroup__NestedRow.shopilike-AlphaTable-TableRowGroup__NestedRow.shopilike-AlphaTable-TableRowGroup__NestedListRow,.shopilike-AlphaTable-TableRowGroup__NestedRow.shopilike-AlphaTable-TableRowGroup__NestedRow [role=cell] {
    border-block-start-style:dashed}

.shopilike-AlphaTable-TableRowGroup__RowPassThrough,.shopilike-AlphaTable-TableRowGroup__RowsWrappingRow {
    display: contents
}

.shopilike-AlphaTable-TableEmptyState__EmptyStateCell {
    padding: 0
}

.shopilike-AlphaTable-TableEmptyState__EmptyState {
    background: var(--p-color-bg-surface);
    min-block-size: calc(var(--p-height-3200) + var(--p-height-1600));
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: var(--p-space-400)
}

.shopilike-AlphaTable-TableEmptyState__Title {
    font-size: var(--p-font-size-350);
    font-weight: var(--p-font-weight-bold);
    line-height: var(--p-font-line-height-400)
}

.shopilike-AlphaTable-TableEmptyState__Subtitle {
    font-size: var(--p-font-size-325);
    font-weight: var(--p-font-weight-regular);
    line-height: var(--p-font-line-height-500);
    color: var(--p-color-text-secondary)
}

.shopilike-AlphaTable-TableEmptyState__Buttons {
    display: flex;
    gap: var(--p-space-200)
}

.shopilike-AlphaTable-TableEmptyState__EmptyButtons {
    display: none
}

.shopilike-AlphaTable-TableEmptyState__EmptyStateWithSelection {
    padding-block-start:calc(var(--p-space-400) + var(--p-space-800))}

.shopilike-AlphaTable-TableStickyArea {
    border-spacing: 0;
    display: grid;
    grid-template-columns: var(--pc-table-column-sizes);
    visibility: hidden;
    pointer-events: none
}

.shopilike-AlphaTable-TableStickyArea__TableStickyAreaWrapper {
    overflow: hidden
}

.shopilike-AlphaTable-TableStickyArea__StickyWrapper {
    position: absolute;
    left: 0;
    top: 0;
    inline-size: 100%;
    z-index: var(--p-z-index-3);
    pointer-events: none
}

.shopilike-AlphaTable-TableStickyArea__IsSticky {
    visibility: visible
}

.shopilike-AlphaTable-TableStickyArea__IsSticky .shopilike-AlphaTable-TableStickyArea {
    visibility: visible;
    pointer-events: auto
}

.shopilike-AlphaTable-TableStickyArea__StickyBulkActions {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    z-index: var(--p-z-index-3);
    border-bottom: var(--p-border-width-025) solid var(--p-color-border);
    pointer-events: auto
}

.shopilike-AlphaTable-TableStickyArea__StickyBulkActionsInner {
    padding-block:var(--p-space-050);padding-inline-end: var(--p-space-100);
    padding-inline-start:var(--p-space-300);background-color: var(--p-color-bg-surface-secondary);
    transform-origin: center left
}

.shopilike-AlphaTable-TableStickyArea__StickyBulkActions--enter .shopilike-AlphaTable-TableStickyArea__StickyBulkActionsInner {
    opacity: 0
}

.shopilike-AlphaTable-TableStickyArea--stickyBulkActionsEnterActive .shopilike-AlphaTable-TableStickyArea__StickyBulkActionsInner {
    opacity: 1;
    transition: opacity var(--p-motion-duration-150) var(--p-motion-ease)
}

.shopilike-AlphaTable-TableStickyArea__StickyBulkActions--exit .shopilike-AlphaTable-TableStickyArea__StickyBulkActionsInner {
    opacity: 1
}

.shopilike-AlphaTable-TableStickyArea--stickyBulkActionsExitActive .shopilike-AlphaTable-TableStickyArea__StickyBulkActionsInner {
    opacity: 0;
    transition: opacity var(--p-motion-duration-150) var(--p-motion-ease)
}

.shopilike-Pagination button {
    border: none!important;
    box-shadow: none!important;
    background-color: var(--p-color-bg-fill-tertiary)
}

:is(.shopilike-Pagination button):hover {
    background-color: var(--p-color-bg-fill-tertiary-hover)
}

@media (min-width: 48em) and (pointer: fine) {
    :is(.shopilike-Pagination button):active {
        box-shadow:var(--p-shadow-inset-200)!important
    }
}

:is(.shopilike-Pagination button):active,:is(.shopilike-Pagination button):focus {
    background-color: var(--p-color-bg-fill-tertiary-active)
}

.shopilike-Pagination.shopilike-Pagination--table {
    border-top: .0625rem solid var(--p-color-border)
}

.shopilike-Pagination.shopilike-Pagination--table button {
    --button-min-height: var(--p-height-700);
    background-color: var(--p-color-bg-surface-secondary-selected);
    min-height: var(--button-min-height);
    min-width: var(--button-min-height);
    height: var(--button-min-height);
    width: var(--button-min-height);
    display: flex;
    padding: unset
}

:is(.shopilike-Pagination.shopilike-Pagination--table button):hover {
    background-color: var(--p-color-bg-fill-tertiary-hover)
}

:is(.shopilike-Pagination.shopilike-Pagination--table button):hover s-internal-icon {
    color: var(--p-color-icon-hover)
}

:is(.shopilike-Pagination.shopilike-Pagination--table button):active,:is(.shopilike-Pagination.shopilike-Pagination--table button):focus {
    background-color: var(--p-color-bg-fill-tertiary-active)
}

:is(:is(.shopilike-Pagination.shopilike-Pagination--table button):active,:is(.shopilike-Pagination.shopilike-Pagination--table button):focus) s-internal-icon {
    color: var(--p-color-icon-active)
}

:is(.shopilike-Pagination.shopilike-Pagination--table button):disabled s-internal-icon {
    color: var(--p-color-icon-disabled)
}

.shopilike-Pagination [data-buttongroup-variant=segmented] {
    gap: var(--p-space-050)
}

.shopilike-Pagination__TablePaginationActions {
    display: flex;
    gap: var(--p-space-025);
    align-items: center;
    justify-content: start
}

.shopilike-AlphaTable-TableFooter {
    display: flex;
    align-items: center;
    padding-inline:var(--p-space-300) var(--p-space-200);padding-block: var(--p-space-200);
    background: var(--p-color-bg-surface-secondary);
    border-block-start:var(--p-border-width-025) solid var(--p-color-border);min-height: calc(var(--p-space-1000) + var(--p-space-025));
    gap: var(--p-space-200)
}

.shopilike-Thumbnail {
    --pc-thumbnail-extra-small-size: 1.5rem;
    --pc-thumbnail-small-size: 2.5rem;
    --pc-thumbnail-medium-size: 3.75rem;
    --pc-thumbnail-large-size: 5rem;
    position: relative;
    display: block;
    overflow: hidden;
    background: var(--p-color-bg-surface);
    min-width: var(--pc-thumbnail-extra-small-size);
    max-width: 100%;
    border-radius: var(--p-border-radius-200)
}

.shopilike-Thumbnail:after {
    content: "";
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute;
    border-radius: var(--p-border-radius-200);
    box-shadow: var(--p-shadow-border-inset);
    display: block;
    padding-bottom: 100%
}

.shopilike-Thumbnail.shopilike-Thumbnail--sizeExtraSmall,.shopilike-Thumbnail.shopilike-Thumbnail--sizeExtraSmall:after {
    border-radius: var(--p-border-radius-150)
}

.shopilike-Thumbnail:before {
    content: "";
    display: block;
    padding-bottom: 100%
}

.shopilike-Thumbnail--sizeExtraSmall {
    width: var(--pc-thumbnail-extra-small-size)
}

.shopilike-Thumbnail--sizeSmall {
    width: var(--pc-thumbnail-small-size)
}

.shopilike-Thumbnail--sizeMedium {
    width: var(--pc-thumbnail-medium-size)
}

.shopilike-Thumbnail--sizeLarge {
    width: var(--pc-thumbnail-large-size)
}

.shopilike-Thumbnail--transparent {
    background: transparent
}

.shopilike-Thumbnail>* {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    max-width: 100%;
    max-height: 100%;
    color: var(--p-color-icon-secondary)
}

.shopilike-Thumbnail__IconWrapper {
    display: flex;
    justify-content: center;
    align-items: center
}

.shopilike-AlphaTable-BulkActions__Measuring {
    visibility: hidden;
    position: absolute;
    inline-size: 100%
}

.shopilike-AlphaTable-TableScrollBar__TableScrollBarContainer {
    background: var(--p-color-bg-surface);
    width: 100%;
    padding: var(--p-space-050) var(--p-space-100);
    scrollbar-color: auto;
    box-shadow: 0 .0625rem 0 0 var(--p-color-border) inset
}

.shopilike-AlphaTable-TableScrollBar {
    overflow-x: scroll;
    margin: 0;
    padding: 0;
    width: 100%
}

.shopilike-AlphaTable-TableScrollBar::-webkit-scrollbar-track {
    border-radius: var(--p-border-radius-100);
    background-color: transparent
}

.shopilike-AlphaTable-TableScrollBar::-webkit-scrollbar {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    height: var(--p-space-200);
    width: var(--p-space-200);
    background-color: transparent
}

.shopilike-AlphaTable-TableScrollBar::-webkit-scrollbar-thumb {
    border-radius: var(--p-border-radius-100);
    background-color: var(--p-color-border-tertiary);
    -webkit-transition: background-color var(--p-motion-duration-100) var(--p-motion-ease-out);
    transition: background-color var(--p-motion-duration-100) var(--p-motion-ease-out)
}

.shopilike-AlphaTable-TableScrollBar:hover::-webkit-scrollbar-thumb {
    background-color: var(--p-color-border-inverse)
}

.shopilike-AlphaTable-TableScrollBar__TableScrollBarInner {
    height: .0625rem
}

.shopilike-AlphaTable-TableActions {
    display: flex;
    background-color: var(--p-color-bg-surface-secondary);
    min-height: 1.9375rem;
    align-items: center;
    gap: var(--p-space-100)
}

.shopilike-AlphaTable-TableActions__TableFooter:has(>div:empty) {
    display: none
}

.shopilike-AlphaTable-TableActions__TableActionsContainer {
    position: relative;
    flex: 1 1
}

.shopilike-AlphaTable-TableActions--isList .shopilike-AlphaTable-TableActions__TableActionsContainer {
    flex: unset
}

.shopilike-AlphaTable-TableActions__TableActionsActivator {
    font-variant-numeric: tabular-nums
}

.shopilike-AlphaTable-TableActions--isList.shopilike-AlphaTable-TableActions__TableActionsWrapper {
    background: linear-gradient(to bottom,#ffffff4d 10%,#ffffffbf 25%,#ffffffe6 90%)
}

.shopilike-AlphaTable-TableActions--isList.shopilike-AlphaTable-TableActions {
    border-radius: var(--p-border-radius-300);
    border: var(--p-border-width-025) solid var(--p-color-border);
    padding: var(--p-space-300);
    margin-inline:var(--p-space-400);display: flex;
    justify-content: space-between;
    align-items: center;
    padding-inline:var(--p-space-300) var(--p-space-200);padding-block: var(--p-space-200);
    background: var(--p-color-bg-surface-secondary);
    border-block-start:var(--p-border-width-025) solid var(--p-color-border);min-height: calc(var(--p-space-1000) + var(--p-space-025))
}

.shopilike-AlphaTable-TableActions__TableActionsWrapper.shopilike-AlphaTable-TableActions--isList {
    padding-block-end:var(--p-space-400)}

.shopilike-AlphaTable-TableActions__SomeSelectedLabel {
    padding-block: var(--p-space-050);
    padding-inline-start:var(--p-space-200)}

.shopilike-AlphaTable-TableActions__ShowSelectedToggle {
    -webkit-user-select: none;
    user-select: none;
    margin-left: auto
}

.shopilike-Combobox__Listbox {
    padding: var(--p-space-200) 0;
    overflow: visible
}

.shopilike-Listbox-Section__SectionGroup {
    list-style-type: none;
    padding: 0;
    margin: 0;
    border-bottom: var(--p-border-width-025) solid var(--p-color-border-secondary)
}

.shopilike-Listbox-Section--noDivider {
    border-bottom: none
}

.shopilike-Listbox-TextOption {
    margin: var(--p-space-100) var(--p-space-200) 0;
    flex: 1 1;
    border-radius: var(--p-border-radius-200);
    padding: var(--p-space-150) var(--p-space-300);
    cursor: pointer;
    display: flex;
    position: relative
}

.shopilike-Listbox-TextOption:after {
    content: "";
    position: absolute;
    z-index: 1;
    top: -.0625rem;
    right: -.0625rem;
    bottom: -.0625rem;
    left: -.0625rem;
    display: block;
    pointer-events: none;
    box-shadow: 0 0 0 -.0625rem var(--p-color-border-focus);
    border-radius: var(--p-border-radius-100)
}

.shopilike-Listbox-TextOption.shopilike-Listbox-TextOption--allowMultiple {
    margin: var(--p-space-100) var(--p-space-200) 0;
    padding: var(--p-space-100) var(--p-space-200)
}

.shopilike-Listbox-TextOption.shopilike-Listbox-TextOption--isAction {
    margin-top: var(--p-space-100)
}

@media (hover) and (pointer: fine),(min-width: 48em) {
    .shopilike-Listbox-TextOption:hover {
        background-color:var(--p-color-bg-surface-hover)
    }

    .shopilike-Listbox-TextOption:hover:not(.shopilike-Listbox-TextOption--disabled) {
        background-color: var(--p-color-bg-surface-secondary-hover)
    }
}

.shopilike-Listbox-TextOption:focus {
    outline: none
}

@media (hover) and (pointer: fine),(min-width: 48em) {
    .shopilike-Listbox-TextOption:active {
        background-color:var(--p-color-bg-surface-active)
    }

    .shopilike-Listbox-TextOption:active:not(.shopilike-Listbox-TextOption--disabled) {
        background-color: var(--p-color-bg-surface-secondary-active)
    }
}

.shopilike-Listbox-TextOption.shopilike-Listbox-TextOption--selected {
    background-color: var(--p-color-bg-surface-secondary-selected);
    font-weight: var(--p-font-weight-semibold)
}

.shopilike-Listbox-TextOption.shopilike-Listbox-TextOption--selected s-internal-icon,.shopilike-Listbox-TextOption.shopilike-Listbox-TextOption--selected svg {
    color: var(--p-color-icon-active)
}

.shopilike-Listbox-TextOption.shopilike-Listbox-TextOption--selected:before {
    content: none;
    position: absolute;
    top: 0;
    bottom: 0;
    left: calc(var(--p-space-100)*-1);
    height: 100%;
    width: var(--p-border-radius-100);
    background-color: var(--p-color-bg-fill-brand);
    border-top-right-radius: var(--p-border-radius-100);
    border-bottom-right-radius: var(--p-border-radius-100);
    transform: translate(-100%)
}

.shopilike-Listbox-TextOption.shopilike-Listbox-TextOption--disabled {
    background-color: transparent;
    color: var(--p-color-text-disabled);
    cursor: default
}

li:first-of-type>.shopilike-Listbox-TextOption {
    margin-top: 0
}

[data-focused] .shopilike-Listbox-TextOption:not(.shopilike-Listbox-TextOption--disabled) {
    outline: none;
    background-color: var(--p-color-bg-surface-secondary-selected);
    transition: background-color var(--p-motion-duration-400)
}

.shopilike-Listbox-TextOption__Content {
    flex: 1 1 auto;
    display: flex
}

.shopilike-Listbox-TextOption__Checkbox {
    pointer-events: none
}

.shopilike-Listbox-Option {
    display: flex;
    margin: 0;
    padding: 0
}

.shopilike-Listbox-Option:focus {
    outline: none
}

.shopilike-Listbox-Option--divider {
    border-bottom: var(--p-border-width-025) solid var(--p-color-border-secondary)
}

.shopilike-Listbox-Loading__ListItem {
    padding: 0;
    margin: 0
}

.shopilike-Listbox-Loading {
    padding: var(--p-space-200) var(--p-space-400);
    display: grid;
    place-items: center
}

.shopilike-Listbox-Action {
    display: flex;
    flex: 1 1
}

.shopilike-Listbox-Action__ActionDivider {
    margin-bottom: var(--p-space-100)
}

.shopilike-Listbox-Action__Icon {
    display: inline-flex;
    align-items: center;
    padding-right: var(--p-space-200)
}

.shopilike-Listbox {
    padding: 0;
    margin: 0;
    list-style: none;
    max-width: 100%
}

.shopilike-Listbox:focus-visible {
    border-radius: var(--p-border-radius-200);
    outline: var(--p-border-width-050) solid var(--p-color-border-focus);
    outline-offset: calc(var(--p-space-050)*-1)
}

.shopilike-Autocomplete-MappedOption__Content {
    display: flex;
    flex: 1 1;
    word-wrap: break-word;
    word-break: break-word;
    overflow-wrap: break-word
}

.shopilike-Autocomplete-MappedOption__Media {
    padding: 0 var(--p-space-200)
}

.shopilike-Autocomplete-MappedOption__Media s-internal-icon,.shopilike-Autocomplete-MappedOption__Media svg {
    color: var(--p-color-icon)
}

.shopilike-Autocomplete-MappedOption--singleSelectionMedia {
    padding: 0 var(--p-space-200) 0 0
}

.shopilike-Autocomplete-MappedOption--disabledMedia s-internal-icon,.shopilike-Autocomplete-MappedOption--disabledMedia svg {
    color: var(--p-color-icon-disabled)
}

.shopilike-Autocomplete-MappedAction__ActionContainer {
    --pc-mapped-actions-image-size: 1.25rem;
    --pc-mapped-actions-item-min-height: var(--p-space-1000);
    --pc-mapped-actions-item-vertical-padding: calc((var(--pc-mapped-actions-item-min-height) - var(--p-font-line-height-500))/2);
    margin-bottom: var(--p-space-300)
}

:is([data-focused] .shopilike-Autocomplete-MappedAction__Action) svg,:is([data-focused] .shopilike-Autocomplete-MappedAction__Action) s-internal-icon {
    color: var(--p-color-icon)
}

.shopilike-Autocomplete-MappedAction--destructive:is([data-focused] .shopilike-Autocomplete-MappedAction__Action) {
    background-color: var(--p-color-bg-surface-critical-active)
}

:is([data-focused] .shopilike-Autocomplete-MappedAction__Action):hover {
    background-color: transparent
}

.shopilike-Autocomplete-MappedAction__Action {
    position: relative
}

.shopilike-Autocomplete-MappedAction__Action:after {
    content: "";
    position: absolute;
    z-index: 1;
    top: -.0625rem;
    right: -.0625rem;
    bottom: -.0625rem;
    left: -.0625rem;
    display: block;
    pointer-events: none;
    box-shadow: 0 0 0 -.0625rem var(--p-color-border-focus);
    border-radius: var(--p-border-radius-100)
}

.shopilike-Autocomplete-MappedAction__Action {
    display: block;
    flex: 1 1;
    min-height: var(--pc-mapped-actions-item-min-height);
    text-align: left;
    cursor: pointer;
    padding: var(--pc-mapped-actions-item-vertical-padding) var(--p-space-200);
    margin: calc(var(--pc-mapped-actions-item-vertical-padding)*-1) calc(var(--p-space-300)*-1);
    border-radius: var(--p-border-radius-200)
}

.shopilike-Autocomplete-MappedAction__Action:hover {
    background-color: var(--p-color-bg-surface-hover);
    text-decoration: none
}

@media (-ms-high-contrast: active) {
    .shopilike-Autocomplete-MappedAction__Action:hover {
        outline: var(--p-border-width-025) solid ButtonText
    }
}

.shopilike-Autocomplete-MappedAction__Action.shopilike-Autocomplete-MappedAction--selected {
    background-color: var(--p-color-bg-surface-brand-selected)
}

.shopilike-Autocomplete-MappedAction__Action.shopilike-Autocomplete-MappedAction--selected .shopilike-Autocomplete-MappedAction__Prefix {
    color: var(--p-color-icon-highlight)
}

.shopilike-Autocomplete-MappedAction__Action:active {
    background-color: var(--p-color-bg-surface-active)
}

.shopilike-Autocomplete-MappedAction__Action:active .shopilike-Autocomplete-MappedAction__Prefix {
    color: var(--p-color-icon-highlight)
}

.shopilike-Autocomplete-MappedAction__Action:focus-visible:not(:active):after {
    box-shadow: 0 0 0 .125rem var(--p-color-border-focus);
    outline: var(--p-border-width-025) solid transparent
}

.shopilike-Autocomplete-MappedAction__Action.shopilike-Autocomplete-MappedAction--destructive {
    color: var(--p-color-text-critical)
}

.shopilike-Autocomplete-MappedAction__Action.shopilike-Autocomplete-MappedAction--destructive s-internal-icon,.shopilike-Autocomplete-MappedAction__Action.shopilike-Autocomplete-MappedAction--destructive svg {
    color: var(--p-color-icon-critical)
}

.shopilike-Autocomplete-MappedAction__Action.shopilike-Autocomplete-MappedAction--destructive:hover {
    background-color: var(--p-color-bg-surface-critical-hover)
}

.shopilike-Autocomplete-MappedAction__Action.shopilike-Autocomplete-MappedAction--destructive:active,.shopilike-Autocomplete-MappedAction__Action.shopilike-Autocomplete-MappedAction--destructive.shopilike-Autocomplete-MappedAction--selected {
    background-color: var(--p-color-bg-surface-critical-active)
}

.shopilike-Autocomplete-MappedAction__Action.shopilike-Autocomplete-MappedAction--disabled {
    background-image: none;
    color: var(--p-color-text-disabled)
}

.shopilike-Autocomplete-MappedAction__Action.shopilike-Autocomplete-MappedAction--disabled .shopilike-Autocomplete-MappedAction__Prefix s-internal-icon,.shopilike-Autocomplete-MappedAction__Action.shopilike-Autocomplete-MappedAction--disabled .shopilike-Autocomplete-MappedAction__Suffix s-internal-icon,.shopilike-Autocomplete-MappedAction__Action.shopilike-Autocomplete-MappedAction--disabled .shopilike-Autocomplete-MappedAction__Prefix svg,.shopilike-Autocomplete-MappedAction__Action.shopilike-Autocomplete-MappedAction--disabled .shopilike-Autocomplete-MappedAction__Suffix svg {
    color: var(--p-color-icon-disabled)
}

.shopilike-Autocomplete-MappedAction__Content {
    display: flex;
    align-items: center
}

.shopilike-Autocomplete-MappedAction__Prefix {
    display: flex;
    flex: 0 0 auto;
    justify-content: center;
    align-items: center;
    height: var(--pc-mapped-actions-image-size);
    width: var(--pc-mapped-actions-image-size);
    border-radius: var(--p-border-radius-100);
    margin: calc(var(--pc-mapped-actions-image-size)*-.5) var(--p-space-400) calc(var(--pc-mapped-actions-image-size)*-.5) 0;
    margin-right: var(--p-space-200);
    background-size: cover;
    background-position: center center
}

.shopilike-Autocomplete-MappedAction__Prefix s-internal-icon,.shopilike-Autocomplete-MappedAction__Prefix svg {
    color: var(--p-color-icon)
}

.shopilike-Autocomplete-MappedAction__Suffix {
    margin-left: var(--p-space-400)
}

.shopilike-Autocomplete-MappedAction__Suffix s-internal-icon,.shopilike-Autocomplete-MappedAction__Suffix svg {
    color: var(--p-color-icon)
}

.shopilike-Autocomplete-MappedAction__Text {
    min-width: 0;
    max-width: 100%;
    flex: 1 1 auto
}

.shopilike-Autocomplete__Loading {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding: var(--p-space-200) var(--p-space-400)
}

.shopilike-Autocomplete__SectionWrapper>*:not(:first-child) {
    margin-top: var(--p-space-200)
}

[data-lock-scrolling] {
    overflow-y: scroll;
    margin: 0
}

[data-lock-scrolling][data-lock-scrolling-hidden] {
    overflow-y: hidden
}

[data-lock-scrolling] [data-lock-scrolling-wrapper] {
    overflow: hidden;
    height: 100%
}

.shopilike-Backdrop {
    position: fixed;
    z-index: var(--p-z-index-10);
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    background-color: #00000080;
    animation: var(--p-motion-keyframes-fade-in) var(--p-motion-duration-200) 1 forwards;
    opacity: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    will-change: opacity;
    transition: background-color var(--p-motion-duration-100) var(--p-motion-ease)
}

.shopilike-Backdrop--transparent {
    background-color: transparent
}

.shopilike-Backdrop--belowNavigation {
    z-index: var(--p-z-index-7)
}

.shopilike-Banner {
    background-color: var(--p-color-bg-surface);
    position: relative;
    display: flex
}

.shopilike-Banner:focus {
    outline: none
}

@media (min-width: 30.625em) {
    .shopilike-Banner.shopilike-Banner--keyFocused {
        outline:var(--p-border-width-050) solid var(--p-color-border-focus)
    }
}

.shopilike-Banner__InlineIconBannerWrapper {
    display: flex;
    align-items: center;
    width: 100%;
    border-top-width: var(--p-border-width-050);
    border-top-style: solid
}

@media (min-width: 30.625em) {
    .shopilike-Banner__InlineIconBannerWrapper {
        border:none
    }
}

.shopilike-Banner__InlineIconBannerWrapper.shopilike-Banner--info {
    border-color: var(--p-color-bg-fill-info)
}

.shopilike-Banner__InlineIconBannerWrapper.shopilike-Banner--success {
    border-color: var(--p-color-bg-fill-success)
}

.shopilike-Banner__InlineIconBannerWrapper.shopilike-Banner--warning {
    border-color: var(--p-color-bg-fill-warning)
}

.shopilike-Banner__InlineIconBannerWrapper.shopilike-Banner--critical {
    border-color: var(--p-color-bg-fill-critical)
}

.shopilike-Banner--withinContentContainer {
    border-radius: var(--p-border-radius-200)
}

.shopilike-Banner--withinContentContainer+.shopilike-Banner {
    margin-top: var(--p-space-200)
}

@media (pointer: coarse) and (max-width: 47.9975em) {
    .shopilike-Banner--withinContentContainer.shopilike-Banner--noTitle .shopilike-Banner__BannerIcon {
        margin-top:var(--p-space-025)
    }
}

@media (min-width: 30.625em) {
    .shopilike-Banner--withinPage {
        box-shadow:var(--p-shadow-200);
        border-radius: var(--p-border-radius-300)
    }
}

.shopilike-Banner--withinPage+.shopilike-Banner {
    margin-top: var(--p-space-400)
}

.shopilike-Banner__DismissIconWrapper,.shopilike-Banner__DismissIcon,.shopilike-Banner__BannerIcon {
    display: flex;
    align-items: center
}

.shopilike-Banner--textSuccessOnBgFill.shopilike-Banner--textSuccessOnBgFill.shopilike-Banner--textSuccessOnBgFill s-internal-icon {
    color: var(--p-color-text-success-on-bg-fill)
}

.shopilike-Banner__text--success.shopilike-Banner__text--success.shopilike-Banner__text--success s-internal-icon {
    color: var(--p-color-text-success)
}

.shopilike-Banner--textWarningOnBgFill.shopilike-Banner--textWarningOnBgFill.shopilike-Banner--textWarningOnBgFill s-internal-icon {
    color: var(--p-color-text-warning-on-bg-fill)
}

.shopilike-Banner__text--warning.shopilike-Banner__text--warning.shopilike-Banner__text--warning s-internal-icon {
    color: var(--p-color-text-warning)
}

.shopilike-Banner--textCriticalOnBgFill.shopilike-Banner--textCriticalOnBgFill.shopilike-Banner--textCriticalOnBgFill s-internal-icon {
    color: var(--p-color-text-critical-on-bg-fill)
}

.shopilike-Banner__text--critical.shopilike-Banner__text--critical.shopilike-Banner__text--critical s-internal-icon {
    color: var(--p-color-text-critical)
}

.shopilike-Banner--textInfoOnBgFill.shopilike-Banner--textInfoOnBgFill.shopilike-Banner--textInfoOnBgFill s-internal-icon {
    color: var(--p-color-text-info-on-bg-fill)
}

.shopilike-Banner__text--info.shopilike-Banner__text--info.shopilike-Banner__text--info s-internal-icon {
    color: var(--p-color-text-info)
}

.shopilike-Banner__icon--secondary.shopilike-Banner__icon--secondary.shopilike-Banner__icon--secondary s-internal-icon {
    color: var(--p-color-icon-secondary)
}

.shopilike-Breadcrumbs__BreadcrumbsStack {
    --pc-breadcrumbs-rollout-duration: var(--p-motion-duration-250);
    --pc-breadcrumbs-rollout-easing: var(--p-motion-ease-in-out);
    --pc-breadcrumbs-rollout-delay: 50ms;
    --pc-breadcrumbs-background-hover-duration: var(--p-motion-duration-250);
    --pc-breadcrumbs-background-hover-easing: var(--p-motion-ease);
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    width: 100%
}

@media (min-width: 48em) {
    .shopilike-Breadcrumbs__BreadcrumbsStack {
        width:inherit;
        overflow: hidden
    }
}

:is(.shopilike-Breadcrumbs__BreadcrumbsStack [data-polaris-tooltip-activator]):after {
    content: none
}

.shopilike-Breadcrumbs__BreadcrumbsMobileRollup {
    margin-right: var(--p-space-025)
}

.shopilike-Breadcrumbs__BreadcrumbsMobileRollup button,.shopilike-Breadcrumbs__BreadcrumbsMobileRollup a {
    display: inline-block;
    height: var(--p-width-700);
    width: var(--p-width-700);
    background: var(--p-color-bg-fill-tertiary);
    border-radius: var(--p-border-radius-200);
    border: none;
    box-shadow: none;
    margin: 0;
    vertical-align: bottom
}

:is(.shopilike-Breadcrumbs__BreadcrumbsMobileRollup button,.shopilike-Breadcrumbs__BreadcrumbsMobileRollup a):active {
    background: var(--p-color-bg-fill-tertiary-active);
    box-shadow: var(--p-shadow-inset-100)
}

:is(.shopilike-Breadcrumbs__BreadcrumbsMobileRollup button,.shopilike-Breadcrumbs__BreadcrumbsMobileRollup a):active span,:is(.shopilike-Breadcrumbs__BreadcrumbsMobileRollup button,.shopilike-Breadcrumbs__BreadcrumbsMobileRollup a):active img {
    position: relative;
    top: var(--p-space-025)
}

:is(.shopilike-Breadcrumbs__BreadcrumbsMobileRollup button,.shopilike-Breadcrumbs__BreadcrumbsMobileRollup a):focus:not(:active):after {
    content: none
}

:is(.shopilike-Breadcrumbs__BreadcrumbsMobileRollup button,.shopilike-Breadcrumbs__BreadcrumbsMobileRollup a):focus:not(:active) {
    outline: var(--p-border-width-050) solid var(--p-color-border-focus);
    outline-offset: var(--p-space-050);
    background: var(--p-color-bg-fill-tertiary-active)
}

:is(.shopilike-Breadcrumbs__BreadcrumbsMobileRollup button,.shopilike-Breadcrumbs__BreadcrumbsMobileRollup a):hover {
    background: var(--p-color-bg-fill-tertiary-hover)
}

.shopilike-Breadcrumbs__BreadcrumbsMobileRollup+svg {
    align-self: center
}

.shopilike-Breadcrumbs__PageTitle {
    padding-inline-start:var(--p-space-025);min-width: 0
}

@media (min-width: 30.625em) {
    .shopilike-Breadcrumbs__PageTitle {
        padding-inline-start:var(--p-space-100)
    }
}

.shopilike-Breadcrumbs__PageTitle h1 {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.shopilike-Breadcrumbs__IconWithTitle {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    overflow: hidden
}

.shopilike-Breadcrumbs__BreadcrumbImageWrapper {
    display: flex;
    place-items: center;
    margin-inline-end:var(--p-space-050)}

.shopilike-Breadcrumbs__IconWrapper {
    padding: var(--p-space-100);
    border-radius: var(--p-border-radius-150)
}

.shopilike-Breadcrumbs__IconWrapper+.shopilike-Breadcrumbs__PageTitle {
    margin-inline-start:calc(var(--p-space-050)*-1);padding-inline-start: 0
}

.shopilike-Breadcrumbs__IconWrapperLink {
    position: relative;
    text-decoration: none;
    transition: background-color var(--pc-breadcrumbs-background-hover-duration) var(--pc-breadcrumbs-background-hover-easing)
}

.shopilike-Breadcrumbs__IconWrapperLink:hover {
    background-color: var(--p-color-bg-fill-transparent-hover)
}

.shopilike-Breadcrumbs__IconWrapperLink:active {
    background-color: var(--p-color-bg-fill-transparent-active);
    box-shadow: var(--p-shadow-inset-100)
}

.shopilike-Breadcrumbs__IconWrapperLink:active span,.shopilike-Breadcrumbs__IconWrapperLink:active img {
    position: relative;
    top: var(--p-space-025)
}

.shopilike-Breadcrumbs__IconWrapperLink:focus-visible {
    outline: var(--p-border-width-050) solid var(--p-color-border-focus);
    outline-offset: calc(var(--p-border-width-050)*-1);
    background-color: var(--p-color-bg-fill-transparent-hover)
}

.shopilike-Breadcrumbs__BreadcrumbItem {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0;
    padding: 0;
    background: none;
    border: none;
    font-size: inherit;
    line-height: inherit;
    color: inherit;
    cursor: pointer
}

.shopilike-Breadcrumbs__BreadcrumbItem:focus {
    outline: none
}

.shopilike-Breadcrumbs__BreadcrumbItem {
    text-decoration: none;
    flex-shrink: 0;
    min-width: var(--p-width-700);
    justify-content: center;
    overflow: hidden;
    padding: var(--p-space-100);
    display: flex;
    align-items: center;
    border-radius: var(--p-border-radius-150);
    transition: max-width var(--pc-breadcrumbs-rollout-duration) var(--pc-breadcrumbs-rollout-easing) var(--pc-breadcrumbs-rollout-delay),background-color var(--pc-breadcrumbs-background-hover-duration) var(--pc-breadcrumbs-background-hover-easing)
}

.shopilike-Breadcrumbs__BreadcrumbItem span {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: inherit
}

.shopilike-Breadcrumbs__BreadcrumbItem:hover,.shopilike-Breadcrumbs__BreadcrumbItem:focus-within,.shopilike-Breadcrumbs__BreadcrumbItem:focus-visible {
    background-color: var(--p-color-bg-fill-transparent-hover);
    max-width: 40ch
}

:is(.shopilike-Breadcrumbs__BreadcrumbItem:hover,.shopilike-Breadcrumbs__BreadcrumbItem:focus-within,.shopilike-Breadcrumbs__BreadcrumbItem:focus-visible) span {
    overflow: hidden;
    color: var(--p-color-text)
}

.shopilike-Breadcrumbs__BreadcrumbItem:focus-visible {
    outline: var(--p-border-width-050) solid var(--p-color-border-focus);
    outline-offset: calc(var(--p-border-width-050)*-1)
}

.shopilike-Breadcrumbs__BreadcrumbItem:active {
    background-color: var(--p-color-bg-fill-transparent-active);
    box-shadow: var(--p-shadow-inset-100)
}

.shopilike-Breadcrumbs__BreadcrumbItem:active span {
    position: relative;
    top: var(--p-space-025)
}

.shopilike-Breadcrumbs__BreadcrumbItemOverflow {
    --pc-breadcrumb-offset: calc(var(--pc-breadcrumbs-rollout-duration)*(var(--pc-breadcrumb-length)/400 + 1));
    overflow: hidden;
    max-width: 8ch;
    transition-duration: var(--pc-breadcrumb-offset)
}

.shopilike-Breadcrumbs__BreadcrumbItemOverflow span {
    -webkit-mask-image: linear-gradient(to right,var(--p-color-bg) calc(100% - 5ch),transparent 100%);
    mask-image: linear-gradient(to right,var(--p-color-bg) calc(100% - 5ch),transparent 100%)
}

.shopilike-Breadcrumbs__BreadcrumbItemOverflow:hover span,.shopilike-Breadcrumbs__BreadcrumbItemOverflow:focus-visible span {
    animation: shopilike-Breadcrumbs--removeMask var(--pc-breadcrumbs-rollout-duration) var(--pc-breadcrumbs-rollout-easing) var(--pc-breadcrumbs-rollout-delay) forwards
}

@keyframes shopilike-Breadcrumbs--removeMask {
    to {
        -webkit-mask-image: none;
        mask-image: none;
        text-overflow: ellipsis
    }
}

.shopilike-CheckableButton {
    color: var(--p-color-text);
    display: flex;
    align-items: center;
    gap: calc(var(--p-space-300) + var(--p-space-025));
    margin: 0;
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none;
    text-decoration: none;
    text-align: left;
    border-radius: var(--p-border-radius-100);
    width: auto;
    min-height: auto;
    min-width: auto;
    height: 100%
}

.shopilike-CheckableButton s-internal-icon {
    color: var(--p-color-text-brand-on-bg-fill)
}

.shopilike-CheckableButton svg {
    fill: var(--p-color-text-brand-on-bg-fill)
}

.shopilike-CheckableButton:hover,.shopilike-CheckableButton:active {
    background: transparent
}

.shopilike-CheckableButton:focus {
    outline: none
}

.shopilike-CheckableButton__Checkbox {
    pointer-events: none;
    display: flex
}

.shopilike-CheckableButton__Label {
    display: flex;
    align-items: center;
    flex: 1 1;
    white-space: nowrap;
    overflow: hidden;
    max-width: 100%;
    text-overflow: ellipsis;
    padding: var(--p-space-025) 0
}

.shopilike-Indicator {
    --pc-indicator-size: .625rem;
    --pc-indicator-base-position: calc(var(--p-space-100)*-1)
}

.shopilike-Indicator:before,.shopilike-Indicator:after {
    content: "";
    position: absolute;
    background-color: var(--p-color-border-info);
    right: var(--pc-indicator-base-position);
    top: var(--pc-indicator-base-position);
    width: var(--pc-indicator-size);
    height: var(--pc-indicator-size);
    border-radius: var(--p-border-radius-full);
    border: calc(var(--pc-indicator-size)/2) solid transparent
}

.shopilike-Indicator--pulseIndicator:before {
    z-index: 1;
    animation: var(--p-motion-keyframes-bounce) var(--p-motion-duration-5000) ease infinite
}

.shopilike-Indicator--pulseIndicator:after {
    right: var(--pc-indicator-base-position);
    top: var(--pc-indicator-base-position);
    animation: var(--p-motion-keyframes-pulse) var(--p-motion-duration-5000) ease infinite
}

.shopilike-BulkActions__BulkActionsOuterLayout {
    position: relative;
    flex: 1 1;
    width: 100%
}

.shopilike-BulkActions__BulkActionsSelectAllWrapper {
    min-height: 1.5rem;
    display: flex;
    align-items: center;
    gap: var(--p-space-200)
}

.shopilike-BulkActions__BulkActionsPromotedActionsWrapper {
    position: relative;
    flex: 1 1
}

.shopilike-BulkActions__BulkActionsLayout {
    display: flex;
    flex-wrap: wrap;
    overflow: hidden;
    align-items: center;
    justify-content: flex-end;
    flex: 1 1 auto;
    gap: var(--p-space-100)
}

.shopilike-BulkActions__BulkActionsLayout>* {
    flex: 0 0 auto
}

.shopilike-BulkActions--bulkActionsLayoutMeasuring {
    visibility: hidden;
    height: 0
}

.shopilike-BulkActions__BulkActionsMeasurerLayout {
    position: absolute;
    height: 0;
    width: 100%;
    visibility: hidden
}

.shopilike-BulkActions__BulkActionButton {
    white-space: nowrap
}

.shopilike-BulkActions__BulkActionButton button {
    display: flex
}

.shopilike-BulkActions--disabled {
    transition: none;
    box-shadow: none;
    border-color: var(--p-color-border-disabled);
    background: var(--p-color-bg-fill-disabled);
    color: var(--p-color-text-disabled)
}

.shopilike-BulkActions--disabled svg {
    fill: var(--p-color-icon-disabled)
}

.shopilike-BulkActions--disabled {
    cursor: default;
    pointer-events: none
}

.shopilike-BulkActions__AllAction {
    border: 0;
    background: none;
    padding: 0;
    cursor: pointer;
    color: var(--p-color-text-highlight);
    outline: none;
    position: relative
}

.shopilike-BulkActions__AllAction:after {
    content: "";
    position: absolute;
    z-index: 1;
    top: -.0625rem;
    right: -.0625rem;
    bottom: -.0625rem;
    left: -.0625rem;
    display: block;
    pointer-events: none;
    box-shadow: 0 0 0 -.0625rem var(--p-color-border-focus);
    border-radius: var(--p-border-radius-100)
}

.shopilike-BulkActions__AllAction:hover,.shopilike-BulkActions__AllAction:focus {
    color: var(--p-color-text-highlight-hover)
}

.shopilike-BulkActions__AllAction:active {
    color: var(--p-color-text-highlight-active)
}

.shopilike-BulkActions__AllAction:focus-visible:not(:active):after {
    box-shadow: 0 0 0 .125rem var(--p-color-border-focus);
    outline: var(--p-border-width-025) solid transparent
}

.shopilike-CalloutCard {
    display: flex;
    align-items: center
}

.shopilike-CalloutCard__Image {
    display: none;
    flex: 0 0 auto;
    width: 6.25rem
}

@media (min-width: 30.625em) {
    .shopilike-CalloutCard__Image {
        display:block;
        margin-left: var(--p-space-500)
    }
}

.shopilike-CalloutCard__DismissImage {
    margin-right: var(--p-space-500)
}

.shopilike-CalloutCard__Content {
    flex: 1 1 auto
}

.shopilike-CalloutCard__Title {
    margin-bottom: var(--p-space-200)
}

.shopilike-CalloutCard__Buttons {
    margin-top: var(--p-space-200)
}

.shopilike-CalloutCard__Container {
    position: relative
}

.shopilike-CalloutCard__Dismiss {
    right: var(--p-space-300);
    top: var(--p-space-400);
    position: absolute
}

.shopilike-CalloutCard__Dismiss s-internal-icon,.shopilike-CalloutCard__Dismiss svg {
    color: var(--p-color-icon-secondary)
}

.shopilike-CalloutCard--hasDismiss {
    padding-right: calc(var(--p-space-800) + var(--p-space-300))
}

.shopilike-Collapsible {
    padding-top: 0;
    padding-bottom: 0;
    max-height: 0;
    overflow: hidden;
    transition-property: max-height;
    transition-duration: var(--p-motion-duration-100);
    transition-timing-function: var(--p-motion-ease-out)
}

.shopilike-Collapsible--isFullyClosed {
    display: none
}

@media print {
    .shopilike-Collapsible--expandOnPrint {
        max-height: none!important;
        max-width: none!important;
        overflow: visible;
        display: block
    }
}

.shopilike-Collapsible--inline {
    max-height: none;
    transition-property: max-width
}

.shopilike-Collapsible--inline.shopilike-Collapsible--animateIn {
    max-width: none
}

.shopilike-Collapsible--inline.shopilike-Collapsible--hidden {
    position: absolute;
    visibility: hidden;
    width: 100%
}

.shopilike-ColorPicker {
    --pc-color-picker-size: 10rem;
    --pc-color-picker-dragger-size: 1.125rem;
    --pc-color-picker-z-index: 10;
    --pc-color-picker-adjustments: 20;
    --pc-color-picker-dragger: 30;
    --pc-color-picker-inner-shadow: inset 0 0 .125rem 0 rgba(0, 0, 0, .5);
    --pc-color-picker-dragger-shadow: inset 0 .0625rem .125rem 0 rgba(33, 43, 54, .32), 0 .0625rem .125rem 0 rgba(33, 43, 54, .32);
    --pc-color-picker-checkers: repeating-conic-gradient( var(--p-color-bg-surface) 0% 25%, var(--p-color-bg-surface-secondary) 0% 50% ) 50% / var(--p-space-400) var(--p-space-400);
    -webkit-user-select: none;
    user-select: none;
    display: flex
}

.shopilike-ColorPicker__MainColor {
    background: var(--pc-color-picker-checkers);
    position: relative;
    overflow: hidden;
    height: var(--pc-color-picker-size);
    width: var(--pc-color-picker-size)
}

.shopilike-ColorPicker--fullWidth .shopilike-ColorPicker__MainColor {
    width: auto;
    flex-grow: 1
}

.shopilike-ColorPicker__MainColor {
    border-radius: var(--p-border-radius-100);
    cursor: pointer
}

.shopilike-ColorPicker__MainColor .shopilike-ColorPicker__Dragger {
    right: calc(var(--pc-color-picker-dragger-size)*.5);
    margin: 0;
    box-shadow: var(--pc-color-picker-dragger-shadow)
}

.shopilike-ColorPicker__MainColor .shopilike-ColorPicker__ColorLayer {
    border-radius: var(--p-border-radius-100)
}

.shopilike-ColorPicker__MainColor:after,.shopilike-ColorPicker__MainColor:before {
    content: "";
    position: absolute;
    z-index: var(--pc-color-picker-adjustments);
    top: 0;
    left: 0;
    display: block;
    height: 100%;
    width: 100%;
    pointer-events: none;
    border-radius: var(--p-border-radius-100)
}

.shopilike-ColorPicker__MainColor:before {
    background: linear-gradient(to right,white,transparent)
}

.shopilike-ColorPicker__MainColor:after {
    background-image: linear-gradient(to top,black,transparent);
    box-shadow: var(--pc-color-picker-inner-shadow)
}

@media (-ms-high-contrast: active) {
    .shopilike-ColorPicker__MainColor {
        outline: var(--p-border-width-025) solid FieldText
    }
}

.shopilike-ColorPicker__Dragger {
    position: relative;
    z-index: var(--pc-color-picker-dragger);
    bottom: calc(var(--pc-color-picker-dragger-size)*.5);
    transform: none;
    height: var(--pc-color-picker-dragger-size);
    width: var(--pc-color-picker-dragger-size);
    margin: 0 auto;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    will-change: transform;
    background: transparent;
    border: var(--p-border-radius-100) solid var(--p-color-bg-surface);
    border-radius: var(--p-border-radius-full);
    pointer-events: none;
    box-shadow: var(--pc-color-picker-dragger-shadow)
}

.shopilike-ColorPicker__HuePicker,.shopilike-ColorPicker__AlphaPicker {
    --pc-color-picker-vertical-border-radius: calc(var(--pc-color-picker-size)*.5);
    position: relative;
    overflow: hidden;
    height: var(--pc-color-picker-size);
    width: var(--p-space-600);
    margin-left: var(--p-space-200);
    border-width: var(--p-border-radius-100);
    border-radius: var(--pc-color-picker-vertical-border-radius)
}

:is(.shopilike-ColorPicker__HuePicker,.shopilike-ColorPicker__AlphaPicker):after {
    content: "";
    position: absolute;
    z-index: var(--pc-color-picker-adjustments);
    top: 0;
    left: 0;
    display: block;
    height: 100%;
    width: 100%;
    pointer-events: none;
    border-radius: var(--pc-color-picker-vertical-border-radius);
    box-shadow: var(--pc-color-picker-inner-shadow)
}

@media (-ms-high-contrast: active) {
    .shopilike-ColorPicker__HuePicker,.shopilike-ColorPicker__AlphaPicker {
        outline: var(--p-border-width-025) solid FieldText
    }
}

.shopilike-ColorPicker__HuePicker {
    background-image: linear-gradient(to bottom,red var(--pc-color-picker-dragger-size),yellow,lime,cyan,blue,magenta,red calc(var(--pc-color-picker-size) - var(--pc-color-picker-dragger-size)))
}

.shopilike-ColorPicker__AlphaPicker {
    background: var(--pc-color-picker-checkers)
}

.shopilike-ColorPicker__ColorLayer {
    position: absolute;
    z-index: var(--pc-color-picker-z-index);
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    pointer-events: none
}

.shopilike-ColorPicker__Slidable {
    height: 100%;
    width: 100%;
    cursor: pointer
}

.shopilike-InlineGrid {
    --pc-inline-grid-gap-xs: initial;
    --pc-inline-grid-gap-sm: initial;
    --pc-inline-grid-gap-md: initial;
    --pc-inline-grid-gap-lg: initial;
    --pc-inline-grid-gap-xl: initial;
    gap: var(--pc-inline-grid-gap-xs)
}

@media (min-width: 30.625em) {
    .shopilike-InlineGrid {
        gap:var( --pc-inline-grid-gap-sm, var(--pc-inline-grid-gap-xs) )
    }
}

@media (min-width: 48em) {
    .shopilike-InlineGrid {
        gap:var( --pc-inline-grid-gap-md, var( --pc-inline-grid-gap-sm, var(--pc-inline-grid-gap-xs) ) )
    }
}

@media (min-width: 65em) {
    .shopilike-InlineGrid {
        gap:var( --pc-inline-grid-gap-lg, var( --pc-inline-grid-gap-md, var( --pc-inline-grid-gap-sm, var(--pc-inline-grid-gap-xs) ) ) )
    }
}

@media (min-width: 90em) {
    .shopilike-InlineGrid {
        gap:var( --pc-inline-grid-gap-xl, var( --pc-inline-grid-gap-lg, var( --pc-inline-grid-gap-md, var( --pc-inline-grid-gap-sm, var(--pc-inline-grid-gap-xs) ) ) ) )
    }
}

.shopilike-InlineGrid {
    --pc-inline-grid-grid-template-columns-xs: initial;
    --pc-inline-grid-grid-template-columns-sm: initial;
    --pc-inline-grid-grid-template-columns-md: initial;
    --pc-inline-grid-grid-template-columns-lg: initial;
    --pc-inline-grid-grid-template-columns-xl: initial;
    grid-template-columns: var(--pc-inline-grid-grid-template-columns-xs)
}

@media (min-width: 30.625em) {
    .shopilike-InlineGrid {
        grid-template-columns:var( --pc-inline-grid-grid-template-columns-sm, var(--pc-inline-grid-grid-template-columns-xs) )
    }
}

@media (min-width: 48em) {
    .shopilike-InlineGrid {
        grid-template-columns:var( --pc-inline-grid-grid-template-columns-md, var( --pc-inline-grid-grid-template-columns-sm, var(--pc-inline-grid-grid-template-columns-xs) ) )
    }
}

@media (min-width: 65em) {
    .shopilike-InlineGrid {
        grid-template-columns:var( --pc-inline-grid-grid-template-columns-lg, var( --pc-inline-grid-grid-template-columns-md, var( --pc-inline-grid-grid-template-columns-sm, var(--pc-inline-grid-grid-template-columns-xs) ) ) )
    }
}

@media (min-width: 90em) {
    .shopilike-InlineGrid {
        grid-template-columns:var( --pc-inline-grid-grid-template-columns-xl, var( --pc-inline-grid-grid-template-columns-lg, var( --pc-inline-grid-grid-template-columns-md, var( --pc-inline-grid-grid-template-columns-sm, var(--pc-inline-grid-grid-template-columns-xs) ) ) ) )
    }
}

.shopilike-InlineGrid {
    --pc-inline-grid-align-items: initial;
    display: grid;
    align-items: var(--pc-inline-grid-align-items)
}

.shopilike-DataTable {
    --pc-data-table-first-column-width: 9.0625rem;
    position: relative;
    max-width: 100vw;
    background-color: var(--p-color-bg-surface);
    border-radius: 0;
    overflow: hidden
}

@media (min-width: 30.625em) {
    .shopilike-DataTable {
        border-radius:var(--p-border-radius-300)
    }
}

.shopilike-DataTable--condensed .shopilike-DataTable__Navigation {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: var(--p-space-400) var(--p-space-300)
}

@media (min-width: 48em) {
    .shopilike-DataTable--condensed .shopilike-DataTable__Navigation {
        justify-content:flex-end
    }
}

.shopilike-DataTable__Navigation {
    display: none
}

.shopilike-DataTable__Pip {
    height: .375rem;
    width: .375rem;
    background: var(--p-color-icon-secondary);
    border-radius: var(--p-border-radius-100)
}

.shopilike-DataTable__Pip:not(:last-of-type) {
    margin-right: var(--p-space-100)
}

.shopilike-DataTable__Pip:first-of-type {
    margin-left: var(--p-space-100)
}

.shopilike-DataTable__Pip:last-of-type {
    margin-right: var(--p-space-100)
}

.shopilike-DataTable__Pip--visible {
    background: var(--p-color-icon)
}

.shopilike-DataTable__ScrollContainer {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scroll-behavior: smooth;
    background-color: inherit
}

.shopilike-DataTable__Table {
    width: 100%;
    border-spacing: 0
}

:is(.shopilike-DataTable__TableRow+.shopilike-DataTable__TableRow) .shopilike-DataTable__Cell {
    border-top: var(--p-border-width-025) solid var(--p-color-border-secondary)
}

.shopilike-DataTable__Cell {
    font-weight: var(--p-font-weight-regular);
    color: var(--p-color-text);
    white-space: nowrap;
    text-align: left;
    transition: background-color var(--p-motion-duration-200) var(--p-motion-ease-in-out);
    padding: var(--p-space-200) var(--p-space-150)
}

.shopilike-DataTable__Cell:first-child {
    padding-left: var(--p-space-300)
}

.shopilike-DataTable__Cell:last-child {
    padding-right: var(--p-space-300)
}

.shopilike-DataTable__IncreasedTableDensity .shopilike-DataTable__Cell {
    padding: var(--p-space-150)
}

:is(.shopilike-DataTable__IncreasedTableDensity .shopilike-DataTable__Cell):first-child {
    padding-left: var(--p-space-300)
}

:is(.shopilike-DataTable__IncreasedTableDensity .shopilike-DataTable__Cell):last-child {
    padding-right: var(--p-space-300)
}

.shopilike-DataTable__ZebraStripingOnData .shopilike-DataTable__TableRow:nth-child(odd) .shopilike-DataTable__Cell,.shopilike-DataTable__ZebraStripingOnData.shopilike-DataTable__RowCountIsEven .shopilike-DataTable__TableRow:nth-child(2n) .shopilike-DataTable__Cell,.shopilike-DataTable__ZebraStripingOnData.shopilike-DataTable__ShowTotalsInFooter .shopilike-DataTable__TableRow:nth-child(2n) .shopilike-DataTable__Cell,.shopilike-DataTable__ZebraStripingOnData.shopilike-DataTable__ShowTotalsInFooter.shopilike-DataTable__RowCountIsEven .shopilike-DataTable__TableRow:nth-child(odd) .shopilike-DataTable__Cell {
    background: none
}

.shopilike-DataTable__ZebraStripingOnData .shopilike-DataTable__TableRow:nth-child(2n) .shopilike-DataTable__Cell,.shopilike-DataTable__ZebraStripingOnData.shopilike-DataTable__RowCountIsEven .shopilike-DataTable__TableRow:nth-child(odd) .shopilike-DataTable__Cell,.shopilike-DataTable__ZebraStripingOnData.shopilike-DataTable__ShowTotalsInFooter .shopilike-DataTable__TableRow:nth-child(odd) .shopilike-DataTable__Cell,.shopilike-DataTable__ZebraStripingOnData.shopilike-DataTable__ShowTotalsInFooter.shopilike-DataTable__RowCountIsEven .shopilike-DataTable__TableRow:nth-child(2n) .shopilike-DataTable__Cell {
    background: var(--p-color-bg-surface-secondary)
}

.shopilike-DataTable__Cell--separate:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    border-right: var(--p-border-width-025) solid var(--p-color-border)
}

.shopilike-DataTable__Cell--firstColumn {
    text-align: left;
    white-space: normal
}

.shopilike-DataTable__Cell--numeric {
    text-align: right
}

.shopilike-DataTable__Cell--truncated {
    white-space: nowrap;
    overflow-x: hidden;
    text-overflow: ellipsis;
    max-width: var(--pc-data-table-first-column-width)
}

.shopilike-DataTable__Cell--header {
    font-weight: var(--p-font-weight-regular);
    color: var(--p-color-text);
    border-bottom: var(--p-border-width-025) solid var(--p-color-border);
    border-top: 0;
    padding-top: var(--p-space-300);
    padding-bottom: var(--p-space-300)
}

.shopilike-DataTable__IncreasedTableDensity .shopilike-DataTable__Cell--header {
    font-weight: var(--p-font-weight-regular)
}

.shopilike-DataTable__Cell--sortable {
    padding: 0
}

.shopilike-DataTable__Cell--sortable:first-child {
    padding-left: var(--p-space-200)
}

.shopilike-DataTable__Cell--sortable:last-child {
    padding-right: var(--p-space-200)
}

.shopilike-DataTable__IncreasedTableDensity .shopilike-DataTable__Cell--sortable {
    padding: 0
}

:is(.shopilike-DataTable__IncreasedTableDensity .shopilike-DataTable__Cell--sortable):first-child {
    padding-left: var(--p-space-200)
}

:is(.shopilike-DataTable__IncreasedTableDensity .shopilike-DataTable__Cell--sortable):last-child {
    padding-right: var(--p-space-200)
}

.shopilike-DataTable__IncreasedTableDensity .shopilike-DataTable__Cell--sortable .shopilike-DataTable__Heading--left {
    padding-right: 0;
    padding-left: var(--p-space-100)
}

.shopilike-DataTable__Cell--verticalAlignTop {
    vertical-align: top
}

.shopilike-DataTable__Cell--verticalAlignBottom {
    vertical-align: bottom
}

.shopilike-DataTable__Cell--verticalAlignMiddle {
    vertical-align: middle
}

.shopilike-DataTable__Cell--verticalAlignBaseline {
    vertical-align: baseline
}

@media (min-width: 48em) {
    .shopilike-DataTable--hoverable .shopilike-DataTable__Cell--hovered {
        background:var(--p-color-bg-surface-hover)
    }
}

.shopilike-DataTable__Icon {
    display: flex;
    align-self: flex-end;
    opacity: 0;
    transition: opacity var(--p-motion-duration-200) var(--p-motion-ease)
}

.shopilike-DataTable__Heading {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0;
    padding: 0;
    background: none;
    border: none;
    font-size: inherit;
    line-height: inherit;
    color: inherit;
    cursor: pointer
}

.shopilike-DataTable__Heading:focus {
    outline: none
}

.shopilike-DataTable__Heading {
    position: relative
}

.shopilike-DataTable__Heading:after {
    content: "";
    position: absolute;
    z-index: 1;
    top: -.0625rem;
    right: -.0625rem;
    bottom: -.0625rem;
    left: -.0625rem;
    display: block;
    pointer-events: none;
    box-shadow: 0 0 0 -.0625rem var(--p-color-border-focus);
    border-radius: var(--p-border-radius-100)
}

.shopilike-DataTable__Heading {
    position: relative;
    display: inline-flex;
    justify-content: flex-end;
    align-items: baseline;
    color: var(--p-color-text);
    transition: color var(--p-motion-duration-200) var(--p-motion-ease);
    cursor: pointer;
    margin: .1875rem;
    padding: .5625rem .1875rem
}

.shopilike-DataTable__Heading s-internal-icon {
    color: var(--p-color-icon-disabled)
}

.shopilike-DataTable__StickyHeaderEnabled [data-sticky-active] .shopilike-DataTable__Heading {
    visibility: hidden
}

.shopilike-DataTable__StickyHeaderEnabled [data-sticky-active] .shopilike-DataTable__StickyHeaderWrapper .shopilike-DataTable__Heading {
    visibility: visible
}

.shopilike-DataTable__IncreasedTableDensity .shopilike-DataTable__Heading {
    margin: .1875rem;
    padding: .1875rem
}

.shopilike-DataTable__Heading:hover .shopilike-DataTable__Icon {
    opacity: 1
}

.shopilike-DataTable__Heading:focus-visible:not(:active):after {
    box-shadow: 0 0 0 .125rem var(--p-color-border-focus);
    outline: var(--p-border-width-025) solid transparent
}

.shopilike-DataTable__Heading:focus-visible:not(:active) .shopilike-DataTable__Icon {
    opacity: 1
}

:is(.shopilike-DataTable__Heading:focus-visible:not(:active) .shopilike-DataTable__Icon) s-internal-icon {
    color: var(--p-color-icon-disabled)
}

.shopilike-DataTable__Heading--left {
    justify-content: flex-start;
    flex-direction: row-reverse
}

.shopilike-DataTable__Cell--sorted .shopilike-DataTable__Icon {
    opacity: 1
}

:is(.shopilike-DataTable__Cell--sorted .shopilike-DataTable__Icon) s-internal-icon {
    color: var(--p-color-icon)
}

.shopilike-DataTable__Cell--sorted:hover s-internal-icon {
    color: var(--p-color-icon)
}

:is(.shopilike-DataTable__Cell--sorted .shopilike-DataTable__Heading:focus:not(:active)) s-internal-icon {
    color: var(--p-color-icon)
}

.shopilike-DataTable__Cell--total {
    font-weight: var(--p-font-weight-semibold);
    background: var(--p-color-bg-surface-secondary);
    border-bottom: var(--p-border-width-025) solid var(--p-color-border)
}

.shopilike-DataTable__ZebraStripingOnData.shopilike-DataTable__ShowTotals .shopilike-DataTable__Cell--total {
    background: var(--p-color-bg-surface-secondary)
}

.shopilike-DataTable__ZebraStripingOnData.shopilike-DataTable__ShowTotals.shopilike-DataTable__RowCountIsEven .shopilike-DataTable__Cell--total,.shopilike-DataTable__ZebraStripingOnData.shopilike-DataTable__ShowTotalsInFooter .shopilike-DataTable__Cell--total {
    background: none
}

.shopilike-DataTable--cellTotalFooter {
    border-top: var(--p-border-width-025) solid var(--p-color-border);
    border-bottom: none
}

.shopilike-DataTable__Footer {
    padding: var(--p-space-200) var(--p-space-300);
    background: var(--p-color-bg-surface-secondary);
    color: var(--p-color-text-secondary);
    text-align: center;
    border-top: var(--p-border-width-025) solid var(--p-color-border)
}

.shopilike-DataTable__IncreasedTableDensity .shopilike-DataTable__Footer {
    padding: var(--p-space-150) var(--p-space-300)
}

.shopilike-DataTable__ZebraStripingOnData .shopilike-DataTable__Footer {
    background: none
}

.shopilike-DataTable__StickyHeaderEnabled .shopilike-DataTable__StickyHeaderWrapper {
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    visibility: hidden;
    z-index: var(--p-z-index-1)
}

.shopilike-DataTable__StickyHeaderEnabled .shopilike-DataTable__StickyHeaderInner {
    position: absolute;
    display: flex;
    flex-direction: column;
    width: 100%;
    overflow: hidden;
    border-spacing: 0
}

:is(.shopilike-DataTable__StickyHeaderEnabled .shopilike-DataTable__StickyHeaderInner):not(.shopilike-DataTable__StickyHeaderInner--isSticky) {
    top: -624.9375rem;
    left: -624.9375rem
}

.shopilike-DataTable__StickyHeaderEnabled .shopilike-DataTable__StickyHeaderTable {
    border-collapse: collapse;
    display: block;
    overflow-x: auto;
    width: 100%;
    scrollbar-width: none
}

:is(.shopilike-DataTable__StickyHeaderEnabled .shopilike-DataTable__StickyHeaderTable)::-webkit-scrollbar {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    height: 0;
    width: 0
}

:is(.shopilike-DataTable__StickyHeaderEnabled .shopilike-DataTable__StickyHeaderTable) .shopilike-DataTable__FixedFirstColumn {
    bottom: 0;
    top: auto;
    padding-left: var(--p-space-300)
}

.shopilike-DataTable__StickyHeaderEnabled .shopilike-DataTable__StickyTableHeadingsRow {
    background-color: var(--p-color-bg-surface)
}

.shopilike-DataTable__StickyHeaderEnabled .shopilike-DataTable__StickyHeaderInner--isSticky {
    visibility: visible;
    background-color: var(--p-color-bg-surface);
    box-shadow: var(--p-shadow-100)
}

.shopilike-DataTable__FixedFirstColumn {
    position: absolute;
    background: inherit;
    z-index: 3;
    border-spacing: 0;
    top: 0;
    left: 0
}

@media (max-width: 47.9975em) {
    .shopilike-DataTable__FixedFirstColumn {
        z-index:1
    }
}

.shopilike-DataTable__TooltipContent {
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.shopilike-DatePicker {
    --pc-date-picker-range-end-border-radius: var(--p-border-radius-200);
    position: relative
}

.shopilike-DatePicker__MonthLayout {
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(var(--p-space-400)*-1);
    margin-left: calc(var(--p-space-400)*-1)
}

.shopilike-DatePicker__MonthContainer {
    flex: 1 1 14.375rem;
    margin-top: var(--p-space-400);
    margin-left: var(--p-space-400);
    max-width: calc(100% - var(--p-space-400));
    min-width: 14.375rem
}

.shopilike-DatePicker__Month {
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
    border: none;
    border-spacing: 0
}

.shopilike-DatePicker__DayCell {
    width: 14.28571%;
    background: transparent;
    margin: 0;
    padding: 0;
    border-radius: var(--p-border-radius-100)
}

.shopilike-DatePicker__DayCell--inRange {
    border-radius: 0
}

.shopilike-DatePicker__Day {
    display: block;
    height: 100%;
    width: 100%;
    margin: 0;
    padding: var(--p-space-200);
    background: transparent;
    border: none;
    border-radius: var(--p-border-radius-200);
    outline: none;
    color: var(--p-color-text);
    cursor: pointer
}

.shopilike-DatePicker__Day:hover {
    background: var(--p-color-bg-fill-brand-hover);
    color: var(--p-color-text-brand-on-bg-fill);
    outline: var(--p-border-width-025) solid transparent
}

.shopilike-DatePicker__Day {
    position: relative
}

.shopilike-DatePicker__Day:after {
    content: "";
    position: absolute;
    z-index: 1;
    top: -.0625rem;
    right: -.0625rem;
    bottom: -.0625rem;
    left: -.0625rem;
    display: block;
    pointer-events: none;
    box-shadow: 0 0 0 -.0625rem var(--p-color-border-focus);
    border-radius: var(--p-border-radius-100)
}

.shopilike-DatePicker__Day:focus-visible:not(:active):after {
    box-shadow: 0 0 0 .125rem var(--p-color-border-focus);
    outline: var(--p-border-width-025) solid transparent
}

.shopilike-DatePicker__Day--inRange {
    background: var(--p-color-bg-surface-brand-selected);
    border-radius: 0
}

@media (-ms-high-contrast: active) {
    .shopilike-DatePicker__Day--inRange {
        -ms-high-contrast-adjust: none;
        background-color: Highlight;
        color: HighlightText
    }

    .shopilike-DatePicker__Day--inRange:hover {
        background-color: HighlightText;
        color: Highlight;
        outline: var(--p-border-width-050) solid Highlight
    }
}

.shopilike-DatePicker__Day--selected {
    background: var(--p-color-bg-fill-brand-selected);
    color: var(--p-color-text-brand-on-bg-fill)
}

@media (-ms-high-contrast: active) {
    .shopilike-DatePicker__Day--selected {
        -ms-high-contrast-adjust: none;
        background-color: Highlight;
        color: HighlightText
    }

    .shopilike-DatePicker__Day--selected:hover {
        background-color: HighlightText;
        color: Highlight;
        outline: var(--p-border-width-050) solid Highlight
    }
}

.shopilike-DatePicker__Day--disabled,.shopilike-DatePicker__Day--disabled:hover {
    background-color: transparent;
    color: var(--p-color-text-disabled)
}

@media (-ms-high-contrast) {
    .shopilike-DatePicker__Day--disabled {
        -ms-high-contrast-adjust: none;
        color: grayText
    }

    .shopilike-DatePicker__Day--disabled:hover {
        color: grayText;
        outline: none
    }
}

.shopilike-DatePicker__Day--disabled:focus:after {
    content: none
}

.shopilike-DatePicker__EmptyDayCell {
    width: 14.28571%;
    margin: 0;
    padding: 0
}

.shopilike-DatePicker__Weekday {
    padding: var(--p-space-200);
    background: transparent
}

.shopilike-DatePicker__Header {
    position: absolute;
    top: var(--p-space-400);
    display: flex;
    justify-content: space-between;
    width: 100%
}

.shopilike-DatePicker__Title {
    flex: 1 1 auto;
    padding-bottom: var(--p-space-100)
}

.shopilike-DatePicker__Day--firstInRange {
    border-radius: var(--p-border-radius-200)
}

.shopilike-DatePicker__Day--firstInRange.shopilike-DatePicker__Day--hasRange,.shopilike-DatePicker__Day--firstInRange.shopilike-DatePicker__Day--hoverRight {
    border-radius: var(--pc-date-picker-range-end-border-radius) 0 0 var(--pc-date-picker-range-end-border-radius)
}

:is(.shopilike-DatePicker__Day--firstInRange.shopilike-DatePicker__Day--hasRange,.shopilike-DatePicker__Day--firstInRange.shopilike-DatePicker__Day--hoverRight):after {
    border-radius: var(--pc-date-picker-range-end-border-radius) 0 0 var(--pc-date-picker-range-end-border-radius)
}

.shopilike-DatePicker__Day--lastInRange {
    border-radius: 0 var(--pc-date-picker-range-end-border-radius) var(--pc-date-picker-range-end-border-radius) 0
}

.shopilike-DatePicker__Day--lastInRange:after {
    border-radius: 0 var(--pc-date-picker-range-end-border-radius) var(--pc-date-picker-range-end-border-radius) 0
}

.shopilike-DatePicker__Week {
    margin-bottom: var(--p-space-050)
}

.shopilike-DatePicker__Week>.shopilike-DatePicker__Day--inRange:first-child:not(.shopilike-DatePicker__Day--firstInRange):not(.shopilike-DatePicker__Day--lastInRange) {
    border-radius: var(--p-border-radius-100) 0 0 var(--p-border-radius-100)
}

.shopilike-DatePicker__Week>.shopilike-DatePicker__Day--inRange:last-child:not(.shopilike-DatePicker__Day--firstInRange):not(.shopilike-DatePicker__Day--lastInRange) {
    border-radius: 0 var(--p-border-radius-100) var(--p-border-radius-100) 0
}

:is(.shopilike-DatePicker__Day--inRange,.shopilike-DatePicker__Day--inRange:not(:hover)+.shopilike-DatePicker__Day):after {
    border-radius: 0 var(--pc-date-picker-range-end-border-radius) var(--pc-date-picker-range-end-border-radius) 0
}

.shopilike-DescriptionList {
    margin: 0;
    padding: 0;
    word-break: break-word
}

@media (min-width: 30.625em) {
    .shopilike-DescriptionList {
        display:flex;
        flex-wrap: wrap;
        align-items: flex-start
    }
}

.shopilike-DescriptionList__Term {
    font-weight: var(--p-font-weight-semibold);
    padding: var(--p-space-400) 0 var(--p-space-200)
}

.shopilike-DescriptionList--spacingTight .shopilike-DescriptionList__Term {
    padding: var(--p-space-200) 0 var(--p-space-100)
}

@media (min-width: 30.625em) {
    .shopilike-DescriptionList__Term {
        flex:0 1 25%;
        padding: var(--p-space-400) var(--p-space-400) var(--p-space-400) 0
    }

    .shopilike-DescriptionList--spacingTight .shopilike-DescriptionList__Term {
        padding: var(--p-space-200) var(--p-space-200) var(--p-space-200) 0
    }

    .shopilike-DescriptionList__Description+.shopilike-DescriptionList__Term+.shopilike-DescriptionList__Description {
        border-top: var(--p-border-width-025) solid var(--p-color-border-secondary)
    }
}

.shopilike-DescriptionList__Description {
    margin-left: 0;
    padding: 0 0 var(--p-space-400)
}

.shopilike-DescriptionList--spacingTight .shopilike-DescriptionList__Description {
    padding: 0 0 var(--p-space-200)
}

.shopilike-DescriptionList__Description+.shopilike-DescriptionList__Term {
    border-top: var(--p-border-width-025) solid var(--p-color-border-secondary)
}

@media (min-width: 30.625em) {
    .shopilike-DescriptionList__Description {
        flex:1 1 51%;
        padding: var(--p-space-400) 0
    }

    .shopilike-DescriptionList--spacingTight .shopilike-DescriptionList__Description {
        padding: var(--p-space-200) 0
    }

    .shopilike-DescriptionList__Description+.shopilike-DescriptionList__Term+.shopilike-DescriptionList__Description {
        border-top: var(--p-border-width-025) solid var(--p-color-border-secondary)
    }
}

.shopilike-Divider {
    border: 0;
    margin: 0
}

.shopilike-DropZone-FileUpload {
    padding: var(--p-space-300);
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%
}

.shopilike-DropZone-FileUpload--large {
    padding: var(--p-space-800)
}

.shopilike-DropZone-FileUpload--small {
    padding: var(--p-space-200)
}

.shopilike-DropZone-FileUpload img {
    vertical-align: bottom
}

.shopilike-DropZone-FileUpload__ActionTitle {
    color: var(--p-color-text-highlight);
    text-decoration: none
}

.shopilike-DropZone-FileUpload__ActionTitle:not(.shopilike-DropZone-FileUpload__ActionTitle--disabled) {
    cursor: pointer
}

.shopilike-DropZone-FileUpload__ActionTitle:not(.shopilike-DropZone-FileUpload__ActionTitle--disabled):hover,.shopilike-DropZone-FileUpload__ActionTitle:not(.shopilike-DropZone-FileUpload__ActionTitle--disabled):active {
    color: var(--p-color-text-highlight-active);
    text-decoration: underline
}

.shopilike-DropZone-FileUpload__ActionTitle--focused {
    text-decoration: underline
}

.shopilike-DropZone-FileUpload__ActionTitle--disabled {
    color: var(--p-color-text-disabled)
}

.shopilike-DropZone-FileUpload__UploadIcon {
    display: flex;
    align-items: center;
    fill: var(--p-color-icon)
}

.shopilike-DropZone-FileUpload__UploadIcon.shopilike-DropZone-FileUpload--disabled {
    fill: var(--p-color-icon-disabled)
}

.shopilike-DropZone {
    --pc-drop-zone-outline: 29;
    --pc-drop-zone-overlay: 30;
    --pc-drop-zone-border-style: dashed;
    position: relative;
    display: flex;
    justify-content: center;
    background-color: var(--p-color-input-bg-surface);
    border-radius: var(--p-border-radius-200)
}

.shopilike-DropZone:after {
    content: "";
    position: absolute;
    z-index: var(--pc-drop-zone-outline);
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border: var(--p-border-width-0165) var(--pc-drop-zone-border-style) transparent;
    border-radius: var(--p-border-radius-200);
    pointer-events: none
}

.shopilike-DropZone:not(.shopilike-DropZone--focused):after {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 1;
    transform: scale(1);
    border: var(--p-border-width-025) var(--pc-drop-zone-border-style) transparent
}

.shopilike-DropZone:hover {
    outline: var(--p-border-width-025) solid transparent
}

.shopilike-DropZone.shopilike-DropZone--noOutline {
    background-color: transparent
}

.shopilike-DropZone--hasOutline {
    padding: var(--p-space-025)
}

.shopilike-DropZone--hasOutline:not(.shopilike-DropZone--isDisabled):after {
    border-width: var(--p-border-width-0165);
    border-color: var(--p-color-input-border)
}

.shopilike-DropZone--hasOutline:not(.shopilike-DropZone--isDisabled):hover {
    cursor: pointer;
    background-color: var(--p-color-input-bg-surface-hover)
}

.shopilike-DropZone--hasOutline:not(.shopilike-DropZone--isDisabled):hover:after {
    border-color: var(--p-color-input-border-hover)
}

.shopilike-DropZone--isDragging:not(.shopilike-DropZone--isDisabled) {
    background-color: var(--p-color-bg-surface-hover)
}

.shopilike-DropZone--isDisabled {
    cursor: not-allowed;
    background-color: var(--p-color-bg-surface-disabled);
    color: var(--p-color-text-disabled)
}

.shopilike-DropZone--isDisabled:after {
    border-color: var(--p-color-border-disabled)
}

.shopilike-DropZone--sizeLarge {
    min-height: 7.5rem
}

.shopilike-DropZone--sizeMedium {
    min-height: 6.25rem;
    align-items: center
}

.shopilike-DropZone--sizeSmall {
    padding: 0;
    align-items: center;
    min-height: 2.5rem
}

.shopilike-DropZone--sizeSmall:before {
    content: "";
    padding-top: 100%
}

.shopilike-DropZone--measuring {
    visibility: hidden;
    min-height: 0
}

.shopilike-DropZone__Container {
    position: relative
}

.shopilike-DropZone__Container:after {
    content: "";
    position: absolute;
    z-index: 1;
    top: calc(var(--p-border-width-025)*-1 - .0625rem);
    right: calc(var(--p-border-width-025)*-1 - .0625rem);
    bottom: calc(var(--p-border-width-025)*-1 - .0625rem);
    left: calc(var(--p-border-width-025)*-1 - .0625rem);
    display: block;
    pointer-events: none;
    box-shadow: 0 0 0 calc(var(--p-border-width-025)*-1 - .0625rem) var(--p-color-border-focus);
    border-radius: var(--p-border-radius-200)
}

.shopilike-DropZone__Container {
    flex: 1 1
}

.shopilike-DropZone__Overlay {
    position: absolute;
    border-radius: var(--p-border-radius-200);
    z-index: var(--pc-drop-zone-overlay);
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: var(--p-space-400);
    border: var(--p-border-width-025) solid var(--p-color-input-border-active);
    text-align: center;
    color: var(--p-color-text);
    background-color: var(--p-color-input-bg-surface-active);
    pointer-events: none
}

.shopilike-DropZone--sizeSmall .shopilike-DropZone__Overlay {
    padding: 0
}

.shopilike-DropZone--hasError>.shopilike-DropZone__Overlay {
    border-color: var(--p-color-border-critical-secondary);
    color: var(--p-color-text-critical);
    border-style: var(--pc-drop-zone-border-style);
    border-width: var(--p-border-width-0165);
    background-color: var(--p-color-bg-surface-critical)
}

:is(.shopilike-DropZone--focused:not(.shopilike-DropZone--isDisabled) .shopilike-DropZone__Container):after {
    box-shadow: 0 0 0 .125rem var(--p-color-border-focus);
    outline: var(--p-border-width-025) solid transparent
}

.shopilike-EmptyState__ImageContainer {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center
}

.shopilike-EmptyState__Image {
    opacity: 0;
    transition: opacity var(--p-motion-duration-150) var(--p-motion-ease);
    z-index: var(--p-z-index-1)
}

.shopilike-EmptyState__Image.shopilike-EmptyState--loaded {
    opacity: 1
}

@media (min-width: 48em) {
    .shopilike-EmptyState--imageContained {
        position:initial;
        width: 100%
    }
}

.shopilike-EmptyState__SkeletonImageContainer {
    --pc-empty-state-skeleton-image-container-size: 14.125rem;
    height: var(--pc-empty-state-skeleton-image-container-size);
    width: var(--pc-empty-state-skeleton-image-container-size);
    display: flex;
    align-items: center;
    justify-content: center
}

.shopilike-EmptyState__SkeletonImage {
    position: absolute;
    z-index: var(--p-z-index-0);
    --pc-empty-state-skeleton-image-size: 9.0625rem;
    height: var(--pc-empty-state-skeleton-image-size);
    width: var(--pc-empty-state-skeleton-image-size);
    background-color: var(--p-color-bg-fill-secondary);
    border-radius: var(--p-border-radius-full);
    opacity: 1;
    transition: opacity var(--p-motion-duration-500) var(--p-motion-ease)
}

.shopilike-EmptyState__SkeletonImage.shopilike-EmptyState--loaded {
    opacity: 0
}

@media screen and (-ms-high-contrast: active) {
    .shopilike-EmptyState__SkeletonImage {
        background-color: grayText
    }
}

.shopilike-Truncate {
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.shopilike-ExceptionList {
    margin: 0;
    padding: 0;
    list-style: none
}

.shopilike-ExceptionList__Item {
    position: relative;
    padding-left: var(--p-space-600);
    color: var(--p-color-text-secondary)
}

.shopilike-ExceptionList__Item+.shopilike-ExceptionList__Item {
    margin-top: var(--p-space-100)
}

.shopilike-ExceptionList__Icon {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: var(--p-space-500);
    height: var(--p-space-500);
    margin-right: var(--p-space-100)
}

.shopilike-ExceptionList--statusBase .shopilike-ExceptionList__Icon {
    color: var(--p-color-icon)
}

.shopilike-ExceptionList--statusSubdued .shopilike-ExceptionList__Icon {
    color: var(--p-color-icon-secondary)
}

.shopilike-ExceptionList--statusWarning .shopilike-ExceptionList__Icon {
    color: var(--p-color-text-caution)
}

.shopilike-ExceptionList--statusCritical .shopilike-ExceptionList__Icon {
    color: var(--p-color-text-critical)
}

.shopilike-ExceptionList__Bullet {
    width: .375rem;
    height: .375rem;
    border-radius: var(--p-border-radius-full)
}

.shopilike-ExceptionList--statusBase .shopilike-ExceptionList__Bullet {
    background-color: var(--p-color-icon)
}

.shopilike-ExceptionList--statusSubdued .shopilike-ExceptionList__Bullet {
    background-color: var(--p-color-icon-secondary)
}

.shopilike-ExceptionList--statusWarning .shopilike-ExceptionList__Bullet {
    background-color: var(--p-color-text-caution)
}

.shopilike-ExceptionList--statusCritical .shopilike-ExceptionList__Bullet {
    background-color: var(--p-color-text-critical)
}

.shopilike-ExceptionList__Title+.shopilike-ExceptionList__Description:before {
    content: "–";
    margin: 0 var(--p-space-100)
}

.shopilike-ExceptionList--statusBase .shopilike-ExceptionList__Title {
    color: var(--p-color-text)
}

.shopilike-ExceptionList--statusSubdued .shopilike-ExceptionList__Title {
    color: var(--p-color-text-secondary)
}

.shopilike-ExceptionList--statusWarning .shopilike-ExceptionList__Title,.shopilike-ExceptionList--statusCritical .shopilike-ExceptionList__Title {
    font-weight: var(--p-font-weight-medium)
}

.shopilike-ExceptionList--statusWarning .shopilike-ExceptionList__Title {
    color: var(--p-color-text-caution)
}

.shopilike-ExceptionList--statusCritical .shopilike-ExceptionList__Title {
    color: var(--p-color-text-critical)
}

.shopilike-Filters-FilterPill__FilterButton {
    background: var(--p-color-bg-surface);
    border-radius: var(--p-border-radius-200);
    border: var(--p-color-border) dashed var(--p-border-width-025);
    cursor: pointer;
    color: var(--p-color-text);
    position: relative
}

.shopilike-Filters-FilterPill__FilterButton:after {
    content: "";
    position: absolute;
    z-index: 1;
    top: calc(var(--p-border-width-025)*-1 - .0625rem);
    right: calc(var(--p-border-width-025)*-1 - .0625rem);
    bottom: calc(var(--p-border-width-025)*-1 - .0625rem);
    left: calc(var(--p-border-width-025)*-1 - .0625rem);
    display: block;
    pointer-events: none;
    box-shadow: 0 0 0 calc(var(--p-border-width-025)*-1 - .0625rem) var(--p-color-border-focus);
    border-radius: var(--p-border-radius-100)
}

.shopilike-Filters-FilterPill__FilterButton.shopilike-Filters-FilterPill--focusedFilterButton:focus-within:not(:active):after {
    box-shadow: 0 0 0 .125rem var(--p-color-border-focus);
    outline: var(--p-border-width-025) solid transparent
}

.shopilike-Filters-FilterPill__FilterButton:hover,.shopilike-Filters-FilterPill__FilterButton:focus,.shopilike-Filters-FilterPill__FilterButton:active {
    background: var(--p-color-bg-surface-hover);
    border-color: var(--p-color-border)
}

:is(.shopilike-Filters-FilterPill__FilterButton:hover,.shopilike-Filters-FilterPill__FilterButton:focus,.shopilike-Filters-FilterPill__FilterButton:active) path {
    fill: var(--p-color-icon-hover)
}

.shopilike-Filters-FilterPill__FilterButton:hover,.shopilike-Filters-FilterPill__FilterButton:active {
    border-style: solid
}

.shopilike-Filters-FilterPill__FilterButton:hover,.shopilike-Filters-FilterPill__FilterButton:focus {
    background: transparent
}

.shopilike-Filters-FilterPill__FilterButton:active {
    background: var(--p-color-bg-surface-secondary)
}

.shopilike-Filters-FilterPill__FilterButton.shopilike-Filters-FilterPill__ActiveFilterButton {
    background: var(--p-color-bg-surface);
    border-style: solid
}

.shopilike-Filters-FilterPill__FilterButton.shopilike-Filters-FilterPill__ActiveFilterButton:active {
    background: var(--p-color-bg-surface-secondary)
}

.shopilike-Filters-FilterPill__FilterButton:after {
    border-radius: var(--p-border-radius-200)
}

.shopilike-Filters-FilterPill__PlainButton {
    background: none;
    color: inherit;
    border: none;
    padding: 0;
    font: inherit;
    cursor: inherit;
    outline: inherit
}

.shopilike-Filters-FilterPill__PlainButton path {
    fill: var(--p-color-icon)
}

.shopilike-Filters-FilterPill__PlainButton[aria-disabled=true] path {
    fill: var(--p-color-icon-disabled)
}

.shopilike-Filters-FilterPill__ToggleButton {
    padding: 0 var(--p-space-200) 0 var(--p-space-300);
    height: 1.625rem
}

@media (min-width: 48em) {
    .shopilike-Filters-FilterPill__ToggleButton {
        padding:0 var(--p-space-100) 0 var(--p-space-200);
        height: 1.375rem
    }
}

.shopilike-Filters-FilterPill__ActiveFilterButton .shopilike-Filters-FilterPill__ToggleButton {
    padding-right: var(--p-space-050)
}

@media (min-width: 48em) {
    .shopilike-Filters-FilterPill__ActiveFilterButton .shopilike-Filters-FilterPill__ToggleButton {
        padding-right:0
    }
}

.shopilike-Filters-FilterPill--clearButton {
    position: relative
}

.shopilike-Filters-FilterPill--clearButton:after {
    content: "";
    position: absolute;
    z-index: 1;
    top: -.0625rem;
    right: -.0625rem;
    bottom: -.0625rem;
    left: -.0625rem;
    display: block;
    pointer-events: none;
    box-shadow: 0 0 0 -.0625rem var(--p-color-border-focus);
    border-radius: var(--p-border-radius-100)
}

.shopilike-Filters-FilterPill--clearButton {
    margin-right: var(--p-space-200)
}

@media (min-width: 48em) {
    .shopilike-Filters-FilterPill--clearButton {
        margin-right:var(--p-space-100)
    }
}

.shopilike-Filters-FilterPill--clearButton:focus-visible:not(:active):after {
    box-shadow: 0 0 0 .125rem var(--p-color-border-focus);
    outline: var(--p-border-width-025) solid transparent
}

.shopilike-Filters-FilterPill__IconWrapper {
    display: flex;
    align-items: center
}

@media (min-width: 48em) {
    .shopilike-Filters-FilterPill__IconWrapper {
        scale:.8
    }
}

.shopilike-Filters-FilterPill__PopoverWrapper {
    min-width: 11.5625rem;
    max-width: 18.75rem;
    word-break: break-word
}

.shopilike-Filters-FilterPill__ClearButtonWrapper button {
    min-height: 0;
    padding: 0;
    margin: 0
}

.shopilike-Filters__Container {
    position: relative;
    border-bottom: var(--p-border-width-025) solid var(--p-color-border-secondary);
    border-top-left-radius: var(--p-border-radius-200);
    border-top-right-radius: var(--p-border-radius-200);
    background: var(--p-color-bg-surface)
}

@media (max-width: 30.6225em) {
    .shopilike-Filters__Container {
        border-top-left-radius:0;
        border-top-right-radius: 0
    }
}

.shopilike-Filters__SortWrapper button {
    display: flex
}

.shopilike-Filters__SearchField {
    flex: 1 1
}

.shopilike-Filters__FiltersWrapper {
    border-bottom: var(--p-border-width-025) solid var(--p-color-border-secondary);
    height: 3.3125rem;
    overflow: hidden
}

@media (max-width: 30.6225em) {
    .shopilike-Filters__FiltersWrapper {
        background:var(--p-color-bg-surface)
    }
}

@media (min-width: 48em) {
    .shopilike-Filters__FiltersWrapper {
        height:auto;
        overflow: visible
    }
}

.shopilike-Filters--hideQueryField .shopilike-Filters__FiltersWrapper {
    display: flex;
    align-items: center
}

.shopilike-Filters__FiltersInner {
    overflow: auto;
    white-space: nowrap;
    padding: var(--p-space-300) var(--p-space-200) var(--p-space-500)
}

.shopilike-Filters--hideQueryField .shopilike-Filters__FiltersInner {
    flex: 1 1;
    padding: var(--p-space-300)
}

@media (min-width: 48em) {
    .shopilike-Filters__FiltersInner {
        overflow:visible;
        flex-wrap: wrap;
        gap: var(--p-space-200);
        padding: .375rem var(--p-space-200)
    }

    .shopilike-Filters--hideQueryField .shopilike-Filters__FiltersInner {
        flex: 1 1;
        padding: .375rem var(--p-space-200)
    }
}

.shopilike-Filters__AddFilter {
    background: var(--p-color-bg-surface);
    border-radius: var(--p-border-radius-200);
    border: var(--p-color-border) dashed var(--p-border-width-025);
    padding: 0 var(--p-space-200) 0 var(--p-space-300);
    height: 1.75rem;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    outline: inherit;
    position: relative
}

.shopilike-Filters__AddFilter:after {
    content: "";
    position: absolute;
    z-index: 1;
    top: calc(var(--p-border-width-025)*-1 - .0625rem);
    right: calc(var(--p-border-width-025)*-1 - .0625rem);
    bottom: calc(var(--p-border-width-025)*-1 - .0625rem);
    left: calc(var(--p-border-width-025)*-1 - .0625rem);
    display: block;
    pointer-events: none;
    box-shadow: 0 0 0 calc(var(--p-border-width-025)*-1 - .0625rem) var(--p-color-border-focus);
    border-radius: var(--p-border-radius-100)
}

.shopilike-Filters__AddFilter {
    color: var(--p-color-icon)
}

.shopilike-Filters__AddFilter path {
    fill: var(--p-color-icon)
}

@media (min-width: 48em) {
    .shopilike-Filters__AddFilter {
        height:1.5rem;
        padding: 0 .375rem 0 var(--p-space-200)
    }
}

.shopilike-Filters__AddFilter:hover,.shopilike-Filters__AddFilter:focus {
    background: transparent;
    border-color: var(--p-color-border-hover)
}

:is(.shopilike-Filters__AddFilter:hover,.shopilike-Filters__AddFilter:focus) path {
    fill: var(--p-color-icon-hover)
}

.shopilike-Filters__AddFilter:hover {
    border-style: solid
}

.shopilike-Filters__AddFilter:focus {
    outline-offset: var(--p-border-width-050)
}

.shopilike-Filters__AddFilter:active {
    background: var(--p-color-bg-surface-tertiary);
    border-color: var(--p-color-border-hover)
}

.shopilike-Filters__AddFilter[aria-disabled=true] {
    background: var(--p-color-bg-fill-disabled);
    border-color: transparent;
    color: var(--p-color-text-disabled);
    cursor: default
}

.shopilike-Filters__AddFilter[aria-disabled=true] path {
    fill: var(--p-color-icon-disabled)
}

.shopilike-Filters__AddFilter:focus-visible:not(:active):after {
    box-shadow: 0 0 0 .125rem var(--p-color-border-focus);
    outline: var(--p-border-width-025) solid transparent
}

.shopilike-Filters__AddFilter:after {
    border-radius: var(--p-border-radius-200)
}

.shopilike-Filters__AddFilter span {
    margin-right: var(--p-space-050)
}

@media (min-width: 48em) {
    .shopilike-Filters__AddFilter span {
        margin-right:var(--p-space-025)
    }
}

.shopilike-Filters__AddFilter svg {
    width: var(--p-space-500)
}

@media (min-width: 48em) {
    .shopilike-Filters__AddFilter svg {
        width:var(--p-space-400)
    }
}

@media (max-width: 47.9975em) {
    .shopilike-Filters__FiltersWrapperWithAddButton {
        position:relative
    }

    .shopilike-Filters__FiltersWrapperWithAddButton .shopilike-Filters__FiltersInner {
        padding: var(--p-space-200);
        padding-right: 0
    }

    .shopilike-Filters__AddFilterActivatorMultiple {
        position: sticky;
        z-index: var(--p-z-index-1);
        top: 0;
        right: 0;
        display: flex;
        padding: var(--p-space-100) var(--p-space-400) var(--p-space-100) 0;
        background: var(--p-color-bg-surface);
        margin-left: var(--p-space-200)
    }

    .shopilike-Filters__AddFilterActivatorMultiple:before {
        content: "";
        position: absolute;
        top: 0;
        left: -.75rem;
        width: .75rem;
        height: 100%;
        pointer-events: none;
        background: linear-gradient(90deg,rgba(255,255,255,0) 0%,var(--p-color-bg-surface) 70%,var(--p-color-bg-surface) 100%)
    }

    .shopilike-Filters__AddFilterActivatorMultiple .shopilike-Filters__AddFilter {
        padding: var(--p-space-300) var(--p-space-200)
    }

    :is(.shopilike-Filters__AddFilterActivatorMultiple .shopilike-Filters__AddFilter) span {
        display: none
    }
}

.shopilike-Filters__FiltersStickyArea {
    position: relative;
    display: flex;
    gap: var(--p-space-100);
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-start
}

@media (min-width: 48em) {
    .shopilike-Filters__FiltersStickyArea {
        flex-wrap:wrap
    }
}

.shopilike-Filters__ClearAll {
    margin-left: var(--p-space-200)
}

@media (max-width: 47.9975em) {
    .shopilike-Filters__ClearAll {
        margin-left:0;
        padding-right: var(--p-space-400)
    }

    .shopilike-Filters__MultiplePinnedFilterClearAll {
        transform: translate(-.5rem);
        position: relative;
        z-index: var(--p-z-index-1);
        margin-left: 0;
        padding-right: var(--p-space-400)
    }
}

.shopilike-FooterHelp {
    display: flex;
    justify-content: var(--pc-footer-help-align);
    margin: var(--p-space-500);
    width: auto
}

.shopilike-FormLayout__Item {
    --pc-form-layout-item-min-size: 13.75rem;
    flex: 1 1
}

.shopilike-FormLayout__Item.shopilike-FormLayout--grouped {
    min-width: var(--pc-form-layout-item-min-size)
}

@media (min-width: 0em) and (max-width: 30.6225em) {
    .shopilike-FormLayout__Item.shopilike-FormLayout--grouped {
        min-width:100%
    }
}

.shopilike-FormLayout__Item.shopilike-FormLayout--condensed {
    flex-basis: calc(var(--pc-form-layout-item-min-size)*.5);
    min-width: calc(var(--pc-form-layout-item-min-size)*.5)
}

.shopilike-Frame-Toast {
    display: inline-flex;
    max-width: 31.25rem;
    padding: var(--p-space-200) var(--p-space-300);
    border-radius: var(--p-border-radius-200);
    background: var(--p-color-bg-inverse);
    color: var(--p-color-text-inverse);
    margin-bottom: var(--p-space-500);
    box-shadow: var(--p-shadow-400)
}

@media (min-width: 30.625em) {
    .shopilike-Frame-Toast {
        padding:var(--p-space-300)
    }
}

@media (forced-colors: active) {
    .shopilike-Frame-Toast {
        border: var(--p-border-width-050) solid transparent
    }
}

.shopilike-Frame-Toast__Action {
    margin-left: var(--p-space-400);
    color: var(--p-color-text-inverse)
}

.shopilike-Frame-Toast--error {
    background: var(--p-color-bg-fill-critical);
    color: var(--p-color-text-critical-on-bg-fill)
}

.shopilike-Frame-Toast--error .shopilike-Frame-Toast__CloseButton {
    color: var(--p-color-text-critical-on-bg-fill)
}

.shopilike-Frame-Toast__LeadingIcon {
    margin-right: var(--p-space-150)
}

.shopilike-Frame-Toast__CloseButton {
    display: flex;
    align-self: center;
    flex-direction: column;
    justify-content: flex-start;
    padding: 0;
    border: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: transparent;
    color: var(--p-color-icon-inverse);
    cursor: pointer;
    margin-left: var(--p-space-200)
}

.shopilike-Frame-Toast__CloseButton:focus {
    outline: none
}

.shopilike-Frame-Toast__CloseButton:focus,.shopilike-Frame-Toast__CloseButton:hover {
    color: var(--p-color-text-inverse)
}

.shopilike-Frame-Toast--toneMagic {
    background-color: var(--p-color-bg-fill-ai-secondary);
    color: var(--p-color-text-ai)
}

.shopilike-Frame-Toast--toneMagic .shopilike-Frame-Toast__CloseButton,.shopilike-Frame-Toast--toneMagic .shopilike-Frame-Toast__Action {
    color: var(--p-color-text-ai)
}

.shopilike-Frame-Toast__WithActionOnComponent {
    border: none;
    cursor: pointer;
    padding-right: var(--p-space-500)
}

.shopilike-Frame-Toast__WithActionOnComponent.shopilike-Frame-Toast--toneMagic:focus,.shopilike-Frame-Toast__WithActionOnComponent.shopilike-Frame-Toast--toneMagic:hover {
    background-color: var(--p-color-bg-fill-ai-secondary-hover)
}

.shopilike-Frame-Toast__WithActionOnComponent.shopilike-Frame-Toast--toneMagic:active {
    background-color: var(--p-color-bg-fill-ai-secondary-active)
}

:root {
    --pc-toast-manager-translate-y-out: 9.375rem;
    --pc-toast-manager-translate-y-in: 0;
    --pc-toast-manager-scale-in: 1;
    --pc-toast-manager-scale-out: .9;
    --pc-toast-manager-blur-in: 0;
    --pc-toast-manager-transition-delay-in: 0s
}

.shopilike-Frame-ToastManager {
    position: fixed;
    z-index: var(--p-z-index-12);
    right: 0;
    left: 0;
    text-align: center;
    bottom: var(--pc-frame-global-ribbon-height);
    display: flex;
    flex-direction: column;
    align-items: center;
    view-transition-name: toast-manager
}

.shopilike-Frame-ToastManager__ToastWrapper {
    position: absolute;
    display: inline-flex;
    opacity: 0;
    transition: transform var(--p-motion-duration-400) var(--p-motion-ease-out),opacity var(--p-motion-duration-400) var(--p-motion-ease-out);
    transform: translateY(var(--pc-toast-manager-translate-y-out))
}

.shopilike-Frame-ToastManager__ToastWrapper--enter,.shopilike-Frame-ToastManager__ToastWrapper--exit {
    transition-timing-function: var(--p-motion-ease-in);
    transform: translateY(var(--pc-toast-manager-translate-y-out)) scale(var(--pc-toast-manager-scale-out));
    opacity: 0
}

.shopilike-Frame-ToastManager__ToastWrapper--exit {
    transition-duration: var(--p-motion-duration-200)
}

.shopilike-Frame-ToastManager--toastWrapperEnterDone {
    transform: translateY(var(--pc-toast-manager-translate-y-in)) scale(var(--pc-toast-manager-scale-in));
    filter: blur(var(--pc-toast-manager-blur-in));
    opacity: 1;
    transition-delay: var(--pc-toast-manager-transition-delay-in)
}

.shopilike-Frame-ToastManager--toastWrapperHoverable {
    cursor: pointer
}

.shopilike-Frame-Loading {
    overflow: hidden;
    height: .1875rem;
    background-color: var(--p-color-bg-surface);
    opacity: 1
}

.shopilike-Frame-Loading__Level {
    width: 100%;
    height: 100%;
    transform-origin: 0;
    background-color: var(--p-color-bg-fill-brand);
    transition: transform var(--p-motion-duration-500) linear
}

@media screen and (-ms-high-contrast: active) {
    .shopilike-Frame-Loading__Level {
        background-color: highlight
    }
}

.shopilike-Frame-SystemAlertBanner {
    --pc-frame-main-padding-right-from-env: env(safe-area-inset-right) ;
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    padding: var(--p-space-300) var(--p-space-500)
}

.shopilike-Frame-SystemAlertBanner.shopilike-Frame-SystemAlertBanner--hasTopBar {
    top: var(--pg-top-bar-height);
    border-top-left-radius: var(--p-border-radius-300);
    border-top-right-radius: var(--p-border-radius-300)
}

.shopilike-Frame-SystemAlertBanner.shopilike-Frame-SystemAlertBanner--base {
    background-color: var(--p-color-bg-surface)
}

.shopilike-Frame-SystemAlertBanner.shopilike-Frame-SystemAlertBanner--critical {
    color: var(--p-color-text-critical-on-bg-fill);
    background-color: var(--p-color-bg-fill-critical)
}

.shopilike-Frame-SystemAlertBanner.shopilike-Frame-SystemAlertBanner--warning {
    color: var(--p-color-text-warning-on-bg-fill);
    background-color: var(--p-color-bg-fill-warning)
}

@media print {
    .shopilike-Frame-SystemAlertBanner {
        display: none
    }
}

.shopilike-Frame {
    --pc-frame-button-size: var(--p-space-800);
    --pc-sidebar-width-base: 22.25rem;
    --pc-sidebar-width: calc(var(--pc-sidebar-width-base) + var(--p-space-400));
    width: 100%;
    min-height: 100vh;
    min-height: 100svh;
    display: flex;
    background-color: var(--p-color-bg)
}

@media print {
    .shopilike-Frame {
        background-color: transparent
    }
}

@media (min-width: 48em) {
    .shopilike-Frame {
        width:calc(100% - var(--pc-frame-offset, 0px));
        margin-left: var(--pc-frame-offset)
    }
}

.shopilike-Frame.shopilike-Frame--notFullScreen {
    --pc-sidebar-width: calc(var(--pc-sidebar-width-base) + var(--p-space-100));
    --pc-scrollbar-spacer: 0;
    background-color: var(--p-color-bg-inverse);
    transition: width var(--p-motion-duration-250) var(--p-motion-ease)
}

@media (prefers-reduced-motion) {
    .shopilike-Frame.shopilike-Frame--notFullScreen {
        transition: none
    }
}

.shopilike-Frame__hasSidebar--topBarAndReframe {
    transition: width var(--p-motion-duration-250) var(--p-motion-ease)
}

@media screen and (min-width: 75em) {
    .shopilike-Frame__hasSidebar--topBarAndReframe {
        width:calc(100% - var(--pc-frame-offset, 0px))
    }
}

@media (prefers-reduced-motion) {
    .shopilike-Frame__hasSidebar--topBarAndReframe {
        transition: none
    }
}

.shopilike-Frame__ScrollbarAlwaysVisible {
    --pc-scrollbar-spacer: var(--p-space-050)
}

.shopilike-Frame__Navigation {
    position: fixed;
    z-index: var(--p-z-index-8);
    top: 0;
    left: 0;
    display: none;
    flex: 0 0 auto;
    align-items: stretch;
    height: 100%;
    outline: none;
    transform: translate(0)
}

@media print {
    .shopilike-Frame__Navigation {
        display: none!important
    }
}

@media (min-width: 48em) {
    .shopilike-Frame__Navigation {
        z-index:0;
        left: var(--pc-frame-offset);
        display: flex
    }

    .shopilike-Frame--hasTopBar .shopilike-Frame__Navigation {
        top: var(--pg-top-bar-height);
        height: calc(100% - var(--pg-top-bar-height))
    }
}

.shopilike-Frame__Navigation:focus {
    outline: none
}

.shopilike-Frame--isScaledBack .shopilike-Frame__Navigation {
    border-bottom-left-radius: var(--p-border-radius-300)
}

.shopilike-Frame__Navigation--enter,.shopilike-Frame__Navigation--enterActive,.shopilike-Frame__Navigation--exit,.shopilike-Frame__Navigation--exitActive {
    display: flex
}

.shopilike-Frame__Navigation--enter {
    transform: translate(-100%)
}

.shopilike-Frame__Navigation--enterActive {
    transform: translate(0);
    transition: transform var(--p-motion-duration-300) var(--p-motion-ease-out)
}

.shopilike-Frame__Navigation--exit {
    transform: translate(0)
}

.shopilike-Frame__Navigation--exitActive {
    transform: translate(-100%);
    transition: transform var(--p-motion-duration-300) var(--p-motion-ease-out)
}

.shopilike-Frame__NavigationDismiss {
    position: relative
}

.shopilike-Frame__NavigationDismiss:after {
    content: "";
    position: absolute;
    z-index: 1;
    top: -.0625rem;
    right: -.0625rem;
    bottom: -.0625rem;
    left: -.0625rem;
    display: block;
    pointer-events: none;
    box-shadow: 0 0 0 -.0625rem var(--p-color-border-focus);
    border-radius: var(--p-border-radius-100)
}

.shopilike-Frame__NavigationDismiss {
    position: absolute;
    top: 0;
    left: 100%;
    width: var(--pc-frame-button-size);
    height: var(--pc-frame-button-size);
    margin: var(--p-space-400);
    padding: 0;
    border: none;
    border-radius: var(--p-border-radius-full);
    background: none;
    opacity: 0;
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    will-change: opacity;
    cursor: pointer;
    transition: opacity var(--p-motion-duration-100) var(--p-motion-ease)
}

.shopilike-Frame__NavigationDismiss s-internal-icon {
    color: var(--p-color-bg-surface)
}

@media print {
    .shopilike-Frame__NavigationDismiss {
        display: none!important
    }
}

.shopilike-Frame__Navigation--visible .shopilike-Frame__NavigationDismiss {
    pointer-events: all;
    opacity: 1
}

.shopilike-Frame__NavigationDismiss:focus:after {
    box-shadow: 0 0 0 .125rem var(--p-color-border-focus);
    outline: var(--p-border-width-025) solid transparent
}

.shopilike-Frame__NavigationDismiss:focus {
    position: absolute;
    border-radius: var(--p-border-radius-100);
    outline: none
}

@media (min-width: 48em) {
    .shopilike-Frame__NavigationDismiss {
        display:none
    }
}

.shopilike-Frame__NavigationDismiss:hover,.shopilike-Frame__NavigationDismiss:active {
    background-color: #ffffff80
}

.shopilike-Frame__TopBar {
    position: fixed;
    z-index: var(--p-z-index-4);
    top: 0;
    left: 0;
    width: 100%;
    height: var(--pg-top-bar-height)
}

@media print {
    .shopilike-Frame__TopBar {
        display: none!important
    }
}

@media (min-width: 48em) {
    .shopilike-Frame__TopBar {
        left:var(--pc-frame-offset);
        width: calc(100% - var(--pc-frame-offset, 0px))
    }
}

.shopilike-Frame__ContextualSaveBar {
    position: fixed;
    z-index: var(--p-z-index-5);
    top: 0;
    left: 0;
    width: 100%
}

@media (min-width: 48em) {
    .shopilike-Frame__ContextualSaveBar {
        left:var(--pc-frame-offset);
        width: calc(100% - var(--pc-frame-offset, 0px))
    }
}

.shopilike-Frame__Main {
    --pc-frame-main-padding-right-from-env: env(safe-area-inset-right) ;
    flex: 1 1;
    display: flex;
    align-items: stretch;
    min-width: 0;
    border-inline-end:none;background-color: var(--p-color-bg);
    height: 100%;
    overflow: hidden;
    transition: padding var(--p-motion-duration-0) linear var(--p-motion-duration-50);
    padding-right: var(--pc-frame-main-padding-right-from-env, 0)
}

@media (prefers-reduced-motion) {
    .shopilike-Frame__Main {
        transition: none
    }
}

.shopilike-Frame__Main:focus,.shopilike-Frame__Main:focus-visible {
    outline: none
}

@media (min-width: 30.625em) {
    .shopilike-Frame__Main {
        max-width:unset
    }
}

.shopilike-Frame__Main {
    padding-left: 0;
    padding-left: constant(safe-area-inset-left);
    padding-left: env(safe-area-inset-left);
    padding-bottom: 0;
    padding-bottom: constant(safe-area-inset-bottom);
    padding-bottom: env(safe-area-inset-bottom)
}

@media (min-width: 48em) {
    .shopilike-Frame--hasNav .shopilike-Frame__Main {
        padding-left:var(--pg-layout-width-nav-base);
        padding-left: calc(var(--pg-layout-width-nav-base) + constant(safe-area-inset-left));
        padding-left: calc(var(--pg-layout-width-nav-base) + env(safe-area-inset-left))
    }
}

.shopilike-Frame--hasTopBar .shopilike-Frame__Main {
    /* border-top-left-radius: var(--p-border-radius-300); */
    /* border-top-right-radius: var(--p-border-radius-300); */
    margin-top: var(--pg-top-bar-height);
    padding-top: 0
}

@media print {
    .shopilike-Frame--hasTopBar .shopilike-Frame__Main {
        padding-top: 0;
        margin-top: 0;
        overflow: visible
    }
}

.shopilike-Frame--hasSystemAlertBanner .shopilike-Frame__Main {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

@media print {
    .shopilike-Frame--hasNav .shopilike-Frame__Main {
        padding-left: 0
    }
}

@media screen and (min-width: 75em) {
    .shopilike-Frame--hasSidebar .shopilike-Frame__Main {
        padding-right:calc(var(--pc-sidebar-width) + var(--pc-frame-main-padding-right-from-env, 0))
    }
}

.shopilike-Frame__NoScrollbarGutterLine {
    border-inline-end:none}

.shopilike-Frame__Content {
    position: relative;
    padding-bottom: var(--pc-frame-global-ribbon-height, 0);
    flex: 1 1;
    min-width: 0;
    max-width: 100%;
    height: 100%
}

@media screen and (min-width: 75em) {
    .shopilike-Frame--hasSidebar .shopilike-Frame__Content {
        margin-right:unset
    }
}

.shopilike-Frame__ScrollbarSafeArea {
    height: 100%;
    width: 100%
}

@media (min-width: 48em) {
    .shopilike-Frame__ScrollbarSafeArea {
        transition:width var(--p-motion-duration-250) var(--p-motion-ease);
        width: calc(100vw - var(--pg-navigation-width) - var(--pc-app-provider-scrollbar-width) - var(--pc-frame-offset, 0px) - var(--pc-scrollbar-spacer))
    }

    @media (prefers-reduced-motion) {
        .shopilike-Frame__ScrollbarSafeArea {
            transition: none
        }
    }
}

.shopilike-Frame--hasSidebar .shopilike-Frame__ScrollbarSafeArea {
    transition: width var(--p-motion-duration-250) var(--p-motion-ease)
}

@media screen and (min-width: 75em) {
    .shopilike-Frame--hasSidebar .shopilike-Frame__ScrollbarSafeArea {
        width:calc(100vw - var(--pg-navigation-width) - var(--pc-app-provider-scrollbar-width) - var(--pc-sidebar-width) - var(--pc-frame-offset, 0px) - var(--pc-scrollbar-spacer));
        margin-right: unset
    }
}

@media (prefers-reduced-motion) {
    .shopilike-Frame--hasSidebar .shopilike-Frame__ScrollbarSafeArea {
        transition: none
    }
}

.shopilike-Frame__ScrollbarSafeAreaFullscreen {
    height: 100%;
    width: 100%
}

.shopilike-Frame--hasSidebar .shopilike-Frame__ScrollbarSafeAreaFullscreen {
    width: calc(100% - var(--pc-sidebar-width))
}

.shopilike-Frame__GlobalRibbonContainer {
    position: fixed;
    z-index: var(--p-z-index-3);
    bottom: 0;
    width: 100%
}

@media (min-width: 48em) {
    .shopilike-Frame__GlobalRibbonContainer {
        left:var(--pc-frame-offset)
    }

    .shopilike-Frame--hasNav .shopilike-Frame__GlobalRibbonContainer {
        left: calc(var(--pg-layout-width-nav-base) + var(--pc-frame-offset));
        left: calc(var(--pg-layout-width-nav-base) + var(--pc-frame-offset) + constant(safe-area-inset-left));
        left: calc(var(--pg-layout-width-nav-base) + var(--pc-frame-offset) + env(safe-area-inset-left));
        width: calc(100% - var(--pg-layout-width-nav-base) - var(--pc-frame-offset, 0px))
    }
}

.shopilike-Frame__LoadingBar {
    position: fixed;
    z-index: var(--p-z-index-6);
    top: 0;
    right: 0;
    left: 0
}

@media print {
    .shopilike-Frame__LoadingBar {
        display: none!important
    }
}

@media (min-width: 48em) {
    .shopilike-Frame--hasNav .shopilike-Frame__LoadingBar {
        left:var(--pc-frame-offset)
    }

    .shopilike-Frame--hasTopBar .shopilike-Frame__LoadingBar {
        z-index: var(--p-z-index-6)
    }
}

.shopilike-Frame__Skip {
    position: fixed;
    z-index: var(--p-z-index-9);
    top: .625rem;
    left: calc(var(--p-space-200) + var(--pc-frame-offset));
    padding: var(--p-space-150) var(--p-space-300);
    border-radius: var(--p-border-radius-200);
    background-color: var(--p-color-bg-fill);
    color: var(--p-color-text);
    text-decoration: none;
    outline: var(--p-border-width-050) solid var(--p-color-border-focus);
    outline-offset: var(--p-space-025)
}

.shopilike-Frame__Skip:not(:focus) {
    pointer-events: none;
    opacity: 0
}

.shopilike-Frame__DarkOverlay {
    position: fixed
}

@supports (-webkit-touch-callout: none) {
    .shopilike-Frame__DarkOverlay {
        position: static
    }
}

.shopilike-Frame__DarkOverlay {
    overflow: clip;
    width: 100%;
    transition: transform var(--p-motion-duration-250) var(--p-motion-ease-in-out),border-radius var(--p-motion-duration-500) var(--p-motion-ease-in-out);
    transform-origin: 50% var(--pg-top-bar-height)
}

.shopilike-Frame__DarkOverlay:after {
    content: "";
    pointer-events: none;
    position: absolute;
    inset: var(--pg-top-bar-height) 0 0;
    background: var(--p-color-bg-inverse);
    opacity: 0;
    border-radius: var(--p-border-radius-300);
    transition: opacity var(--p-motion-duration-250) var(--p-motion-ease-in-out)
}

@media (prefers-reduced-motion) {
    .shopilike-Frame__DarkOverlay {
        transition: none
    }
}

@media print {
    .shopilike-Frame__DarkOverlay {
        position: initial;
        overflow: visible
    }
}

.shopilike-Frame--isScaledBack .shopilike-Frame__DarkOverlay {
    transform: scale(.99);
    transform-origin: 50% var(--pg-top-bar-height);
    border-radius: var(--p-border-radius-300);
    transition: border-radius var(--p-motion-duration-100) var(--p-motion-ease-in-out),transform var(--p-motion-duration-250) var(--p-motion-ease-in-out),width var(--p-motion-duration-250) var(--p-motion-ease)
}

:is(.shopilike-Frame--isScaledBack .shopilike-Frame__DarkOverlay):before {
    border-radius: var(--p-border-radius-300)
}

:is(.shopilike-Frame--isScaledBack .shopilike-Frame__DarkOverlay):after {
    opacity: .5
}

.shopilike-Frame__NoDarkOverlay {
    width: 100%
}

.shopilike-Frame__Scrollable {
    width: 100vw;
    height: 100vh;
    height: 100svh
}

@supports (-webkit-touch-callout: none) {
    .shopilike-Frame__Scrollable {
        height: 100%
    }
}

.shopilike-Frame__Scrollable {
    scrollbar-width: thin;
    scrollbar-color: var(--p-color-scrollbar-thumb-bg) transparent;
    transition: scrollbar-color var(--p-motion-duration-100) var(--p-motion-ease-in)
}

.shopilike-Frame__Scrollable:hover {
    scrollbar-color: var(--p-color-scrollbar-thumb-bg-hover) transparent
}

@supports (font: -apple-system-body) and (-webkit-appearance: none) {
    .shopilike-Frame--hasTopBar .shopilike-Frame__Scrollable {
        clip-path:inset(0 round var(--p-border-radius-300) var(--p-border-radius-300) 0 0)
    }
}

.shopilike-Frame--hasTopBar .shopilike-Frame__Scrollable {
    height: calc(100vh - var(--pg-top-bar-height) - var(--pg-system-alert-banner-height))
}

@supports (height: 100svh) {
    .shopilike-Frame--hasTopBar .shopilike-Frame__Scrollable {
        height:calc(100svh - var(--pg-top-bar-height) - var(--pg-system-alert-banner-height))
    }
}

@media print {
    .shopilike-Frame--hasTopBar .shopilike-Frame__Scrollable {
        height: auto;
        overflow: visible
    }
}

@media print {
    .shopilike-Frame__Scrollable {
        height: auto;
        scrollbar-width: none
    }
}

.shopilike-Frame__SidebarBackground {
    position: fixed;
    right: 0;
    bottom: 0;
    z-index: var(--p-z-index-1);
    width: var(--pc-sidebar-width);
    background: var(--p-color-bg-inverse);
    height: calc(100svh - var(--pg-top-bar-height));
    transform: translate(var(--pc-sidebar-width));
    transition: transform var(--p-motion-duration-250) var(--p-motion-ease);
    transition-duration: var(--p-motion-duration-250);
    pointer-events: none;
    opacity: 0
}

@media screen and (min-width: 75em) {
    .shopilike-Frame__SidebarBackground {
        opacity:1
    }
}

@media (prefers-reduced-motion) {
    .shopilike-Frame__SidebarBackground {
        transition: none
    }
}

.shopilike-Frame__SidebarBackground:before {
    content: "";
    position: absolute;
    pointer-events: none;
    opacity: 0;
    transition: opacity var(--p-motion-duration-0) linear var(--p-motion-duration-250);
    top: 0;
    left: calc(var(--p-border-radius-300)*-2);
    height: calc(var(--p-border-radius-300)*2);
    width: calc(var(--p-border-radius-300)*2);
    background: transparent;
    border-top-right-radius: var(--p-border-radius-300);
    box-shadow: var(--p-border-radius-300) 0 0 0 var(--p-color-bg-inverse)
}

.shopilike-Frame--hasSidebar .shopilike-Frame__SidebarBackground {
    transform: translate(0)
}

:is(.shopilike-Frame--hasSidebar .shopilike-Frame__SidebarBackground):before {
    transition-delay: var(--p-motion-duration-0);
    opacity: 1
}

.shopilike-Frame--hasSidebar.shopilike-Frame--isScaledBack .shopilike-Frame__SidebarBackground {
    transform: translate(-.25rem)
}

.shopilike-FullscreenBar {
    position: relative;
    display: flex;
    height: var(--pg-top-bar-height);
    box-shadow: var(--p-shadow-100);
    background-color: var(--p-color-bg-surface)
}

.shopilike-FullscreenBar__BackAction {
    display: flex;
    flex: 0 1 auto;
    align-items: center;
    padding-left: var(--p-space-400);
    padding-right: var(--p-space-400);
    border-width: 0;
    border-right: var(--p-border-width-025) solid var(--p-color-border-secondary);
    background-color: var(--p-color-bg-surface);
    font-weight: var(--p-font-weight-medium);
    cursor: pointer
}

.shopilike-FullscreenBar__BackAction :first-child {
    margin-right: calc(var(--p-space-050) + var(--p-space-025))
}

.shopilike-Grid-Cell {
    --pc-row-xs: initial;
    --pc-row-sm: var(--pc-row-xs);
    --pc-row-md: var(--pc-row-sm);
    --pc-row-lg: var(--pc-row-md);
    --pc-row-xl: var(--pc-row-lg);
    --pc-column-xs: initial;
    --pc-column-sm: var(--pc-column-xs);
    --pc-column-md: var(--pc-column-sm);
    --pc-column-lg: var(--pc-column-md);
    --pc-column-xl: var(--pc-column-lg);
    min-width: 0;
    grid-row: var(--pc-row-xs);
    grid-column: var(--pc-column-xs)
}

@media (min-width: 30.625em) {
    .shopilike-Grid-Cell {
        grid-row:var(--pc-row-sm);
        grid-column: var(--pc-column-sm)
    }
}

@media (min-width: 48em) {
    .shopilike-Grid-Cell {
        grid-row:var(--pc-row-md);
        grid-column: var(--pc-column-md)
    }
}

@media (min-width: 65em) {
    .shopilike-Grid-Cell {
        grid-row:var(--pc-row-lg);
        grid-column: var(--pc-column-lg)
    }
}

@media (min-width: 90em) {
    .shopilike-Grid-Cell {
        grid-row:var(--pc-row-xl);
        grid-column: var(--pc-column-xl)
    }
}

.shopilike-Grid-Cell--cell_1ColumnXs {
    grid-column-end: span 1
}

.shopilike-Grid-Cell--cell_2ColumnXs {
    grid-column-end: span 2
}

.shopilike-Grid-Cell--cell_3ColumnXs {
    grid-column-end: span 3
}

.shopilike-Grid-Cell--cell_4ColumnXs {
    grid-column-end: span 4
}

.shopilike-Grid-Cell--cell_5ColumnXs {
    grid-column-end: span 5
}

.shopilike-Grid-Cell--cell_6ColumnXs {
    grid-column-end: span 6
}

@media (min-width: 30.625em) {
    .shopilike-Grid-Cell--cell_1ColumnSm {
        grid-column-end:span 1
    }

    .shopilike-Grid-Cell--cell_2ColumnSm {
        grid-column-end: span 2
    }

    .shopilike-Grid-Cell--cell_3ColumnSm {
        grid-column-end: span 3
    }

    .shopilike-Grid-Cell--cell_4ColumnSm {
        grid-column-end: span 4
    }

    .shopilike-Grid-Cell--cell_5ColumnSm {
        grid-column-end: span 5
    }

    .shopilike-Grid-Cell--cell_6ColumnSm {
        grid-column-end: span 6
    }
}

@media (min-width: 48em) {
    .shopilike-Grid-Cell--cell_1ColumnMd {
        grid-column-end:span 1
    }

    .shopilike-Grid-Cell--cell_2ColumnMd {
        grid-column-end: span 2
    }

    .shopilike-Grid-Cell--cell_3ColumnMd {
        grid-column-end: span 3
    }

    .shopilike-Grid-Cell--cell_4ColumnMd {
        grid-column-end: span 4
    }

    .shopilike-Grid-Cell--cell_5ColumnMd {
        grid-column-end: span 5
    }

    .shopilike-Grid-Cell--cell_6ColumnMd {
        grid-column-end: span 6
    }
}

@media (min-width: 65em) {
    .shopilike-Grid-Cell--cell_1ColumnLg {
        grid-column-end:span 1
    }

    .shopilike-Grid-Cell--cell_2ColumnLg {
        grid-column-end: span 2
    }

    .shopilike-Grid-Cell--cell_3ColumnLg {
        grid-column-end: span 3
    }

    .shopilike-Grid-Cell--cell_4ColumnLg {
        grid-column-end: span 4
    }

    .shopilike-Grid-Cell--cell_5ColumnLg {
        grid-column-end: span 5
    }

    .shopilike-Grid-Cell--cell_6ColumnLg {
        grid-column-end: span 6
    }

    .shopilike-Grid-Cell--cell_7ColumnLg {
        grid-column-end: span 7
    }

    .shopilike-Grid-Cell--cell_8ColumnLg {
        grid-column-end: span 8
    }

    .shopilike-Grid-Cell--cell_9ColumnLg {
        grid-column-end: span 9
    }

    .shopilike-Grid-Cell--cell_10ColumnLg {
        grid-column-end: span 10
    }

    .shopilike-Grid-Cell--cell_11ColumnLg {
        grid-column-end: span 11
    }

    .shopilike-Grid-Cell--cell_12ColumnLg {
        grid-column-end: span 12
    }
}

@media (min-width: 90em) {
    .shopilike-Grid-Cell--cell_1ColumnXl {
        grid-column-end:span 1
    }

    .shopilike-Grid-Cell--cell_2ColumnXl {
        grid-column-end: span 2
    }

    .shopilike-Grid-Cell--cell_3ColumnXl {
        grid-column-end: span 3
    }

    .shopilike-Grid-Cell--cell_4ColumnXl {
        grid-column-end: span 4
    }

    .shopilike-Grid-Cell--cell_5ColumnXl {
        grid-column-end: span 5
    }

    .shopilike-Grid-Cell--cell_6ColumnXl {
        grid-column-end: span 6
    }

    .shopilike-Grid-Cell--cell_7ColumnXl {
        grid-column-end: span 7
    }

    .shopilike-Grid-Cell--cell_8ColumnXl {
        grid-column-end: span 8
    }

    .shopilike-Grid-Cell--cell_9ColumnXl {
        grid-column-end: span 9
    }

    .shopilike-Grid-Cell--cell_10ColumnXl {
        grid-column-end: span 10
    }

    .shopilike-Grid-Cell--cell_11ColumnXl {
        grid-column-end: span 11
    }

    .shopilike-Grid-Cell--cell_12ColumnXl {
        grid-column-end: span 12
    }
}

.shopilike-Grid {
    --pc-grid-areas-xs: initial;
    --pc-grid-areas-sm: var(--pc-grid-areas-xs);
    --pc-grid-areas-md: var(--pc-grid-areas-sm);
    --pc-grid-areas-lg: var(--pc-grid-areas-md);
    --pc-grid-areas-xl: var(--pc-grid-areas-lg);
    --pc-grid-columns-xs: 6;
    --pc-grid-columns-sm: var(--pc-grid-columns-xs);
    --pc-grid-columns-md: var(--pc-grid-columns-sm);
    --pc-grid-columns-lg: 12;
    --pc-grid-columns-xl: var(--pc-grid-columns-lg);
    display: grid;
    gap: var(--pc-grid-gap-xs, var(--p-space-400));
    grid-template-areas: var(--pc-grid-areas-xs);
    grid-template-columns: repeat(var(--pc-grid-columns-xs),minmax(0,1fr))
}

@media (min-width: 30.625em) {
    .shopilike-Grid {
        gap:var(--pc-grid-gap-sm, var(--p-space-400));
        grid-template-areas: var(--pc-grid-areas-sm);
        grid-template-columns: repeat(var(--pc-grid-columns-sm),minmax(0,1fr))
    }
}

@media (min-width: 48em) {
    .shopilike-Grid {
        gap:var(--pc-grid-gap-md, var(--p-space-400));
        grid-template-areas: var(--pc-grid-areas-md);
        grid-template-columns: repeat(var(--pc-grid-columns-md),minmax(0,1fr))
    }
}

@media (min-width: 65em) {
    .shopilike-Grid {
        gap:var(--pc-grid-gap-lg, var(--p-space-400));
        grid-template-areas: var(--pc-grid-areas-lg);
        grid-template-columns: repeat(var(--pc-grid-columns-lg),minmax(0,1fr))
    }
}

@media (min-width: 90em) {
    .shopilike-Grid {
        gap:var(--pc-grid-gap-xl, var(--p-space-400));
        grid-template-areas: var(--pc-grid-areas-xl);
        grid-template-columns: repeat(var(--pc-grid-columns-xl),minmax(0,1fr))
    }
}

.shopilike-Modal-Dialog__Body,.shopilike-Modal-Dialog__NoScrollBody {
    flex-grow: 1
}

@media (min-width: 48em) {
    .shopilike-Modal-Dialog__Body,.shopilike-Modal-Dialog__NoScrollBody {
        flex-grow:unset
    }
}

.shopilike-Modal-Dialog__FixedBlockSize {
    height: 61.8vh;
    max-height: calc(100vh - var(--pc-modal-dialog-vertical-spacing))
}

@supports (height: 100svh) {
    .shopilike-Modal-Dialog__FixedBlockSize {
        height:61.8svh;
        max-height: calc(100svh - var(--pc-modal-dialog-vertical-spacing))
    }
}

@media (max-width: 47.9975em) {
    .shopilike-Modal-Dialog__FixedBlockSize {
        height:100vh
    }

    @supports (height: 100svh) {
        .shopilike-Modal-Dialog__FixedBlockSize {
            height:100svh
        }
    }
}

.shopilike-Modal-Dialog__IFrame {
    --pc-modal-frame-small-width: 38.75rem;
    display: block;
    width: var(--pc-modal-frame-small-width);
    max-width: 100vw;
    border: none
}

@media (min-width: 48em) {
    .shopilike-Modal-Dialog__IFrame {
        max-width:var(--pc-modal-frame-small-width)
    }
}

@keyframes shopilike-Modal-Dialog--shake {
    0% {
        transform: translate(0)
    }

    20% {
        transform: translate(calc(var(--pc-modal-shake-amplitude-one)*-1))
    }

    40% {
        transform: translate(var(--pc-modal-shake-amplitude-two))
    }

    60% {
        transform: translate(calc(var(--pc-modal-amplitude-three)*-1))
    }

    80% {
        transform: translate(var(--pc-modal-shake-amplitude-four))
    }

    to {
        transform: translate(0)
    }
}

.shopilike-Modal-Dialog__Container {
    position: fixed;
    z-index: var(--p-z-index-11);
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    transition: z-index var(--p-motion-ease) var(--p-motion-duration-150);
    pointer-events: none
}

@media (min-width: 48em) {
    .shopilike-Modal-Dialog__Container {
        justify-content:center
    }
}

.shopilike-Modal-Dialog__Container.shopilike-Modal-Dialog__Idle {
    z-index: var(--p-z-index-10)
}

.shopilike-Modal-Dialog:focus {
    outline: 0
}

.shopilike-Modal-Dialog__Modal {
    --pc-modal-dialog-vertical-spacing: 3.75rem;
    pointer-events: initial;
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    width: 100%;
    max-height: calc(100vh - var(--pc-modal-dialog-vertical-spacing));
    background: var(--p-color-bg-surface);
    overflow: hidden;
    box-shadow: 0 .5rem 1rem -.25rem #1a1a1a38,0 0 0 0 transparent inset;
    transition: box-shadow var(--p-motion-ease) 2s,transform var(--p-motion-ease-out) var(--p-motion-duration-150)
}

@media (forced-colors: active) {
    .shopilike-Modal-Dialog__Modal {
        border: var(--p-border-width-025) solid transparent
    }
}

@media (max-width: 47.9975em) {
    .shopilike-Modal-Dialog__Modal {
        bottom:0;
        max-height: 100%
    }
}

@media (min-width: 48em) {
    .shopilike-Modal-Dialog__Modal {
        position:relative;
        max-width: 38.75rem;
        margin: 0 auto;
        border-radius: var(--p-border-radius-400)
    }
}

@media (min-width: 48em) {
    @media (min-height: 41.25em) {
        .shopilike-Modal-Dialog__Modal.shopilike-Modal-Dialog--limitHeight {
            max-height:37.5rem
        }
    }
}

@media (min-width: 48em) {
    .shopilike-Modal-Dialog__Modal.shopilike-Modal-Dialog--sizeSmall {
        max-width:23.75rem
    }
}

@media (min-width: 48em) {
    .shopilike-Modal-Dialog__Modal.shopilike-Modal-Dialog--sizeLarge {
        max-width:calc(100% - var(--p-space-1600))
    }
}

@media (min-width: 65em) {
    .shopilike-Modal-Dialog__Modal.shopilike-Modal-Dialog--sizeLarge {
        max-width:61.25rem
    }
}

.shopilike-Modal-Dialog__Modal.shopilike-Modal-Dialog--sizeFullScreen {
    height: 100%
}

@media (min-width: 48em) {
    .shopilike-Modal-Dialog__Modal.shopilike-Modal-Dialog--sizeFullScreen {
        height:unset
    }
}

.shopilike-Modal-Dialog__Modal.shopilike-Modal-Dialog__Idle {
    transform: scale3d(1,.98,1)
}

@media (min-width: 48em) {
    .shopilike-Modal-Dialog__Modal.shopilike-Modal-Dialog__Idle {
        transform:scale3d(.98,.98,.98)
    }
}

@media (min-width: 48em) {
    .shopilike-Modal-Dialog__Shake {
        transition:box-shadow var(--p-motion-ease) var(--p-motion-duration-500);
        box-shadow: 0 0 0 0 transparent,.0625rem 0 #00000021 inset,-.0625rem 0 #0000002b inset,0 -.0625rem #0000002b inset,0 .0625rem #cccccc80 inset,0 .5rem 1.75rem .625rem #014b404d
    }
}

@media (prefers-reduced-motion) {
    .shopilike-Modal-Dialog__Shake {
        animation: none
    }
}

.shopilike-Modal-Dialog--animateFadeUp {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    will-change: transform,opacity;
    opacity: 1;
    transform: translateY(0);
    transition: transform var(--p-motion-ease) var(--p-motion-duration-150),opacity var(--p-motion-ease) var(--p-motion-duration-150)
}

.shopilike-Modal-Dialog--animateFadeUp.shopilike-Modal-Dialog--entering,.shopilike-Modal-Dialog--animateFadeUp.shopilike-Modal-Dialog--exiting,.shopilike-Modal-Dialog--animateFadeUp.shopilike-Modal-Dialog--exited {
    opacity: 0;
    transform: translateY(var(--p-space-600))
}

.shopilike-Modal-Dialog--animateFadeUp.shopilike-Modal-Dialog--entered {
    opacity: 1;
    transform: translateY(0)
}

.shopilike-Modal-Dialog--animateFadeUp.shopilike-Modal-Dialog--exiting {
    transition: transform var(--p-motion-ease) var(--p-motion-duration-150),opacity var(--p-motion-ease) var(--p-motion-duration-100)
}

.shopilike-Modal-Dialog__IdleOverlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0;
    margin: calc(var(--p-space-050)*-1);
    background-color: #00000080;
    animation: var(--p-motion-keyframes-fade-in) var(--p-motion-duration-200) 1 forwards
}

.shopilike-Modal-Footer__Body,.shopilike-Modal-Footer__NoScrollBody {
    flex-grow: 1
}

@media (min-width: 48em) {
    .shopilike-Modal-Footer__Body,.shopilike-Modal-Footer__NoScrollBody {
        flex-grow:unset
    }
}

.shopilike-Modal-Footer__FixedBlockSize {
    height: 61.8vh;
    max-height: calc(100vh - var(--pc-modal-dialog-vertical-spacing))
}

@supports (height: 100svh) {
    .shopilike-Modal-Footer__FixedBlockSize {
        height:61.8svh;
        max-height: calc(100svh - var(--pc-modal-dialog-vertical-spacing))
    }
}

@media (max-width: 47.9975em) {
    .shopilike-Modal-Footer__FixedBlockSize {
        height:100vh
    }

    @supports (height: 100svh) {
        .shopilike-Modal-Footer__FixedBlockSize {
            height:100svh
        }
    }
}

.shopilike-Modal-Footer__IFrame {
    --pc-modal-frame-small-width: 38.75rem;
    display: block;
    width: var(--pc-modal-frame-small-width);
    max-width: 100vw;
    border: none
}

@media (min-width: 48em) {
    .shopilike-Modal-Footer__IFrame {
        max-width:var(--pc-modal-frame-small-width)
    }
}

@keyframes shopilike-Modal-Footer--shake {
    0% {
        transform: translate(0)
    }

    20% {
        transform: translate(calc(var(--pc-modal-shake-amplitude-one)*-1))
    }

    40% {
        transform: translate(var(--pc-modal-shake-amplitude-two))
    }

    60% {
        transform: translate(calc(var(--pc-modal-amplitude-three)*-1))
    }

    80% {
        transform: translate(var(--pc-modal-shake-amplitude-four))
    }

    to {
        transform: translate(0)
    }
}

@media (max-width: 30.6225em) {
    .shopilike-Modal-Footer {
        padding-bottom:env(safe-area-inset-bottom)
    }
}

.shopilike-Modal-Footer__Shake {
    --pc-modal-shake-amplitude-one: var(--p-space-100);
    --pc-modal-shake-amplitude-two: var(--p-space-100);
    --pc-modal-shake-amplitude-three: .1875rem;
    --pc-modal-shake-amplitude-four: var(--p-space-050)
}

@media (min-width: 30.625em) {
    .shopilike-Modal-Footer__Shake {
        animation:shopilike-Modal-Footer--shake var(--p-motion-duration-350) var(--p-motion-ease-in-out)
    }
}

.shopilike-Modal-Footer__UnsavedChanges {
    color: var(--p-color-text-success-active);
    animation: shopilike-Modal-Footer--fadeEnterLeft var(--p-motion-duration-100) var(--p-motion-ease-in-out);
    white-space: nowrap
}

@media (max-width: 30.6225em) {
    .shopilike-Modal-Footer__UnsavedChanges {
        animation:shopilike-Modal-Footer__enter--up var(--p-motion-duration-200) var(--p-motion-ease-in-out);
        animation-delay: var(--p-motion-duration-250)
    }
}

@media (prefers-reduced-motion) {
    .shopilike-Modal-Footer__UnsavedChanges {
        animation-duration: var(--p-motion-duration-150)
    }
}

.shopilike-Modal-Footer__UnsavedChangesHidden {
    display: none
}

@keyframes shopilike-Modal-Footer--fadeEnterLeft {
    0% {
        transform: translate(var(--p-space-200));
        opacity: 0
    }

    to {
        transform: translate(0);
        opacity: 1
    }
}

@keyframes shopilike-Modal-Footer__enter--up {
    0% {
        opacity: .5;
        transform: translateY(var(--p-space-200))
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

.shopilike-Modal-Section {
    flex: 0 0 auto
}

.shopilike-Modal-Section:not(:last-of-type) {
    border-bottom: var(--p-border-width-025) solid var(--p-color-border-secondary)
}

.shopilike-Modal-Section--titleHidden {
    padding-right: calc(var(--p-space-1200) + var(--p-space-100) + var(--p-space-100))
}

.shopilike-Modal__Body,.shopilike-Modal__NoScrollBody {
    flex-grow: 1
}

@media (min-width: 48em) {
    .shopilike-Modal__Body,.shopilike-Modal__NoScrollBody {
        flex-grow:unset
    }
}

.shopilike-Modal__FixedBlockSize {
    height: 61.8vh;
    max-height: calc(100vh - var(--pc-modal-dialog-vertical-spacing))
}

@supports (height: 100svh) {
    .shopilike-Modal__FixedBlockSize {
        height:61.8svh;
        max-height: calc(100svh - var(--pc-modal-dialog-vertical-spacing))
    }
}

@media (max-width: 47.9975em) {
    .shopilike-Modal__FixedBlockSize {
        height:100vh
    }

    @supports (height: 100svh) {
        .shopilike-Modal__FixedBlockSize {
            height:100svh
        }
    }
}

.shopilike-Modal__IFrame {
    --pc-modal-frame-small-width: 38.75rem;
    display: block;
    width: var(--pc-modal-frame-small-width);
    max-width: 100vw;
    border: none
}

@media (min-width: 48em) {
    .shopilike-Modal__IFrame {
        max-width:var(--pc-modal-frame-small-width)
    }
}

@keyframes shopilike-Modal--shake {
    0% {
        transform: translate(0)
    }

    20% {
        transform: translate(calc(var(--pc-modal-shake-amplitude-one)*-1))
    }

    40% {
        transform: translate(var(--pc-modal-shake-amplitude-two))
    }

    60% {
        transform: translate(calc(var(--pc-modal-amplitude-three)*-1))
    }

    80% {
        transform: translate(var(--pc-modal-shake-amplitude-four))
    }

    to {
        transform: translate(0)
    }
}

:root {
    --item-min-height: var(--p-space-400);
    --item-min-width: 3.125rem;
    --item-vertical-padding: var(--p-space-200)
}

@media (max-width: 47.9975em) {
    .shopilike-Tabs__Outer {
        max-width:100%;
        overflow: hidden;
        height: unset;
        padding: 0
    }
}

@media (max-width: 47.9975em) {
    .shopilike-Tabs__Wrapper {
        overflow:auto;
        -webkit-overflow-scrolling: touch;
        padding: var(--p-space-200)
    }
}

@media (min-width: 48em) {
    .shopilike-Tabs__WrapperWithNewButton {
        position:relative;
        display: inline-flex;
        padding-right: var(--p-space-800)
    }
}

@media (max-width: 47.9975em) {
    .shopilike-Tabs__ButtonWrapper {
        display:flex;
        align-items: center;
        justify-content: flex-start
    }
}

.shopilike-Tabs {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin: 0;
    padding: 0;
    list-style: none;
    gap: var(--p-space-100)
}

@media (min-width: 48em) {
    .shopilike-Tabs {
        padding:0 var(--p-space-100);
        flex-wrap: wrap;
        align-items: stretch
    }
}

.shopilike-Tabs__Tab {
    position: relative
}

.shopilike-Tabs__Tab:after {
    content: "";
    position: absolute;
    z-index: 1;
    top: -.0625rem;
    right: -.0625rem;
    bottom: -.0625rem;
    left: -.0625rem;
    display: block;
    pointer-events: none;
    box-shadow: 0 0 0 -.0625rem var(--p-color-border-focus);
    border-radius: var(--p-border-radius-200)
}

.shopilike-Tabs__Tab {
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    position: relative;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: var(--p-space-100) var(--p-space-300);
    border: 0;
    border-radius: var(--p-border-radius-200);
    background-color: transparent;
    color: var(--p-color-text-brand);
    cursor: pointer;
    text-decoration: none;
    width: 100%;
    height: var(--p-height-700);
    min-width: 100%;
    margin-top: var(--p-space-025);
    margin-bottom: calc(var(--p-space-025)*-1);
    outline: none;
    text-align: center;
    white-space: nowrap
}

.shopilike-Tabs__Tab[aria-disabled=true] {
    cursor: default;
    color: var(--p-color-text-disabled)
}

.shopilike-Tabs__Tab[aria-disabled=true] s-internal-icon {
    color: var(--p-color-icon-disabled)
}

.shopilike-Tabs__Tab[aria-disabled=true] path {
    fill: var(--p-color-icon-disabled)
}

.shopilike-Tabs__Tab:not([aria-disabled=true]):hover {
    background-color: var(--p-color-bg-fill-transparent-hover);
    color: var(--p-color-text-brand)
}

.shopilike-Tabs__Tab:not([aria-disabled=true]):focus {
    background-color: var(--p-color-bg-fill-transparent-selected);
    color: var(--p-color-text)
}

.shopilike-Tabs__Tab:not([aria-disabled=true]):focus-visible {
    background-color: transparent;
    color: var(--p-color-text-brand)
}

.shopilike-Tabs__Tab:not([aria-disabled=true]):focus-visible:after {
    box-shadow: 0 0 0 .125rem var(--p-color-border-focus);
    outline: var(--p-border-width-025) solid transparent
}

.shopilike-Tabs__Tab:not([aria-disabled=true]):focus-visible:not(:active):after {
    box-shadow: 0 0 0 .125rem var(--p-color-border-focus);
    outline: var(--p-border-width-025) solid transparent
}

.shopilike-Tabs__Tab:not([aria-disabled=true]):focus-visible:not(:active) {
    outline: 0
}

.shopilike-Tabs__Tab:not([aria-disabled=true]):active {
    background-color: var(--p-color-bg-fill-transparent-selected);
    color: var(--p-color-text-brand);
    z-index: var(--p-z-index-1)
}

.shopilike-Tabs__Tab path {
    fill: currentColor
}

.shopilike-Tabs__Tab--active {
    background: var(--p-color-bg-fill-transparent-selected);
    border-radius: var(--p-border-radius-200);
    color: var(--p-color-text)
}

.shopilike-Tabs__Tab--active[aria-disabled=true] {
    background: var(--p-color-bg-surface-disabled);
    color: var(--p-color-text-disabled)
}

.shopilike-Tabs__Tab--active:not([aria-disabled=true]):hover,.shopilike-Tabs__Tab--active:not([aria-disabled=true]):focus-visible {
    background-color: var(--p-color-bg-fill-transparent-hover);
    color: var(--p-color-text-brand)
}

.shopilike-Tabs__Tab--active:not([aria-disabled=true]):active {
    background-color: var(--p-color-bg-fill-transparent-selected);
    color: var(--p-color-text-brand)
}

.shopilike-Tabs__Tab--hasActions {
    padding-right: var(--p-space-200)
}

.shopilike-Tabs__Tab--iconOnly {
    padding-left: var(--p-space-100);
    padding-right: var(--p-space-100);
    width: var(--p-space-800)
}

.shopilike-Tabs--fillSpace .shopilike-Tabs__TabContainer {
    flex: 1 1 auto
}

.shopilike-Tabs--fitted {
    flex-wrap: nowrap
}

.shopilike-Tabs--fitted .shopilike-Tabs__TabContainer {
    flex: 1 1 100%
}

.shopilike-Tabs__TabContainer {
    display: flex;
    margin: 0;
    padding: 0
}

.shopilike-Tabs--titleWithIcon {
    display: flex
}

.shopilike-Tabs__List {
    list-style: none;
    margin: 0;
    padding: var(--p-space-200)
}

.shopilike-Tabs__Item {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0;
    padding: 0;
    background: none;
    border: none;
    font-size: inherit;
    line-height: inherit;
    color: inherit;
    cursor: pointer
}

.shopilike-Tabs__Item:focus {
    outline: none
}

.shopilike-Tabs__Item {
    position: relative
}

.shopilike-Tabs__Item:after {
    content: "";
    position: absolute;
    z-index: 1;
    top: -.0625rem;
    right: -.0625rem;
    bottom: -.0625rem;
    left: -.0625rem;
    display: block;
    pointer-events: none;
    box-shadow: 0 0 0 -.0625rem var(--p-color-border-focus);
    border-radius: var(--p-border-radius-100)
}

.shopilike-Tabs__Item {
    display: block;
    width: 100%;
    min-height: var(--item-min-height);
    padding: var(--item-vertical-padding) var(--p-space-400);
    text-align: left;
    text-decoration: none;
    cursor: pointer;
    border-radius: var(--p-border-radius-100);
    color: inherit
}

.shopilike-Tabs__Item::-moz-focus-inner {
    border: none
}

.shopilike-Tabs__Item:hover {
    background-color: var(--p-color-bg-surface-hover);
    color: var(--p-color-text)
}

.shopilike-Tabs__Item:active {
    background-color: var(--p-color-bg-surface-active);
    color: var(--p-color-text)
}

.shopilike-Tabs__Item:focus-visible:not(:active):after {
    box-shadow: 0 0 0 .125rem var(--p-color-border-focus);
    outline: var(--p-border-width-025) solid transparent
}

.shopilike-Tabs__Item:visited {
    color: inherit
}

.shopilike-Tabs__DisclosureTab {
    display: none
}

.shopilike-Tabs__DisclosureTab--visible {
    display: flex
}

.shopilike-Tabs__DisclosureActivator {
    position: relative
}

.shopilike-Tabs__DisclosureActivator:after {
    content: "";
    position: absolute;
    z-index: 1;
    top: -.0625rem;
    right: -.0625rem;
    bottom: -.0625rem;
    left: -.0625rem;
    display: block;
    pointer-events: none;
    box-shadow: 0 0 0 -.0625rem var(--p-color-border-focus);
    border-radius: var(--p-border-radius-100)
}

.shopilike-Tabs__DisclosureActivator {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0;
    padding: 0;
    background: none;
    border: none;
    font-size: inherit;
    line-height: inherit;
    color: inherit;
    cursor: pointer
}

.shopilike-Tabs__DisclosureActivator:focus {
    outline: none
}

.shopilike-Tabs__DisclosureActivator {
    height: 100%;
    background-color: transparent;
    color: var(--p-color-text-brand);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    border-radius: var(--p-border-radius-200);
    padding: 0 var(--p-space-200) 0 var(--p-space-300);
    margin-top: var(--p-space-025);
    border: none;
    outline: none
}

.shopilike-Tabs__DisclosureActivator s-internal-icon {
    color: var(--p-color-icon)
}

.shopilike-Tabs__DisclosureActivator:hover s-internal-icon,.shopilike-Tabs__DisclosureActivator:focus s-internal-icon {
    color: var(--p-color-icon)
}

.shopilike-Tabs__DisclosureActivator:not([aria-disabled=true]):hover {
    background-color: var(--p-color-bg-fill-transparent-hover);
    color: var(--p-color-text-brand)
}

.shopilike-Tabs__DisclosureActivator:not([aria-disabled=true]):focus {
    background-color: transparent;
    color: var(--p-color-text-brand)
}

.shopilike-Tabs__DisclosureActivator:not([aria-disabled=true]):focus-visible:after {
    box-shadow: 0 0 0 .125rem var(--p-color-border-focus);
    outline: var(--p-border-width-025) solid transparent
}

.shopilike-Tabs__DisclosureActivator:not([aria-disabled=true]):focus-visible {
    outline: 0
}

.shopilike-Tabs__DisclosureActivator:not([aria-disabled=true]):active {
    background-color: var(--p-color-bg-surface-tertiary);
    z-index: var(--p-z-index-1)
}

.shopilike-Tabs__DisclosureActivator[aria-disabled=true] {
    cursor: default;
    color: var(--p-color-text-disabled);
    background: var(--p-color-bg-surface-disabled)
}

.shopilike-Tabs__DisclosureActivator[aria-disabled=true] s-internal-icon {
    color: var(--p-color-icon-disabled)
}

.shopilike-Tabs__DisclosureActivator[aria-disabled=true] path {
    fill: var(--p-color-icon-disabled)
}

.shopilike-Tabs__TabsMeasurer {
    display: flex;
    gap: 0;
    padding: 0;
    visibility: hidden;
    height: 0
}

.shopilike-Tabs__NewTab {
    padding: 0 var(--p-space-200) 0 var(--p-space-100)
}

@media (min-width: 48em) {
    .shopilike-Tabs__NewTab {
        position:absolute;
        right: 0;
        top: 0;
        padding: 0
    }
}

.shopilike-Tabs__ActionListWrap,.shopilike-Tabs__Panel {
    display: block
}

.shopilike-Tabs__Panel:focus {
    outline: none
}

.shopilike-Tabs__Panel--hidden {
    display: none
}

.shopilike-Tabs__DisclosureIcon {
    display: flex;
    align-items: center
}

.shopilike-IndexFilters-Container {
    border-bottom: var(--p-border-width-025) solid var(--p-color-border);
    border-top-left-radius: var(--p-border-radius-200);
    border-top-right-radius: var(--p-border-radius-200);
    background: var(--p-color-bg-surface)
}

@media (max-width: 30.6225em) {
    .shopilike-IndexFilters-Container {
        border-top-left-radius:var(--p-border-radius-300);
        border-top-right-radius: var(--p-border-radius-300);
        height: unset
    }
}

.shopilike-IndexFilters__IndexFiltersWrapper {
    width: 100%
}

@media (min-width: 30.625em) {
    .shopilike-IndexFilters__IndexFiltersWrapper {
        height:auto!important
    }
}

@media (max-width: 30.6225em) {
    .shopilike-IndexFilters.shopilike-IndexFilters__IndexFiltersSticky {
        position:fixed;
        z-index: var(--p-z-index-1);
        top: calc(var(--pg-top-bar-height) + var(--pg-system-alert-banner-height));
        width: 100vw;
        box-shadow: var(--p-shadow-200)
    }

    .shopilike-IndexFilters.shopilike-IndexFilters__IndexFiltersStickyFlush {
        top: 0
    }
}

.shopilike-IndexFilters__TabsWrapper {
    flex: 1 1;
    height: 2.75rem
}

@media (max-width: 47.9975em) {
    .shopilike-IndexFilters__TabsWrapper {
        height:var(--p-space-1200)
    }
}

.shopilike-IndexFilters__SmallScreenTabsWrapper {
    overflow: hidden;
    padding: var(--p-space-100) var(--p-space-0) var(--p-space-200) var(--p-space-300);
    padding: 0
}

.shopilike-IndexFilters__SmallScreenTabsWrapper.shopilike-IndexFilters__TabsWrapperLoading {
    position: relative
}

.shopilike-IndexFilters__DesktopLoading {
    position: absolute;
    right: 100%;
    top: 50%;
    height: 1.25rem;
    width: 1.25rem;
    transform: translateY(-50%)
}

.shopilike-IndexFilters__TabsLoading svg {
    display: block
}

.shopilike-IndexFilters__TabsWrapperLoading .shopilike-IndexFilters__TabsLoading {
    position: absolute;
    right: 0;
    top: 0;
    height: 3.4375rem;
    width: 3.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--p-color-bg-surface)
}

:is(.shopilike-IndexFilters__TabsWrapperLoading .shopilike-IndexFilters__TabsLoading):before {
    content: "";
    position: absolute;
    top: 0;
    left: -1rem;
    width: var(--p-space-400);
    height: 100%;
    pointer-events: none;
    background: linear-gradient(to right,rgba(255,255,255,0),var(--p-color-bg-surface))
}

.shopilike-IndexFilters__ActionWrap {
    position: relative;
    display: flex;
    gap: var(--p-space-200);
    align-items: center;
    justify-content: flex-start;
    padding: var(--p-space-150) var(--p-space-200)
}

@media (max-width: 47.9975em) {
    .shopilike-IndexFilters__ActionWrap {
        padding:var(--p-space-200);
        height: 3rem;
        border-left: var(--p-border-width-025) solid var(--p-color-border-secondary)
    }

    .shopilike-IndexFilters__ActionWrap:before {
        content: "";
        position: absolute;
        top: 0;
        left: -1.0625rem;
        width: var(--p-space-400);
        height: 100%;
        pointer-events: none;
        background: linear-gradient(to right,rgba(255,255,255,0),var(--p-color-bg-surface))
    }
}

.shopilike-IndexFilters__ActionWrap svg {
    display: block
}

.shopilike-IndexFilters__Spinner {
    width: 1.25rem;
    transform: translate(var(--p-space-100))
}

.shopilike-IndexFilters__Spinner svg {
    display: block
}

:is(.shopilike-IndexFilters__ButtonWrap,.shopilike-IndexFilters__ActionWrap) button {
    display: flex
}

.shopilike-IndexTable {
    --pc-index-table-translate-offset: 2.1875rem;
    --pc-index-table-table-header-offset: var(--pg-control-height);
    --pc-index-table-cell: 1;
    --pc-index-table-sticky-cell: 29;
    --pc-index-table-bulk-actions: 31;
    --pc-index-table-loading-panel: 31;
    --pc-index-table-z-index-controls: 30;
    --pc-index-table-checkbox-offset-left: var(--p-space-300);
    --pc-index-table-checkbox-offset-right: var(--p-space-200);
    position: relative;
    border-radius: 0;
    scrollbar-color: auto
}

@media (min-width: 30.625em) {
    .shopilike-IndexTable {
        border-radius:inherit;
        border-start-start-radius: 0;
        border-start-end-radius: 0
    }
}

.shopilike-IndexTable__IndexTableWrapper {
    border-radius: 0
}

.shopilike-IndexTable__IndexTableWrapper .shopilike-IndexTable__IndexTableWrapper--scrollBarHidden {
    border-radius: inherit
}

.shopilike-IndexTable__IndexTableWrapperWithSelectAllActions {
    --pc-index-table-bulk-actions-offset: 2.5625rem;
    padding-bottom: var(--pc-index-table-bulk-actions-offset);
    border-radius: 0
}

.shopilike-IndexTable__LoadingPanel {
    position: absolute;
    z-index: var(--p-z-index-2);
    top: 0;
    left: 0;
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center;
    background: var(--p-color-bg-surface);
    padding: var(--p-space-200) var(--p-space-400);
    box-shadow: var(--p-shadow-300);
    opacity: 0;
    transform: translateY(-100%);
    transition: opacity var(--p-motion-duration-100) var(--p-motion-ease-in),transform var(--p-motion-duration-100) var(--p-motion-ease-in),visibility var(--p-motion-duration-0) linear var(--p-motion-duration-100);
    visibility: hidden
}

.shopilike-IndexTable__LoadingPanel.shopilike-IndexTable__LoadingPanelEntered {
    visibility: visible;
    opacity: 1;
    transform: translateY(0);
    transition: opacity var(--p-motion-duration-100) var(--p-motion-ease-out),transform var(--p-motion-duration-100) var(--p-motion-ease-out)
}

.shopilike-IndexTable__LoadingPanel .shopilike-IndexTable__LoadingPanelRow {
    display: flex;
    flex-wrap: nowrap;
    width: 100%;
    background: var(--p-color-bg-surface-info);
    padding: var(--p-space-200);
    padding-bottom: var(--p-space-100);
    border-radius: var(--p-border-radius-100)
}

.shopilike-IndexTable__LoadingPanelText {
    margin-left: var(--p-space-300);
    color: var(--p-color-text)
}

.shopilike-IndexTable__Table {
    width: 100%;
    min-width: 100%;
    border-collapse: collapse
}

:is(.shopilike-IndexTable__Table--scrolling,.shopilike-IndexTable__StickyTable--scrolling) .shopilike-IndexTable__TableCell--first,:is(.shopilike-IndexTable__Table--scrolling,.shopilike-IndexTable__StickyTable--scrolling) .shopilike-IndexTable__TableCell--first+.shopilike-IndexTable__TableCell,:is(.shopilike-IndexTable__Table--scrolling,.shopilike-IndexTable__StickyTable--scrolling) .shopilike-IndexTable__TableHeading--first,:is(.shopilike-IndexTable__Table--scrolling,.shopilike-IndexTable__StickyTable--scrolling) .shopilike-IndexTable__TableHeading--second {
    visibility: visible;
    background-color: var(--p-color-bg-surface)
}

:is(.shopilike-IndexTable__Table--scrolling,.shopilike-IndexTable__StickyTable--scrolling) .shopilike-IndexTable__TableHeading--first,:is(.shopilike-IndexTable__Table--scrolling,.shopilike-IndexTable__StickyTable--scrolling) .shopilike-IndexTable__TableHeading--second {
    visibility: visible;
    background-color: var(--p-color-bg-surface-secondary)
}

:is(.shopilike-IndexTable__Table--scrolling,.shopilike-IndexTable__StickyTable--scrolling) .shopilike-IndexTable__TableCell--first,:is(.shopilike-IndexTable__Table--scrolling,.shopilike-IndexTable__StickyTable--scrolling) .shopilike-IndexTable__TableHeading--first {
    filter: drop-shadow(.0625rem 0 0 var(--p-color-border-secondary))
}

@media (min-width: 30.625em) {
    :is(.shopilike-IndexTable__Table--sticky:is(.shopilike-IndexTable__Table--scrolling,.shopilike-IndexTable__StickyTable--scrolling),.shopilike-IndexTable__StickyTable:is(.shopilike-IndexTable__Table--scrolling,.shopilike-IndexTable__StickyTable--scrolling)) .shopilike-IndexTable__TableCell--first+.shopilike-IndexTable__TableCell,:is(.shopilike-IndexTable__Table--sticky:is(.shopilike-IndexTable__Table--scrolling,.shopilike-IndexTable__StickyTable--scrolling),.shopilike-IndexTable__StickyTable:is(.shopilike-IndexTable__Table--scrolling,.shopilike-IndexTable__StickyTable--scrolling)) .shopilike-IndexTable__TableHeading--second {
        filter:drop-shadow(.0625rem 0 0 var(--p-color-border-secondary))
    }
}

.shopilike-IndexTable__Table--unselectable:is(.shopilike-IndexTable__Table--sticky:is(.shopilike-IndexTable__Table--scrolling,.shopilike-IndexTable__StickyTable--scrolling),.shopilike-IndexTable__StickyTable:is(.shopilike-IndexTable__Table--scrolling,.shopilike-IndexTable__StickyTable--scrolling)) .shopilike-IndexTable__TableHeading--second,.shopilike-IndexTable__Table--unselectable:is(.shopilike-IndexTable__Table--sticky:is(.shopilike-IndexTable__Table--scrolling,.shopilike-IndexTable__StickyTable--scrolling),.shopilike-IndexTable__StickyTable:is(.shopilike-IndexTable__Table--scrolling,.shopilike-IndexTable__StickyTable--scrolling)) .shopilike-IndexTable__TableCell:first-child {
    filter: drop-shadow(.0625rem 0 0 var(--p-color-border-secondary))
}

.shopilike-IndexTable__Table--unselectable:is(.shopilike-IndexTable__Table--scrolling,.shopilike-IndexTable__StickyTable--scrolling) .shopilike-IndexTable__TableHeading--second,.shopilike-IndexTable__Table--unselectable:is(.shopilike-IndexTable__Table--scrolling,.shopilike-IndexTable__StickyTable--scrolling) .shopilike-IndexTable__TableCell:first-child {
    visibility: visible
}

.shopilike-IndexTable__TableRow {
    background-color: var(--p-color-bg-surface);
    cursor: pointer;
    border-top: var(--p-border-width-025) solid var(--p-color-border-secondary)
}

.shopilike-IndexTable__TableRow:first-child {
    border-top: var(--p-border-width-025) solid var(--p-color-border)
}

.shopilike-IndexTable__TableRow.shopilike-IndexTable__TableRow--unclickable {
    cursor: auto
}

.shopilike-IndexTable__TableRow.shopilike-IndexTable--toneSuccess,.shopilike-IndexTable__TableRow.shopilike-IndexTable--toneSuccess .shopilike-IndexTable__TableCell--first,.shopilike-IndexTable__TableRow.shopilike-IndexTable--toneSuccess .shopilike-IndexTable__TableCell--first+.shopilike-IndexTable__TableCell,.shopilike-IndexTable__TableRow.shopilike-IndexTable--toneSuccess .shopilike-IndexTable__TableCell:last-child {
    background-color: var(--p-color-bg-surface-success)
}

:is(.shopilike-IndexTable__TableRow.shopilike-IndexTable__TableRow--child.shopilike-IndexTable--toneSuccess,.shopilike-IndexTable__TableRow.shopilike-IndexTable__TableRow--child.shopilike-IndexTable--toneSuccess .shopilike-IndexTable__TableCell--first):before {
    background-color: var(--p-color-bg-surface-success)
}

.shopilike-IndexTable__TableRow.shopilike-IndexTable--toneWarning,.shopilike-IndexTable__TableRow.shopilike-IndexTable--toneWarning .shopilike-IndexTable__TableCell--first+.shopilike-IndexTable__TableCell,.shopilike-IndexTable__TableRow.shopilike-IndexTable--toneWarning .shopilike-IndexTable__TableCell:last-child {
    background-color: var(--p-color-bg-surface-warning)
}

:is(.shopilike-IndexTable__TableRow.shopilike-IndexTable__TableRow--child.shopilike-IndexTable--toneWarning,.shopilike-IndexTable__TableRow.shopilike-IndexTable__TableRow--child.shopilike-IndexTable--toneWarning .shopilike-IndexTable__TableCell--first):before {
    background-color: var(--p-color-bg-surface-warning)
}

.shopilike-IndexTable__TableRow.shopilike-IndexTable--toneCritical,.shopilike-IndexTable__TableRow.shopilike-IndexTable--toneCritical .shopilike-IndexTable__TableCell--first,.shopilike-IndexTable__TableRow.shopilike-IndexTable--toneCritical .shopilike-IndexTable__TableCell--first+.shopilike-IndexTable__TableCell,.shopilike-IndexTable__TableRow.shopilike-IndexTable--toneCritical .shopilike-IndexTable__TableCell:last-child {
    background-color: var(--p-color-bg-surface-critical)
}

:is(.shopilike-IndexTable__TableRow.shopilike-IndexTable__TableRow--child.shopilike-IndexTable--toneCritical,.shopilike-IndexTable__TableRow.shopilike-IndexTable__TableRow--child.shopilike-IndexTable--toneCritical .shopilike-IndexTable__TableCell--first):before {
    background-color: var(--p-color-bg-surface-critical)
}

.shopilike-IndexTable__TableRow.shopilike-IndexTable--toneSubdued,.shopilike-IndexTable__TableRow.shopilike-IndexTable--toneSubdued .shopilike-IndexTable__TableCell--first,.shopilike-IndexTable__TableRow.shopilike-IndexTable--toneSubdued .shopilike-IndexTable__TableCell--first+.shopilike-IndexTable__TableCell,.shopilike-IndexTable__TableRow.shopilike-IndexTable--toneSubdued .shopilike-IndexTable__TableCell:last-child {
    background-color: var(--p-color-bg-surface-secondary);
    color: var(--p-color-text-secondary)
}

:is(.shopilike-IndexTable__TableRow.shopilike-IndexTable__TableRow--child.shopilike-IndexTable--toneSubdued,.shopilike-IndexTable__TableRow.shopilike-IndexTable__TableRow--child.shopilike-IndexTable--toneSubdued .shopilike-IndexTable__TableCell--first):before {
    background-color: var(--p-color-bg-surface-secondary)
}

.shopilike-IndexTable__TableRow.shopilike-IndexTable__TableRow--subheader {
    cursor: default
}

.shopilike-IndexTable__TableRow.shopilike-IndexTable__TableRow--subheader,.shopilike-IndexTable__TableRow.shopilike-IndexTable__TableRow--subheader .shopilike-IndexTable__TableCell:first-child,.shopilike-IndexTable__TableRow.shopilike-IndexTable__TableRow--subheader .shopilike-IndexTable__TableCell--first,.shopilike-IndexTable__TableRow.shopilike-IndexTable__TableRow--subheader .shopilike-IndexTable__TableCell--first+.shopilike-IndexTable__TableCell,.shopilike-IndexTable__TableRow.shopilike-IndexTable__TableRow--subheader .shopilike-IndexTable__TableCell:last-child {
    color: var(--p-color-text-secondary);
    font-weight: var(--p-font-weight-medium);
    font-size: var(--p-font-size-300);
    background-color: var(--p-color-bg-surface-secondary);
    border-top: var(--p-border-width-025) solid var(--p-color-border);
    border-bottom: var(--p-border-width-025) solid var(--p-color-border);
    border-color: var(--p-color-border)
}

.shopilike-IndexTable__TableRow.shopilike-IndexTable__TableRow--child {
    --pc-index-table-checkbox-width: var(--p-space-500);
    --pc-index-table-checkbox-width-sm: calc(var(--pc-index-table-checkbox-width) + var(--p-width-050));
    --pc-index-table-checkbox-padding-left: var(--p-space-300);
    --pc-index-table-checkbox-padding-right: var(--p-width-150);
    --pc-index-table-checkbox-child-offset: calc(var(--pc-index-table-checkbox-width) + var(--pc-index-table-checkbox-padding-left));
    --pc-index-table-checkbox-child-offset-sm: calc(var(--pc-index-table-checkbox-width-sm) + var(--pc-index-table-checkbox-padding-left));
    --pc-table-shifted-checkbox-z-index: 30
}

.shopilike-IndexTable__TableRow.shopilike-IndexTable__TableRow--child .shopilike-IndexTable__TableCell--first {
    left: var(--pc-index-table-checkbox-child-offset);
    z-index: var(--pc-table-shifted-checkbox-z-index)
}

@media (max-width: 30.6225em) {
    .shopilike-IndexTable__TableRow.shopilike-IndexTable__TableRow--child .shopilike-IndexTable__TableCell--first {
        left:var(--pc-index-table-checkbox-child-offset-sm)
    }
}

:is(.shopilike-IndexTable__TableRow.shopilike-IndexTable__TableRow--child .shopilike-IndexTable__TableCell--first):before {
    content: "";
    position: absolute;
    display: block;
    width: calc(var(--pc-index-table-checkbox-child-offset) + var(--pc-index-table-checkbox-padding-right));
    height: 100%;
    top: 0;
    right: var(--pc-index-table-checkbox-child-offset);
    background-color: var(--p-color-bg-surface)
}

@media (max-width: 30.6225em) {
    :is(.shopilike-IndexTable__TableRow.shopilike-IndexTable__TableRow--child .shopilike-IndexTable__TableCell--first):before {
        width:calc(var(--pc-index-table-checkbox-child-offset-sm) + var(--pc-index-table-checkbox-padding-right));
        right: var(--pc-index-table-checkbox-child-offset-sm)
    }
}

.shopilike-IndexTable__TableRow.shopilike-IndexTable__TableRow--child .shopilike-IndexTable__TableCell--first+.shopilike-IndexTable__TableCell {
    --pc-index-table-cell-padding: var(--p-space-150);
    padding-left: calc(var(--pc-index-table-checkbox-child-offset) + var(--pc-index-table-cell-padding))
}

@media (max-width: 30.6225em) {
    .shopilike-IndexTable__TableRow.shopilike-IndexTable__TableRow--child .shopilike-IndexTable__TableCell--first+.shopilike-IndexTable__TableCell {
        padding-left:calc(var(--pc-index-table-checkbox-child-offset-sm) + var(--pc-index-table-cell-padding))
    }
}

.shopilike-IndexTable__TableRow.shopilike-IndexTable__TableRow--selected {
    border-color: var(--p-color-border)
}

.shopilike-IndexTable__TableRow.shopilike-IndexTable__TableRow--selected,.shopilike-IndexTable__TableRow.shopilike-IndexTable__TableRow--selected .shopilike-IndexTable__TableHeading--first,.shopilike-IndexTable__TableRow.shopilike-IndexTable__TableRow--selected .shopilike-IndexTable__TableHeading--second,.shopilike-IndexTable__TableRow.shopilike-IndexTable__TableRow--selected .shopilike-IndexTable__TableCell--first,.shopilike-IndexTable__TableRow.shopilike-IndexTable__TableRow--selected .shopilike-IndexTable__TableCell--first+.shopilike-IndexTable__TableCell,.shopilike-IndexTable__TableRow.shopilike-IndexTable__TableRow--selected .shopilike-IndexTable__TableCell:last-child {
    background-color: var(--p-color-bg-surface-selected)
}

:is(.shopilike-IndexTable__TableRow.shopilike-IndexTable__TableRow--selected.shopilike-IndexTable__TableRow--child,.shopilike-IndexTable__TableRow.shopilike-IndexTable__TableRow--selected.shopilike-IndexTable__TableRow--child .shopilike-IndexTable__TableCell--first):before {
    background-color: var(--p-color-bg-surface-selected)
}

.shopilike-IndexTable__TableRow.shopilike-IndexTable__TableRow--selected.shopilike-IndexTable--toneSuccess,.shopilike-IndexTable__TableRow.shopilike-IndexTable__TableRow--selected.shopilike-IndexTable--toneSuccess .shopilike-IndexTable__TableCell:first-child,.shopilike-IndexTable__TableRow.shopilike-IndexTable__TableRow--selected.shopilike-IndexTable--toneSuccess .shopilike-IndexTable__TableCell--first,.shopilike-IndexTable__TableRow.shopilike-IndexTable__TableRow--selected.shopilike-IndexTable--toneSuccess .shopilike-IndexTable__TableCell--first+.shopilike-IndexTable__TableCell,.shopilike-IndexTable__TableRow.shopilike-IndexTable__TableRow--selected.shopilike-IndexTable--toneSuccess .shopilike-IndexTable__TableCell:last-child {
    background-color: var(--p-color-bg-surface-success-active)
}

:is(.shopilike-IndexTable__TableRow.shopilike-IndexTable__TableRow--selected.shopilike-IndexTable__TableRow--child.shopilike-IndexTable--toneSuccess,.shopilike-IndexTable__TableRow.shopilike-IndexTable__TableRow--selected.shopilike-IndexTable__TableRow--child.shopilike-IndexTable--toneSuccess .shopilike-IndexTable__TableCell--first):before {
    background-color: var(--p-color-bg-surface-success-active)
}

.shopilike-IndexTable__TableRow.shopilike-IndexTable__TableRow--selected.shopilike-IndexTable--toneWarning,.shopilike-IndexTable__TableRow.shopilike-IndexTable__TableRow--selected.shopilike-IndexTable--toneWarning .shopilike-IndexTable__TableCell:first-child,.shopilike-IndexTable__TableRow.shopilike-IndexTable__TableRow--selected.shopilike-IndexTable--toneWarning .shopilike-IndexTable__TableCell--first,.shopilike-IndexTable__TableRow.shopilike-IndexTable__TableRow--selected.shopilike-IndexTable--toneWarning .shopilike-IndexTable__TableCell--first+.shopilike-IndexTable__TableCell,.shopilike-IndexTable__TableRow.shopilike-IndexTable__TableRow--selected.shopilike-IndexTable--toneWarning .shopilike-IndexTable__TableCell:last-child {
    background-color: var(--p-color-bg-surface-warning-active)
}

:is(.shopilike-IndexTable__TableRow.shopilike-IndexTable__TableRow--selected.shopilike-IndexTable__TableRow--child.shopilike-IndexTable--toneWarning,.shopilike-IndexTable__TableRow.shopilike-IndexTable__TableRow--selected.shopilike-IndexTable__TableRow--child.shopilike-IndexTable--toneWarning .shopilike-IndexTable__TableCell--first):before {
    background-color: var(--p-color-bg-surface-warning-active)
}

.shopilike-IndexTable__TableRow.shopilike-IndexTable__TableRow--selected.shopilike-IndexTable--toneCritical,.shopilike-IndexTable__TableRow.shopilike-IndexTable__TableRow--selected.shopilike-IndexTable--toneCritical .shopilike-IndexTable__TableCell:first-child,.shopilike-IndexTable__TableRow.shopilike-IndexTable__TableRow--selected.shopilike-IndexTable--toneCritical .shopilike-IndexTable__TableCell--first,.shopilike-IndexTable__TableRow.shopilike-IndexTable__TableRow--selected.shopilike-IndexTable--toneCritical .shopilike-IndexTable__TableCell--first+.shopilike-IndexTable__TableCell,.shopilike-IndexTable__TableRow.shopilike-IndexTable__TableRow--selected.shopilike-IndexTable--toneCritical .shopilike-IndexTable__TableCell:last-child {
    background-color: var(--p-color-bg-surface-critical-active)
}

:is(.shopilike-IndexTable__TableRow.shopilike-IndexTable__TableRow--selected.shopilike-IndexTable__TableRow--child.shopilike-IndexTable--toneCritical,.shopilike-IndexTable__TableRow.shopilike-IndexTable__TableRow--selected.shopilike-IndexTable__TableRow--child.shopilike-IndexTable--toneCritical .shopilike-IndexTable__TableCell--first):before {
    background-color: var(--p-color-bg-surface-critical-active)
}

.shopilike-IndexTable__TableRow.shopilike-IndexTable__TableRow--selected.shopilike-IndexTable--toneSubdued,.shopilike-IndexTable__TableRow.shopilike-IndexTable__TableRow--selected.shopilike-IndexTable--toneSubdued .shopilike-IndexTable__TableCell:first-child,.shopilike-IndexTable__TableRow.shopilike-IndexTable__TableRow--selected.shopilike-IndexTable--toneSubdued .shopilike-IndexTable__TableCell--first,.shopilike-IndexTable__TableRow.shopilike-IndexTable__TableRow--selected.shopilike-IndexTable--toneSubdued .shopilike-IndexTable__TableCell--first+.shopilike-IndexTable__TableCell,.shopilike-IndexTable__TableRow.shopilike-IndexTable__TableRow--selected.shopilike-IndexTable--toneSubdued .shopilike-IndexTable__TableCell:last-child {
    background-color: var(--p-color-bg-surface-secondary-active)
}

:is(.shopilike-IndexTable__TableRow.shopilike-IndexTable__TableRow--selected.shopilike-IndexTable__TableRow--child.shopilike-IndexTable--toneSubdued,.shopilike-IndexTable__TableRow.shopilike-IndexTable__TableRow--selected.shopilike-IndexTable__TableRow--child.shopilike-IndexTable--toneSubdued .shopilike-IndexTable__TableCell--first):before {
    background-color: var(--p-color-bg-surface-secondary-active)
}

.shopilike-IndexTable__TableRow.shopilike-IndexTable__TableRow--selected.shopilike-IndexTable__TableRow--subheader,.shopilike-IndexTable__TableRow.shopilike-IndexTable__TableRow--selected.shopilike-IndexTable__TableRow--subheader .shopilike-IndexTable__TableCell:first-child,.shopilike-IndexTable__TableRow.shopilike-IndexTable__TableRow--selected.shopilike-IndexTable__TableRow--subheader .shopilike-IndexTable__TableCell--first,.shopilike-IndexTable__TableRow.shopilike-IndexTable__TableRow--selected.shopilike-IndexTable__TableRow--subheader .shopilike-IndexTable__TableCell--first+.shopilike-IndexTable__TableCell,.shopilike-IndexTable__TableRow.shopilike-IndexTable__TableRow--selected.shopilike-IndexTable__TableRow--subheader .shopilike-IndexTable__TableCell:last-child {
    background-color: var(--p-color-bg-surface-secondary)
}

.shopilike-IndexTable__TableRow.shopilike-IndexTable__TableRow--hovered:not(.shopilike-IndexTable__TableRow--unclickable),.shopilike-IndexTable__TableRow.shopilike-IndexTable__TableRow--hovered:not(.shopilike-IndexTable__TableRow--unclickable) .shopilike-IndexTable__TableCell--first,.shopilike-IndexTable__TableRow.shopilike-IndexTable__TableRow--hovered:not(.shopilike-IndexTable__TableRow--unclickable) .shopilike-IndexTable__TableCell--first+.shopilike-IndexTable__TableCell,.shopilike-IndexTable__TableRow.shopilike-IndexTable__TableRow--hovered:not(.shopilike-IndexTable__TableRow--unclickable) .shopilike-IndexTable__TableCell:last-child {
    background-color: var(--p-color-bg-surface-hover)
}

:is(.shopilike-IndexTable__TableRow.shopilike-IndexTable__TableRow--hovered.shopilike-IndexTable__TableRow--child:not(.shopilike-IndexTable__TableRow--unclickable),.shopilike-IndexTable__TableRow.shopilike-IndexTable__TableRow--hovered.shopilike-IndexTable__TableRow--child:not(.shopilike-IndexTable__TableRow--unclickable) .shopilike-IndexTable__TableCell--first):before {
    background-color: var(--p-color-bg-surface-hover)
}

.shopilike-IndexTable__TableRow.shopilike-IndexTable__TableRow--hovered.shopilike-IndexTable--toneSuccess:not(.shopilike-IndexTable__TableRow--unclickable),.shopilike-IndexTable__TableRow.shopilike-IndexTable__TableRow--hovered.shopilike-IndexTable--toneSuccess:not(.shopilike-IndexTable__TableRow--unclickable) .shopilike-IndexTable__TableCell--first,.shopilike-IndexTable__TableRow.shopilike-IndexTable__TableRow--hovered.shopilike-IndexTable--toneSuccess:not(.shopilike-IndexTable__TableRow--unclickable) .shopilike-IndexTable__TableCell--first+.shopilike-IndexTable__TableCell,.shopilike-IndexTable__TableRow.shopilike-IndexTable__TableRow--hovered.shopilike-IndexTable--toneSuccess:not(.shopilike-IndexTable__TableRow--unclickable) .shopilike-IndexTable__TableCell:last-child {
    background-color: var(--p-color-bg-surface-success-hover)
}

:is(.shopilike-IndexTable__TableRow.shopilike-IndexTable__TableRow--hovered.shopilike-IndexTable__TableRow--child.shopilike-IndexTable--toneSuccess:not(.shopilike-IndexTable__TableRow--unclickable),.shopilike-IndexTable__TableRow.shopilike-IndexTable__TableRow--hovered.shopilike-IndexTable__TableRow--child.shopilike-IndexTable--toneSuccess:not(.shopilike-IndexTable__TableRow--unclickable) .shopilike-IndexTable__TableCell--first):before {
    background-color: var(--p-color-bg-surface-success-hover)
}

.shopilike-IndexTable__TableRow.shopilike-IndexTable__TableRow--hovered.shopilike-IndexTable--toneCritical:not(.shopilike-IndexTable__TableRow--unclickable),.shopilike-IndexTable__TableRow.shopilike-IndexTable__TableRow--hovered.shopilike-IndexTable--toneCritical:not(.shopilike-IndexTable__TableRow--unclickable) .shopilike-IndexTable__TableCell--first,.shopilike-IndexTable__TableRow.shopilike-IndexTable__TableRow--hovered.shopilike-IndexTable--toneCritical:not(.shopilike-IndexTable__TableRow--unclickable) .shopilike-IndexTable__TableCell--first+.shopilike-IndexTable__TableCell,.shopilike-IndexTable__TableRow.shopilike-IndexTable__TableRow--hovered.shopilike-IndexTable--toneCritical:not(.shopilike-IndexTable__TableRow--unclickable) .shopilike-IndexTable__TableCell:last-child {
    background-color: var(--p-color-bg-surface-critical-hover)
}

:is(.shopilike-IndexTable__TableRow.shopilike-IndexTable__TableRow--hovered.shopilike-IndexTable__TableRow--child.shopilike-IndexTable--toneCritical:not(.shopilike-IndexTable__TableRow--unclickable),.shopilike-IndexTable__TableRow.shopilike-IndexTable__TableRow--hovered.shopilike-IndexTable__TableRow--child.shopilike-IndexTable--toneCritical:not(.shopilike-IndexTable__TableRow--unclickable) .shopilike-IndexTable__TableCell--first):before {
    background-color: var(--p-color-bg-surface-critical-hover)
}

.shopilike-IndexTable__TableRow.shopilike-IndexTable__TableRow--hovered.shopilike-IndexTable--toneWarning:not(.shopilike-IndexTable__TableRow--unclickable),.shopilike-IndexTable__TableRow.shopilike-IndexTable__TableRow--hovered.shopilike-IndexTable--toneWarning:not(.shopilike-IndexTable__TableRow--unclickable) .shopilike-IndexTable__TableCell--first,.shopilike-IndexTable__TableRow.shopilike-IndexTable__TableRow--hovered.shopilike-IndexTable--toneWarning:not(.shopilike-IndexTable__TableRow--unclickable) .shopilike-IndexTable__TableCell--first+.shopilike-IndexTable__TableCell,.shopilike-IndexTable__TableRow.shopilike-IndexTable__TableRow--hovered.shopilike-IndexTable--toneWarning:not(.shopilike-IndexTable__TableRow--unclickable) .shopilike-IndexTable__TableCell:last-child {
    background-color: var(--p-color-bg-surface-warning-hover)
}

:is(.shopilike-IndexTable__TableRow.shopilike-IndexTable__TableRow--hovered.shopilike-IndexTable__TableRow--child.shopilike-IndexTable--toneWarning:not(.shopilike-IndexTable__TableRow--unclickable),.shopilike-IndexTable__TableRow.shopilike-IndexTable__TableRow--hovered.shopilike-IndexTable__TableRow--child.shopilike-IndexTable--toneWarning:not(.shopilike-IndexTable__TableRow--unclickable) .shopilike-IndexTable__TableCell--first):before {
    background-color: var(--p-color-bg-surface-warning-hover)
}

.shopilike-IndexTable__TableRow.shopilike-IndexTable__TableRow--hovered.shopilike-IndexTable--toneSubdued:not(.shopilike-IndexTable__TableRow--unclickable),.shopilike-IndexTable__TableRow.shopilike-IndexTable__TableRow--hovered.shopilike-IndexTable--toneSubdued:not(.shopilike-IndexTable__TableRow--unclickable) .shopilike-IndexTable__TableCell--first,.shopilike-IndexTable__TableRow.shopilike-IndexTable__TableRow--hovered.shopilike-IndexTable--toneSubdued:not(.shopilike-IndexTable__TableRow--unclickable) .shopilike-IndexTable__TableCell--first+.shopilike-IndexTable__TableCell,.shopilike-IndexTable__TableRow.shopilike-IndexTable__TableRow--hovered.shopilike-IndexTable--toneSubdued:not(.shopilike-IndexTable__TableRow--unclickable) .shopilike-IndexTable__TableCell:last-child {
    background-color: var(--p-color-bg-surface-secondary-hover)
}

:is(.shopilike-IndexTable__TableRow.shopilike-IndexTable__TableRow--hovered.shopilike-IndexTable__TableRow--child.shopilike-IndexTable--toneSubdued:not(.shopilike-IndexTable__TableRow--unclickable),.shopilike-IndexTable__TableRow.shopilike-IndexTable__TableRow--hovered.shopilike-IndexTable__TableRow--child.shopilike-IndexTable--toneSubdued:not(.shopilike-IndexTable__TableRow--unclickable) .shopilike-IndexTable__TableCell--first):before {
    background-color: var(--p-color-bg-surface-secondary-hover)
}

.shopilike-IndexTable__TableRow.shopilike-IndexTable__TableRow--hovered.shopilike-IndexTable__TableRow--subheader:not(.shopilike-IndexTable__TableRow--unclickable),.shopilike-IndexTable__TableRow.shopilike-IndexTable__TableRow--hovered.shopilike-IndexTable__TableRow--subheader:not(.shopilike-IndexTable__TableRow--unclickable) .shopilike-IndexTable__TableCell:first-child,.shopilike-IndexTable__TableRow.shopilike-IndexTable__TableRow--hovered.shopilike-IndexTable__TableRow--subheader:not(.shopilike-IndexTable__TableRow--unclickable) .shopilike-IndexTable__TableCell--first,.shopilike-IndexTable__TableRow.shopilike-IndexTable__TableRow--hovered.shopilike-IndexTable__TableRow--subheader:not(.shopilike-IndexTable__TableRow--unclickable) .shopilike-IndexTable__TableCell--first+.shopilike-IndexTable__TableCell,.shopilike-IndexTable__TableRow.shopilike-IndexTable__TableRow--hovered.shopilike-IndexTable__TableRow--subheader:not(.shopilike-IndexTable__TableRow--unclickable) .shopilike-IndexTable__TableCell:last-child {
    background-color: var(--p-color-bg-surface-secondary)
}

.shopilike-IndexTable__TableRow.shopilike-IndexTable__TableRow--hovered.shopilike-IndexTable__TableRow--selected,.shopilike-IndexTable__TableRow.shopilike-IndexTable__TableRow--hovered.shopilike-IndexTable__TableRow--selected .shopilike-IndexTable__TableCell--first,.shopilike-IndexTable__TableRow.shopilike-IndexTable__TableRow--hovered.shopilike-IndexTable__TableRow--selected .shopilike-IndexTable__TableCell--first+.shopilike-IndexTable__TableCell,.shopilike-IndexTable__TableRow.shopilike-IndexTable__TableRow--hovered.shopilike-IndexTable__TableRow--selected .shopilike-IndexTable__TableCell:last-child {
    background-color: var(--p-color-bg-surface-brand-hover)
}

:is(.shopilike-IndexTable__TableRow.shopilike-IndexTable__TableRow--hovered.shopilike-IndexTable__TableRow--selected,.shopilike-IndexTable__TableRow.shopilike-IndexTable__TableRow--hovered.shopilike-IndexTable__TableRow--selected .shopilike-IndexTable__TableCell--first,.shopilike-IndexTable__TableRow.shopilike-IndexTable__TableRow--hovered.shopilike-IndexTable__TableRow--selected .shopilike-IndexTable__TableCell--first+.shopilike-IndexTable__TableCell,.shopilike-IndexTable__TableRow.shopilike-IndexTable__TableRow--hovered.shopilike-IndexTable__TableRow--selected .shopilike-IndexTable__TableCell:last-child):before {
    background-color: var(--p-color-bg-surface-brand-hover)
}

:is(.shopilike-IndexTable__TableRow.shopilike-IndexTable__TableRow--hovered.shopilike-IndexTable__TableRow--selected.shopilike-IndexTable__TableRow--child,.shopilike-IndexTable__TableRow.shopilike-IndexTable__TableRow--hovered.shopilike-IndexTable__TableRow--selected.shopilike-IndexTable__TableRow--child .shopilike-IndexTable__TableCell--first):before {
    background-color: var(--p-color-bg-surface-brand-hover)
}

.shopilike-IndexTable__TableRow.shopilike-IndexTable__TableRow--hovered.shopilike-IndexTable__TableRow--selected.shopilike-IndexTable--toneSuccess,.shopilike-IndexTable__TableRow.shopilike-IndexTable__TableRow--hovered.shopilike-IndexTable__TableRow--selected.shopilike-IndexTable--toneSuccess .shopilike-IndexTable__TableCell:first-child,.shopilike-IndexTable__TableRow.shopilike-IndexTable__TableRow--hovered.shopilike-IndexTable__TableRow--selected.shopilike-IndexTable--toneSuccess .shopilike-IndexTable__TableCell--first,.shopilike-IndexTable__TableRow.shopilike-IndexTable__TableRow--hovered.shopilike-IndexTable__TableRow--selected.shopilike-IndexTable--toneSuccess .shopilike-IndexTable__TableCell--first+.shopilike-IndexTable__TableCell,.shopilike-IndexTable__TableRow.shopilike-IndexTable__TableRow--hovered.shopilike-IndexTable__TableRow--selected.shopilike-IndexTable--toneSuccess .shopilike-IndexTable__TableCell:last-child {
    background-color: var(--p-color-bg-surface-success-hover)
}

:is(.shopilike-IndexTable__TableRow.shopilike-IndexTable__TableRow--hovered.shopilike-IndexTable__TableRow--selected.shopilike-IndexTable__TableRow--child.shopilike-IndexTable--toneSuccess,.shopilike-IndexTable__TableRow.shopilike-IndexTable__TableRow--hovered.shopilike-IndexTable__TableRow--selected.shopilike-IndexTable__TableRow--child.shopilike-IndexTable--toneSuccess .shopilike-IndexTable__TableCell--first):before {
    background-color: var(--p-color-bg-surface-success-hover)
}

.shopilike-IndexTable__TableRow.shopilike-IndexTable__TableRow--hovered.shopilike-IndexTable__TableRow--selected.shopilike-IndexTable--toneWarning,.shopilike-IndexTable__TableRow.shopilike-IndexTable__TableRow--hovered.shopilike-IndexTable__TableRow--selected.shopilike-IndexTable--toneWarning .shopilike-IndexTable__TableCell:first-child,.shopilike-IndexTable__TableRow.shopilike-IndexTable__TableRow--hovered.shopilike-IndexTable__TableRow--selected.shopilike-IndexTable--toneWarning .shopilike-IndexTable__TableCell--first,.shopilike-IndexTable__TableRow.shopilike-IndexTable__TableRow--hovered.shopilike-IndexTable__TableRow--selected.shopilike-IndexTable--toneWarning .shopilike-IndexTable__TableCell--first+.shopilike-IndexTable__TableCell,.shopilike-IndexTable__TableRow.shopilike-IndexTable__TableRow--hovered.shopilike-IndexTable__TableRow--selected.shopilike-IndexTable--toneWarning .shopilike-IndexTable__TableCell:last-child {
    background-color: var(--p-color-bg-surface-warning-hover)
}

.shopilike-IndexTable__TableRow.shopilike-IndexTable__TableRow--hovered.shopilike-IndexTable__TableRow--selected.shopilike-IndexTable--toneCritical,.shopilike-IndexTable__TableRow.shopilike-IndexTable__TableRow--hovered.shopilike-IndexTable__TableRow--selected.shopilike-IndexTable--toneCritical .shopilike-IndexTable__TableCell:first-child,.shopilike-IndexTable__TableRow.shopilike-IndexTable__TableRow--hovered.shopilike-IndexTable__TableRow--selected.shopilike-IndexTable--toneCritical .shopilike-IndexTable__TableCell--first,.shopilike-IndexTable__TableRow.shopilike-IndexTable__TableRow--hovered.shopilike-IndexTable__TableRow--selected.shopilike-IndexTable--toneCritical .shopilike-IndexTable__TableCell--first+.shopilike-IndexTable__TableCell,.shopilike-IndexTable__TableRow.shopilike-IndexTable__TableRow--hovered.shopilike-IndexTable__TableRow--selected.shopilike-IndexTable--toneCritical .shopilike-IndexTable__TableCell:last-child {
    background-color: var(--p-color-bg-surface-critical-hover)
}

.shopilike-IndexTable__TableRow.shopilike-IndexTable__TableRow--hovered.shopilike-IndexTable__TableRow--selected.shopilike-IndexTable--toneSubdued,.shopilike-IndexTable__TableRow.shopilike-IndexTable__TableRow--hovered.shopilike-IndexTable__TableRow--selected.shopilike-IndexTable--toneSubdued .shopilike-IndexTable__TableCell:first-child,.shopilike-IndexTable__TableRow.shopilike-IndexTable__TableRow--hovered.shopilike-IndexTable__TableRow--selected.shopilike-IndexTable--toneSubdued .shopilike-IndexTable__TableCell--first,.shopilike-IndexTable__TableRow.shopilike-IndexTable__TableRow--hovered.shopilike-IndexTable__TableRow--selected.shopilike-IndexTable--toneSubdued .shopilike-IndexTable__TableCell--first+.shopilike-IndexTable__TableCell,.shopilike-IndexTable__TableRow.shopilike-IndexTable__TableRow--hovered.shopilike-IndexTable__TableRow--selected.shopilike-IndexTable--toneSubdued .shopilike-IndexTable__TableCell:last-child {
    background-color: var(--p-color-bg-surface-secondary-hover)
}

.shopilike-IndexTable__TableRow.shopilike-IndexTable__TableRow--hovered.shopilike-IndexTable__TableRow--selected.shopilike-IndexTable__TableRow--subheader,.shopilike-IndexTable__TableRow.shopilike-IndexTable__TableRow--hovered.shopilike-IndexTable__TableRow--selected.shopilike-IndexTable__TableRow--subheader .shopilike-IndexTable__TableCell:first-child,.shopilike-IndexTable__TableRow.shopilike-IndexTable__TableRow--hovered.shopilike-IndexTable__TableRow--selected.shopilike-IndexTable__TableRow--subheader .shopilike-IndexTable__TableCell--first,.shopilike-IndexTable__TableRow.shopilike-IndexTable__TableRow--hovered.shopilike-IndexTable__TableRow--selected.shopilike-IndexTable__TableRow--subheader .shopilike-IndexTable__TableCell--first+.shopilike-IndexTable__TableCell,.shopilike-IndexTable__TableRow.shopilike-IndexTable__TableRow--hovered.shopilike-IndexTable__TableRow--selected.shopilike-IndexTable__TableRow--subheader .shopilike-IndexTable__TableCell:last-child {
    background-color: var(--p-color-bg-surface-secondary)
}

.shopilike-IndexTable__TableRow--disabled {
    cursor: default;
    color: var(--p-color-text-secondary)
}

:is(.shopilike-IndexTable__ZebraStriping .shopilike-IndexTable__Table--scrolling .shopilike-IndexTable__TableRow:nth-child(odd),.shopilike-IndexTable__ZebraStriping .shopilike-IndexTable__TableRow:nth-child(odd)),:is(.shopilike-IndexTable__ZebraStriping .shopilike-IndexTable__Table--scrolling .shopilike-IndexTable__TableRow:nth-child(odd),.shopilike-IndexTable__ZebraStriping .shopilike-IndexTable__TableRow:nth-child(odd)) .shopilike-IndexTable__TableCell:first-child,:is(.shopilike-IndexTable__ZebraStriping .shopilike-IndexTable__Table--scrolling .shopilike-IndexTable__TableRow:nth-child(odd),.shopilike-IndexTable__ZebraStriping .shopilike-IndexTable__TableRow:nth-child(odd)) .shopilike-IndexTable__TableCell--first,:is(.shopilike-IndexTable__ZebraStriping .shopilike-IndexTable__Table--scrolling .shopilike-IndexTable__TableRow:nth-child(odd),.shopilike-IndexTable__ZebraStriping .shopilike-IndexTable__TableRow:nth-child(odd)) .shopilike-IndexTable__TableCell--first+.shopilike-IndexTable__TableCell,:is(.shopilike-IndexTable__ZebraStriping .shopilike-IndexTable__Table--scrolling .shopilike-IndexTable__TableRow:nth-child(odd),.shopilike-IndexTable__ZebraStriping .shopilike-IndexTable__TableRow:nth-child(odd)) .shopilike-IndexTable__TableCell:last-child {
    background-color: var(--p-color-bg-surface)
}

:is(.shopilike-IndexTable__ZebraStriping .shopilike-IndexTable__Table--scrolling .shopilike-IndexTable__TableRow:nth-child(2n),.shopilike-IndexTable__ZebraStriping .shopilike-IndexTable__TableRow:nth-child(2n)),:is(.shopilike-IndexTable__ZebraStriping .shopilike-IndexTable__Table--scrolling .shopilike-IndexTable__TableRow:nth-child(2n),.shopilike-IndexTable__ZebraStriping .shopilike-IndexTable__TableRow:nth-child(2n)) .shopilike-IndexTable__TableCell:first-child,:is(.shopilike-IndexTable__ZebraStriping .shopilike-IndexTable__Table--scrolling .shopilike-IndexTable__TableRow:nth-child(2n),.shopilike-IndexTable__ZebraStriping .shopilike-IndexTable__TableRow:nth-child(2n)) .shopilike-IndexTable__TableCell--first,:is(.shopilike-IndexTable__ZebraStriping .shopilike-IndexTable__Table--scrolling .shopilike-IndexTable__TableRow:nth-child(2n),.shopilike-IndexTable__ZebraStriping .shopilike-IndexTable__TableRow:nth-child(2n)) .shopilike-IndexTable__TableCell--first+.shopilike-IndexTable__TableCell,:is(.shopilike-IndexTable__ZebraStriping .shopilike-IndexTable__Table--scrolling .shopilike-IndexTable__TableRow:nth-child(2n),.shopilike-IndexTable__ZebraStriping .shopilike-IndexTable__TableRow:nth-child(2n)) .shopilike-IndexTable__TableCell:last-child {
    background: var(--p-color-bg-surface-secondary)
}

:is(:is(.shopilike-IndexTable__ZebraStriping .shopilike-IndexTable__TableRow--child:nth-child(2n)),:is(.shopilike-IndexTable__ZebraStriping .shopilike-IndexTable__TableRow--child:nth-child(2n)) .shopilike-IndexTable__TableCell--first):before {
    background-color: var(--p-color-bg-surface-secondary)
}

:is(.shopilike-IndexTable__ZebraStriping .shopilike-IndexTable__Table--scrolling .shopilike-IndexTable__TableRow--hovered:not(.shopilike-IndexTable__TableRow--unclickable):nth-child(odd),.shopilike-IndexTable__ZebraStriping .shopilike-IndexTable__TableRow--hovered:not(.shopilike-IndexTable__TableRow--unclickable):nth-child(odd),.shopilike-IndexTable__ZebraStriping .shopilike-IndexTable__Table--scrolling .shopilike-IndexTable__TableRow--hovered:not(.shopilike-IndexTable__TableRow--unclickable):nth-child(2n),.shopilike-IndexTable__ZebraStriping .shopilike-IndexTable__TableRow--hovered:not(.shopilike-IndexTable__TableRow--unclickable):nth-child(2n)),:is(.shopilike-IndexTable__ZebraStriping .shopilike-IndexTable__Table--scrolling .shopilike-IndexTable__TableRow--hovered:not(.shopilike-IndexTable__TableRow--unclickable):nth-child(odd),.shopilike-IndexTable__ZebraStriping .shopilike-IndexTable__TableRow--hovered:not(.shopilike-IndexTable__TableRow--unclickable):nth-child(odd),.shopilike-IndexTable__ZebraStriping .shopilike-IndexTable__Table--scrolling .shopilike-IndexTable__TableRow--hovered:not(.shopilike-IndexTable__TableRow--unclickable):nth-child(2n),.shopilike-IndexTable__ZebraStriping .shopilike-IndexTable__TableRow--hovered:not(.shopilike-IndexTable__TableRow--unclickable):nth-child(2n)) .shopilike-IndexTable__TableCell:first-child,:is(.shopilike-IndexTable__ZebraStriping .shopilike-IndexTable__Table--scrolling .shopilike-IndexTable__TableRow--hovered:not(.shopilike-IndexTable__TableRow--unclickable):nth-child(odd),.shopilike-IndexTable__ZebraStriping .shopilike-IndexTable__TableRow--hovered:not(.shopilike-IndexTable__TableRow--unclickable):nth-child(odd),.shopilike-IndexTable__ZebraStriping .shopilike-IndexTable__Table--scrolling .shopilike-IndexTable__TableRow--hovered:not(.shopilike-IndexTable__TableRow--unclickable):nth-child(2n),.shopilike-IndexTable__ZebraStriping .shopilike-IndexTable__TableRow--hovered:not(.shopilike-IndexTable__TableRow--unclickable):nth-child(2n)) .shopilike-IndexTable__TableCell--first,:is(.shopilike-IndexTable__ZebraStriping .shopilike-IndexTable__Table--scrolling .shopilike-IndexTable__TableRow--hovered:not(.shopilike-IndexTable__TableRow--unclickable):nth-child(odd),.shopilike-IndexTable__ZebraStriping .shopilike-IndexTable__TableRow--hovered:not(.shopilike-IndexTable__TableRow--unclickable):nth-child(odd),.shopilike-IndexTable__ZebraStriping .shopilike-IndexTable__Table--scrolling .shopilike-IndexTable__TableRow--hovered:not(.shopilike-IndexTable__TableRow--unclickable):nth-child(2n),.shopilike-IndexTable__ZebraStriping .shopilike-IndexTable__TableRow--hovered:not(.shopilike-IndexTable__TableRow--unclickable):nth-child(2n)) .shopilike-IndexTable__TableCell--first+.shopilike-IndexTable__TableCell,:is(.shopilike-IndexTable__ZebraStriping .shopilike-IndexTable__Table--scrolling .shopilike-IndexTable__TableRow--hovered:not(.shopilike-IndexTable__TableRow--unclickable):nth-child(odd),.shopilike-IndexTable__ZebraStriping .shopilike-IndexTable__TableRow--hovered:not(.shopilike-IndexTable__TableRow--unclickable):nth-child(odd),.shopilike-IndexTable__ZebraStriping .shopilike-IndexTable__Table--scrolling .shopilike-IndexTable__TableRow--hovered:not(.shopilike-IndexTable__TableRow--unclickable):nth-child(2n),.shopilike-IndexTable__ZebraStriping .shopilike-IndexTable__TableRow--hovered:not(.shopilike-IndexTable__TableRow--unclickable):nth-child(2n)) .shopilike-IndexTable__TableCell:last-child {
    background-color: var(--p-color-bg-surface-hover)
}

:is(.shopilike-IndexTable__ZebraStriping .shopilike-IndexTable__Table--scrolling .shopilike-IndexTable__TableRow--selected:nth-child(odd),.shopilike-IndexTable__ZebraStriping .shopilike-IndexTable__TableRow--selected:nth-child(odd),.shopilike-IndexTable__ZebraStriping .shopilike-IndexTable__Table--scrolling .shopilike-IndexTable__TableRow--selected:nth-child(2n),.shopilike-IndexTable__ZebraStriping .shopilike-IndexTable__TableRow--selected:nth-child(2n)),:is(.shopilike-IndexTable__ZebraStriping .shopilike-IndexTable__Table--scrolling .shopilike-IndexTable__TableRow--selected:nth-child(odd),.shopilike-IndexTable__ZebraStriping .shopilike-IndexTable__TableRow--selected:nth-child(odd),.shopilike-IndexTable__ZebraStriping .shopilike-IndexTable__Table--scrolling .shopilike-IndexTable__TableRow--selected:nth-child(2n),.shopilike-IndexTable__ZebraStriping .shopilike-IndexTable__TableRow--selected:nth-child(2n)) .shopilike-IndexTable__TableCell:first-child,:is(.shopilike-IndexTable__ZebraStriping .shopilike-IndexTable__Table--scrolling .shopilike-IndexTable__TableRow--selected:nth-child(odd),.shopilike-IndexTable__ZebraStriping .shopilike-IndexTable__TableRow--selected:nth-child(odd),.shopilike-IndexTable__ZebraStriping .shopilike-IndexTable__Table--scrolling .shopilike-IndexTable__TableRow--selected:nth-child(2n),.shopilike-IndexTable__ZebraStriping .shopilike-IndexTable__TableRow--selected:nth-child(2n)) .shopilike-IndexTable__TableCell--first,:is(.shopilike-IndexTable__ZebraStriping .shopilike-IndexTable__Table--scrolling .shopilike-IndexTable__TableRow--selected:nth-child(odd),.shopilike-IndexTable__ZebraStriping .shopilike-IndexTable__TableRow--selected:nth-child(odd),.shopilike-IndexTable__ZebraStriping .shopilike-IndexTable__Table--scrolling .shopilike-IndexTable__TableRow--selected:nth-child(2n),.shopilike-IndexTable__ZebraStriping .shopilike-IndexTable__TableRow--selected:nth-child(2n)) .shopilike-IndexTable__TableCell--first+.shopilike-IndexTable__TableCell,:is(.shopilike-IndexTable__ZebraStriping .shopilike-IndexTable__Table--scrolling .shopilike-IndexTable__TableRow--selected:nth-child(odd),.shopilike-IndexTable__ZebraStriping .shopilike-IndexTable__TableRow--selected:nth-child(odd),.shopilike-IndexTable__ZebraStriping .shopilike-IndexTable__Table--scrolling .shopilike-IndexTable__TableRow--selected:nth-child(2n),.shopilike-IndexTable__ZebraStriping .shopilike-IndexTable__TableRow--selected:nth-child(2n)) .shopilike-IndexTable__TableCell:last-child {
    background-color: var(--p-color-bg-surface-brand-selected)
}

:is(:is(.shopilike-IndexTable__ZebraStriping .shopilike-IndexTable__TableRow--child.shopilike-IndexTable__TableRow--selected:nth-child(2n),.shopilike-IndexTable__ZebraStriping .shopilike-IndexTable__TableRow--child.shopilike-IndexTable__TableRow--selected:nth-child(odd)),:is(.shopilike-IndexTable__ZebraStriping .shopilike-IndexTable__TableRow--child.shopilike-IndexTable__TableRow--selected:nth-child(2n),.shopilike-IndexTable__ZebraStriping .shopilike-IndexTable__TableRow--child.shopilike-IndexTable__TableRow--selected:nth-child(odd)) .shopilike-IndexTable__TableCell--first):before {
    background-color: var(--p-color-bg-surface-brand-selected)
}

:is(.shopilike-IndexTable__ZebraStriping .shopilike-IndexTable__Table--scrolling .shopilike-IndexTable__TableRow--hovered.shopilike-IndexTable__TableRow--selected:nth-child(odd),.shopilike-IndexTable__ZebraStriping .shopilike-IndexTable__TableRow--hovered.shopilike-IndexTable__TableRow--selected:nth-child(odd),.shopilike-IndexTable__ZebraStriping .shopilike-IndexTable__Table--scrolling .shopilike-IndexTable__TableRow--hovered.shopilike-IndexTable__TableRow--selected:nth-child(2n),.shopilike-IndexTable__ZebraStriping .shopilike-IndexTable__TableRow--hovered.shopilike-IndexTable__TableRow--selected:nth-child(2n)),:is(.shopilike-IndexTable__ZebraStriping .shopilike-IndexTable__Table--scrolling .shopilike-IndexTable__TableRow--hovered.shopilike-IndexTable__TableRow--selected:nth-child(odd),.shopilike-IndexTable__ZebraStriping .shopilike-IndexTable__TableRow--hovered.shopilike-IndexTable__TableRow--selected:nth-child(odd),.shopilike-IndexTable__ZebraStriping .shopilike-IndexTable__Table--scrolling .shopilike-IndexTable__TableRow--hovered.shopilike-IndexTable__TableRow--selected:nth-child(2n),.shopilike-IndexTable__ZebraStriping .shopilike-IndexTable__TableRow--hovered.shopilike-IndexTable__TableRow--selected:nth-child(2n)) .shopilike-IndexTable__TableCell:first-child,:is(.shopilike-IndexTable__ZebraStriping .shopilike-IndexTable__Table--scrolling .shopilike-IndexTable__TableRow--hovered.shopilike-IndexTable__TableRow--selected:nth-child(odd),.shopilike-IndexTable__ZebraStriping .shopilike-IndexTable__TableRow--hovered.shopilike-IndexTable__TableRow--selected:nth-child(odd),.shopilike-IndexTable__ZebraStriping .shopilike-IndexTable__Table--scrolling .shopilike-IndexTable__TableRow--hovered.shopilike-IndexTable__TableRow--selected:nth-child(2n),.shopilike-IndexTable__ZebraStriping .shopilike-IndexTable__TableRow--hovered.shopilike-IndexTable__TableRow--selected:nth-child(2n)) .shopilike-IndexTable__TableCell--first,:is(.shopilike-IndexTable__ZebraStriping .shopilike-IndexTable__Table--scrolling .shopilike-IndexTable__TableRow--hovered.shopilike-IndexTable__TableRow--selected:nth-child(odd),.shopilike-IndexTable__ZebraStriping .shopilike-IndexTable__TableRow--hovered.shopilike-IndexTable__TableRow--selected:nth-child(odd),.shopilike-IndexTable__ZebraStriping .shopilike-IndexTable__Table--scrolling .shopilike-IndexTable__TableRow--hovered.shopilike-IndexTable__TableRow--selected:nth-child(2n),.shopilike-IndexTable__ZebraStriping .shopilike-IndexTable__TableRow--hovered.shopilike-IndexTable__TableRow--selected:nth-child(2n)) .shopilike-IndexTable__TableCell--first+.shopilike-IndexTable__TableCell,:is(.shopilike-IndexTable__ZebraStriping .shopilike-IndexTable__Table--scrolling .shopilike-IndexTable__TableRow--hovered.shopilike-IndexTable__TableRow--selected:nth-child(odd),.shopilike-IndexTable__ZebraStriping .shopilike-IndexTable__TableRow--hovered.shopilike-IndexTable__TableRow--selected:nth-child(odd),.shopilike-IndexTable__ZebraStriping .shopilike-IndexTable__Table--scrolling .shopilike-IndexTable__TableRow--hovered.shopilike-IndexTable__TableRow--selected:nth-child(2n),.shopilike-IndexTable__ZebraStriping .shopilike-IndexTable__TableRow--hovered.shopilike-IndexTable__TableRow--selected:nth-child(2n)) .shopilike-IndexTable__TableCell:last-child {
    background-color: var(--p-color-bg-surface-brand-hover)
}

:is(:is(.shopilike-IndexTable__ZebraStriping .shopilike-IndexTable__TableRow--hovered.shopilike-IndexTable__TableRow--selected:nth-child(2n),.shopilike-IndexTable__ZebraStriping .shopilike-IndexTable__TableRow--hovered.shopilike-IndexTable__TableRow--selected:nth-child(odd)),:is(.shopilike-IndexTable__ZebraStriping .shopilike-IndexTable__TableRow--hovered.shopilike-IndexTable__TableRow--selected:nth-child(2n),.shopilike-IndexTable__ZebraStriping .shopilike-IndexTable__TableRow--hovered.shopilike-IndexTable__TableRow--selected:nth-child(odd)) .shopilike-IndexTable__TableCell--first):before {
    background-color: var(--p-color-bg-surface-brand-hover)
}

.shopilike-IndexTable__TableHeading {
    --pc-index-table-heading-padding-x: var(--p-space-150);
    --pc-index-table-heading-padding-y: var(--p-space-200);
    background: var(--p-color-bg-surface-secondary);
    padding: var(--pc-index-table-heading-padding-y) var(--pc-index-table-heading-padding-x);
    text-align: left;
    font-weight: var(--p-font-weight-medium);
    color: var(--p-color-text-secondary);
    font-size: var(--p-font-size-300);
    white-space: nowrap;
    border: 0
}

.shopilike-IndexTable__TableHeading:first-child:not(.shopilike-IndexTable__TableHeading--flush) {
    padding-left: var(--p-space-300)
}

.shopilike-IndexTable__TableHeading:last-child:not(.shopilike-IndexTable__TableHeading--flush) {
    padding-right: var(--p-space-300);
    overflow-x: hidden
}

.shopilike-IndexTable--tableHeadingAlignCenter {
    text-align: center
}

.shopilike-IndexTable--tableHeadingAlignCenter [class*=TooltipContainer] {
    justify-content: center
}

.shopilike-IndexTable--tableHeadingAlignEnd {
    text-align: right
}

.shopilike-IndexTable--tableHeadingAlignEnd [class*=TooltipContainer],.shopilike-IndexTable--tableHeadingAlignEnd [class*=SortableTableHeadingWithCustomMarkup] {
    justify-content: end
}

.shopilike-IndexTable--tableHeadingExtraPaddingRight {
    --pc-index-table-heading-extra-padding-right: 0rem;
    padding-right: var(--pc-index-table-heading-extra-padding-right)
}

.shopilike-IndexTable__TableHeading--sortable {
    background: var(--p-color-bg-surface-secondary)
}

.shopilike-IndexTable__TableHeading--flush {
    --pc-index-table-heading-padding-x: 0rem;
    padding: var(--pc-index-table-heading-padding-y) var(--pc-index-table-heading-padding-x)
}

.shopilike-IndexTable__TableHeading--first {
    position: sticky;
    left: 0;
    padding-left: var(--pc-index-table-checkbox-offset-left);
    padding-right: var(--pc-index-table-checkbox-offset-right);
    width: var(--p-space-500);
    z-index: var(--pc-index-table-sticky-cell)
}

.shopilike-IndexTable__TableHeadingSortButton {
    position: relative;
    background: none;
    padding: 0;
    border: 0;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: var(--p-font-weight-medium);
    color: var(--p-color-text-secondary);
    font-size: var(--p-font-size-300);
    line-height: var(--p-font-line-height-500)
}

:is(.shopilike-IndexTable__TableHeadingSortButton:hover,.shopilike-IndexTable__TableHeadingSortButton:focus) .shopilike-IndexTable__TableHeadingSortIcon {
    opacity: 1
}

.shopilike-IndexTable--tableHeadingSortButtonHeadingAlignEnd {
    transform: translate(var(--p-space-500));
    transition-delay: var(--p-motion-duration-50)
}

.shopilike-IndexTable--tableHeadingSortButtonHeadingAlignEnd:hover,.shopilike-IndexTable--tableHeadingSortButtonHeadingAlignEnd:focus {
    transition-delay: var(--p-motion-duration-0);
    transform: translate(var(--p-space-100))
}

.shopilike-IndexTable--tableHeadingSortButtonHeadingAlignEnd:hover:before {
    content: "";
    position: absolute;
    top: 0;
    left: calc(100% - var(--p-space-200));
    height: 100%;
    width: var(--p-space-600);
    display: block;
    animation: none;
    transition: none
}

.shopilike-IndexTable--tableHeadingSortButtonHeadingAlignEndCurrentlySorted {
    transform: translate(var(--p-space-100))
}

.shopilike-IndexTable--tableHeadingSortButtonHeadingAlignEndCurrentlySorted .shopilike-IndexTable--tableHeadingSortIconHeadingAlignEnd {
    animation: none
}

.shopilike-IndexTable--tableHeadingSortButtonHeadingAlignEndPreviouslySorted {
    animation: shopilike-IndexTable--rightAlignedSortButtonSlideOut var(--p-motion-duration-50) var(--p-motion-ease)
}

.shopilike-IndexTable__TableHeadingSortIcon {
    order: 1;
    opacity: 0;
    height: var(--p-space-500);
    width: var(--p-space-500)
}

.shopilike-IndexTable__TableHeadingSortIcon:not(.shopilike-IndexTable--tableHeadingSortIconHeadingAlignEnd:hover),.shopilike-IndexTable__TableHeadingSortIcon:not(.shopilike-IndexTable--tableHeadingSortButtonHeadingAlignEndPreviouslySorted) {
    transition: opacity var(--p-motion-duration-50) var(--p-motion-ease)
}

.shopilike-IndexTable__TableHeadingSortButton:hover .shopilike-IndexTable--tableHeadingSortIconHeadingAlignEnd {
    animation: shopilike-IndexTable--revealRightAlignedSortButtonIcon var(--p-motion-duration-200) var(--p-motion-ease)
}

.shopilike-IndexTable--tableHeadingSortButtonHeadingAlignEndCurrentlySorted:hover .shopilike-IndexTable--tableHeadingSortIconHeadingAlignEnd {
    animation: none
}

.shopilike-IndexTable__TableHeadingUnderline:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: calc(var(--p-border-width-050)*-1);
    width: 100%;
    height: var(--p-border-width-050);
    border-bottom: var(--p-border-width-050) dotted var(--p-color-border-tertiary)
}

.shopilike-IndexTable__TableHeadingTooltipUnderlinePlaceholder {
    border-bottom: var(--p-border-width-050) dotted transparent
}

.shopilike-IndexTable__TableHeadingSortIcon--visible {
    opacity: 1
}

.shopilike-IndexTable__TableHeadingSortSvg {
    display: block;
    width: 100%;
    max-width: 100%;
    max-height: 100%
}

.shopilike-IndexTable__SortableTableHeadingWithCustomMarkup {
    display: flex;
    flex-wrap: nowrap
}

.shopilike-IndexTable__SortableTableHeaderWrapper {
    cursor: pointer
}

.shopilike-IndexTable__ColumnHeaderCheckboxWrapper {
    display: flex
}

.shopilike-IndexTable__FirstStickyHeaderElement {
    padding-right: 0
}

.shopilike-IndexTable__TableHeading--second:not(.shopilike-IndexTable__TableHeading--unselectable) {
    padding-left: 0
}

.shopilike-IndexTable__TableHeading--second:not(.shopilike-IndexTable__TableHeading--unselectable):not(.shopilike-IndexTable__TableHeading--flush) {
    padding-left: var(--pc-index-table-heading-padding-x)
}

.shopilike-IndexTable__TableCell {
    z-index: var(--pc-index-table-cell);
    text-align: left;
    padding: var(--p-space-200) var(--p-space-400);
    white-space: nowrap
}

.shopilike-IndexTable__TableCell:not(.shopilike-IndexTable__TableCell--flush) {
    padding: var(--p-space-150)
}

.shopilike-IndexTable__TableCell:not(.shopilike-IndexTable__TableCell--flush):first-child {
    padding-left: var(--p-space-300)
}

.shopilike-IndexTable__Table:not(.shopilike-IndexTable__Table--unselectable) .shopilike-IndexTable__TableCell:not(.shopilike-IndexTable__TableCell--flush):first-child {
    padding-right: var(--pc-index-table-checkbox-offset-right)
}

.shopilike-IndexTable__TableCell:not(.shopilike-IndexTable__TableCell--flush):last-child {
    padding-right: var(--p-space-300)
}

.shopilike-IndexTable__TableCell--flush,.shopilike-IndexTable__TableCell--flush:first-child {
    padding: 0
}

.shopilike-IndexTable__TableCell--first {
    position: sticky;
    left: 0;
    z-index: var(--pc-index-table-sticky-cell);
    padding: var(--p-space-150) 0;
    vertical-align: middle
}

.shopilike-IndexTable__TableCell--first+.shopilike-IndexTable__TableCell {
    left: var(--pc-checkbox-offset)
}

@media (min-width: 30.625em) {
    :is(.shopilike-IndexTable__Table--sticky,.shopilike-IndexTable__StickyTable) .shopilike-IndexTable__TableCell--first+.shopilike-IndexTable__TableCell {
        position:sticky;
        z-index: var(--pc-index-table-sticky-cell)
    }
}

@media (min-width: 30.625em) {
    :is(:is(.shopilike-IndexTable__Table--sticky,.shopilike-IndexTable__StickyTable) .shopilike-IndexTable__TableHeading--second):not(.shopilike-IndexTable__TableHeading--unselectable) {
        position:sticky;
        left: 0;
        z-index: var(--pc-index-table-sticky-cell)
    }
}

.shopilike-IndexTable__TableHeading--unselectable:is(:is(.shopilike-IndexTable__Table--sticky,.shopilike-IndexTable__StickyTable) .shopilike-IndexTable__TableHeading--second) {
    position: sticky;
    left: 0;
    z-index: var(--pc-index-table-sticky-cell)
}

.shopilike-IndexTable__Table--unselectable {
    --pc-index-table-checkbox-width: var(--p-space-500);
    --pc-index-table-checkbox-width-sm: calc(var(--pc-index-table-checkbox-width) + var(--p-width-050));
    --pc-index-table-checkbox-padding-left: var(--p-space-300);
    --pc-index-table-checkbox-child-offset: calc(var(--pc-index-table-checkbox-width) + var(--pc-index-table-checkbox-padding-left));
    --pc-index-table-checkbox-child-offset-sm: calc(var(--pc-index-table-checkbox-width-sm) + var(--pc-index-table-checkbox-padding-left))
}

.shopilike-IndexTable__Table--unselectable.shopilike-IndexTable__Table--sticky .shopilike-IndexTable__TableCell:first-child {
    left: 0;
    background-color: var(--p-color-bg-surface);
    z-index: var(--pc-index-table-sticky-cell);
    position: sticky
}

:is(.shopilike-IndexTable__Table--unselectable.shopilike-IndexTable__Table--sticky .shopilike-IndexTable__TableRow--subheader) .shopilike-IndexTable__TableCell:first-child {
    background-color: var(--p-color-bg-surface-secondary)
}

.shopilike-IndexTable__Table--unselectable.shopilike-IndexTable__Table--sticky .shopilike-IndexTable__TableRow--child .shopilike-IndexTable__TableCell:first-child {
    padding-left: var(--pc-index-table-checkbox-child-offset)
}

@media (max-width: 30.6225em) {
    .shopilike-IndexTable__Table--unselectable.shopilike-IndexTable__Table--sticky .shopilike-IndexTable__TableRow--child .shopilike-IndexTable__TableCell:first-child {
        padding-left:var(--pc-index-table-checkbox-child-offset-sm)
    }
}

:is(.shopilike-IndexTable__Table--unselectable .shopilike-IndexTable__TableRow--child .shopilike-IndexTable__TableCell):not(.shopilike-IndexTable__TableCell--flush):first-child {
    padding-left: var(--pc-index-table-checkbox-child-offset)
}

:is(.shopilike-IndexTable__Table--unselectable .shopilike-IndexTable__TableRow--hovered:not(.shopilike-IndexTable__TableRow--unclickable)),:is(.shopilike-IndexTable__Table--unselectable .shopilike-IndexTable__TableRow--hovered:not(.shopilike-IndexTable__TableRow--unclickable)) .shopilike-IndexTable__TableCell:first-child,:is(.shopilike-IndexTable__Table--unselectable .shopilike-IndexTable__TableRow--hovered:not(.shopilike-IndexTable__TableRow--unclickable)) .shopilike-IndexTable__TableCell--first,:is(.shopilike-IndexTable__Table--unselectable .shopilike-IndexTable__TableRow--hovered:not(.shopilike-IndexTable__TableRow--unclickable)) .shopilike-IndexTable__TableCell--first+.shopilike-IndexTable__TableCell,:is(.shopilike-IndexTable__Table--unselectable .shopilike-IndexTable__TableRow--hovered:not(.shopilike-IndexTable__TableRow--unclickable)) .shopilike-IndexTable__TableCell:last-child {
    background-color: var(--p-color-bg-surface-hover)
}

.shopilike-IndexTable--toneSuccess:is(.shopilike-IndexTable__Table--unselectable .shopilike-IndexTable__TableRow--hovered:not(.shopilike-IndexTable__TableRow--unclickable)),.shopilike-IndexTable--toneSuccess:is(.shopilike-IndexTable__Table--unselectable .shopilike-IndexTable__TableRow--hovered:not(.shopilike-IndexTable__TableRow--unclickable)) .shopilike-IndexTable__TableCell:first-child,.shopilike-IndexTable--toneSuccess:is(.shopilike-IndexTable__Table--unselectable .shopilike-IndexTable__TableRow--hovered:not(.shopilike-IndexTable__TableRow--unclickable)) .shopilike-IndexTable__TableCell--first,.shopilike-IndexTable--toneSuccess:is(.shopilike-IndexTable__Table--unselectable .shopilike-IndexTable__TableRow--hovered:not(.shopilike-IndexTable__TableRow--unclickable)) .shopilike-IndexTable__TableCell--first+.shopilike-IndexTable__TableCell,.shopilike-IndexTable--toneSuccess:is(.shopilike-IndexTable__Table--unselectable .shopilike-IndexTable__TableRow--hovered:not(.shopilike-IndexTable__TableRow--unclickable)) .shopilike-IndexTable__TableCell:last-child {
    background-color: var(--p-color-bg-surface-success-hover)
}

.shopilike-IndexTable--toneWarning:is(.shopilike-IndexTable__Table--unselectable .shopilike-IndexTable__TableRow--hovered:not(.shopilike-IndexTable__TableRow--unclickable)),.shopilike-IndexTable--toneWarning:is(.shopilike-IndexTable__Table--unselectable .shopilike-IndexTable__TableRow--hovered:not(.shopilike-IndexTable__TableRow--unclickable)) .shopilike-IndexTable__TableCell:first-child,.shopilike-IndexTable--toneWarning:is(.shopilike-IndexTable__Table--unselectable .shopilike-IndexTable__TableRow--hovered:not(.shopilike-IndexTable__TableRow--unclickable)) .shopilike-IndexTable__TableCell--first,.shopilike-IndexTable--toneWarning:is(.shopilike-IndexTable__Table--unselectable .shopilike-IndexTable__TableRow--hovered:not(.shopilike-IndexTable__TableRow--unclickable)) .shopilike-IndexTable__TableCell--first+.shopilike-IndexTable__TableCell,.shopilike-IndexTable--toneWarning:is(.shopilike-IndexTable__Table--unselectable .shopilike-IndexTable__TableRow--hovered:not(.shopilike-IndexTable__TableRow--unclickable)) .shopilike-IndexTable__TableCell:last-child {
    background-color: var(--p-color-bg-surface-warning-hover)
}

.shopilike-IndexTable--toneCritical:is(.shopilike-IndexTable__Table--unselectable .shopilike-IndexTable__TableRow--hovered:not(.shopilike-IndexTable__TableRow--unclickable)),.shopilike-IndexTable--toneCritical:is(.shopilike-IndexTable__Table--unselectable .shopilike-IndexTable__TableRow--hovered:not(.shopilike-IndexTable__TableRow--unclickable)) .shopilike-IndexTable__TableCell:first-child,.shopilike-IndexTable--toneCritical:is(.shopilike-IndexTable__Table--unselectable .shopilike-IndexTable__TableRow--hovered:not(.shopilike-IndexTable__TableRow--unclickable)) .shopilike-IndexTable__TableCell--first,.shopilike-IndexTable--toneCritical:is(.shopilike-IndexTable__Table--unselectable .shopilike-IndexTable__TableRow--hovered:not(.shopilike-IndexTable__TableRow--unclickable)) .shopilike-IndexTable__TableCell--first+.shopilike-IndexTable__TableCell,.shopilike-IndexTable--toneCritical:is(.shopilike-IndexTable__Table--unselectable .shopilike-IndexTable__TableRow--hovered:not(.shopilike-IndexTable__TableRow--unclickable)) .shopilike-IndexTable__TableCell:last-child {
    background-color: var(--p-color-bg-surface-critical-hover)
}

.shopilike-IndexTable--toneSubdued:is(.shopilike-IndexTable__Table--unselectable .shopilike-IndexTable__TableRow--hovered:not(.shopilike-IndexTable__TableRow--unclickable)),.shopilike-IndexTable--toneSubdued:is(.shopilike-IndexTable__Table--unselectable .shopilike-IndexTable__TableRow--hovered:not(.shopilike-IndexTable__TableRow--unclickable)) .shopilike-IndexTable__TableCell:first-child,.shopilike-IndexTable--toneSubdued:is(.shopilike-IndexTable__Table--unselectable .shopilike-IndexTable__TableRow--hovered:not(.shopilike-IndexTable__TableRow--unclickable)) .shopilike-IndexTable__TableCell--first,.shopilike-IndexTable--toneSubdued:is(.shopilike-IndexTable__Table--unselectable .shopilike-IndexTable__TableRow--hovered:not(.shopilike-IndexTable__TableRow--unclickable)) .shopilike-IndexTable__TableCell--first+.shopilike-IndexTable__TableCell,.shopilike-IndexTable--toneSubdued:is(.shopilike-IndexTable__Table--unselectable .shopilike-IndexTable__TableRow--hovered:not(.shopilike-IndexTable__TableRow--unclickable)) .shopilike-IndexTable__TableCell:last-child {
    background-color: var(--p-color-bg-surface-secondary-hover)
}

.shopilike-IndexTable__TableRow--subheader:is(.shopilike-IndexTable__Table--unselectable .shopilike-IndexTable__TableRow--hovered:not(.shopilike-IndexTable__TableRow--unclickable)),.shopilike-IndexTable__TableRow--subheader:is(.shopilike-IndexTable__Table--unselectable .shopilike-IndexTable__TableRow--hovered:not(.shopilike-IndexTable__TableRow--unclickable)) .shopilike-IndexTable__TableCell:first-child,.shopilike-IndexTable__TableRow--subheader:is(.shopilike-IndexTable__Table--unselectable .shopilike-IndexTable__TableRow--hovered:not(.shopilike-IndexTable__TableRow--unclickable)) .shopilike-IndexTable__TableCell--first,.shopilike-IndexTable__TableRow--subheader:is(.shopilike-IndexTable__Table--unselectable .shopilike-IndexTable__TableRow--hovered:not(.shopilike-IndexTable__TableRow--unclickable)) .shopilike-IndexTable__TableCell--first+.shopilike-IndexTable__TableCell,.shopilike-IndexTable__TableRow--subheader:is(.shopilike-IndexTable__Table--unselectable .shopilike-IndexTable__TableRow--hovered:not(.shopilike-IndexTable__TableRow--unclickable)) .shopilike-IndexTable__TableCell:last-child {
    background-color: var(--p-color-bg-surface-secondary)
}

:is(.shopilike-IndexTable__Table--unselectable .shopilike-IndexTable--toneSuccess) .shopilike-IndexTable__TableCell:first-child {
    background-color: var(--p-color-bg-surface-success)
}

:is(.shopilike-IndexTable__Table--unselectable .shopilike-IndexTable--toneWarning) .shopilike-IndexTable__TableCell:first-child {
    background-color: var(--p-color-bg-surface-warning)
}

:is(.shopilike-IndexTable__Table--unselectable .shopilike-IndexTable--toneCritical) .shopilike-IndexTable__TableCell:first-child {
    background-color: var(--p-color-bg-surface-critical)
}

:is(.shopilike-IndexTable__Table--unselectable .shopilike-IndexTable--toneSubdued) .shopilike-IndexTable__TableCell:first-child {
    background-color: var(--p-color-bg-surface-secondary);
    color: var(--p-color-text-secondary)
}

@media (min-width: 30.625em) {
    :is(.shopilike-IndexTable--tableStickyScrolling,.shopilike-IndexTable--stickyTableHeaderStickyScrolling) .shopilike-IndexTable__TableCell:last-child,:is(.shopilike-IndexTable--tableStickyScrolling,.shopilike-IndexTable--stickyTableHeaderStickyScrolling) .shopilike-IndexTable__TableHeading--last {
        filter:drop-shadow(-.0625rem 0 0 var(--p-color-border))
    }
}

@media (min-width: 30.625em) {
    :is(.shopilike-IndexTable--tableStickyLast,.shopilike-IndexTable--stickyTableHeaderStickyLast) .shopilike-IndexTable__TableCell:last-child {
        position:sticky;
        right: 0;
        background-color: var(--p-color-bg-surface);
        z-index: var(--pc-index-table-sticky-cell)
    }
}

@media (min-width: 30.625em) {
    :is(.shopilike-IndexTable--tableStickyLast,.shopilike-IndexTable--stickyTableHeaderStickyLast) .shopilike-IndexTable__TableHeading--last {
        position:sticky;
        right: 0;
        background-color: var(--p-color-bg-surface-secondary);
        z-index: auto
    }
}

.shopilike-IndexTable__Table--sortable .shopilike-IndexTable__TableHeading {
    background-color: var(--p-color-bg-surface-secondary)
}

.shopilike-IndexTable__StickyTable {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    visibility: hidden;
    z-index: var(--pc-index-table-loading-panel)
}

.shopilike-IndexTable__StickyTableHeader {
    position: absolute;
    display: flex;
    width: 100%
}

.shopilike-IndexTable__StickyTableHeader:not(.shopilike-IndexTable__StickyTableHeader--isSticky) {
    top: -62.5rem;
    left: -62.5rem
}

.shopilike-IndexTable__StickyTableHeadings {
    overflow: hidden;
    flex: 1 1 auto;
    display: flex
}

.shopilike-IndexTable__StickyTableHeading--second {
    padding-left: 0
}

@media (min-width: 30.625em) {
    .shopilike-IndexTable__StickyTableHeading--second {
        display:none
    }
}

.shopilike-IndexTable__StickyTableHeading--second.shopilike-IndexTable--unselectable {
    display: none
}

.shopilike-IndexTable--stickyTableHeadingSecondScrolling {
    padding: 0 var(--p-space-025) 0 calc(var(--pc-index-table-checkbox-offset-right) + var(--pc-index-table-heading-padding-x));
    display: none
}

@media (min-width: 30.625em) {
    .shopilike-IndexTable--stickyTableHeadingSecondScrolling {
        display:block
    }
}

.shopilike-IndexTable__StickyTableHeader--isSticky {
    visibility: visible;
    box-shadow: var(--p-shadow-100);
    background-color: var(--p-color-bg-surface-secondary)
}

.shopilike-IndexTable:hover .shopilike-IndexTable__ScrollLeft,.shopilike-IndexTable:hover .shopilike-IndexTable__ScrollRight,.shopilike-IndexTable .shopilike-IndexTable__ScrollRight--onboarding {
    display: block
}

.shopilike-IndexTable__SelectAllActionsWrapper {
    visibility: visible;
    position: absolute;
    z-index: var(--pc-index-table-bulk-actions);
    left: 0;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.shopilike-IndexTable__SelectAllActionsWrapperWithPagination {
    width: 100%
}

@media (min-width: 48em) {
    .shopilike-IndexTable__SelectAllActionsWrapperWithPagination {
        width:calc(100% - 3.5rem - var(--p-space-200))
    }
}

.shopilike-IndexTable__SelectAllActionsWrapperSticky {
    position: fixed;
    top: auto;
    bottom: 0
}

.shopilike-IndexTable__SelectAllActionsWrapperAtEnd {
    opacity: 0;
    transition: opacity var(--p-motion-duration-100) var(--p-motion-ease)
}

.shopilike-IndexTable__SelectAllActionsWrapperAtEndAppear {
    opacity: 1
}

.shopilike-IndexTable__BulkActionsWrapper {
    visibility: hidden;
    opacity: 0;
    position: relative;
    z-index: var(--pc-index-table-bulk-actions);
    padding: var(--p-space-150) var(--p-space-200) var(--p-space-150) var(--p-space-300);
    line-height: var(--p-font-line-height-500);
    background-color: var(--p-color-bg-surface);
    transition: opacity var(--p-motion-duration-100) var(--p-motion-ease),visibility var(--p-motion-duration-100) var(--p-motion-ease)
}

.shopilike-IndexTable__BulkActionsWrapper.shopilike-IndexTable__BulkActionsWrapperVisible {
    visibility: visible;
    opacity: 1
}

.shopilike-IndexTable__PaginationWrapper {
    z-index: var(--pc-index-table-z-index-controls)
}

@media (min-width: 48em) {
    .shopilike-IndexTable__PaginationWrapper {
        position:sticky;
        bottom: 0
    }
}

@media (min-width: 48em) {
    .shopilike-IndexTable__PaginationWrapperScrolledPastTop {
        position:absolute;
        bottom: auto;
        top: var(--pc-index-table-pagination-top-offset);
        width: 100%
    }
}

.shopilike-IndexTable__ScrollBarContainer {
    --pc-index-table-scroll-bar-height-offset: 2.8125rem;
    position: sticky;
    z-index: calc(var(--pc-index-table-z-index-controls) + 2);
    bottom: 0;
    padding: var(--p-space-050);
    background-color: var(--p-color-bg-surface);
    transition: bottom var(--p-motion-duration-100) var(--p-motion-ease)
}

@media (min-width: 30.625em) {
    .shopilike-IndexTable__ScrollBarContainer {
        border-bottom-right-radius:var(--p-border-radius-200);
        border-bottom-left-radius: var(--p-border-radius-200);
        padding: var(--p-space-050) var(--p-space-200)
    }
}

@media (min-width: 48em) {
    .shopilike-IndexTable__ScrollBarContainerWithPagination {
        bottom:var(--pc-index-table-scroll-bar-height-offset)
    }

    .shopilike-IndexTable__ScrollBarContainerWithPagination.shopilike-IndexTable__ScrollBarContainerScrolledPastTop {
        position: absolute;
        top: var(--pc-index-table-scroll-bar-top-offset);
        bottom: auto;
        width: 100%
    }
}

@media (min-width: 30.625em) {
    .shopilike-IndexTable__ScrollBarContainerWithPagination {
        border-bottom-right-radius:0;
        border-bottom-left-radius: 0
    }
}

.shopilike-IndexTable__ScrollBarContainerWithPagination.shopilike-IndexTable__ScrollBarContainerWithSelectAllActions {
    bottom: var(--pc-index-table-scroll-bar-height-offset)
}

.shopilike-IndexTable__ScrollBarContainerWithSelectAllActions.shopilike-IndexTable__ScrollBarContainerScrolledPastTop {
    position: absolute;
    top: var(--pc-index-table-scroll-bar-top-offset);
    bottom: auto;
    width: 100%
}

@media (min-width: 30.625em) {
    .shopilike-IndexTable__ScrollBarContainerWithSelectAllActions {
        border-bottom-right-radius:0;
        border-bottom-left-radius: 0
    }
}

.shopilike-IndexTable__ScrollBarContainerSelectAllActionsSticky {
    bottom: var(--pc-index-table-scroll-bar-height-offset)
}

.shopilike-IndexTable--scrollBarContainerCondensed {
    visibility: hidden;
    pointer-events: none
}

.shopilike-IndexTable--scrollBarContainerHidden {
    height: 0;
    padding: 0
}

.shopilike-IndexTable__ScrollBar {
    overflow-x: scroll;
    width: 100%;
    margin: 0;
    padding: 0
}

.shopilike-IndexTable__ScrollBar::-webkit-scrollbar-track {
    border-radius: var(--p-border-radius-100);
    background-color: transparent
}

.shopilike-IndexTable__ScrollBar::-webkit-scrollbar {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    height: var(--p-space-200);
    width: var(--p-space-200);
    background-color: transparent
}

.shopilike-IndexTable__ScrollBar::-webkit-scrollbar-thumb {
    border-radius: var(--p-border-radius-100);
    background-color: var(--p-color-border-tertiary);
    -webkit-transition: background-color var(--p-motion-duration-100) var(--p-motion-ease-out);
    transition: background-color var(--p-motion-duration-100) var(--p-motion-ease-out)
}

.shopilike-IndexTable__ScrollBar:hover::-webkit-scrollbar-thumb {
    background-color: var(--p-color-border-inverse)
}

.shopilike-IndexTable--disableTextSelection {
    -webkit-user-select: none;
    user-select: none
}

.shopilike-IndexTable__EmptySearchResultWrapper {
    padding: var(--p-space-400)
}

.shopilike-IndexTable--condensedRow {
    width: calc(100% + var(--pc-index-table-translate-offset));
    transform: translate(calc(var(--pc-index-table-translate-offset)*-1));
    transition: transform var(--p-motion-ease) var(--p-motion-duration-200);
    display: flex;
    border-top: var(--p-border-width-025) solid var(--p-color-border-secondary);
    filter: none;
    align-items: center
}

[data-selectmode=true] .shopilike-IndexTable--condensedRow {
    transform: none
}

.shopilike-IndexTable__CondensedList {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    border-top: 0
}

.shopilike-IndexTable__CondensedList .shopilike-IndexTable__TableRow:first-child {
    border-top: 0
}

.shopilike-IndexTable__CondensedList .shopilike-IndexTable__TableRow:active:not(.shopilike-IndexTable__TableRow--unclickable):has([data-primary-link=true]) {
    background-color: var(--p-color-bg-surface-active)
}

.shopilike-IndexTable__HeaderWrapper {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    min-height: 3.5rem;
    padding: var(--p-space-200) var(--p-space-400);
    background-color: var(--p-color-bg-surface)
}

.shopilike-IndexTable__HeaderWrapper.shopilike-IndexTable--unselectable {
    min-height: auto;
    padding: 0
}

.shopilike-IndexTable__StickyTable--condensed {
    visibility: visible
}

.shopilike-IndexTable__StickyTableHeader--condensed {
    padding: var(--p-space-400) var(--p-space-400) var(--p-space-200)
}

.shopilike-IndexTable__ScrollBarContent {
    height: .0625rem;
    width: var(--pc-index-table-scroll-bar-content-width)
}

@keyframes shopilike-IndexTable--rightAlignedSortButtonSlideOut {
    0% {
        transform: translate(var(--p-space-100))
    }

    80% {
        transform: translate(var(--p-space-100))
    }

    to {
        transform: translate(var(--p-space-500))
    }
}

@keyframes shopilike-IndexTable--revealRightAlignedSortButtonIcon {
    0% {
        transform: translate(calc(var(--p-space-500)*-1));
        opacity: 0
    }

    40% {
        opacity: 0
    }

    50% {
        transform: translate(0)
    }

    to {
        opacity: 1
    }
}

.shopilike-IndexTable-Checkbox__Wrapper {
    display: flex;
    justify-content: center;
    align-items: center
}

.shopilike-IndexTable-ScrollContainer {
    overflow-x: auto;
    overscroll-behavior-x: contain;
    -ms-overflow-style: none;
    scrollbar-width: none;
    border-radius: inherit
}

.shopilike-IndexTable-ScrollContainer::-webkit-scrollbar {
    display: none
}

.shopilike-InlineCode__Code {
    background-color: var(--p-color-bg-fill-tertiary);
    border-radius: var(--p-border-radius-050);
    font-family: var(--p-font-family-mono);
    font-size: .85em;
    font-weight: var(--p-font-weight-medium);
    padding: var(--p-space-025) var(--p-space-100)
}

.shopilike-KeyboardKey {
    --pc-keyboard-key-base-dimension: 1.75rem;
    height: var(--pc-keyboard-key-base-dimension);
    display: inline-flex;
    justify-content: center;
    margin: 0 var(--p-space-050) var(--p-space-050);
    margin-bottom: 0;
    padding: 0 var(--p-space-200);
    background: var(--p-color-bg-surface-tertiary);
    border-radius: var(--p-border-radius-100);
    color: var(--p-color-text-secondary);
    font-size: var(--p-font-size-350);
    font-weight: var(--p-font-weight-medium);
    font-family: var(--p-font-family-sans);
    line-height: var(--pc-keyboard-key-base-dimension);
    text-align: center;
    min-width: var(--pc-keyboard-key-base-dimension);
    -webkit-user-select: none;
    user-select: none
}

.shopilike-KeyboardKey--small {
    box-shadow: none;
    line-height: var(--p-font-size-400);
    padding: var(--p-space-050) var(--p-space-100);
    font-size: var(--p-font-size-300);
    height: var(--p-space-500);
    min-width: var(--p-space-500)
}

.shopilike-KeyboardKey--extraSmall {
    box-shadow: none;
    line-height: var(--p-font-size-400);
    padding: var(--p-space-050) var(--p-space-100);
    font-size: calc(var(--p-font-size-500)/2);
    height: var(--p-space-500);
    min-width: var(--p-space-500)
}

.shopilike-TextContainer {
    --pc-text-container-spacing: var(--p-space-400)
}

.shopilike-TextContainer>*:not(:first-child) {
    margin-top: var(--pc-text-container-spacing)
}

.shopilike-TextContainer--spacingTight {
    --pc-text-container-spacing: var(--p-space-200)
}

.shopilike-TextContainer--spacingLoose {
    --pc-text-container-spacing: var(--p-space-500)
}

.shopilike-Layout {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-start;
    margin-top: calc(var(--p-space-400)*-1);
    margin-left: calc(var(--p-space-400)*-1)
}

@media print {
    body .shopilike-Layout {
        font-size: var(--p-font-size-300);
        line-height: var(--p-font-line-height-400)
    }

    .shopilike-Layout a,.shopilike-Layout button {
        color: var(--p-color-text)
    }
}

.shopilike-Layout__Section {
    flex: var(--pg-layout-relative-size) var(--pg-layout-relative-size) var(--pg-layout-width-primary-min);
    min-width: 51%
}

@media print {
    .shopilike-Layout__Section {
        flex: 2 2 22.5rem
    }
}

.shopilike-Layout__Section--fullWidth {
    flex: 1 1 100%
}

.shopilike-Layout__Section--oneHalf {
    flex: 1 1 var(--pg-layout-width-one-half-width-base);
    min-width: 0
}

.shopilike-Layout__Section--oneThird {
    flex: 1 1 var(--pg-layout-width-one-third-width-base);
    min-width: 0
}

.shopilike-Layout__AnnotatedSection {
    min-width: 0;
    flex: 1 1 100%
}

.shopilike-Layout__Section,.shopilike-Layout__AnnotatedSection {
    max-width: calc(100% - var(--p-space-400));
    margin-top: var(--p-space-400);
    margin-left: var(--p-space-400)
}

:is(.shopilike-Layout__Section,.shopilike-Layout__AnnotatedSection)+.shopilike-Layout__AnnotatedSection {
    border-top: var(--p-border-width-025) solid var(--p-color-border-secondary);
    padding-top: var(--p-space-400)
}

.shopilike-Layout__AnnotationWrapper {
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(var(--p-space-400)*-1);
    margin-left: calc(var(--p-space-400)*-1)
}

.shopilike-Layout__AnnotationContent {
    flex: var(--pg-layout-relative-size) var(--pg-layout-relative-size) var(--pg-layout-width-primary-min)
}

.shopilike-Layout__Annotation {
    flex: 1 1 var(--pg-layout-width-secondary-min);
    padding: var(--p-space-400) var(--p-space-400) 0 0
}

@media (min-width: 48em) {
    .shopilike-Layout__Annotation {
        padding-bottom:var(--p-space-400)
    }
}

.shopilike-Layout__Annotation,.shopilike-Layout__AnnotationContent {
    min-width: 0;
    max-width: calc(100% - var(--p-space-400));
    margin-top: var(--p-space-400);
    margin-left: var(--p-space-400)
}

.shopilike-Tag {
    position: relative;
    display: inline-flex;
    max-width: 100%;
    align-items: center;
    padding-inline:calc(var(--p-space-100) + var(--p-space-050));background-color: var(--p-color-bg-fill-tertiary);
    border-radius: var(--p-border-radius-200);
    color: var(--p-color-text)
}

.shopilike-Tag.shopilike-Tag--disabled {
    transition: none;
    background: var(--p-color-bg-fill-disabled);
    color: var(--p-color-text-disabled)
}

.shopilike-Tag.shopilike-Tag--disabled s-internal-icon,.shopilike-Tag.shopilike-Tag--disabled svg {
    color: var(--p-color-icon-disabled)
}

.shopilike-Tag.shopilike-Tag--clickable {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0;
    padding: 0;
    background: none;
    border: none;
    font-size: inherit;
    line-height: inherit;
    color: inherit;
    cursor: pointer
}

.shopilike-Tag.shopilike-Tag--clickable:focus {
    outline: none
}

.shopilike-Tag.shopilike-Tag--clickable {
    cursor: pointer;
    padding: 0 calc(var(--p-space-100) + var(--p-space-050));
    background-color: var(--p-color-bg-fill-tertiary);
    outline: var(--p-border-width-025) solid transparent
}

.shopilike-Tag.shopilike-Tag--clickable:hover {
    background: var(--p-color-bg-fill-tertiary-hover)
}

.shopilike-Tag.shopilike-Tag--clickable {
    position: relative
}

.shopilike-Tag.shopilike-Tag--clickable:after {
    content: "";
    position: absolute;
    z-index: 1;
    top: -.0625rem;
    right: -.0625rem;
    bottom: -.0625rem;
    left: -.0625rem;
    display: block;
    pointer-events: none;
    box-shadow: 0 0 0 -.0625rem var(--p-color-border-focus);
    border-radius: var(--p-border-radius-200)
}

.shopilike-Tag.shopilike-Tag--clickable:focus-visible:not(:active):after {
    box-shadow: 0 0 0 .125rem var(--p-color-border-focus);
    outline: var(--p-border-width-025) solid transparent
}

.shopilike-Tag.shopilike-Tag--clickable:active {
    background: var(--p-color-bg-fill-tertiary-active)
}

.shopilike-Tag.shopilike-Tag--clickable:disabled {
    background: var(--p-color-bg-fill-disabled);
    cursor: default;
    pointer-events: none;
    color: var(--p-color-text-disabled)
}

.shopilike-Tag.shopilike-Tag--linkable:hover {
    background: var(--p-color-bg-fill-tertiary-hover)
}

.shopilike-Tag.shopilike-Tag--linkable:active {
    background: var(--p-color-bg-fill-tertiary-active)
}

.shopilike-Tag.shopilike-Tag--removable {
    padding-right: 0;
    padding-inline-end:0}

.shopilike-Tag__Button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0;
    padding: 0;
    background: none;
    border: none;
    font-size: inherit;
    line-height: inherit;
    color: inherit;
    cursor: pointer
}

.shopilike-Tag__Button:focus {
    outline: none
}

.shopilike-Tag__Button {
    display: inline-flex;
    flex-shrink: 0;
    height: 1.125rem;
    width: 1.125rem;
    margin: var(--p-space-025);
    margin-left: var(--p-space-050);
    border-radius: .4375rem;
    color: var(--p-color-icon-secondary)
}

.shopilike-Tag__Button svg {
    fill: currentColor
}

.shopilike-Tag__Button.shopilike-Tag__Icon {
    display: flex;
    align-items: center;
    justify-content: center
}

.shopilike-Tag__Button:hover {
    background: var(--p-color-bg-fill-tertiary-hover);
    color: var(--p-color-icon-hover);
    outline: var(--p-border-width-025) solid transparent
}

.shopilike-Tag__Button {
    position: relative
}

.shopilike-Tag__Button:after {
    content: "";
    position: absolute;
    z-index: 1;
    top: -.0625rem;
    right: -.0625rem;
    bottom: -.0625rem;
    left: -.0625rem;
    display: block;
    pointer-events: none;
    box-shadow: 0 0 0 -.0625rem var(--p-color-border-focus);
    border-radius: var(--p-border-radius-200)
}

.shopilike-Tag__Button:focus-visible {
    background: var(--p-color-bg-fill-tertiary-hover);
    color: var(--p-color-icon-hover)
}

.shopilike-Tag__Button:focus-visible:not(:active):after {
    box-shadow: 0 0 0 .125rem var(--p-color-border-focus);
    outline: var(--p-border-width-025) solid transparent
}

.shopilike-Tag__Button:active {
    background: var(--p-color-bg-fill-tertiary-active)
}

.shopilike-Tag__Button:disabled {
    cursor: default;
    pointer-events: none
}

.shopilike-Tag__Button:disabled s-internal-icon {
    color: var(--p-color-icon-disabled)
}

.shopilike-Tag__Link {
    display: inline-grid;
    color: var(--p-color-text);
    outline: none;
    border-radius: var(--p-border-radius-200);
    text-decoration: none;
    position: relative
}

.shopilike-Tag__Link:after {
    content: "";
    position: absolute;
    z-index: 1;
    top: -.0625rem;
    right: -.0625rem;
    bottom: -.0625rem;
    left: -.0625rem;
    display: block;
    pointer-events: none;
    box-shadow: 0 0 0 -.0625rem var(--p-color-border-focus);
    border-radius: var(--p-border-radius-200)
}

.shopilike-Tag__Link:focus-visible:not(:active):after {
    box-shadow: 0 0 0 .125rem var(--p-color-border-focus);
    outline: var(--p-border-width-025) solid transparent
}

.shopilike-Tag__Link:focus-visible:not(:active) {
    text-decoration: underline
}

.shopilike-Tag__Link:hover {
    background: var(--p-color-bg-fill-tertiary-hover);
    text-decoration: underline
}

.shopilike-Tag__Link.shopilike-Tag--segmented:hover {
    background: none
}

.shopilike-Tag__Link.shopilike-Tag--segmented:after {
    margin-right: var(--p-space-100)
}

.shopilike-Tag__Link:active {
    background: var(--p-color-bg-fill-tertiary-active)
}

.shopilike-Tag__Text,.shopilike-Tag__Button {
    line-height: var(--p-font-line-height-500)
}

.shopilike-Tag--linkable.shopilike-Tag--removable:hover {
    background: var(--p-color-bg-fill-tertiary-hover)
}

.shopilike-Tag--linkable.shopilike-Tag--removable:hover .shopilike-Tag__Button {
    background: var(--p-color-bg-fill-tertiary-active)
}

.shopilike-Tag--sizeLarge,.shopilike-Tag--sizeLarge:is(.shopilike-Tag--removable,.shopilike-Tag--linkable) {
    min-height: 1.5rem;
    padding: 0 var(--p-space-200)
}

@media (hover: none) {
    .shopilike-Tag--sizeLarge,.shopilike-Tag--sizeLarge:is(.shopilike-Tag--removable,.shopilike-Tag--linkable) {
        padding-right:0
    }
}

.shopilike-Tag--sizeLarge .shopilike-Tag__Link.shopilike-Tag--segmented:after {
    margin-right: 0
}

.shopilike-Tag--sizeLarge .shopilike-Tag__Button {
    opacity: 0;
    position: absolute;
    right: var(--p-space-050);
    left: auto;
    width: 1.25rem;
    height: 1.25rem;
    margin: 0;
    background-color: var(--p-color-bg-fill-tertiary)
}

@media (hover: none) {
    .shopilike-Tag--sizeLarge .shopilike-Tag__Button {
        opacity:1;
        position: unset
    }
}

:is(.shopilike-Tag--sizeLarge .shopilike-Tag__Button):hover {
    color: var(--p-color-icon-secondary-hover)
}

:is(.shopilike-Tag--sizeLarge .shopilike-Tag__Button):active,:is(.shopilike-Tag--sizeLarge .shopilike-Tag__Button):focus {
    color: var(--p-color-icon-secondary-active)
}

.shopilike-Tag--sizeLarge:hover .shopilike-Tag__Button,.shopilike-Tag--sizeLarge .shopilike-Tag__Button:focus-visible {
    opacity: 1
}

.shopilike-Tag--sizeLarge:hover .shopilike-Tag--overlay {
    position: absolute;
    top: 0;
    right: 1.25rem;
    bottom: 0;
    width: .75rem;
    pointer-events: none;
    background: linear-gradient(to left,var(--p-color-bg-fill-tertiary) 0%,transparent 100%)
}

.shopilike-Tag--sizeLarge.shopilike-Tag--removable.shopilike-Tag--linkable .shopilike-Tag__Button {
    background-color: var(--p-color-bg-fill-tertiary-hover)
}

@media (hover: none) {
    .shopilike-Tag--sizeLarge.shopilike-Tag--removable.shopilike-Tag--linkable .shopilike-Tag__Button {
        background-color:var(--p-color-bg-fill-tertiary)
    }
}

.shopilike-Tag--sizeLarge.shopilike-Tag--removable.shopilike-Tag--linkable:hover .shopilike-Tag--overlay {
    background: linear-gradient(to left,var(--p-color-bg-fill-tertiary-hover) 0%,transparent 100%)
}

.shopilike-Tag--variantSecondary .shopilike-Tag__Text {
    font-weight: var(--p-font-weight-medium)
}

.shopilike-Tag--variantSecondary,.shopilike-Tag--variantSecondary:is(.shopilike-Tag--clickable,.shopilike-Tag--linkable) {
    background-color: var(--p-color-bg-fill-transparent-secondary)
}

:is(.shopilike-Tag--variantSecondary,.shopilike-Tag--variantSecondary:is(.shopilike-Tag--clickable,.shopilike-Tag--linkable)),:is(.shopilike-Tag--variantSecondary,.shopilike-Tag--variantSecondary:is(.shopilike-Tag--clickable,.shopilike-Tag--linkable)) .shopilike-Tag__Link {
    color: var(--p-color-text-secondary)
}

.shopilike-Tag--variantSecondary:is(.shopilike-Tag--clickable,.shopilike-Tag--linkable):hover {
    background-color: var(--p-color-bg-fill-transparent-secondary-hover)
}

.shopilike-Tag--variantSecondary:is(.shopilike-Tag--clickable,.shopilike-Tag--linkable):active {
    background-color: var(--p-color-bg-fill-transparent-secondary-active)
}

.shopilike-Tag--variantSecondary:is(.shopilike-Tag--clickable,.shopilike-Tag--linkable):focus {
    background-color: var(--p-color-bg-fill-transparent-secondary-hover)
}

:is(.shopilike-Tag--variantSecondary .shopilike-Tag__Link):hover,:is(.shopilike-Tag--variantSecondary .shopilike-Tag__Link):active,:is(.shopilike-Tag--variantSecondary .shopilike-Tag__Link):focus {
    background-color: transparent
}

.shopilike-Sheet {
    position: fixed;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-color: var(--p-color-bg-surface);
    box-shadow: var(--p-shadow-600)
}

@media screen and (-ms-high-contrast: active) {
    .shopilike-Sheet {
        border-left: var(--p-border-width-025) solid var(--p-color-border-secondary)
    }
}

@media (min-width: 48em) {
    .shopilike-Sheet {
        right:0;
        width: var(--pc-sheet-desktop-width)
    }
}

.shopilike-Sheet:focus {
    outline: 0
}

.shopilike-Sheet__Container {
    --pc-sheet-desktop-width: 23.75rem;
    position: fixed;
    z-index: var(--p-z-index-11);
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

@media (min-width: 48em) {
    .shopilike-Sheet__Container {
        left:auto;
        width: var(--pc-sheet-desktop-width)
    }
}

.shopilike-Sheet__Bottom {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    will-change: transform;
    transition: transform var(--p-motion-duration-300) var(--p-motion-ease);
    transform-origin: bottom
}

.shopilike-Sheet--enterBottom {
    transform: translateY(100%)
}

.shopilike-Sheet--enterBottomActive,.shopilike-Sheet--exitBottom {
    transform: translateY(0)
}

.shopilike-Sheet--exitBottomActive {
    transform: translateY(100%)
}

.shopilike-Sheet__Right {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    will-change: transform;
    transition: transform var(--p-motion-duration-300) var(--p-motion-ease);
    transform-origin: right
}

.shopilike-Sheet--enterRight {
    transform: translate(100%)
}

.shopilike-Sheet--enterRightActive,.shopilike-Sheet--exitRight {
    transform: translate(0)
}

.shopilike-Sheet--exitRightActive {
    transform: translate(100%)
}

.shopilike-LegacyFilters-ConnectedFilterControl {
    --pc-connceted-filter-control-item: 10;
    --pc-connceted-filter-control-focused: 20;
    display: flex;
    flex-grow: 1;
    align-items: center
}

.shopilike-LegacyFilters-ConnectedFilterControl .shopilike-LegacyFilters-ConnectedFilterControl__CenterContainer {
    flex: 1 1 auto;
    min-width: 6.25rem
}

.shopilike-LegacyFilters-ConnectedFilterControl.shopilike-LegacyFilters-ConnectedFilterControl--right .shopilike-LegacyFilters-ConnectedFilterControl__CenterContainer * {
    border-top-right-radius: var(--p-border-radius-200);
    border-bottom-right-radius: var(--p-border-radius-200)
}

.shopilike-LegacyFilters-ConnectedFilterControl__Item {
    position: relative;
    z-index: var(--pc-connceted-filter-control-item)
}

.shopilike-LegacyFilters-ConnectedFilterControl__Item--focused {
    z-index: var(--pc-connceted-filter-control-focused)
}

.shopilike-LegacyFilters-ConnectedFilterControl__ProxyButtonContainer {
    position: absolute;
    top: -62.5rem;
    left: -62.5rem;
    display: flex;
    width: 100%;
    height: 0;
    visibility: hidden;
    overflow: hidden
}

.shopilike-LegacyFilters-ConnectedFilterControl__ProxyButtonContainer>* {
    flex-shrink: 0
}

.shopilike-LegacyFilters-ConnectedFilterControl__CenterContainer+.shopilike-LegacyFilters-ConnectedFilterControl__RightContainer,.shopilike-LegacyFilters-ConnectedFilterControl__CenterContainer+.shopilike-LegacyFilters-ConnectedFilterControl__MoreFiltersButtonContainer {
    margin-left: var(--p-space-200)
}

.shopilike-LegacyFilters-ConnectedFilterControl__RightContainer {
    display: flex;
    flex-shrink: 0
}

.shopilike-LegacyFilters-ConnectedFilterControl__RightContainer .shopilike-LegacyFilters-ConnectedFilterControl__Item>div>button {
    margin-right: calc(var(--p-space-025)*-1);
    border-radius: 0
}

.shopilike-LegacyFilters-ConnectedFilterControl__RightContainer .shopilike-LegacyFilters-ConnectedFilterControl__Item {
    flex-shrink: 0
}

.shopilike-LegacyFilters-ConnectedFilterControl__RightContainer .shopilike-LegacyFilters-ConnectedFilterControl__Item:first-of-type>div>button {
    border-top-left-radius: var(--p-border-radius-200);
    border-bottom-left-radius: var(--p-border-radius-200)
}

.shopilike-LegacyFilters-ConnectedFilterControl__RightContainer .shopilike-LegacyFilters-ConnectedFilterControl__Item:last-of-type>div>button {
    border-top-right-radius: var(--p-border-radius-200);
    border-bottom-right-radius: var(--p-border-radius-200)
}

.shopilike-LegacyFilters-ConnectedFilterControl__RightContainer.shopilike-LegacyFilters-ConnectedFilterControl--queryFieldHidden .shopilike-LegacyFilters-ConnectedFilterControl__Item:first-of-type>div>button {
    border-top-left-radius: var(--p-border-radius-200);
    border-bottom-left-radius: var(--p-border-radius-200)
}

.shopilike-LegacyFilters-ConnectedFilterControl__RightContainerWithoutMoreFilters .shopilike-LegacyFilters-ConnectedFilterControl__Item:last-child>div>button {
    border-top-right-radius: var(--p-border-radius-200);
    border-bottom-right-radius: var(--p-border-radius-200)
}

.shopilike-LegacyFilters-ConnectedFilterControl__MoreFiltersButtonContainer {
    padding-left: var(--p-space-200)
}

.shopilike-LegacyFilters-ConnectedFilterControl__MoreFiltersButtonContainer .shopilike-LegacyFilters-ConnectedFilterControl__Item>div>button {
    white-space: nowrap;
    border-top-left-radius: var(--p-border-radius-200);
    border-bottom-left-radius: var(--p-border-radius-200)
}

.shopilike-LegacyFilters-ConnectedFilterControl__MoreFiltersButtonContainer.shopilike-LegacyFilters-ConnectedFilterControl--onlyButtonVisible {
    padding-left: 0
}

.shopilike-LegacyFilters-ConnectedFilterControl__MoreFiltersButtonContainer.shopilike-LegacyFilters-ConnectedFilterControl--onlyButtonVisible .shopilike-LegacyFilters-ConnectedFilterControl__Item>div>button {
    border-radius: var(--p-border-radius-200)
}

.shopilike-LegacyFilters-ConnectedFilterControl__Wrapper {
    display: flex;
    align-items: center
}

.shopilike-LegacyFilters-ConnectedFilterControl__AuxiliaryContainer {
    flex-grow: 0;
    margin-left: var(--p-space-200)
}

@media (min-width: 48em) {
    .shopilike-LegacyFilters-ConnectedFilterControl__AuxiliaryContainer {
        margin-left:0
    }
}

.shopilike-LegacyFilters {
    --pc-legacy-filters-header-height: var(--pg-top-bar-height);
    --pc-legacy-filters-footer-height: 4.375rem;
    position: relative
}

.shopilike-LegacyFilters__LegacyFiltersContainer {
    position: relative;
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column
}

.shopilike-LegacyFilters__LegacyFiltersContainerHeader {
    top: 0;
    width: 100%;
    padding: var(--p-space-400) var(--p-space-500);
    border-bottom: var(--p-border-width-025) solid var(--p-color-border-secondary);
    height: var(--pc-legacy-filters-header-height);
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.shopilike-LegacyFilters__LegacyFiltersDesktopContainerContent {
    width: 100%;
    height: calc(100% - var(--pc-legacy-filters-footer-height) - var(--pc-legacy-filters-header-height));
    padding: var(--p-space-200)
}

.shopilike-LegacyFilters__LegacyFiltersMobileContainerContent {
    width: 100%;
    height: calc(100% - var(--pc-legacy-filters-header-height));
    padding: var(--p-space-200)
}

.shopilike-LegacyFilters__LegacyFiltersContainerFooter {
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: var(--p-space-400) var(--p-space-500);
    border-top: var(--p-border-width-025) solid var(--p-color-border-secondary);
    height: var(--pc-legacy-filters-footer-height);
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.shopilike-LegacyFilters__LegacyFiltersMobileContainerFooter {
    width: 100%;
    padding: var(--p-space-400) var(--p-space-400);
    height: var(--pc-legacy-filters-footer-height);
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.shopilike-LegacyFilters__EmptyFooterState {
    border-top: var(--p-border-width-025) solid var(--p-color-border-secondary);
    padding-top: var(--p-space-400);
    width: 100%;
    display: flex;
    justify-content: center
}

.shopilike-LegacyFilters__FilterTriggerContainer {
    position: relative
}

.shopilike-LegacyFilters__FilterTrigger {
    width: 100%;
    margin: 0;
    padding: var(--p-space-400) var(--p-space-500);
    color: var(--p-color-text);
    border-radius: var(--p-border-radius-100);
    background: none;
    border: none;
    outline: none;
    position: relative
}

.shopilike-LegacyFilters__FilterTrigger:after {
    content: "";
    position: absolute;
    z-index: 1;
    top: -.0625rem;
    right: -.0625rem;
    bottom: -.0625rem;
    left: -.0625rem;
    display: block;
    pointer-events: none;
    box-shadow: 0 0 0 -.0625rem var(--p-color-border-focus);
    border-radius: var(--p-border-radius-100)
}

.shopilike-LegacyFilters__FilterTrigger:focus {
    box-shadow: none
}

.shopilike-LegacyFilters__FilterTrigger:hover {
    cursor: pointer;
    background-color: var(--p-color-bg-surface-hover);
    outline: var(--p-border-width-025) solid transparent
}

.shopilike-LegacyFilters__FilterTrigger:focus-visible:not(:active):after {
    box-shadow: 0 0 0 .125rem var(--p-color-border-focus);
    outline: var(--p-border-width-025) solid transparent
}

.shopilike-LegacyFilters__FilterTriggerTitle {
    font-size: .9375rem;
    font-weight: var(--p-font-weight-semibold)
}

.shopilike-LegacyFilters__AppliedFilterBadgeContainer {
    padding-top: var(--p-space-100);
    display: flex
}

.shopilike-LegacyFilters--open .shopilike-LegacyFilters__AppliedFilterBadgeContainer {
    display: none
}

.shopilike-LegacyFilters__FilterTriggerLabelContainer {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.shopilike-LegacyFilters--open:before,.shopilike-LegacyFilters--open:after {
    content: "";
    position: relative;
    left: var(--p-space-400);
    width: calc(100% - var(--p-space-800));
    height: var(--p-space-025);
    background-color: var(--p-color-bg-surface-tertiary);
    display: block
}

.shopilike-LegacyFilters--open:before {
    top: 0
}

.shopilike-LegacyFilters--open:after {
    bottom: 0
}

.shopilike-LegacyFilters--open.shopilike-LegacyFilters--first:after {
    content: "";
    bottom: 0;
    position: relative;
    left: var(--p-space-400);
    width: calc(100% - var(--p-space-800));
    height: var(--p-space-025);
    background-color: var(--p-color-bg-surface-tertiary);
    display: block
}

.shopilike-LegacyFilters--open.shopilike-LegacyFilters--first:before {
    display: none
}

:is(.shopilike-LegacyFilters--open~.shopilike-LegacyFilters--open):before {
    display: none
}

.shopilike-LegacyFilters--open.shopilike-LegacyFilters--last:before {
    content: "";
    top: 0;
    position: relative;
    left: var(--p-space-400);
    width: calc(100% - var(--p-space-800));
    height: var(--p-space-025);
    background-color: var(--p-color-bg-surface-tertiary);
    display: block
}

.shopilike-LegacyFilters--open.shopilike-LegacyFilters--last:after {
    display: none
}

:is(.shopilike-LegacyFilters--open+.shopilike-LegacyFilters--last):before {
    display: none
}

.shopilike-LegacyFilters__FilterNodeContainer {
    padding: var(--p-space-200) var(--p-space-500) var(--p-space-500) var(--p-space-500)
}

.shopilike-LegacyFilters__SearchIcon {
    display: flex;
    align-items: center;
    fill: currentColor
}

.shopilike-LegacyFilters__Backdrop {
    position: fixed;
    z-index: var(--p-z-index-10);
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    opacity: 0
}

.shopilike-LegacyFilters__HelpText {
    margin-top: var(--p-space-200)
}

.shopilike-LegacyFilters__TagsContainer {
    display: flex;
    padding-top: var(--p-space-200);
    flex-wrap: wrap
}

.shopilike-LegacyFilters__TagsContainer>* {
    margin-right: var(--p-space-200);
    margin-bottom: var(--p-space-200)
}

.shopilike-LegacyTabs {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
    list-style: none
}

.shopilike-LegacyTabs--fitted {
    flex-wrap: nowrap
}

.shopilike-LegacyTabs--fitted .shopilike-LegacyTabs__TabContainer {
    flex: 1 1 100%
}

.shopilike-LegacyTabs--fitted .shopilike-LegacyTabs__Title {
    width: 100%;
    padding: var(--p-space-150) var(--p-space-300)
}

.shopilike-LegacyTabs--fillSpace .shopilike-LegacyTabs__TabContainer {
    flex: 1 1 auto
}

.shopilike-LegacyTabs__TabContainer {
    display: flex;
    margin: 0;
    padding: 0
}

.shopilike-LegacyTabs__Tab {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0;
    padding: 0;
    background: none;
    border: none;
    font-size: inherit;
    line-height: inherit;
    color: inherit;
    cursor: pointer
}

.shopilike-LegacyTabs__Tab:focus {
    outline: none
}

.shopilike-LegacyTabs__Tab {
    color: var(--p-color-text);
    position: relative;
    justify-content: center;
    width: 100%;
    min-width: 100%;
    margin-top: var(--p-space-025);
    margin-bottom: calc(var(--p-space-025)*-1);
    padding: var(--p-space-200) var(--p-space-100);
    outline: none;
    text-align: center;
    white-space: nowrap;
    text-decoration: none;
    cursor: pointer
}

.shopilike-LegacyTabs__Tab:hover {
    text-decoration: none
}

.shopilike-LegacyTabs__Tab:hover .shopilike-LegacyTabs__Title {
    color: var(--p-color-text-brand);
    background-color: transparent
}

:is(.shopilike-LegacyTabs__Tab:hover .shopilike-LegacyTabs__Title):before {
    background-color: var(--p-color-bg-fill-tertiary-hover)
}

.shopilike-LegacyTabs__Tab:active .shopilike-LegacyTabs__Title {
    background-color: transparent
}

:is(.shopilike-LegacyTabs__Tab:active .shopilike-LegacyTabs__Title):before {
    background: var(--p-color-bg-fill-tertiary-active)
}

.shopilike-LegacyTabs__Tab:focus-visible .shopilike-LegacyTabs__Title {
    color: var(--p-color-text-brand)
}

:is(.shopilike-LegacyTabs__Tab:focus-visible:not(:active) .shopilike-LegacyTabs__Title):after {
    box-shadow: 0 0 0 .125rem var(--p-color-border-focus);
    outline: var(--p-border-width-025) solid transparent
}

.shopilike-LegacyTabs__Tab:visited {
    color: inherit
}

.shopilike-LegacyTabs__Tab--selected {
    color: var(--p-color-text-brand)
}

.shopilike-LegacyTabs__Tab--selected:focus .shopilike-LegacyTabs__Title {
    outline: var(--p-border-width-050) solid transparent
}

:is(.shopilike-LegacyTabs__Tab--selected:focus .shopilike-LegacyTabs__Title):before {
    background: var(--p-color-bg-fill-brand)
}

.shopilike-LegacyTabs__Tab--selected .shopilike-LegacyTabs__Title {
    outline: var(--p-border-width-050) solid transparent;
    color: var(--p-color-text-brand)
}

:is(.shopilike-LegacyTabs__Tab--selected .shopilike-LegacyTabs__Title):before {
    background: var(--p-color-bg-fill-brand)
}

.shopilike-LegacyTabs__Title {
    position: relative
}

.shopilike-LegacyTabs__Title:after {
    content: "";
    position: absolute;
    z-index: 1;
    top: -.0625rem;
    right: -.0625rem;
    bottom: -.0625rem;
    left: -.0625rem;
    display: block;
    pointer-events: none;
    box-shadow: 0 0 0 -.0625rem var(--p-color-border-focus);
    border-radius: var(--p-border-radius-100)
}

.shopilike-LegacyTabs__Title {
    border-radius: var(--p-border-radius-100);
    display: block;
    padding: var(--p-space-150) var(--p-space-300);
    min-width: 3.125rem;
    color: var(--p-color-text-brand)
}

.shopilike-LegacyTabs__Title:before {
    content: "";
    position: absolute;
    bottom: calc(var(--p-space-200)*-1);
    left: 0;
    right: 0;
    height: var(--p-border-width-050);
    border-top-left-radius: var(--p-border-radius-100);
    border-top-right-radius: var(--p-border-radius-100)
}

.shopilike-LegacyTabs--titleWithIcon {
    display: flex
}

.shopilike-LegacyTabs__Panel {
    display: block
}

.shopilike-LegacyTabs__Panel:focus {
    outline: none
}

.shopilike-LegacyTabs__Panel--hidden {
    display: none
}

.shopilike-LegacyTabs__Item {
    --pc-legacy-tabs-item-min-height: 1rem;
    --pc-legacy-tabs-item-vertical-padding: calc(var(--pc-legacy-tabs-item-min-height)*.5);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0;
    padding: 0;
    background: none;
    border: none;
    font-size: inherit;
    line-height: inherit;
    color: inherit;
    cursor: pointer
}

.shopilike-LegacyTabs__Item:focus {
    outline: none
}

.shopilike-LegacyTabs__Item {
    position: relative
}

.shopilike-LegacyTabs__Item:after {
    content: "";
    position: absolute;
    z-index: 1;
    top: -.0625rem;
    right: -.0625rem;
    bottom: -.0625rem;
    left: -.0625rem;
    display: block;
    pointer-events: none;
    box-shadow: 0 0 0 -.0625rem var(--p-color-border-focus);
    border-radius: var(--p-border-radius-100)
}

.shopilike-LegacyTabs__Item {
    display: block;
    width: 100%;
    min-height: var(--pc-legacy-tabs-item-min-height);
    padding: var(--pc-legacy-tabs-item-vertical-padding) var(--p-space-400);
    text-align: left;
    text-decoration: none;
    cursor: pointer;
    border-radius: var(--p-border-radius-100);
    color: inherit
}

.shopilike-LegacyTabs__Item::-moz-focus-inner {
    border: none
}

.shopilike-LegacyTabs__Item:hover {
    background-color: var(--p-color-bg-surface-hover)
}

.shopilike-LegacyTabs__Item:active {
    background-color: var(--p-color-bg-surface-brand-active)
}

.shopilike-LegacyTabs__Item:focus-visible:not(:active):after {
    box-shadow: 0 0 0 .125rem var(--p-color-border-focus);
    outline: var(--p-border-width-025) solid transparent
}

.shopilike-LegacyTabs__Item:visited {
    color: inherit
}

.shopilike-LegacyTabs__DisclosureTab {
    display: none
}

.shopilike-LegacyTabs__DisclosureTab--visible {
    display: flex
}

.shopilike-LegacyTabs__DisclosureActivator {
    position: relative
}

.shopilike-LegacyTabs__DisclosureActivator:after {
    content: "";
    position: absolute;
    z-index: 1;
    top: -.0625rem;
    right: -.0625rem;
    bottom: -.0625rem;
    left: -.0625rem;
    display: block;
    pointer-events: none;
    box-shadow: 0 0 0 -.0625rem var(--p-color-border-focus);
    border-radius: var(--p-border-radius-100)
}

.shopilike-LegacyTabs__DisclosureActivator {
    height: 100%;
    background-color: transparent;
    cursor: pointer;
    border: none;
    outline: none;
    margin: var(--p-space-025) var(--p-space-025) calc(var(--p-space-025)*-1) 0
}

.shopilike-LegacyTabs__DisclosureActivator:hover s-internal-icon,.shopilike-LegacyTabs__DisclosureActivator:focus s-internal-icon,.shopilike-LegacyTabs__DisclosureActivator:hover svg,.shopilike-LegacyTabs__DisclosureActivator:focus svg {
    color: var(--p-color-icon)
}

:is(.shopilike-LegacyTabs__DisclosureActivator:focus-visible .shopilike-LegacyTabs__Title):after {
    box-shadow: 0 0 0 .125rem var(--p-color-border-focus);
    outline: var(--p-border-width-025) solid transparent
}

.shopilike-LegacyTabs__DisclosureActivator:hover .shopilike-LegacyTabs__Title:before {
    background-color: var(--p-color-border-hover)
}

.shopilike-LegacyTabs__TabMeasurer {
    display: flex;
    visibility: hidden;
    height: 0
}

.shopilike-Link {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: inline;
    text-align: inherit;
    padding: 0;
    background: none;
    border: 0;
    font-size: inherit;
    font-weight: inherit;
    color: var(--p-color-text-link);
    text-decoration: underline;
    cursor: pointer;
    touch-action: manipulation
}

.shopilike-Link:hover {
    color: var(--p-color-text-link-hover);
    text-decoration: underline
}

.shopilike-Link:focus,.shopilike-Link:focus-visible {
    outline: var(--p-color-border-focus) auto var(--p-border-width-050);
    outline-offset: var(--p-space-050);
    border-radius: var(--p-border-radius-150)
}

.shopilike-Link:active {
    position: relative;
    color: var(--p-color-text-link-active)
}

@media print {
    .shopilike-Link {
        text-decoration-color: var(--p-color-border-tertiary)
    }
}

.shopilike-Link--monochrome {
    color: inherit
}

.shopilike-Link--monochrome:hover,.shopilike-Link--monochrome:focus,.shopilike-Link--monochrome:active {
    color: inherit
}

.shopilike-Link--removeUnderline {
    text-decoration: none
}

.shopilike-Link--removeUnderline:hover {
    text-decoration: underline
}

.shopilike-List {
    padding-left: var(--p-space-500);
    margin-top: 0;
    margin-bottom: 0;
    list-style: disc outside none
}

.shopilike-List+.shopilike-List {
    margin-top: var(--p-space-400)
}

.shopilike-List--typeNumber {
    padding-left: var(--p-space-800);
    list-style: decimal outside none
}

.shopilike-List__Item .shopilike-List:first-child {
    margin-top: var(--p-space-200)
}

.shopilike-List--spacingLoose .shopilike-List__Item {
    margin-bottom: var(--p-space-100)
}

.shopilike-MediaCard {
    height: 100%;
    width: 100%;
    display: flex;
    flex-flow: row wrap
}

.shopilike-MediaCard.shopilike-MediaCard--portrait {
    flex-flow: column nowrap
}

@media (max-width: 47.9975em) {
    .shopilike-MediaCard {
        flex-flow:column nowrap
    }
}

.shopilike-MediaCard__MediaContainer {
    overflow: hidden
}

.shopilike-MediaCard__MediaContainer:not(.shopilike-MediaCard--portrait) {
    flex-basis: 40%
}

@media (min-width: 48em) {
    .shopilike-MediaCard__MediaContainer:not(.shopilike-MediaCard--portrait) {
        border-top-right-radius:0;
        border-top-left-radius: var(--p-border-radius-200);
        border-bottom-left-radius: var(--p-border-radius-200)
    }
}

.shopilike-MediaCard__MediaContainer.shopilike-MediaCard--sizeSmall:not(.shopilike-MediaCard--portrait) {
    flex-basis: 33%
}

@media (min-width: 30.625em) {
    .shopilike-MediaCard__MediaContainer {
        border-top-left-radius:var(--p-border-radius-200);
        border-top-right-radius: var(--p-border-radius-200)
    }
}

.shopilike-MediaCard__InfoContainer {
    position: relative
}

.shopilike-MediaCard__InfoContainer:not(.shopilike-MediaCard--portrait) {
    flex-basis: 60%
}

.shopilike-MediaCard__InfoContainer.shopilike-MediaCard--sizeSmall:not(.shopilike-MediaCard--portrait) {
    flex-basis: 67%
}

.shopilike-MediaCard__ActionContainer,.shopilike-MediaCard__ActionContainer.shopilike-MediaCard--portrait {
    padding-top: var(--p-space-200)
}

@media (max-width: 47.9975em) {
    .shopilike-MediaCard__ActionContainer {
        padding-top:var(--p-space-200)
    }
}

.shopilike-Navigation {
    --pc-navigation-mobile-height: 2.5rem;
    --pc-navigation-desktop-height: 1.75rem;
    --pc-navigation-icon-size: 1.25rem;
    --pc-navigation-item-line-height: 2.5rem;
    --pc-navigation-letter-spacing-medium: -.005rem;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    width: 100%;
    min-width: var(--pg-layout-width-nav-base);
    max-width: 22.5rem;
    height: 100%;
    min-height: 100%;
    background-color: var(--p-color-nav-bg);
    -webkit-overflow-scrolling: touch;
    border-right: 0;
    border-top-left-radius: var(--p-border-radius-300);
    border-top-right-radius: var(--p-border-radius-300);
    margin-top: var(--pg-top-bar-height);
    padding-bottom: 0;
    padding-bottom: constant(safe-area-inset-bottom);
    padding-bottom: env(safe-area-inset-bottom)
}

.shopilike-Navigation:focus {
    outline: none
}

@media (min-width: 48em) {
    .shopilike-Navigation {
        border-top-right-radius:0;
        margin-top: 0;
        max-width: var(--pg-layout-width-nav-base);
        max-width: calc(var(--pg-layout-width-nav-base) + constant(safe-area-inset-left));
        max-width: calc(var(--pg-layout-width-nav-base) + env(safe-area-inset-left))
    }

    .shopilike-Navigation.shopilike-Navigation--hasSystemAlertBanner {
        border-top-left-radius: 0;
        border-top-right-radius: 0
    }
}

.shopilike-Navigation__ContextControl {
    background-color: var(--p-color-bg-inverse);
    margin-bottom: var(--p-space-400);
    min-height: var(--pg-top-bar-height)
}

@media (min-width: 48em) {
    .shopilike-Navigation__ContextControl {
        display:none
    }
}

.shopilike-Navigation__PrimaryNavigation {
    position: absolute;
    display: flex;
    overflow: auto;
    flex: 1 1 auto;
    flex-direction: column;
    align-items: stretch;
    max-width: 100%;
    padding-top: var(--p-space-500);
    width: 100%;
    height: calc(100vh - var(--pg-top-bar-height) - var(--pg-system-alert-banner-height));
    border-top-left-radius: var(--p-border-radius-300);
    border-top-right-radius: var(--p-border-radius-300)
}

@media (min-width: 48em) {
    .shopilike-Navigation__PrimaryNavigation {
        padding-top:var(--p-space-300);
        border-top-right-radius: 0
    }
}

.shopilike-Navigation__PrimaryNavigation:focus {
    outline: none
}

.shopilike-Navigation__PrimaryNavigation::-webkit-scrollbar {
    width: .6875rem;
    opacity: 0
}

.shopilike-Navigation__PrimaryNavigation::-webkit-scrollbar-thumb {
    background-color: var(--p-color-scrollbar-thumb-bg-hover);
    border: var(--p-border-width-050) solid transparent;
    border-radius: var(--p-border-radius-300);
    background-clip: content-box
}

.shopilike-Navigation__PrimaryNavigation {
    scrollbar-width: thin;
    scrollbar-gutter: stable;
    scrollbar-color: var(--p-color-nav-bg) transparent;
    transition: scrollbar-color var(--p-motion-duration-100) var(--p-motion-ease-in)
}

.shopilike-Navigation__PrimaryNavigation:hover {
    scrollbar-color: var(--p-color-scrollbar-thumb-bg-hover) transparent;
    background-color: var(--p-color-nav-bg)
}

.shopilike-Navigation__PrimaryNavigation:hover::-webkit-scrollbar {
    opacity: 1
}

@supports (height: 100svh) {
    .shopilike-Navigation__PrimaryNavigation {
        height:calc(100svh - var(--pg-top-bar-height) - var(--pg-system-alert-banner-height))
    }
}

.shopilike-Navigation__LogoContainer {
    display: none
}

@media (max-width: 47.9975em) {
    .shopilike-Navigation__LogoContainer {
        display:flex;
        flex: 0 0 var(--pg-top-bar-height);
        align-items: center;
        height: var(--pg-top-bar-height);
        padding: 0 var(--p-space-200) 0 var(--p-space-400);
        background-color: var(--p-color-bg-inverse);
        box-shadow: var(--p-shadow-200);
        margin-bottom: var(--p-space-400);
        flex-basis: var(--pg-top-bar-height);
        flex-basis: calc(var(--pg-top-bar-height) + constant(safe-area-inset-left));
        flex-basis: calc(var(--pg-top-bar-height) + env(safe-area-inset-left));
        padding-left: var(--p-space-400);
        padding-left: calc(var(--p-space-400) + constant(safe-area-inset-left));
        padding-left: calc(var(--p-space-400) + env(safe-area-inset-left))
    }
}

.shopilike-Navigation__LogoContainer.shopilike-Navigation--hasLogoSuffix {
    gap: var(--p-space-200)
}

.shopilike-Navigation__Logo,.shopilike-Navigation__LogoLink {
    display: block
}

.shopilike-Navigation__Item {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0;
    padding: 0;
    background: none;
    border: none;
    font-size: inherit;
    line-height: inherit;
    color: inherit;
    cursor: pointer
}

.shopilike-Navigation__Item:focus {
    outline: none
}

.shopilike-Navigation__Item {
    display: flex;
    flex-grow: 1;
    align-items: flex-start;
    max-width: 100%;
    padding: 0 var(--p-space-100) 0 var(--p-space-200);
    margin: 0;
    color: var(--p-color-text);
    text-decoration: none;
    text-align: left;
    position: relative
}

.shopilike-Navigation__Item:after {
    content: "";
    position: absolute;
    z-index: 1;
    top: -.0625rem;
    right: -.0625rem;
    bottom: -.0625rem;
    left: -.0625rem;
    display: block;
    pointer-events: none;
    box-shadow: 0 0 0 -.0625rem var(--p-color-border-focus);
    border-radius: var(--p-border-radius-100)
}

.shopilike-Navigation__Item:focus-visible:after {
    box-shadow: 0 0 0 .125rem var(--p-color-border-focus);
    outline: var(--p-border-width-025) solid transparent
}

.shopilike-Navigation__Item:focus-visible {
    background: var(--p-color-bg-surface-hover);
    color: var(--p-color-text);
    text-decoration: none
}

.shopilike-Navigation__Item:focus-visible:not(:active):after {
    content: none
}

.shopilike-Navigation__Item:focus-visible:not(:active) {
    z-index: var(--p-z-index-1);
    outline: var(--p-border-width-050) solid var(--p-color-border-focus)
}

.shopilike-Navigation__Item:active,.shopilike-Navigation__Item:active:hover {
    color: var(--p-color-text);
    background-color: var(--p-color-nav-bg-surface-selected)
}

:is(.shopilike-Navigation__Item:active,.shopilike-Navigation__Item:active:hover):after {
    content: none
}

.shopilike-Navigation__Item::-moz-focus-inner {
    border: 0
}

.shopilike-Navigation__Item svg,.shopilike-Navigation__Item img {
    display: block;
    height: var(--p-space-500);
    width: var(--p-space-500)
}

:is(.shopilike-Navigation__Item .shopilike-Navigation__Icon--resized) svg,:is(.shopilike-Navigation__Item .shopilike-Navigation__Icon--resized) img {
    margin: var(--p-space-050);
    height: var(--p-space-400);
    width: var(--p-space-400)
}

:is(.shopilike-Navigation__Item .shopilike-Navigation__Icon--resized) img {
    border-radius: var(--p-border-radius-100)
}

.shopilike-Navigation__Item {
    position: relative
}

.shopilike-Navigation__Item:is(:hover,:focus-visible) {
    background-color: transparent;
    color: var(--p-color-text);
    text-decoration: none
}

.shopilike-Navigation__Item .shopilike-Navigation__Badge {
    margin-right: 0
}

.shopilike-Navigation__Item:before {
    opacity: 0
}

.shopilike-Navigation__Item,.shopilike-Navigation__ItemInnerWrapper {
    border-radius: var(--p-border-radius-200)
}

.shopilike-Navigation__ItemWrapper {
    --secondary-actions-on-hover-background-color: var( --p-color-nav-bg-surface-hover );
    width: 100%;
    padding: 0 var(--p-space-300)
}

@supports (scrollbar-gutter: stable) {
    .shopilike-Navigation__ItemWrapper {
        padding: 0 calc(var(--p-space-300) - var(--pc-app-provider-scrollbar-width)) 0 var(--p-space-300)
    }
}

.shopilike-Navigation__ItemInnerWrapper {
    position: relative;
    display: flex;
    flex-wrap: nowrap;
    width: 100%
}

.shopilike-Navigation__ItemInnerWrapper.shopilike-Navigation__ItemInnerDisabled {
    pointer-events: none
}

.shopilike-Navigation__ItemInnerWrapper:is(:hover,:focus-visible) {
    background: var(--p-color-nav-bg-surface-hover)
}

@media (min-width: 48em) {
    .shopilike-Navigation__ItemInnerWrapper.shopilike-Navigation--itemInnerWrapperDisplayActionsOnHover:is(:hover,:focus-visible) .shopilike-Navigation__SecondaryActions {
        background:var(--secondary-actions-on-hover-background-color)
    }

    :is(.shopilike-Navigation__ItemInnerWrapper.shopilike-Navigation--itemInnerWrapperDisplayActionsOnHover:is(:hover,:focus-visible) .shopilike-Navigation__SecondaryActions):before {
        background: linear-gradient(to right,rgba(0,0,0,0),var(--p-color-nav-bg-surface-hover) var(--p-space-800))
    }

    .shopilike-Navigation__ItemInnerWrapper.shopilike-Navigation--itemInnerWrapperDisplayActionsOnHover:is(:active) .shopilike-Navigation__SecondaryActions {
        background: var(--p-color-nav-bg-surface-active)
    }
}

.shopilike-Navigation__ItemInnerWrapper:active {
    background-color: var(--p-color-nav-bg-surface-active)
}

@media (min-width: 48em) {
    :is(.shopilike-Navigation__ItemInnerWrapper.shopilike-Navigation--itemInnerWrapperDisplayActionsOnHover:active .shopilike-Navigation__SecondaryActions):before {
        background:linear-gradient(to right,rgba(0,0,0,0),var(--p-color-nav-bg-surface-active) var(--p-space-800))
    }
}

.shopilike-Navigation__ItemInnerWrapper--selected {
    background-color: var(--p-color-nav-bg-surface-selected)
}

.shopilike-Navigation__ItemInnerWrapper--selected .shopilike-Navigation__Text {
    color: var(--p-color-text)
}

.shopilike-Navigation__ItemInnerWrapper--selected:is(:hover,:focus-visible,:focus-within) {
    background: var(--p-color-nav-bg-surface-selected)
}

@media (min-width: 48em) {
    .shopilike-Navigation__ItemInnerWrapper--selected.shopilike-Navigation--itemInnerWrapperDisplayActionsOnHover:is(:hover,:focus-visible,:focus-within) .shopilike-Navigation__SecondaryActions {
        background:var(--p-color-nav-bg-surface-selected)
    }

    :is(.shopilike-Navigation__ItemInnerWrapper--selected.shopilike-Navigation--itemInnerWrapperDisplayActionsOnHover:is(:hover,:focus-visible,:focus-within) .shopilike-Navigation__SecondaryActions):before {
        background: linear-gradient(to right,rgba(0,0,0,0),var(--p-color-nav-bg-surface-selected) var(--p-space-800))
    }
}

.shopilike-Navigation__ItemInnerWrapper--selected:active {
    background: var(--p-color-nav-bg-surface-active)
}

.shopilike-Navigation__ItemInnerWrapper--selected .shopilike-Navigation__SecondaryActions {
    background: var(--p-color-nav-bg-surface-selected);
    border-top-right-radius: var(--p-border-radius-200);
    border-bottom-right-radius: var(--p-border-radius-200)
}

:is(.shopilike-Navigation__ItemInnerWrapper--selected .shopilike-Navigation__SecondaryActions):before {
    background: linear-gradient(to right,rgba(0,0,0,0),var(--p-color-nav-bg-surface-selected) var(--p-space-800))
}

.shopilike-Navigation__ItemInnerWrapper--open {
    background-color: transparent
}

.shopilike-Navigation__ItemInnerWrapper--open:active {
    background: var(--p-color-nav-bg-surface-active)
}

@media (min-width: 48em) {
    .shopilike-Navigation__ItemInnerWrapper--open.shopilike-Navigation--itemInnerWrapperDisplayActionsOnHover .shopilike-Navigation__SecondaryActions {
        background:var(--secondary-actions-on-hover-background-color)
    }

    :is(.shopilike-Navigation__ItemInnerWrapper--open.shopilike-Navigation--itemInnerWrapperDisplayActionsOnHover .shopilike-Navigation__SecondaryActions):before {
        background: linear-gradient(to right,rgba(0,0,0,0),var(--secondary-actions-on-hover-background-color) var(--p-space-800))
    }
}

.shopilike-Navigation__Item--selected {
    color: var(--p-color-text);
    outline: var(--p-border-width-025) solid transparent
}

.shopilike-Navigation__Item--selected:before {
    content: "";
    position: absolute;
    top: .0625rem;
    bottom: .0625rem;
    left: calc(var(--p-space-200)*-1);
    width: .1875rem;
    background-color: transparent;
    border-top-right-radius: var(--p-border-radius-100);
    border-bottom-right-radius: var(--p-border-radius-100)
}

.shopilike-Navigation__Item--selected {
    position: relative
}

.shopilike-Navigation__Item--selected:after {
    content: "";
    position: absolute;
    z-index: 1;
    top: -.0625rem;
    right: -.0625rem;
    bottom: -.0625rem;
    left: -.0625rem;
    display: block;
    pointer-events: none;
    box-shadow: 0 0 0 -.0625rem var(--p-color-border-focus);
    border-radius: var(--p-border-radius-100)
}

.shopilike-Navigation__Item--selected:hover,.shopilike-Navigation__Item--selected:focus-visible {
    color: var(--p-color-text-brand-hover)
}

:is(.shopilike-Navigation__Item--selected :focus-visible):after {
    box-shadow: 0 0 0 .125rem var(--p-color-border-focus);
    outline: var(--p-border-width-025) solid transparent
}

:is(.shopilike-Navigation__Item--selected:active,.shopilike-Navigation__Item--selected:active:hover):after {
    content: none
}

.shopilike-Navigation__Item--selected:active,.shopilike-Navigation__Item--selected:active:hover {
    color: var(--p-color-text-brand);
    background-color: var(--p-color-nav-bg-surface-active)
}

.shopilike-Navigation--itemChildActive:before {
    content: url(data:image/svg+xml,%3Csvg%20width%3D%2221%22%20height%3D%2228%22%20viewBox%3D%220%200%2021%2028%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M9%2024.75C9%2024.3358%209.33579%2024%209.75%2024V24C10.1642%2024%2010.5%2024.3358%2010.5%2024.75V28H9V24.75Z%22%20fill%3D%22%23B5B5B5%22%2F%3E%0A%3C%2Fsvg%3E);
    position: absolute;
    top: var(--p-space-200);
    left: var(--p-space-200);
    width: 1.3125rem;
    height: 2rem;
    border-radius: 0;
    opacity: 1;
    transition: opacity var(--p-motion-duration-150) var(--p-motion-ease-out)
}

@media (min-width: 48em) {
    .shopilike-Navigation--itemChildActive:before {
        top:0;
        height: 1.75rem
    }
}

.shopilike-Navigation__Item--disabled {
    color: var(--p-color-text-disabled)
}

.shopilike-Navigation__Item--disabled .shopilike-Navigation__Text {
    opacity: .6
}

.shopilike-Navigation__Item--disabled .shopilike-Navigation__Icon {
    opacity: .4
}

.shopilike-Navigation__Badge {
    margin-left: var(--p-space-200);
    display: inline-flex;
    height: var(--p-font-line-height-500);
    margin-top: var(--p-space-200);
    margin-right: var(--p-space-100)
}

@media (min-width: 48em) {
    .shopilike-Navigation__Badge {
        margin:var(--p-space-100);
        margin-right: var(--p-space-100);
        margin-top: var(--p-space-100)
    }
}

.shopilike-Navigation__ListItem--hasAction .shopilike-Navigation__Badge {
    margin-right: var(--p-space-100)
}

.shopilike-Navigation__Icon {
    --pc-navigation-filter-icon: brightness(0) saturate(100%) invert(36%) sepia(13%) saturate(137%) hue-rotate(169deg) brightness(95%) contrast(87%);
    --pc-navigation-filter-icon-action-primary: invert(10%) sepia(11%) saturate(0%) hue-rotate(159deg) brightness(105%) contrast(102%);
    --pc-navigation-filter-icon-on-interactive: brightness(0) saturate(100%) invert(100%)
}

.shopilike-Navigation__Icon.shopilike-Navigation__ExternalIcon {
    --pc-navigation-filter-icon: saturate(0) brightness(.75) contrast(2) opacity(.63)
}

.shopilike-Navigation__Icon.shopilike-Navigation__ExternalIcon img {
    border-radius: var(--p-border-radius-100)
}

.shopilike-Navigation__Icon {
    flex-shrink: 0;
    align-self: flex-start;
    width: 1.25rem;
    height: 1.25rem;
    margin-top: var(--p-space-200);
    margin-right: var(--p-space-200);
    margin-bottom: var(--p-space-200)
}

@media (min-width: 48em) {
    .shopilike-Navigation__Icon {
        margin-top:var(--p-space-100);
        margin-right: var(--p-space-200);
        margin-bottom: var(--p-space-100)
    }
}

.shopilike-Navigation__Icon s-internal-icon,.shopilike-Navigation__Icon svg {
    color: var(--p-color-icon)
}

.shopilike-Navigation__Icon img {
    filter: var(--pc-navigation-filter-icon)
}

:is(.shopilike-Navigation__Item:hover .shopilike-Navigation__Icon,.shopilike-Navigation__Item:focus-visible .shopilike-Navigation__Icon) s-internal-icon,:is(.shopilike-Navigation__Item:hover .shopilike-Navigation__Icon,.shopilike-Navigation__Item:focus-visible .shopilike-Navigation__Icon) svg {
    color: var(--p-color-icon)
}

:is(.shopilike-Navigation__Item:hover .shopilike-Navigation__Icon,.shopilike-Navigation__Item:focus-visible .shopilike-Navigation__Icon) img {
    filter: var(--pc-navigation-filter-icon)
}

:is(.shopilike-Navigation__Item--selected .shopilike-Navigation__Icon,.shopilike-Navigation__Item--selected:hover .shopilike-Navigation__Icon,.shopilike-Navigation--subNavigationActive .shopilike-Navigation__Icon,.shopilike-Navigation--subNavigationActive:hover .shopilike-Navigation__Icon,.shopilike-Navigation--itemChildActive .shopilike-Navigation__Icon,.shopilike-Navigation--itemChildActive:hover .shopilike-Navigation__Icon,.shopilike-Navigation__Item--selected:focus-visible .shopilike-Navigation__Icon) s-internal-icon,:is(.shopilike-Navigation__Item--selected .shopilike-Navigation__Icon,.shopilike-Navigation__Item--selected:hover .shopilike-Navigation__Icon,.shopilike-Navigation--subNavigationActive .shopilike-Navigation__Icon,.shopilike-Navigation--subNavigationActive:hover .shopilike-Navigation__Icon,.shopilike-Navigation--itemChildActive .shopilike-Navigation__Icon,.shopilike-Navigation--itemChildActive:hover .shopilike-Navigation__Icon,.shopilike-Navigation__Item--selected:focus-visible .shopilike-Navigation__Icon) svg {
    color: var(--p-color-icon-brand)
}

:is(.shopilike-Navigation__Item--selected .shopilike-Navigation__Icon,.shopilike-Navigation__Item--selected:hover .shopilike-Navigation__Icon,.shopilike-Navigation--subNavigationActive .shopilike-Navigation__Icon,.shopilike-Navigation--subNavigationActive:hover .shopilike-Navigation__Icon,.shopilike-Navigation--itemChildActive .shopilike-Navigation__Icon,.shopilike-Navigation--itemChildActive:hover .shopilike-Navigation__Icon,.shopilike-Navigation__Item--selected:focus-visible .shopilike-Navigation__Icon) img {
    filter: var(--pc-navigation-filter-icon-action-primary)
}

.shopilike-Navigation__Icon svg {
    display: block
}

.shopilike-Navigation__ListItem {
    position: relative;
    display: flex;
    flex-wrap: wrap
}

.shopilike-Navigation__RollupSection .shopilike-Navigation__ListItem,.shopilike-Navigation__SecondaryNavigation .shopilike-Navigation__ListItem {
    opacity: 1
}

.shopilike-Navigation__ListItem:nth-child(1) {
    animation-delay: 0ms
}

.shopilike-Navigation__ListItem:nth-child(2) {
    animation-delay: 50ms
}

.shopilike-Navigation__ListItem:nth-child(3) {
    animation-delay: .1s
}

.shopilike-Navigation__ListItem:nth-child(4) {
    animation-delay: .15s
}

.shopilike-Navigation__ListItem:nth-child(5) {
    animation-delay: .2s
}

.shopilike-Navigation__ListItem:nth-child(6) {
    animation-delay: .25s
}

.shopilike-Navigation__ListItem:nth-child(7) {
    animation-delay: .3s
}

.shopilike-Navigation__ListItem:nth-child(8) {
    animation-delay: .35s
}

.shopilike-Navigation__ListItem:nth-child(9) {
    animation-delay: .4s
}

.shopilike-Navigation__ListItem:nth-child(10) {
    animation-delay: .45s
}

.shopilike-Navigation__ListItem:nth-child(11) {
    animation-delay: .5s
}

.shopilike-Navigation__ListItem:nth-child(12) {
    animation-delay: .55s
}

.shopilike-Navigation__ListItem:not(:first-child) .shopilike-Navigation__ItemInnerWrapper {
    border-top: 0
}

.shopilike-Navigation__ListItem--hasAction .shopilike-Navigation__Item {
    max-width: calc(100% - var(--pc-navigation-icon-size) + var(--p-space-400)*2 + var(--p-space-100))
}

.shopilike-Navigation__Text {
    flex: 1 1 auto;
    margin-top: var(--p-space-150);
    margin-bottom: var(--p-space-150)
}

@media (min-width: 48em) {
    .shopilike-Navigation__Text {
        margin-top:var(--p-space-100);
        margin-bottom: var(--p-space-100)
    }
}

.shopilike-Navigation__Text--truncated {
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    word-break: break-all
}

.shopilike-Navigation__SecondaryActions {
    display: flex;
    align-items: center;
    height: calc(var(--pc-navigation-mobile-height) - var(--p-space-100))
}

.shopilike-Navigation__SecondaryActions:last-child {
    margin-right: var(--p-space-050)
}

@media (min-width: 48em) {
    .shopilike-Navigation__SecondaryActions {
        height:var(--pc-navigation-desktop-height)
    }
}

.shopilike-Navigation__ItemWithFloatingActions {
    position: relative;
    display: flex;
    flex-wrap: nowrap;
    width: 100%
}

@media (min-width: 48em) {
    .shopilike-Navigation--itemInnerWrapperDisplayActionsOnHover .shopilike-Navigation__SecondaryActions {
        position:absolute;
        top: 0;
        right: 0;
        z-index: var(--p-z-index-2);
        background: var(--p-color-nav-bg-surface-hover);
        visibility: hidden;
        opacity: 0;
        transition: none;
        border-top-right-radius: var(--p-border-radius-200);
        border-bottom-right-radius: var(--p-border-radius-200);
        margin-right: 0;
        padding: 0 var(--p-space-050)
    }

    :is(.shopilike-Navigation--itemInnerWrapperDisplayActionsOnHover .shopilike-Navigation__SecondaryActions):before {
        content: "";
        pointer-events: none;
        position: absolute;
        right: 100%;
        display: block;
        height: 100%;
        width: var(--p-space-800);
        background: linear-gradient(to right,rgba(0,0,0,0),var(--p-color-nav-bg-surface-hover) var(--p-space-800))
    }

    :is(.shopilike-Navigation--itemInnerWrapperDisplayActionsOnHover:focus-within,.shopilike-Navigation--itemInnerWrapperDisplayActionsOnHover:hover) .shopilike-Navigation__SecondaryActions {
        visibility: visible;
        opacity: 1
    }

    .shopilike-Navigation--itemInnerWrapperDisplayActionsOnHover:active .shopilike-Navigation__SecondaryActions {
        background-color: var(--p-color-nav-bg-surface-active)
    }
}

.shopilike-Navigation__SecondaryAction[type=button] {
    cursor: pointer;
    background: none
}

.shopilike-Navigation__SecondaryAction {
    display: flex;
    align-items: center;
    height: calc(100% - var(--p-space-100));
    padding: calc(var(--p-space-200) - var(--p-space-050)) var(--p-space-200);
    border-radius: var(--p-border-radius-200);
    border: none
}

.shopilike-Navigation__SecondaryAction:focus-visible:not(:active):after {
    content: none
}

.shopilike-Navigation__SecondaryAction:focus-visible:not(:active) {
    outline: var(--p-border-width-050) solid var(--p-color-border-focus)
}

.shopilike-Navigation__SecondaryAction s-internal-icon,.shopilike-Navigation__SecondaryAction svg {
    color: var(--p-color-icon)
}

@media (min-width: 48em) {
    .shopilike-Navigation__SecondaryAction {
        height:calc(100% - var(--p-space-100));
        padding: calc(var(--p-space-100) - var(--p-space-050))
    }
}

.shopilike-Navigation__SecondaryAction:hover,.shopilike-Navigation__SecondaryAction:focus,.shopilike-Navigation__SecondaryAction:active {
    background-color: var(--p-color-bg-fill-transparent-hover)
}

:is(.shopilike-Navigation__SecondaryAction:hover,.shopilike-Navigation__SecondaryAction:focus,.shopilike-Navigation__SecondaryAction:active) s-internal-icon,:is(.shopilike-Navigation__SecondaryAction:hover,.shopilike-Navigation__SecondaryAction:focus,.shopilike-Navigation__SecondaryAction:active) svg {
    color: var(--p-color-icon-hover)
}

@media (-ms-high-contrast: active) {
    :is(.shopilike-Navigation__SecondaryAction:hover,.shopilike-Navigation__SecondaryAction:focus,.shopilike-Navigation__SecondaryAction:active) s-internal-icon,:is(.shopilike-Navigation__SecondaryAction:hover,.shopilike-Navigation__SecondaryAction:focus,.shopilike-Navigation__SecondaryAction:active) svg {
        color: #fff
    }
}

.shopilike-Navigation__SecondaryAction {
    position: relative
}

.shopilike-Navigation__SecondaryAction:after {
    content: "";
    position: absolute;
    z-index: 1;
    top: -.0625rem;
    right: -.0625rem;
    bottom: -.0625rem;
    left: -.0625rem;
    display: block;
    pointer-events: none;
    box-shadow: 0 0 0 -.0625rem var(--p-color-border-focus);
    border-radius: var(--p-border-radius-100)
}

.shopilike-Navigation__SecondaryAction:focus-visible:after {
    box-shadow: 0 0 0 .125rem var(--p-color-border-focus);
    outline: var(--p-border-width-025) solid transparent
}

.shopilike-Navigation__SecondaryAction:active:after {
    content: none
}

.shopilike-Navigation__SecondaryAction:active s-internal-icon,.shopilike-Navigation__SecondaryAction:active svg {
    color: var(--p-color-icon-active)
}

.shopilike-Navigation__SecondaryAction:focus,.shopilike-Navigation__SecondaryAction:active {
    outline: none
}

.shopilike-Navigation__SecondaryNavigation {
    flex-basis: 100%;
    margin-left: 0;
    overflow-x: visible
}

.shopilike-Navigation__SecondaryNavigation .shopilike-Navigation__List {
    margin: 0;
    padding: 0;
    list-style: none;
    margin-bottom: var(--p-space-200)
}

.shopilike-Navigation__SecondaryNavigation .shopilike-Navigation__Item {
    position: relative;
    padding-left: calc(var(--p-space-800) + var(--p-space-100))
}

:is(.shopilike-Navigation__SecondaryNavigation .shopilike-Navigation__Item):before,:is(.shopilike-Navigation__SecondaryNavigation .shopilike-Navigation__Item):after {
    content: "";
    position: absolute;
    top: 0;
    left: var(--p-space-200);
    width: 1.3125rem;
    height: 2rem;
    border-radius: 0;
    opacity: 0;
    transition: opacity var(--p-motion-duration-150) var(--p-motion-ease-out)
}

@media (min-width: 48em) {
    :is(.shopilike-Navigation__SecondaryNavigation .shopilike-Navigation__Item):before,:is(.shopilike-Navigation__SecondaryNavigation .shopilike-Navigation__Item):after {
        height:1.75rem
    }
}

:is(.shopilike-Navigation__SecondaryNavigation .shopilike-Navigation__Item):is(:hover,:focus-visible,:focus-within) {
    background: var(--p-color-nav-bg);
    color: var(--p-color-text-brand)
}

:is(.shopilike-Navigation__SecondaryNavigation .shopilike-Navigation__Item):hover {
    color: var(--p-color-text);
    background: var(--p-color-nav-bg-surface-hover)
}

:is(.shopilike-Navigation__SecondaryNavigation .shopilike-Navigation__Item):focus-visible:after {
    box-shadow: 0 0 0 .125rem var(--p-color-border-focus);
    outline: var(--p-border-width-025) solid transparent
}

:is(:is(.shopilike-Navigation__SecondaryNavigation .shopilike-Navigation__Item):active,:is(.shopilike-Navigation__SecondaryNavigation .shopilike-Navigation__Item):active:hover):after {
    content: none
}

:is(.shopilike-Navigation__SecondaryNavigation .shopilike-Navigation__Item):active,:is(.shopilike-Navigation__SecondaryNavigation .shopilike-Navigation__Item):active:hover {
    background-color: var(--p-color-nav-bg-surface-active)
}

:is(.shopilike-Navigation__SecondaryNavigation .shopilike-Navigation__Item):active {
    color: var(--p-color-text-brand)
}

.shopilike-Navigation__SecondaryNavigation .shopilike-Navigation__Text {
    margin-top: var(--p-space-100);
    margin-bottom: var(--p-space-100)
}

.shopilike-Navigation__SecondaryNavigation .shopilike-Navigation__Item--selected {
    border-radius: var(--p-border-radius-200);
    color: var(--p-color-text);
    position: relative
}

:is(.shopilike-Navigation__SecondaryNavigation .shopilike-Navigation__Item--selected):after {
    content: "";
    position: absolute;
    z-index: 1;
    top: -.0625rem;
    right: -.0625rem;
    bottom: -.0625rem;
    left: -.0625rem;
    display: block;
    pointer-events: none;
    box-shadow: 0 0 0 -.0625rem var(--p-color-border-focus);
    border-radius: var(--p-border-radius-100)
}

:is(.shopilike-Navigation__SecondaryNavigation .shopilike-Navigation__Item--selected):is(:hover,:focus-visible,:focus-within) {
    background: var(--p-color-nav-bg-surface-selected);
    color: var(--p-color-text-brand)
}

:is(:is(.shopilike-Navigation__SecondaryNavigation .shopilike-Navigation__Item--selected):active,:is(.shopilike-Navigation__SecondaryNavigation .shopilike-Navigation__Item--selected):active:hover):after {
    content: none
}

:is(.shopilike-Navigation__SecondaryNavigation .shopilike-Navigation__Item--selected):active,:is(.shopilike-Navigation__SecondaryNavigation .shopilike-Navigation__Item--selected):active:hover {
    background: var(--p-color-nav-bg-surface-active);
    color: var(--p-color-text-brand)
}

:is(.shopilike-Navigation__SecondaryNavigation .shopilike-Navigation__Item--selected):hover {
    color: var(--p-color-text-brand-hover)
}

:is(.shopilike-Navigation__SecondaryNavigation .shopilike-Navigation__Item--selected):focus-visible {
    color: var(--p-color-text-brand)
}

:is(.shopilike-Navigation__SecondaryNavigation .shopilike-Navigation__Item--selected):active:after {
    content: none
}

:is(.shopilike-Navigation__SecondaryNavigation .shopilike-Navigation__Item--selected):active {
    color: var(--p-color-text-brand)
}

.shopilike-Navigation__SecondaryNavigation .shopilike-Navigation__Item--disabled {
    color: var(--p-color-text-disabled)
}

:is(.shopilike-Navigation__SecondaryNavigation .shopilike-Navigation__Item--line,.shopilike-Navigation__SecondaryNavigation .shopilike-Navigation__Item--line.shopilike-Navigation--itemHoverLine):before {
    opacity: 1;
    background: url(data:image/svg+xml,%3Csvg%20width%3D%2221%22%20height%3D%2228%22%20viewBox%3D%220%200%2021%2028%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Crect%20x%3D%229%22%20width%3D%221.5%22%20height%3D%2228%22%20fill%3D%22%23B5B5B5%22%2F%3E%3C%2Fsvg%3E)
}

:is(.shopilike-Navigation__SecondaryNavigation .shopilike-Navigation--itemLinePointer,.shopilike-Navigation__SecondaryNavigation .shopilike-Navigation--itemLinePointer.shopilike-Navigation--itemHoverPointer):before {
    opacity: 1;
    content: url("data:image/svg+xml,%3Csvg%20width%3D'21'%20height%3D'28'%20viewBox%3D'0%200%2021%2028'%20fill%3D'none'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M19%2014.25H19.75V15.75H19V14.25ZM10.077%2013.362L10.7452%2013.0215V13.0215L10.077%2013.362ZM11.388%2014.673L11.7285%2014.0048H11.7285L11.388%2014.673ZM10.5%200V10.2H9V0H10.5ZM14.55%2014.25H19V15.75H14.55V14.25ZM10.5%2010.2C10.5%2011.0525%2010.5006%2011.6467%2010.5384%2012.1093C10.5755%2012.5632%2010.6446%2012.824%2010.7452%2013.0215L9.40873%2013.7025C9.18239%2013.2582%209.08803%2012.7781%209.04336%2012.2315C8.99942%2011.6936%209%2011.0277%209%2010.2H10.5ZM14.55%2015.75C13.7223%2015.75%2013.0564%2015.7506%2012.5185%2015.7066C11.9719%2015.662%2011.4918%2015.5676%2011.0475%2015.3413L11.7285%2014.0048C11.926%2014.1054%2012.1868%2014.1745%2012.6407%2014.2116C13.1033%2014.2494%2013.6975%2014.25%2014.55%2014.25V15.75ZM10.7452%2013.0215C10.9609%2013.4448%2011.3052%2013.7891%2011.7285%2014.0048L11.0475%2015.3413C10.3419%2014.9817%209.76825%2014.4081%209.40873%2013.7025L10.7452%2013.0215Z'%20fill%3D'%23B5B5B5'/%3E%3Cpath%20d%3D'M17%2012L20%2015L17%2018'%20stroke%3D'%23B5B5B5'%20stroke-width%3D'1.5'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'/%3E%3C/svg%3E%0A")
}

.shopilike-Navigation__SecondaryNavigation .shopilike-Navigation--itemHoverLine:before {
    opacity: 1;
    content: url(data:image/svg+xml,%3Csvg%20width%3D%2221%22%20height%3D%2228%22%20viewBox%3D%220%200%2021%2028%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M9%200H10.5V28H9V0Z%22%20fill%3D%22%23B5B5B5%22%2F%3E%0A%3C%2Fsvg%3E)
}

.shopilike-Navigation__SecondaryNavigation .shopilike-Navigation--itemHoverPointer:before {
    opacity: 1;
    content: url(data:image/svg+xml,%3Csvg%20width%3D%2221%22%20height%3D%2228%22%20viewBox%3D%220%200%2021%2028%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M9%207.75C9%207.33579%209.33579%207%209.75%207V7C10.1642%207%2010.5%207.33579%2010.5%207.75V9.95C10.5%2010.8025%2010.5006%2011.3967%2010.5384%2011.8593C10.5755%2012.3132%2010.6446%2012.574%2010.7452%2012.7715C10.961%2013.1948%2011.3052%2013.539%2011.7285%2013.7548C11.926%2013.8554%2012.1868%2013.9245%2012.6407%2013.9616C13.1033%2013.9994%2013.6975%2014%2014.55%2014H17.9393L16.2197%2012.2803C15.9268%2011.9874%2015.9268%2011.5126%2016.2197%2011.2197C16.5126%2010.9268%2016.9874%2010.9268%2017.2803%2011.2197L20.2803%2014.2197C20.5732%2014.5126%2020.5732%2014.9874%2020.2803%2015.2803L17.2803%2018.2803C16.9874%2018.5732%2016.5126%2018.5732%2016.2197%2018.2803C15.9268%2017.9874%2015.9268%2017.5126%2016.2197%2017.2197L17.9393%2015.5H14.5179C13.705%2015.5%2013.0494%2015.5%2012.5185%2015.4566C11.9719%2015.412%2011.4918%2015.3176%2011.0475%2015.0913C10.3419%2014.7317%209.76825%2014.1581%209.40873%2013.4525C9.18239%2013.0082%209.08803%2012.5281%209.04336%2011.9815C8.99999%2011.4506%208.99999%2010.795%209%209.98212V7.75Z%22%20fill%3D%22%23CCCCCC%22%2F%3E%0A%3C%2Fsvg%3E)
}

.shopilike-Navigation__SecondaryNavigation .shopilike-Navigation__Item--line.shopilike-Navigation--itemHoverPointer:before {
    opacity: 1;
    content: url(data:image/svg+xml,%3Csvg%20width%3D%2221%22%20height%3D%2228%22%20viewBox%3D%220%200%2021%2028%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M9%200H10.5V28H9V0Z%22%20fill%3D%22%23B5B5B5%22%2F%3E%0A%3C%2Fsvg%3E)
}

.shopilike-Navigation__SecondaryNavigation .shopilike-Navigation__Item--line.shopilike-Navigation--itemHoverPointer:after {
    opacity: 1;
    content: url(data:image/svg+xml,%3Csvg%20width%3D%2221%22%20height%3D%2228%22%20viewBox%3D%220%200%2021%2028%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M11.5%2015.2751C11.8158%2015.3745%2012.1522%2015.4267%2012.5185%2015.4566C13.0494%2015.5%2013.705%2015.5%2014.5179%2015.5H17.9393L16.2197%2017.2197C15.9268%2017.5126%2015.9268%2017.9874%2016.2197%2018.2803C16.5126%2018.5732%2016.9874%2018.5732%2017.2803%2018.2803L20.2803%2015.2803C20.5732%2014.9874%2020.5732%2014.5126%2020.2803%2014.2197L17.2803%2011.2197C16.9874%2010.9268%2016.5126%2010.9268%2016.2197%2011.2197C15.9268%2011.5126%2015.9268%2011.9874%2016.2197%2012.2803L17.9393%2014H14.55C13.6975%2014%2013.1033%2013.9994%2012.6407%2013.9616C12.1868%2013.9245%2011.926%2013.8554%2011.7285%2013.7548C11.6495%2013.7145%2011.5732%2013.6697%2011.5%2013.6208V15.2751Z%22%20fill%3D%22%23CCCCCC%22%2F%3E%0A%3C%2Fsvg%3E)
}

.shopilike-Navigation__SecondaryNavigation .shopilike-Navigation--itemLinePointer.shopilike-Navigation--itemHoverLine:before {
    opacity: 1;
    content: url(data:image/svg+xml,%3Csvg%20width%3D%2221%22%20height%3D%2228%22%20viewBox%3D%220%200%2021%2028%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M9%200.75V0H10.5V0.75V9.95C10.5%2010.8025%2010.5006%2011.3967%2010.5384%2011.8593C10.5755%2012.3132%2010.6446%2012.574%2010.7452%2012.7715C10.961%2013.1948%2011.3052%2013.539%2011.7285%2013.7548C11.926%2013.8554%2012.1868%2013.9245%2012.6407%2013.9616C13.1033%2013.9994%2013.6975%2014%2014.55%2014H17.9393L16.2197%2012.2803C15.9268%2011.9874%2015.9268%2011.5126%2016.2197%2011.2197C16.5126%2010.9268%2016.9874%2010.9268%2017.2803%2011.2197L20.2803%2014.2197C20.5732%2014.5126%2020.5732%2014.9874%2020.2803%2015.2803L17.2803%2018.2803C16.9874%2018.5732%2016.5126%2018.5732%2016.2197%2018.2803C15.9268%2017.9874%2015.9268%2017.5126%2016.2197%2017.2197L17.9393%2015.5H14.55H14.5179C13.705%2015.5%2013.0494%2015.5%2012.5185%2015.4566C11.9719%2015.412%2011.4918%2015.3176%2011.0475%2015.0913C10.3419%2014.7317%209.76825%2014.1581%209.40873%2013.4525C9.18239%2013.0082%209.08803%2012.5281%209.04336%2011.9815C8.99999%2011.4506%208.99999%2010.795%209%209.98212V9.95V0.75Z%22%20fill%3D%22%23B5B5B5%22%2F%3E%0A%3C%2Fsvg%3E)
}

.shopilike-Navigation__SecondaryNavigation .shopilike-Navigation--itemLinePointer.shopilike-Navigation--itemHoverLine:after {
    opacity: 1
}

.shopilike-Navigation__SecondaryNavigation--noIcon .shopilike-Navigation__Item {
    padding-left: var(--p-space-600)
}

.shopilike-Navigation__Section {
    flex: 0 0 auto;
    margin: 0;
    padding: 0 0 var(--p-space-300);
    padding-left: 0;
    padding-left: constant(safe-area-inset-left);
    padding-left: env(safe-area-inset-left);
    list-style: none
}

.shopilike-Navigation__Section+.shopilike-Navigation__Section {
    padding-top: var(--p-space-200);
    padding-bottom: var(--p-space-300)
}

.shopilike-Navigation__Section--fill {
    flex: 1 0 auto
}

.shopilike-Navigation__Section--withSeparator {
    border-top: var(--p-border-width-025) solid var(--p-color-border-secondary)
}

.shopilike-Navigation__SectionHeading {
    display: flex;
    align-items: center;
    padding-left: var(--p-space-500);
    padding-right: var(--p-space-100)
}

@supports not (scrollbar-gutter: stable) {
    .shopilike-Navigation__SectionHeading {
        padding-right: var(--p-space-200)
    }
}

@supports (scrollbar-gutter: stable) {
    .shopilike-Navigation__SectionHeading {
        padding-right: calc(var(--p-space-100) - var(--pc-app-provider-scrollbar-width))
    }
}

.shopilike-Navigation__SectionHeading>:first-child {
    flex: 1 1 auto;
    margin-top: calc(var(--p-space-200) + var(--p-space-050));
    margin-bottom: calc(var(--p-space-200) + var(--p-space-050))
}

@media (min-width: 48em) {
    .shopilike-Navigation__SectionHeading>:first-child {
        margin-top:var(--p-space-100);
        margin-bottom: var(--p-space-100)
    }
}

.shopilike-Navigation__SectionHeading .shopilike-Navigation__Action {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0;
    padding: 0;
    background: none;
    border: none;
    font-size: inherit;
    line-height: inherit;
    color: inherit;
    cursor: pointer
}

:is(.shopilike-Navigation__SectionHeading .shopilike-Navigation__Action):focus {
    outline: none
}

.shopilike-Navigation__SectionHeading .shopilike-Navigation__Action {
    display: flex;
    align-items: center;
    padding: var(--p-space-150) var(--p-space-300);
    border-radius: var(--p-border-radius-200)
}

@supports (scrollbar-gutter: stable) {
    .shopilike-Navigation__SectionHeading .shopilike-Navigation__Action {
        padding-inline:calc(var(--p-space-200) + var(--p-space-050))}
}

: is(.shopilike-Navigation__SectionHeading .shopilike-Navigation__Action):focus-visible:not(:active):after {
                                                                         content:none
                                                                     }

:is(.shopilike-Navigation__SectionHeading .shopilike-Navigation__Action):focus-visible:not(:active) {
    outline: var(--p-border-width-050) solid var(--p-color-border-focus)
}

:is(.shopilike-Navigation__SectionHeading .shopilike-Navigation__Action) s-internal-icon,:is(.shopilike-Navigation__SectionHeading .shopilike-Navigation__Action) svg {
    color: var(--p-color-icon)
}

:is(.shopilike-Navigation__SectionHeading .shopilike-Navigation__Action) s-internal-icon {
    line-height: normal
}

@media (min-width: 48em) {
    :is(.shopilike-Navigation__SectionHeading .shopilike-Navigation__Action) svg,:is(.shopilike-Navigation__SectionHeading .shopilike-Navigation__Action) img {
        height:var(--p-space-400);
        width: var(--p-space-400);
        margin: var(--p-space-050)
    }
}

.shopilike-Navigation__SectionHeading .shopilike-Navigation__Action {
    position: relative
}

:is(.shopilike-Navigation__SectionHeading .shopilike-Navigation__Action):after {
    content: "";
    position: absolute;
    z-index: 1;
    top: -.0625rem;
    right: -.0625rem;
    bottom: -.0625rem;
    left: -.0625rem;
    display: block;
    pointer-events: none;
    box-shadow: 0 0 0 -.0625rem var(--p-color-border-focus);
    border-radius: var(--p-border-radius-100)
}

:is(.shopilike-Navigation__SectionHeading .shopilike-Navigation__Action):hover,:is(.shopilike-Navigation__SectionHeading .shopilike-Navigation__Action):focus {
    background: var(--p-color-bg-fill-transparent-hover)
}

:is(:is(.shopilike-Navigation__SectionHeading .shopilike-Navigation__Action):hover,:is(.shopilike-Navigation__SectionHeading .shopilike-Navigation__Action):focus) s-internal-icon,:is(:is(.shopilike-Navigation__SectionHeading .shopilike-Navigation__Action):hover,:is(.shopilike-Navigation__SectionHeading .shopilike-Navigation__Action):focus) svg {
    color: var(--p-color-icon-hover)
}

@media (-ms-high-contrast: active) {
    :is(:is(.shopilike-Navigation__SectionHeading .shopilike-Navigation__Action):hover,:is(.shopilike-Navigation__SectionHeading .shopilike-Navigation__Action):focus) s-internal-icon,:is(:is(.shopilike-Navigation__SectionHeading .shopilike-Navigation__Action):hover,:is(.shopilike-Navigation__SectionHeading .shopilike-Navigation__Action):focus) svg {
        color: #fff
    }

    :is(:is(.shopilike-Navigation__SectionHeading .shopilike-Navigation__Action):hover,:is(.shopilike-Navigation__SectionHeading .shopilike-Navigation__Action):focus) img {
        filter: var(--p-color-icon-brand)
    }
}

:is(.shopilike-Navigation__SectionHeading .shopilike-Navigation__Action):hover s-internal-icon,:is(.shopilike-Navigation__SectionHeading .shopilike-Navigation__Action):hover svg {
    color: var(--p-filter-icon)
}

:is(.shopilike-Navigation__SectionHeading .shopilike-Navigation__Action):focus-visible:after {
    box-shadow: 0 0 0 .125rem var(--p-color-border-focus);
    outline: var(--p-border-width-025) solid transparent
}

:is(.shopilike-Navigation__SectionHeading .shopilike-Navigation__Action):focus:hover s-internal-icon,:is(.shopilike-Navigation__SectionHeading .shopilike-Navigation__Action):focus:hover svg {
    color: var(--p-color-icon-hover)
}

:is(.shopilike-Navigation__SectionHeading .shopilike-Navigation__Action):active,:is(.shopilike-Navigation__SectionHeading .shopilike-Navigation__Action):active:hover {
    background: var(--p-color-bg-surface-active)
}

:is(:is(.shopilike-Navigation__SectionHeading .shopilike-Navigation__Action):active,:is(.shopilike-Navigation__SectionHeading .shopilike-Navigation__Action):active:hover):after {
    content: none
}

:is(:is(.shopilike-Navigation__SectionHeading .shopilike-Navigation__Action):active,:is(.shopilike-Navigation__SectionHeading .shopilike-Navigation__Action):active:hover) s-internal-icon,:is(:is(.shopilike-Navigation__SectionHeading .shopilike-Navigation__Action):active,:is(.shopilike-Navigation__SectionHeading .shopilike-Navigation__Action):active:hover) svg {
    color: var(--p-color-icon-active)
}

:is(.shopilike-Navigation__SectionHeading .shopilike-Navigation__Action):focus,:is(.shopilike-Navigation__SectionHeading .shopilike-Navigation__Action):active {
    outline: none
}

.shopilike-Navigation__RollupToggle {
    color: var(--p-color-text);
    color: var(--p-color-text-secondary)
}

.shopilike-Navigation__RollupToggle:hover {
    color: var(--p-color-text-brand)
}

.shopilike-Navigation__RollupToggle:hover s-internal-icon,.shopilike-Navigation__RollupToggle:hover svg {
    color: var(--p-color-icon-brand)
}

.shopilike-Navigation__RollupToggle:hover img {
    filter: var(--p-color-icon-brand)
}

.shopilike-Navigation__RollupToggle:focus-visible {
    outline: none
}

.shopilike-Navigation__RollupToggle:focus-visible:after {
    box-shadow: 0 0 0 .125rem var(--p-color-border-focus);
    outline: var(--p-border-width-025) solid transparent
}

.shopilike-Navigation__RollupToggle:active {
    background-color: var(--p-color-bg-surface-active)
}

.shopilike-Navigation__List {
    margin: 0;
    padding: 0;
    list-style: none
}

.shopilike-Navigation__Indicator {
    position: relative;
    display: inline-block;
    height: .625rem;
    width: .625rem
}

.shopilike-Navigation__SecondaryNavigationOpen {
    animation: var(--p-motion-ease-out) var(--p-motion-duration-150) shopilike-Navigation__snappy--grow
}

@keyframes shopilike-Navigation__snappy--grow {
    0% {
        margin-bottom: -10%;
        opacity: 0
    }

    to {
        margin-bottom: 0%;
        opacity: 1
    }
}

.shopilike-OptionList-Option {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0;
    padding: 0;
    background: none;
    border: none;
    font-size: inherit;
    line-height: inherit;
    color: inherit;
    cursor: pointer
}

.shopilike-OptionList-Option:focus {
    outline: none
}

.shopilike-OptionList-Option {
    width: 100%;
    min-height: var(--pg-control-height);
    text-align: left;
    text-decoration: none;
    border-radius: var(--p-border-radius-100);
    margin-top: var(--p-space-100);
    color: inherit
}

.shopilike-OptionList-Option:visited {
    color: inherit
}

.shopilike-OptionList-Option:first-child {
    margin-top: 0
}

.shopilike-OptionList-Option__SingleSelectOption {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0;
    padding: 0;
    background: none;
    border: none;
    font-size: inherit;
    line-height: inherit;
    color: inherit;
    cursor: pointer
}

.shopilike-OptionList-Option__SingleSelectOption:focus {
    outline: none
}

.shopilike-OptionList-Option__SingleSelectOption {
    text-align: left;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between
}

.shopilike-OptionList-Option__SingleSelectOption.shopilike-OptionList-Option--focused:focus-visible:not(:active) {
    outline: var(--p-border-width-050) solid var(--p-color-border-focus);
    outline-offset: var(--p-space-025);
    background-color: var(--p-color-bg-surface-secondary-hover)
}

.shopilike-OptionList-Option__SingleSelectOption.shopilike-OptionList-Option--active {
    background: var(--p-color-bg-surface-secondary-selected)
}

.shopilike-OptionList-Option__SingleSelectOption:not(.shopilike-OptionList-Option--disabled) {
    color: inherit
}

.shopilike-OptionList-Option__SingleSelectOption.shopilike-OptionList-Option--select,.shopilike-OptionList-Option__SingleSelectOption.shopilike-OptionList-Option--select:hover:not(.shopilike-OptionList-Option--disabled),.shopilike-OptionList-Option__SingleSelectOption.shopilike-OptionList-Option--active {
    font-weight: var(--p-font-weight-semibold);
    background: var(--p-color-bg-surface-secondary-active)
}

.shopilike-OptionList-Option__SingleSelectOption .shopilike-OptionList-Option__Media {
    padding: 0 var(--p-space-200) 0 0
}

.shopilike-OptionList-Option__Label,.shopilike-OptionList-Option__SingleSelectOption,.shopilike-OptionList-Option__MultiSelectOption {
    display: flex;
    align-items: flex-start;
    width: 100%;
    cursor: pointer;
    border-radius: var(--p-border-radius-200);
    padding: var(--p-space-150);
    word-wrap: break-word;
    word-break: break-word;
    overflow-wrap: break-word
}

:is(.shopilike-OptionList-Option__Label,.shopilike-OptionList-Option__SingleSelectOption,.shopilike-OptionList-Option__MultiSelectOption):hover:not(.shopilike-OptionList-Option--disabled) {
    background-color: var(--p-color-bg-surface-secondary-hover)
}

:is(.shopilike-OptionList-Option__Label,.shopilike-OptionList-Option__SingleSelectOption,.shopilike-OptionList-Option__MultiSelectOption):active:not(.shopilike-OptionList-Option--disabled) {
    background: var(--p-color-bg-surface-secondary-active)
}

:is(.shopilike-OptionList-Option__Label,.shopilike-OptionList-Option__SingleSelectOption,.shopilike-OptionList-Option__MultiSelectOption):hover:not(.shopilike-OptionList-Option--disabled),:is(.shopilike-OptionList-Option__Label,.shopilike-OptionList-Option__SingleSelectOption,.shopilike-OptionList-Option__MultiSelectOption):active:not(.shopilike-OptionList-Option--disabled),.shopilike-OptionList-Option--select:is(.shopilike-OptionList-Option__Label,.shopilike-OptionList-Option__SingleSelectOption,.shopilike-OptionList-Option__MultiSelectOption),.shopilike-OptionList-Option--select:is(.shopilike-OptionList-Option__Label,.shopilike-OptionList-Option__SingleSelectOption,.shopilike-OptionList-Option__MultiSelectOption):hover:not(.shopilike-OptionList-Option--disabled) {
    outline: var(--p-border-width-025) solid transparent
}

:is(.shopilike-OptionList-Option__Label,.shopilike-OptionList-Option__SingleSelectOption,.shopilike-OptionList-Option__MultiSelectOption) .shopilike-OptionList-Option__Media {
    padding: 0 var(--p-space-200) 0 0
}

.shopilike-OptionList-Option--disabled:is(.shopilike-OptionList-Option__Label,.shopilike-OptionList-Option__SingleSelectOption,.shopilike-OptionList-Option__MultiSelectOption) {
    background: transparent;
    cursor: default;
    color: var(--p-color-text-disabled)
}

.shopilike-OptionList-Option__MultiSelectOption.shopilike-OptionList-Option--select.shopilike-OptionList-Option__CheckboxLabel {
    background-color: transparent
}

.shopilike-OptionList-Option__MultiSelectOption.shopilike-OptionList-Option--select s-internal-icon,.shopilike-OptionList-Option__MultiSelectOption.shopilike-OptionList-Option--select svg {
    color: var(--p-color-icon-active)
}

.shopilike-OptionList-Option__MultiSelectOption.shopilike-OptionList-Option--select:hover:not(.shopilike-OptionList-Option--disabled) {
    background-color: var(--p-color-bg-surface-secondary-hover)
}

.shopilike-OptionList-Option--disabled .shopilike-OptionList-Option__Media svg {
    color: var(--p-color-icon-disabled)
}

.shopilike-OptionList-Option--disabled .shopilike-OptionList-Option__Media s-internal-icon {
    color: var(--p-color-icon-disabled)
}

.shopilike-OptionList-Option__Media {
    display: flex;
    align-items: center
}

.shopilike-OptionList-Option__Media svg {
    fill: var(--p-color-icon)
}

.shopilike-OptionList-Option--verticalAlignTop {
    align-items: flex-start
}

.shopilike-OptionList-Option--verticalAlignCenter {
    align-items: center
}

.shopilike-OptionList-Option--verticalAlignBottom {
    align-items: flex-end
}

.shopilike-OptionList-Option__Icon {
    display: flex;
    align-items: center;
    margin-left: var(--p-space-200)
}

.shopilike-OptionList-Option__Icon svg {
    fill: var(--p-color-icon-brand)
}

.shopilike-OptionList-Option__Checkbox {
    box-sizing: border-box;
    display: flex;
    flex-shrink: 0;
    width: 1.25rem;
    height: 1.25rem;
    margin-right: var(--p-space-200);
    align-items: center
}

.shopilike-Header-Title__TitleAndMetadata {
    display: flex;
    flex-wrap: wrap;
    min-width: 0;
    align-items: center;
    gap: var(--p-space-200)
}

.shopilike-Header-Title__TitleMetadata {
    white-space: nowrap;
    margin-block:0}

.shopilike-Page-Header__TitleWrapper {
    grid-area: title;
    margin-top: var(--p-space-100);
    align-self: center
}

@media (min-width: 30.625em) {
    .shopilike-Page-Header__TitleWrapper {
        margin-top:0
    }
}

.shopilike-Page-Header__TitleWrapper.shopilike-Page-Header__TitleWrapperExpand {
    flex: 1 1 auto
}

.shopilike-Page-Header__BreadcrumbWrapper {
    grid-area: breadcrumbs
}

.shopilike-Page-Header__BreadcrumbWrapper a,.shopilike-Page-Header__BreadcrumbWrapper button {
    background: transparent;
    border-radius: var(--p-border-radius-200);
    box-shadow: none
}

:is(.shopilike-Page-Header__BreadcrumbWrapper a,.shopilike-Page-Header__BreadcrumbWrapper button):is(:hover,:focus,:focus-visible) {
    box-shadow: none!important
}

:is(.shopilike-Page-Header__BreadcrumbWrapper a,.shopilike-Page-Header__BreadcrumbWrapper button):is(:hover,:focus-visible) {
    background: var(--p-color-bg-fill-tertiary-hover)
}

:is(.shopilike-Page-Header__BreadcrumbWrapper a,.shopilike-Page-Header__BreadcrumbWrapper button):focus {
    background: var(--p-color-bg-fill-tertiary-active)
}

@media (min-width: 48em) and (pointer: fine) {
    :is(.shopilike-Page-Header__BreadcrumbWrapper a,.shopilike-Page-Header__BreadcrumbWrapper button):focus {
        box-shadow:var(--p-shadow-inset-200)!important
    }
}

.shopilike-Page-Header__PaginationWrapper {
    margin-left: var(--p-space-300);
    line-height: 1
}

.shopilike-Page-Header__PrimaryActionWrapper {
    margin-top: 0;
    margin-left: var(--p-space-150)
}

.shopilike-Page-Header__Row {
    display: flex;
    flex-wrap: wrap-reverse;
    justify-content: space-between;
    line-height: normal
}

@media (min-width: 30.625em) {
    .shopilike-Page-Header__Row {
        flex-wrap:nowrap
    }
}

.shopilike-Page-Header__Row:first-child {
    min-height: 1.75rem;
    min-width: 0
}

.shopilike-Page-Header__Row:first-child .shopilike-Page-Header__TitleWrapper {
    min-width: 0;
    margin-top: 0
}

.shopilike-Page-Header__Row+.shopilike-Page-Header__Row {
    margin-top: 0
}

.shopilike-Page-Header--mobileView :is(.shopilike-Page-Header__Row+.shopilike-Page-Header__Row) {
    margin-top: var(--p-space-100)
}

:is(.shopilike-Page-Header__Row+.shopilike-Page-Header__Row) .shopilike-Page-Header__RightAlign {
    margin-left: 0
}

.shopilike-Page-Header__Row .shopilike-Page-Header__RightAlign {
    max-width: 100%
}

@media (min-width: 30.625em) {
    .shopilike-Page-Header__Row .shopilike-Page-Header__RightAlign {
        max-width:50%
    }
}

.shopilike-Page-Header__RightAlign {
    grid-area: actions;
    display: flex;
    align-content: flex-end;
    flex: 1 1 auto;
    align-items: center;
    align-self: flex-start;
    justify-content: flex-end;
    margin-left: var(--p-space-400);
    white-space: nowrap
}

@media (max-width: 30.6225em) {
    .shopilike-Page-Header--noBreadcrumbs .shopilike-Page-Header__RightAlign {
        margin-left:0
    }
}

@media (min-width: 48em) {
    .shopilike-Page-Header__AdditionalMetaData {
        margin-left:var(--p-space-100)
    }
}

.shopilike-Page-Header--noBreadcrumbs .shopilike-Page-Header__AdditionalMetaData {
    margin-left: 0
}

.shopilike-Page-Header__Actions {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    text-align: right
}

@media (max-width: 64.9975em) {
    .shopilike-Page-Header--longTitle .shopilike-Page-Header__AdditionalMetaData {
        margin-left:0
    }
}

@media (max-width: 47.9975em) {
    .shopilike-Page-Header--mediumTitle:not(.shopilike-Page-Header--noBreadcrumbs) .shopilike-Page-Header__AdditionalMetaData {
        margin-left:0
    }
}

.shopilike-Page-Header--mediumTitle.shopilike-Page-Header--noBreadcrumbs .shopilike-Page-Header__TitleWrapper {
    margin-top: 0
}

.shopilike-Page-Header--mediumTitle.shopilike-Page-Header--noBreadcrumbs .shopilike-Page-Header__RightAlign {
    margin-bottom: var(--p-space-100)
}

@media (min-width: 48em) {
    .shopilike-Page-Header--mediumTitle.shopilike-Page-Header--noBreadcrumbs .shopilike-Page-Header__RightAlign {
        margin-bottom:0
    }
}

.shopilike-Page-Header--isSingleRow .shopilike-Page-Header__Row {
    gap: 0
}

@media (min-width: 48em) {
    .shopilike-Page-Header__SubTitle {
        margin-left:var(--p-space-100)
    }
}

.shopilike-Page-Header__SubTitle.shopilike-Page-Header__SubtitleMaxWidth {
    max-width: 45ch
}

html,body {
    min-height: 100%;
    height: 100%
}

.shopilike-Page {
    margin: 0 auto;
    padding: 0;
    max-width: calc(var(--pg-layout-width-primary-max) + var(--pg-layout-width-secondary-max) + var(--pg-layout-width-inner-spacing-base))
}

@media (min-width: 30.625em) {
    .shopilike-Page {
        padding:0 var(--p-space-600)
    }
}

.shopilike-Page {
    padding: 0
}

.shopilike-Page:after {
    content: "";
    display: table
}

@media (min-width: 30.625em) {
    .shopilike-Page {
        padding:0 var(--p-space-400)
    }
}

.shopilike-Page--fullWidth {
    max-width: none
}

.shopilike-Page--narrowWidth {
    max-width: var(--pg-layout-width-primary-max)
}

.shopilike-Page__Content {
    padding: var(--p-space-200) 0
}

@media (min-width: 48em) {
    .shopilike-Page__Content {
        padding-top:var(--p-space-500)
    }
}

.shopilike-PageActions {
    margin: 0 auto;
    border-top: 0;
    padding: var(--p-space-400)
}

@media (min-width: 30.625em) {
    .shopilike-PageActions {
        padding:var(--p-space-400) 0
    }
}

@media (max-width: 30.6225em) {
    .shopilike-PageActions [class~=shopilike-Button] {
        width:100%
    }
}

.shopilike-Picker-SearchField {
    flex-grow: 1;
    padding: var(--p-space-100) 0;
    outline: none;
    border: none;
    font-size: var(--p-font-size-400);
    line-height: var(--p-font-line-height-600)
}

@media (min-width: 48em) {
    .shopilike-Picker-SearchField {
        font-size:var(--p-font-size-325);
        line-height: var(--p-font-line-height-500)
    }
}

.shopilike-Picker-SearchField__Prefix {
    display: flex;
    align-items: center
}

.shopilike-Picker-Activator {
    background: none;
    outline: none;
    padding: var(--p-space-200) var(--p-space-300);
    border-radius: var(--p-border-radius-200);
    border: var(--p-border-width-025) solid var(--p-color-border);
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer
}

.shopilike-Picker-Activator:hover {
    background-color: var(--p-color-bg-surface-hover)
}

.shopilike-Picker-Activator:active {
    background-color: var(--p-color-bg-surface-active)
}

.shopilike-Picker-Activator:focus:not(:active) {
    outline: var(--p-border-width-050) solid var(--p-color-border-focus);
    outline-offset: var(--p-space-025)
}

.shopilike-Picker-Activator--disabled {
    pointer-events: none;
    background-color: var(--p-color-bg-surface-disabled);
    border-color: var(--p-color-border-disabled)
}

.shopilike-ProgressBar {
    --pc-progress-bar-height-base: 1rem;
    --pc-progress-bar-height-small: calc(var(--pc-progress-bar-height-base)*.5);
    --pc-progress-bar-height-large: calc(var(--pc-progress-bar-height-base)*2);
    --pc-progress-bar-duration: initial;
    --pc-progress-bar-percent: initial;
    overflow: hidden;
    width: 100%;
    background-color: var(--pc-progress-bar-background);
    border-radius: var(--p-border-radius-100)
}

@media (forced-colors: active) {
    .shopilike-ProgressBar {
        border: var(--p-border-width-025) solid transparent
    }
}

.shopilike-ProgressBar--sizeSmall {
    height: var(--pc-progress-bar-height-small)
}

.shopilike-ProgressBar--sizeMedium {
    height: var(--pc-progress-bar-height-base)
}

.shopilike-ProgressBar--sizeLarge {
    height: var(--pc-progress-bar-height-large)
}

.shopilike-ProgressBar--toneHighlight {
    --pc-progress-bar-background: var(--p-color-bg-fill-tertiary);
    --pc-progress-bar-indicator: var(--p-color-bg-fill-highlight)
}

.shopilike-ProgressBar--tonePrimary {
    --pc-progress-bar-background: var(--p-color-bg-fill-tertiary);
    --pc-progress-bar-indicator: var(--p-color-bg-fill-brand)
}

.shopilike-ProgressBar--toneSuccess {
    --pc-progress-bar-background: var(--p-color-bg-fill-tertiary);
    --pc-progress-bar-indicator: var(--p-color-bg-fill-success)
}

.shopilike-ProgressBar--toneCritical {
    --pc-progress-bar-background: var(--p-color-bg-fill-tertiary);
    --pc-progress-bar-indicator: var(--p-color-bg-fill-critical)
}

.shopilike-ProgressBar__Indicator {
    height: inherit;
    background-color: var(--pc-progress-bar-indicator);
    transition: transform var(--pc-progress-bar-duration) var(--p-motion-ease);
    transform: scaleX(0);
    transform-origin: 0 50%
}

@media screen and (-ms-high-contrast: active) {
    .shopilike-ProgressBar__Indicator {
        border: var(--pc-progress-bar-height-base) solid highlight
    }
}

.shopilike-ProgressBar__IndicatorAppearActive,.shopilike-ProgressBar__IndicatorAppearDone {
    transform: scaleX(var(--pc-progress-bar-percent))
}

.shopilike-ProgressBar__Progress,.shopilike-ProgressBar__Label {
    position: absolute!important;
    top: 0;
    width: .0625rem!important;
    height: .0625rem!important;
    margin: 0!important;
    padding: 0!important;
    overflow: hidden!important;
    clip-path: inset(50%)!important;
    border: 0!important;
    white-space: nowrap!important
}

.shopilike-RangeSlider {
    --pc-range-slider-input: 10;
    --pc-range-slider-output: 20;
    --pc-range-slider-track-height: .25rem;
    --pc-range-slider-thumb-size: 1rem;
    --pc-track-dashed-border-radius: var(--p-border-radius-100)
}

.shopilike-RangeSlider--trackDashedAfter:after {
    content: ""
}

.shopilike-RangeSlider--trackDashed,.shopilike-RangeSlider--trackDashedAfter:after {
    --pc-track-dashed-color: var(--p-color-border);
    position: absolute;
    height: var(--pc-range-slider-track-height);
    width: 100%;
    background-image: linear-gradient(to right,var(--pc-track-dashed-color),var(--pc-track-dashed-color) 50%,transparent 50%,transparent 100%);
    background-size: var(--pc-range-slider-track-height) var(--pc-range-slider-track-height);
    border-radius: var(--pc-track-dashed-border-radius);
    border-right: var(--pc-track-dashed-border-radius) var(--pc-track-dashed-color) solid
}

.shopilike-RangeSlider-DualThumb {
    position: relative;
    width: 100%;
    display: flex;
    align-items: center
}

.shopilike-RangeSlider-DualThumb__TrackWrapper {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    min-height: 1.75rem;
    cursor: pointer
}

.shopilike-RangeSlider-DualThumb__TrackWrapper.shopilike-RangeSlider-DualThumb--disabled {
    opacity: .8;
    cursor: not-allowed
}

.shopilike-RangeSlider-DualThumb__Track {
    --pc-range-slider-progress-upper: initial;
    --pc-range-slider-progress-lower: initial;
    --pc-dual-thumb-unselected-range: transparent;
    --pc-dual-thumb-selected-range: var(--p-color-bg-fill-brand);
    --pc-dual-thumb-gradient-colors: var(--pc-dual-thumb-unselected-range) 0%, var(--pc-dual-thumb-unselected-range) var(--pc-range-slider-progress-lower), var(--pc-dual-thumb-selected-range) var(--pc-range-slider-progress-lower), var(--pc-dual-thumb-selected-range) var(--pc-range-slider-progress-upper), var(--pc-dual-thumb-unselected-range) var(--pc-range-slider-progress-upper), var(--pc-dual-thumb-unselected-range) 100%;
    position: absolute;
    z-index: 1;
    width: 100%;
    height: var(--pc-range-slider-track-height);
    border-radius: var(--pc-range-slider-thumb-size);
    background-image: linear-gradient(to right,var(--pc-dual-thumb-gradient-colors))
}

.shopilike-RangeSlider-DualThumb--error .shopilike-RangeSlider-DualThumb__Track {
    --pc-dual-thumb-selected-range: var(--p-color-bg-fill-critical);
    --pc-dual-thumb-gradient-colors: var(--pc-dual-thumb-unselected-range) 0%, var(--pc-dual-thumb-unselected-range) var(--pc-range-slider-progress-lower), var(--pc-dual-thumb-selected-range) var(--pc-range-slider-progress-lower), var(--pc-dual-thumb-selected-range) var(--pc-range-slider-progress-upper), var(--pc-dual-thumb-unselected-range) var(--pc-range-slider-progress-upper), var(--pc-dual-thumb-unselected-range) 100%;
    background-image: linear-gradient(to right,var(--pc-dual-thumb-gradient-colors))
}

.shopilike-RangeSlider-DualThumb--disabled .shopilike-RangeSlider-DualThumb__Track {
    background: var(--p-color-border-disabled) none
}

.shopilike-RangeSlider-DualThumb__Thumbs {
    position: relative
}

.shopilike-RangeSlider-DualThumb__Thumbs:after {
    content: "";
    position: absolute;
    z-index: 1;
    top: -.125rem;
    right: -.125rem;
    bottom: -.125rem;
    left: -.125rem;
    display: block;
    pointer-events: none;
    box-shadow: 0 0 0 -.125rem var(--p-color-border-focus);
    border-radius: var(--p-border-radius-200)
}

.shopilike-RangeSlider-DualThumb__Thumbs {
    position: absolute;
    z-index: var(--pc-range-slider-input);
    padding: 0;
    width: var(--pc-range-slider-thumb-size);
    height: var(--pc-range-slider-thumb-size);
    border-radius: var(--p-border-radius-full);
    border: var(--p-border-width-025) solid var(--p-color-border-highlight);
    background: linear-gradient(var(--p-color-bg-fill-brand),var(--p-color-bg-fill-brand));
    -webkit-tap-highlight-color: transparent;
    cursor: -webkit-grab;
    transition: transform var(--p-motion-duration-150) var(--p-motion-ease)
}

.shopilike-RangeSlider-DualThumb__Thumbs.shopilike-RangeSlider-DualThumb--disabled {
    cursor: not-allowed;
    border-color: var(--p-color-border-disabled);
    background: var(--p-color-border-disabled)
}

.shopilike-RangeSlider-DualThumb__Thumbs:active {
    transform: scale(1.5)
}

.shopilike-RangeSlider-DualThumb__Thumbs:focus-visible:after {
    box-shadow: 0 0 0 .125rem var(--p-color-border-focus);
    outline: var(--p-border-width-025) solid transparent
}

.shopilike-RangeSlider-DualThumb__Thumbs:focus-visible {
    outline: 0
}

.shopilike-RangeSlider-DualThumb--error .shopilike-RangeSlider-DualThumb__Thumbs {
    border-color: var(--p-color-bg-fill-critical);
    background: linear-gradient(var(--p-color-bg-fill-critical),var(--p-color-bg-fill-critical))
}

.shopilike-RangeSlider-DualThumb__Prefix {
    flex: 0 0 auto;
    margin-right: var(--p-space-200)
}

.shopilike-RangeSlider-DualThumb__Suffix {
    flex: 0 0 auto;
    margin-left: var(--p-space-200)
}

.shopilike-RangeSlider-DualThumb__Output {
    --pc-range-slider-output-spacing: var(--p-space-400);
    position: absolute;
    z-index: var(--pc-range-slider-output);
    bottom: 1.5rem;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition-property: opacity,visibility,bottom;
    transition-duration: var(--p-motion-duration-150);
    transition-timing-function: var(--p-motion-ease);
    transform: translate(calc(-50% + var(--pc-range-slider-thumb-size)/2))
}

.shopilike-RangeSlider-DualThumb__Thumbs:active+.shopilike-RangeSlider-DualThumb__Output {
    opacity: 1;
    visibility: visible;
    bottom: 2rem
}

.shopilike-RangeSlider-DualThumb__OutputBubble {
    position: relative;
    display: flex;
    padding: 0 var(--p-space-200);
    min-width: 2rem;
    height: 2rem;
    background-color: var(--p-color-bg-surface);
    box-shadow: var(--p-shadow-500);
    border-radius: var(--p-border-radius-100);
    transition-property: transform;
    transition-duration: var(--p-motion-duration-150);
    transition-timing-function: var(--p-motion-ease)
}

.shopilike-RangeSlider-DualThumb__Thumbs:hover+.shopilike-RangeSlider-DualThumb__Output .shopilike-RangeSlider-DualThumb__OutputBubble,.shopilike-RangeSlider-DualThumb__Thumbs:active+.shopilike-RangeSlider-DualThumb__Output .shopilike-RangeSlider-DualThumb__OutputBubble,.shopilike-RangeSlider-DualThumb__Thumbs:focus+.shopilike-RangeSlider-DualThumb__Output .shopilike-RangeSlider-DualThumb__OutputBubble {
    transform: translateY(calc(var(--pc-range-slider-output-spacing)*-1))
}

@media (min-width: 48em) {
    .shopilike-RangeSlider-DualThumb__Thumbs:hover+.shopilike-RangeSlider-DualThumb__Output .shopilike-RangeSlider-DualThumb__OutputBubble,.shopilike-RangeSlider-DualThumb__Thumbs:active+.shopilike-RangeSlider-DualThumb__Output .shopilike-RangeSlider-DualThumb__OutputBubble,.shopilike-RangeSlider-DualThumb__Thumbs:focus+.shopilike-RangeSlider-DualThumb__Output .shopilike-RangeSlider-DualThumb__OutputBubble {
        transform:translateY(calc((var(--pc-range-slider-output-spacing)*.5)*-1))
    }
}

.shopilike-RangeSlider-DualThumb__OutputBubble>:first-child {
    display: block;
    flex: 1 1 auto;
    margin: auto
}

.shopilike-RangeSlider-SingleThumb {
    display: flex;
    align-items: center
}

.shopilike-RangeSlider-SingleThumb.shopilike-RangeSlider-SingleThumb--disabled {
    opacity: .8
}

.shopilike-RangeSlider-SingleThumb__InputWrapper {
    position: relative;
    display: flex;
    align-items: center;
    flex: 1 1 auto;
    height: var(--pc-range-slider-thumb-size)
}

.shopilike-RangeSlider-SingleThumb__InputWrapper input {
    padding: var(--p-space-300) 0;
    background-color: transparent;
    cursor: pointer
}

@media (max-width: 30.6225em) {
    .shopilike-RangeSlider-SingleThumb__InputWrapper {
        height:2.75rem
    }
}

.shopilike-RangeSlider-SingleThumb--disabled input {
    cursor: not-allowed
}

.shopilike-RangeSlider-SingleThumb__Prefix {
    flex: 0 0 auto;
    margin-right: var(--p-space-200)
}

.shopilike-RangeSlider-SingleThumb__Suffix {
    flex: 0 0 auto;
    margin-left: var(--p-space-200)
}

.shopilike-RangeSlider-SingleThumb__Input {
    --pc-range-slider-min: initial;
    --pc-range-slider-max: initial;
    --pc-range-slider-current: initial;
    --pc-range-slider-progess: initial;
    --pc-range-slider-output-factor: initial;
    --pc-single-thumb-progress-lower: var(--p-color-bg-fill-brand);
    --pc-single-thumb-progress-upper: transparent;
    --pc-single-thumb-gradient-colors: var(--pc-single-thumb-progress-lower) 0%, var(--pc-single-thumb-progress-lower) var(--pc-range-slider-progress), var(--pc-single-thumb-progress-upper) var(--pc-range-slider-progress), var(--pc-single-thumb-progress-upper) 100%
}

.shopilike-RangeSlider-SingleThumb__Input::-ms-tooltip {
    display: none
}

.shopilike-RangeSlider-SingleThumb__Input {
    position: relative;
    z-index: var(--pc-range-slider-input);
    flex: 1 1 auto;
    margin: 0;
    padding: 0;
    width: 100%;
    background-color: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.shopilike-RangeSlider-SingleThumb__Input:focus {
    outline: 0
}

.shopilike-RangeSlider-SingleThumb__Input::-moz-focus-outer {
    border: 0
}

.shopilike-RangeSlider-SingleThumb__Input::-ms-track {
    outline: var(--p-border-width-025) solid transparent
}

.shopilike-RangeSlider-SingleThumb__Input::-ms-track {
    cursor: pointer;
    width: 100%;
    height: var(--pc-range-slider-track-height);
    background-image: linear-gradient(to right,var(--pc-single-thumb-gradient-colors));
    border: none;
    border-radius: var(--pc-range-slider-track-height)
}

.shopilike-RangeSlider-SingleThumb__Input::-moz-range-track {
    cursor: pointer;
    width: 100%;
    height: var(--pc-range-slider-track-height);
    background-image: linear-gradient(to right,var(--pc-single-thumb-gradient-colors));
    border: none;
    border-radius: var(--pc-range-slider-track-height)
}

.shopilike-RangeSlider-SingleThumb__Input::-webkit-slider-runnable-track {
    cursor: pointer;
    width: 100%;
    height: var(--pc-range-slider-track-height);
    background-image: linear-gradient(to right,var(--pc-single-thumb-gradient-colors));
    border: none;
    border-radius: var(--pc-range-slider-track-height)
}

.shopilike-RangeSlider-SingleThumb__Input::-ms-thumb {
    cursor: -webkit-grab;
    width: var(--pc-range-slider-thumb-size);
    height: var(--pc-range-slider-thumb-size);
    border: var(--p-border-width-025) solid transparent;
    border-radius: var(--p-border-radius-full);
    background: linear-gradient(var(--p-color-bg-fill-brand),var(--p-color-bg-fill-brand));
    box-shadow: 0 0 0 0 var(--p-color-border-focus);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -ms-transition-property: border-color,transform;
    transition-property: border-color,transform;
    transition-duration: var(--p-motion-duration-200);
    transition-timing-function: var(--p-motion-ease);
    margin-top: calc((var(--pc-range-slider-thumb-size) - var(--pc-range-slider-track-height))*-1/2)
}

:is(.shopilike-RangeSlider-SingleThumb__Input::-ms-thumb):hover {
    background: linear-gradient(var(--p-color-bg-fill-brand),var(--p-color-bg-fill-brand))
}

.shopilike-RangeSlider-SingleThumb__Input::-moz-range-thumb {
    cursor: -webkit-grab;
    width: var(--pc-range-slider-thumb-size);
    height: var(--pc-range-slider-thumb-size);
    border: var(--p-border-width-025) solid transparent;
    border-radius: var(--p-border-radius-full);
    background: linear-gradient(var(--p-color-bg-fill-brand),var(--p-color-bg-fill-brand));
    box-shadow: 0 0 0 0 var(--p-color-border-focus);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -moz-transition-property: border-color,transform;
    transition-property: border-color,transform;
    transition-duration: var(--p-motion-duration-200);
    transition-timing-function: var(--p-motion-ease);
    margin-top: calc((var(--pc-range-slider-thumb-size) - var(--pc-range-slider-track-height))*-1/2)
}

:is(.shopilike-RangeSlider-SingleThumb__Input::-moz-range-thumb):hover {
    background: linear-gradient(var(--p-color-bg-fill-brand),var(--p-color-bg-fill-brand))
}

.shopilike-RangeSlider-SingleThumb__Input::-webkit-slider-thumb {
    cursor: -webkit-grab;
    width: var(--pc-range-slider-thumb-size);
    height: var(--pc-range-slider-thumb-size);
    border: var(--p-border-width-025) solid transparent;
    border-radius: var(--p-border-radius-full);
    background: linear-gradient(var(--p-color-bg-fill-brand),var(--p-color-bg-fill-brand));
    box-shadow: 0 0 0 0 var(--p-color-border-focus);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-transition-property: border-color,transform;
    transition-property: border-color,transform;
    transition-duration: var(--p-motion-duration-200);
    transition-timing-function: var(--p-motion-ease);
    margin-top: calc((var(--pc-range-slider-thumb-size) - var(--pc-range-slider-track-height))*-1/2)
}

:is(.shopilike-RangeSlider-SingleThumb__Input::-webkit-slider-thumb):hover {
    background: linear-gradient(var(--p-color-bg-fill-brand),var(--p-color-bg-fill-brand))
}

.shopilike-RangeSlider-SingleThumb__Input::-ms-thumb {
    margin-top: 0;
    transform: translateY(calc(var(--pc-range-slider-thumb-size)*.2)) scale(.4)
}

.shopilike-RangeSlider-SingleThumb__Input::-webkit-slider-thumb {
    margin-top: calc((var(--pc-range-slider-thumb-size) - var(--pc-range-slider-track-height))*-.5)
}

.shopilike-RangeSlider-SingleThumb__Input:active::-ms-thumb {
    transform: scale(1.5)
}

.shopilike-RangeSlider-SingleThumb__Input:active::-moz-range-thumb {
    transform: scale(1.5)
}

.shopilike-RangeSlider-SingleThumb__Input:active::-webkit-slider-thumb {
    transform: scale(1.5)
}

.shopilike-RangeSlider-SingleThumb__Input:focus {
    outline: var(--p-border-width-025) solid transparent
}

.shopilike-RangeSlider-SingleThumb__Input:focus::-ms-thumb {
    border-color: var(--p-color-bg-surface);
    box-shadow: 0 0 0 var(--p-border-width-050) var(--p-color-border-focus)
}

.shopilike-RangeSlider-SingleThumb__Input:focus::-moz-range-thumb {
    border-color: var(--p-color-bg-surface);
    box-shadow: 0 0 0 var(--p-border-width-050) var(--p-color-border-focus)
}

.shopilike-RangeSlider-SingleThumb__Input:focus::-webkit-slider-thumb {
    border-color: var(--p-color-bg-surface);
    box-shadow: 0 0 0 var(--p-border-width-050) var(--p-color-border-focus)
}

.shopilike-RangeSlider-SingleThumb--error .shopilike-RangeSlider-SingleThumb__Input {
    --pc-single-thumb-progress-lower: var(--p-color-bg-fill-critical)
}

:is(.shopilike-RangeSlider-SingleThumb--error .shopilike-RangeSlider-SingleThumb__Input)::-ms-thumb {
    border-color: var(--p-color-bg-fill-critical);
    background: var(--p-color-bg-fill-critical)
}

:is(.shopilike-RangeSlider-SingleThumb--error .shopilike-RangeSlider-SingleThumb__Input)::-moz-range-thumb {
    border-color: var(--p-color-bg-fill-critical);
    background: var(--p-color-bg-fill-critical)
}

:is(.shopilike-RangeSlider-SingleThumb--error .shopilike-RangeSlider-SingleThumb__Input)::-webkit-slider-thumb {
    border-color: var(--p-color-bg-fill-critical);
    background: var(--p-color-bg-fill-critical)
}

:is(.shopilike-RangeSlider-SingleThumb--disabled .shopilike-RangeSlider-SingleThumb__Input)::-ms-track {
    outline: var(--p-border-width-025) solid transparent
}

:is(.shopilike-RangeSlider-SingleThumb--disabled .shopilike-RangeSlider-SingleThumb__Input)::-ms-track {
    cursor: auto;
    background-image: none;
    background-color: var(--p-color-border-disabled)
}

:is(.shopilike-RangeSlider-SingleThumb--disabled .shopilike-RangeSlider-SingleThumb__Input)::-moz-range-track {
    cursor: auto;
    background-image: none;
    background-color: var(--p-color-border-disabled)
}

:is(.shopilike-RangeSlider-SingleThumb--disabled .shopilike-RangeSlider-SingleThumb__Input)::-webkit-slider-runnable-track {
    cursor: auto;
    background-image: none;
    background-color: var(--p-color-border-disabled)
}

:is(.shopilike-RangeSlider-SingleThumb--disabled .shopilike-RangeSlider-SingleThumb__Input)::-ms-thumb {
    cursor: not-allowed;
    border-color: var(--p-color-border-disabled);
    background: var(--p-color-border-disabled)
}

:is(.shopilike-RangeSlider-SingleThumb--disabled .shopilike-RangeSlider-SingleThumb__Input)::-moz-range-thumb {
    cursor: not-allowed;
    border-color: var(--p-color-border-disabled);
    background: var(--p-color-border-disabled)
}

:is(.shopilike-RangeSlider-SingleThumb--disabled .shopilike-RangeSlider-SingleThumb__Input)::-webkit-slider-thumb {
    cursor: not-allowed;
    border-color: var(--p-color-border-disabled);
    background: var(--p-color-border-disabled)
}

.shopilike-RangeSlider-SingleThumb__Output {
    --pc-range-slider-output-spacing: var(--p-space-400);
    position: absolute;
    z-index: var(--pc-range-slider-output);
    bottom: var(--pc-range-slider-thumb-size);
    left: var(--pc-range-slider-progress);
    transform: translate(calc(-50% + var(--pc-range-slider-output-factor)*var(--pc-range-slider-thumb-size)));
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition-property: opacity,visibility,bottom;
    transition-duration: var(--p-motion-duration-200);
    transition-timing-function: var(--p-motion-ease)
}

.shopilike-RangeSlider-SingleThumb__Input:active+.shopilike-RangeSlider-SingleThumb__Output {
    opacity: 1;
    visibility: visible;
    bottom: calc(var(--pc-range-slider-thumb-size) + .5rem)
}

.shopilike-RangeSlider-SingleThumb__OutputBubble {
    position: relative;
    display: flex;
    box-shadow: var(--p-shadow-500);
    padding: 0 var(--p-space-200);
    min-width: 2rem;
    height: 2rem;
    background-color: var(--p-color-bg-surface);
    border-radius: var(--p-border-radius-100);
    transition-property: transform;
    transition-duration: var(--p-motion-duration-200);
    transition-timing-function: var(--p-motion-ease);
    outline: var(--p-border-width-025) solid transparent
}

.shopilike-RangeSlider-SingleThumb__Input:hover+.shopilike-RangeSlider-SingleThumb__Output .shopilike-RangeSlider-SingleThumb__OutputBubble,.shopilike-RangeSlider-SingleThumb__Input:active+.shopilike-RangeSlider-SingleThumb__Output .shopilike-RangeSlider-SingleThumb__OutputBubble,.shopilike-RangeSlider-SingleThumb__Input:focus+.shopilike-RangeSlider-SingleThumb__Output .shopilike-RangeSlider-SingleThumb__OutputBubble {
    transform: translateY(calc(var(--pc-range-slider-output-spacing)*-1))
}

@media (min-width: 48em) {
    .shopilike-RangeSlider-SingleThumb__Input:hover+.shopilike-RangeSlider-SingleThumb__Output .shopilike-RangeSlider-SingleThumb__OutputBubble,.shopilike-RangeSlider-SingleThumb__Input:active+.shopilike-RangeSlider-SingleThumb__Output .shopilike-RangeSlider-SingleThumb__OutputBubble,.shopilike-RangeSlider-SingleThumb__Input:focus+.shopilike-RangeSlider-SingleThumb__Output .shopilike-RangeSlider-SingleThumb__OutputBubble {
        transform:translateY(calc((var(--pc-range-slider-output-spacing)*.4)*-1))
    }
}

.shopilike-RangeSlider-SingleThumb__OutputBubble>:first-child {
    display: block;
    flex: 1 1 auto;
    margin: auto
}

.shopilike-ResourceItem {
    --pc-resource-item-min-height: 2.75rem;
    --pc-resource-item-disclosure-width: 3rem;
    --pc-resource-item-offset: 2.375rem;
    --pc-resource-item-clickable-stacking-order: 1;
    --pc-resource-item-content-stacking-order: 2;
    --pc-resource-item-action-unhide-clip: auto;
    --pc-resource-item-action-hide-clip: rect(0, 0, 0, 0);
    --pc-resource-item-action-unhide-overflow: visible;
    --pc-resource-item-action-hide-overflow: hidden;
    outline: none;
    cursor: pointer
}

.shopilike-ResourceItem:hover {
    background-color: var(--p-color-bg-surface-secondary-hover)
}

:is(.shopilike-ResourceItem:hover .shopilike-ResourceItem__Actions)>* {
    clip: var(--pc-resource-item-action-unhide-clip);
    overflow: var(--pc-resource-item-action-unhide-overflow)
}

.shopilike-ResourceItem:active {
    background-color: var(--p-color-bg-surface-active)
}

.shopilike-ResourceItem__ItemWrapper {
    overflow: hidden;
    max-width: 100%
}

.shopilike-ResourceItem__CheckboxWrapper {
    z-index: var(--pc-resource-item-content-stacking-order);
    display: flex;
    align-items: inherit;
    height: 100%
}

.shopilike-ResourceItem--focusedInner,.shopilike-ResourceItem--focusedInner.shopilike-ResourceItem--focused,.shopilike-ResourceItem--focusedInner.shopilike-ResourceItem--focused.shopilike-ResourceItem--selected {
    box-shadow: none
}

.shopilike-ResourceItem__Link,.shopilike-ResourceItem__Button {
    position: absolute;
    z-index: var(--pc-resource-item-clickable-stacking-order);
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    opacity: 0
}

.shopilike-ResourceItem__Button {
    padding: 0;
    border: none
}

.shopilike-ResourceItem--selectable {
    width: 100%;
    margin-right: 0
}

.shopilike-ResourceItem--disabled {
    cursor: default;
    color: var(--p-color-text-secondary)
}

.shopilike-ResourceItem--disabled:hover {
    background-color: transparent
}

.shopilike-ResourceItem__Actions>* {
    clip: var(--pc-resource-item-action-hide-clip);
    overflow: var(--pc-resource-item-action-hide-overflow)
}

:is(.shopilike-ResourceItem--focused .shopilike-ResourceItem__Actions)>* {
    clip: var(--pc-resource-item-action-unhide-clip);
    overflow: var(--pc-resource-item-action-unhide-overflow)
}

.shopilike-ResourceItem--selected {
    background-color: var(--p-color-bg-surface-brand-selected)
}

.shopilike-ResourceItem--selected:hover {
    background-color: var(--p-color-bg-surface-brand-hover)
}

.shopilike-ResourceItem--selected:active {
    background-color: var(--p-color-bg-surface-brand-active)
}

.shopilike-ResourceItem__ListItem {
    position: relative
}

.shopilike-ResourceItem__ListItem:after {
    content: "";
    position: absolute;
    z-index: 1;
    top: 0rem;
    right: 0rem;
    bottom: 0rem;
    left: 0rem;
    display: block;
    pointer-events: none;
    box-shadow: 0 0 0 0 var(--p-color-border-focus);
    border-radius: var(--p-border-radius-100)
}

.shopilike-ResourceItem__ListItem+.shopilike-ResourceItem__ListItem {
    border-top: var(--pc-resource-list-separator-border)
}

.shopilike-ResourceItem__ListItem.shopilike-ResourceItem--focused:after {
    content: none
}

.shopilike-ResourceItem__ListItem.shopilike-ResourceItem--focused {
    outline: var(--p-border-width-050) solid var(--p-color-border-focus);
    outline-offset: calc(var(--p-space-050)*-1);
    z-index: var(--pc-resource-item-clickable-stacking-order);
    border-radius: var(--p-border-radius-0)
}

@media (min-width: 30.625em) {
    .shopilike-ResourceItem__ListItem.shopilike-ResourceItem--focused {
        border-radius:var(--p-border-radius-300)
    }

    .shopilike-ResourceItem__ListItem.shopilike-ResourceItem--focused:first-of-type {
        border-bottom-left-radius: var(--p-border-radius-0);
        border-bottom-right-radius: var(--p-border-radius-0)
    }

    .shopilike-ResourceItem__ListItem.shopilike-ResourceItem--focused:last-of-type {
        border-top-left-radius: var(--p-border-radius-0);
        border-top-right-radius: var(--p-border-radius-0)
    }
}

.shopilike-ResourceItem__ListItem.shopilike-ResourceItem--focused:only-child {
    border-radius: var(--p-border-radius-0)
}

@media (min-width: 30.625em) {
    .shopilike-ResourceItem__ListItem.shopilike-ResourceItem--focused:only-child {
        border-radius:var(--p-border-radius-300)
    }
}

.shopilike-ResourceItem__ListItem.shopilike-ResourceItem--focused.shopilike-ResourceItem--selectable {
    border-radius: var(--p-border-radius-0)
}

@media (min-width: 30.625em) {
    .shopilike-ResourceItem__ListItem.shopilike-ResourceItem--focused.shopilike-ResourceItem--selectable:last-child {
        border-bottom-left-radius:var(--p-border-radius-300);
        border-bottom-right-radius: var(--p-border-radius-300)
    }

    .shopilike-ResourceItem__ListItem.shopilike-ResourceItem--focused.shopilike-ResourceItem--selectable.shopilike-ResourceItem--hasBulkActions.shopilike-ResourceItem--selected:last-child {
        border-bottom-left-radius: var(--p-border-radius-0);
        border-bottom-right-radius: var(--p-border-radius-0)
    }
}

.shopilike-Select {
    --pc-select-backdrop: 10;
    --pc-select-content: 20;
    --pc-select-input: 30;
    --pc-select-sm-scrn-spacing: .625rem;
    position: relative
}

.shopilike-Select select::-ms-expand {
    display: none
}

.shopilike-Select:not(.shopilike-Select--disabled):not(.shopilike-Select--error):hover .shopilike-Select__Backdrop {
    border-color: var(--p-color-input-border-hover);
    background-color: var(--p-color-input-bg-surface-hover)
}

.shopilike-Select:not(.shopilike-Select--disabled):not(.shopilike-Select--error) .shopilike-Select__Input:active~.shopilike-Select__Backdrop {
    border: none
}

@media (hover) and (pointer: fine),(min-width: 48em) {
    .shopilike-Select:not(.shopilike-Select--disabled):not(.shopilike-Select--error) .shopilike-Select__Input:active~.shopilike-Select__Backdrop {
        box-shadow:var(--p-shadow-inset-200)
    }
}

.shopilike-Select:not(.shopilike-Select--disabled):not(.shopilike-Select--error) .shopilike-Select__Input:active~.shopilike-Select__Backdrop {
    background-color: var(--p-color-input-bg-surface-active)
}

.shopilike-Select--disabled .shopilike-Select__Content {
    color: var(--p-color-text-disabled)
}

.shopilike-Select--disabled .shopilike-Select__InlineLabel {
    color: inherit
}

.shopilike-Select--disabled .shopilike-Select__Icon {
    color: var(--p-color-icon-disabled)
}

.shopilike-Select--disabled .shopilike-Select__Backdrop {
    border-color: var(--p-color-border-disabled);
    background-color: var(--p-color-bg-surface-disabled)
}

:is(.shopilike-Select--disabled .shopilike-Select__Backdrop):before {
    background-color: var(--p-color-input-bg-surface)
}

:is(.shopilike-Select--disabled .shopilike-Select__Backdrop):hover {
    cursor: default
}

.shopilike-Select__Content {
    font-size: var(--p-font-size-400);
    font-weight: var(--p-font-weight-regular);
    line-height: var(--p-font-line-height-600);
    border: none;
    letter-spacing: initial
}

@media (min-width: 48em) {
    .shopilike-Select__Content {
        font-size:var(--p-font-size-325);
        line-height: var(--p-font-line-height-500)
    }
}

.shopilike-Select__Content {
    position: relative;
    z-index: var(--pc-select-content);
    display: flex;
    align-items: center;
    width: 100%;
    min-height: var(--pg-control-height);
    padding: var(--p-space-150) var(--p-space-200) var(--p-space-150) var(--p-space-300);
    font-size: var(--p-font-size-400);
    line-height: var(--p-font-line-height-600)
}

@media (hover) and (pointer: fine),(min-width: 48em) {
    .shopilike-Select__Content {
        line-height:var(--p-font-line-height-500);
        font-size: var(--p-font-size-325)
    }
}

@media (pointer: coarse) and (max-width: 47.9975em) {
    .shopilike-Select__Content div>span {
        font-size:var(--p-font-size-400);
        line-height: var(--p-font-line-height-500)
    }
}

@media (pointer: coarse) and (max-width: 47.9975em) {
    .shopilike-Select__Content.shopilike-Select--notLabelInside {
        padding-block:var(--pc-select-sm-scrn-spacing)
    }
}

.shopilike-Select__Content.shopilike-Select--compactContent {
    font-size: var(--p-font-size-300);
    line-height: var(--p-font-line-height-400);
    padding-inline:var(--p-space-150)}

.shopilike-Select__SelectedOption {
    flex: 1 1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.shopilike-Select--labelInside .shopilike-Select__SelectedOption,.shopilike-Select--labelInside .shopilike-Select__Prefix {
    padding-block-start:calc(var(--p-space-150) + var(--p-space-400));padding-block-end: var(--p-space-100)
}

.shopilike-Select__Prefix {
    display: flex;
    align-items: center;
    padding-right: var(--p-space-100)
}

.shopilike-Select__Icon {
    display: inline-flex;
    align-items: center;
    color: var(--p-color-icon-secondary)
}

.shopilike-Select__Input {
    font-size: var(--p-font-size-400);
    font-weight: var(--p-font-weight-regular);
    line-height: var(--p-font-line-height-600);
    font-family: var(--p-font-family-sans);
    letter-spacing: initial;
    position: absolute;
    text-rendering: auto;
    top: 0;
    left: 0;
    z-index: var(--pc-select-input);
    width: 100%;
    height: 100%;
    margin: 0;
    opacity: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    padding: var(--p-space-150) var(--p-space-200) var(--p-space-150) var(--p-space-300)
}

@media (hover) and (pointer: fine),(min-width: 48em) {
    .shopilike-Select__Input {
        font-size:var(--p-font-size-325);
        line-height: var(--p-font-line-height-500)
    }
}

@media (pointer: coarse) and (max-width: 47.9975em) {
    .shopilike-Select__Input {
        padding-block:var(--pc-select-sm-scrn-spacing)
    }
}

.shopilike-Select__Input.shopilike-Select--compactInput {
    font-size: var(--p-font-size-300)
}

.shopilike-Select__Backdrop {
    z-index: var(--pc-select-backdrop);
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border: var(--p-border-width-025) solid var(--p-color-input-border)
}

@media (hover) and (pointer: fine),(min-width: 48em) {
    .shopilike-Select__Backdrop {
        border:var(--p-border-width-0165) solid var(--p-color-input-border)
    }
}

.shopilike-Select__Backdrop {
    border-radius: var(--p-border-radius-300)
}

@media (hover) and (pointer: fine),(min-width: 48em) {
    .shopilike-Select__Backdrop {
        border-radius:var(--p-border-radius-200)
    }
}

.shopilike-Select__Backdrop {
    background-color: var(--p-color-input-bg-surface);
    position: absolute
}

@media (pointer: coarse) and (max-width: 47.9975em) {
    .shopilike-Select__Backdrop {
        padding-block:var(--pc-select-sm-scrn-spacing)
    }
}

.shopilike-Select--error .shopilike-Select__Backdrop {
    border-color: var(--p-color-border-critical-secondary)
}

@media (hover) and (pointer: fine),(min-width: 48em) {
    .shopilike-Select--error .shopilike-Select__Backdrop {
        background-color:var(--p-color-bg-surface-critical)
    }
}

.shopilike-Select--error .shopilike-Select__Backdrop {
    border-width: var(--p-border-width-050)
}

@media (hover) and (pointer: fine),(min-width: 48em) {
    .shopilike-Select--error .shopilike-Select__Backdrop {
        border-width:var(--p-border-width-025)
    }
}

.shopilike-Select--hover:is(.shopilike-Select--error .shopilike-Select__Backdrop),:is(.shopilike-Select--error .shopilike-Select__Backdrop):hover {
    border-color: var(--p-color-border-critical)
}

.shopilike-Select--error .shopilike-Select__Input:focus-visible~.shopilike-Select__Backdrop {
    border-color: var(--p-color-border-critical-secondary);
    background-color: var(--p-color-bg-surface-critical);
    border-width: var(--p-border-width-050)
}

@media (hover) and (pointer: fine),(min-width: 48em) {
    .shopilike-Select--error .shopilike-Select__Input:focus-visible~.shopilike-Select__Backdrop {
        border-width:var(--p-border-width-025)
    }
}

.shopilike-Select__Input:focus-visible~.shopilike-Select__Backdrop {
    border-width: var(--p-border-width-050);
    border-color: var(--p-color-border-focus)
}

@media (hover) and (pointer: fine),(min-width: 48em) {
    .shopilike-Select__Input:focus-visible~.shopilike-Select__Backdrop {
        border-color:var(--p-color-input-border-active);
        border-width: var(--p-border-width-025);
        background-color: var(--p-color-input-bg-surface-active);
        outline: var(--p-border-width-050) solid var(--p-color-border-focus);
        outline-offset: var(--p-space-025)
    }
}

.shopilike-Select--toneMagic .shopilike-Select__Content {
    color: var(--p-color-text-ai)
}

.shopilike-Select--toneMagic .shopilike-Select__InlineLabel {
    color: inherit
}

.shopilike-Select--toneMagic .shopilike-Select__Backdrop {
    border-color: var(--p-color-border-ai-secondary);
    background-color: var(--p-color-bg-surface-ai)
}

.shopilike-Select--toneMagic .shopilike-Select__Icon s-internal-icon {
    color: var(--p-color-icon-ai)
}

.shopilike-Select--toneMagic:not(.shopilike-Select--disabled):not(.shopilike-Select--error):not(:focus-within):hover .shopilike-Select__Backdrop {
    border-color: var(--p-color-border-ai-secondary-hover);
    background-color: var(--p-color-bg-surface-ai-hover)
}

:is(.shopilike-Select--toneMagic:not(.shopilike-Select--disabled):not(.shopilike-Select--error) .shopilike-Select__Input:focus-visible)~.shopilike-Select__Content {
    color: var(--p-color-text)
}

:is(:is(.shopilike-Select--toneMagic:not(.shopilike-Select--disabled):not(.shopilike-Select--error) .shopilike-Select__Input:focus-visible)~.shopilike-Select__Content) .shopilike-Select__Icon s-internal-icon {
    color: var(--p-color-icon-secondary)
}

@media (-ms-high-contrast: active) {
    .shopilike-Select__Content {
        color: FieldText;
        -ms-high-contrast-adjust: none
    }

    .shopilike-Select__InlineLabel {
        color: inherit
    }

    .shopilike-Select__InlineLabel:after {
        content: ":"
    }

    .shopilike-Select__SelectedOption {
        color: inherit
    }

    .shopilike-Select__Icon s-internal-icon {
        color: buttonText
    }

    .shopilike-Select__Backdrop:after {
        display: none
    }

    .shopilike-Select__Input:focus~.shopilike-Select__Content {
        color: highlightText
    }

    .shopilike-Select__Input:focus~.shopilike-Select__Backdrop {
        background-color: highlight
    }

    .shopilike-Select--disabled .shopilike-Select__Content {
        color: grayText
    }

    .shopilike-Select--disabled .shopilike-Select__Icon {
        opacity: 1
    }

    :is(.shopilike-Select--disabled .shopilike-Select__Icon) s-internal-icon {
        color: grayText
    }
}

.shopilike-ResourceList__FiltersWrapper {
    padding: var(--p-space-300)
}

.shopilike-ResourceList__FiltersWrapper+.shopilike-ResourceList__ResourceListWrapper>:first-child:is(.shopilike-ResourceList) {
    border-top: var(--pc-resource-list-separator-border)
}

.shopilike-ResourceList__HeaderOuterWrapper {
    position: relative;
    background-color: var(--p-color-bg-surface);
    z-index: var(--pc-resource-list-header-outer-wrapper-stacking-order);
    border-top-left-radius: var(--p-border-radius-200);
    border-top-right-radius: var(--p-border-radius-200)
}

.shopilike-ResourceList__HeaderOuterWrapper+.shopilike-ResourceList,.shopilike-ResourceList__HeaderOuterWrapper+.shopilike-ResourceList__BulkActionsWrapper+.shopilike-ResourceList {
    border-top: var(--pc-resource-list-separator-border)
}

.shopilike-ResourceList__HeaderWrapper--disabled {
    pointer-events: none
}

.shopilike-ResourceList__HeaderWrapper--overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: var(--pc-resource-list-header-overlay-stacking-order);
    background-color: #ffffff80
}

.shopilike-ResourceList__FiltersWrapper+.shopilike-ResourceList__ResourceListWrapper>.shopilike-ResourceList__HeaderOuterWrapper {
    margin-top: calc(var(--p-space-400)*-1)
}

.shopilike-ResourceList__HeaderWrapper {
    position: relative;
    display: flex;
    width: 100%;
    background-color: var(--p-color-bg-surface);
    border-radius: var(--p-border-radius-200);
    min-height: 3.25rem;
    align-items: center;
    padding: var(--p-space-200) var(--p-space-300)
}

@media (min-width: 48em) {
    .shopilike-ResourceList__HeaderWrapper {
        min-height:3rem
    }
}

.shopilike-ResourceList__HeaderWrapper--isSticky {
    box-shadow: var(--p-shadow-100);
    border-radius: 0
}

.shopilike-ResourceList__HeaderContentWrapper {
    position: absolute;
    z-index: var(--pc-resource-list-content-wrapper-stacking-order);
    right: var(--p-space-300);
    left: var(--p-space-300);
    top: 0;
    bottom: 0;
    display: flex;
    min-height: var(--pg-control-height);
    opacity: 1;
    transition: opacity var(--p-motion-ease) var(--p-motion-duration-200);
    align-items: center
}

.shopilike-ResourceList__HeaderWrapper--inSelectMode .shopilike-ResourceList__HeaderContentWrapper {
    opacity: 0
}

.shopilike-ResourceList__SortWrapper,.shopilike-ResourceList__AlternateToolWrapper {
    position: relative;
    display: flex;
    flex: 1 1;
    align-items: center
}

.shopilike-ResourceList__HeaderWrapper--hasSelect :is(.shopilike-ResourceList__SortWrapper,.shopilike-ResourceList__AlternateToolWrapper) {
    padding-right: var(--p-space-200)
}

@media (min-width: 30.625em) {
    .shopilike-ResourceList__SortWrapper,.shopilike-ResourceList__AlternateToolWrapper {
        position:relative;
        left: auto;
        flex: 0 1 auto;
        margin-left: var(--p-space-400)
    }

    .shopilike-ResourceList__HeaderWrapper--hasAlternateTool.shopilike-ResourceList__HeaderWrapper--hasSelect :is(.shopilike-ResourceList__SortWrapper,.shopilike-ResourceList__AlternateToolWrapper),.shopilike-ResourceList__HeaderWrapper--hasSort.shopilike-ResourceList__HeaderWrapper--hasSelect :is(.shopilike-ResourceList__SortWrapper,.shopilike-ResourceList__AlternateToolWrapper) {
        padding-right: 0
    }
}

.shopilike-ResourceList__SortWrapper {
    min-width: 0;
    max-width: 100%
}

.shopilike-ResourceList__SortWrapper>* {
    max-width: 100%
}

.shopilike-ResourceList__HeaderTitleWrapper {
    white-space: nowrap;
    text-overflow: ellipsis;
    flex: 1 1;
    align-self: center
}

.shopilike-ResourceList__HeaderWrapper--hasAlternateTool .shopilike-ResourceList__HeaderTitleWrapper,.shopilike-ResourceList__HeaderWrapper--hasSort .shopilike-ResourceList__HeaderTitleWrapper {
    display: none
}

@media (min-width: 30.625em) {
    .shopilike-ResourceList__HeaderWrapper--hasAlternateTool .shopilike-ResourceList__HeaderTitleWrapper,.shopilike-ResourceList__HeaderWrapper--hasSort .shopilike-ResourceList__HeaderTitleWrapper {
        display:block
    }

    .shopilike-ResourceList__HeaderWrapper--hasSelect .shopilike-ResourceList__HeaderTitleWrapper {
        display: none
    }
}

.shopilike-ResourceList__BulkActionsWrapper {
    position: relative;
    z-index: var(--pc-resource-list-bulk-actions-wrapper-stacking-order);
    width: 100%;
    visibility: hidden;
    opacity: 0;
    transition: opacity var(--p-motion-duration-100) var(--p-motion-ease),visibility var(--p-motion-duration-100) var(--p-motion-ease)
}

.shopilike-ResourceList__BulkActionsWrapper.shopilike-ResourceList__BulkActionsWrapperVisible {
    visibility: visible;
    opacity: 1
}

.shopilike-ResourceList__PaginationWrapper {
    z-index: var(--pc-pagination-index)
}

@media (min-width: 48em) {
    .shopilike-ResourceList__PaginationWrapper {
        position:sticky;
        bottom: 0
    }
}

.shopilike-ResourceList__CheckableButtonWrapper {
    display: none;
    height: 100%
}

@media (min-width: 30.625em) {
    .shopilike-ResourceList__CheckableButtonWrapper {
        flex:1 1;
        display: block
    }
}

.shopilike-ResourceList__EmptySearchResultWrapper {
    padding-top: var(--p-space-800);
    padding-bottom: var(--p-space-800)
}

@media (min-height: 37.5em) {
    .shopilike-ResourceList__EmptySearchResultWrapper {
        padding-top:var(--p-space-1600);
        padding-bottom: var(--p-space-1600)
    }
}

.shopilike-ResourceList__ResourceListWrapper {
    --pc-resource-list-stacking-order: 1;
    --pc-resource-list-content-wrapper-stacking-order: 1;
    --pc-resource-list-overlay-stacking-order: 3;
    --pc-resource-list-header-overlay-stacking-order: 4;
    --pc-resource-list-spinner-stacking-order: 4;
    --pc-pagination-index: 30;
    --pc-resource-list-bulk-actions-wrapper-stacking-order: 31;
    --pc-resource-list-header-outer-wrapper-stacking-order: 31;
    --pc-resource-list-separator-border: var(--p-border-width-025) solid var(--p-color-border);
    position: relative
}

.shopilike-ResourceList {
    position: relative;
    z-index: var(--pc-resource-list-stacking-order);
    margin: 0;
    padding: 0;
    list-style: none
}

.shopilike-ResourceList__ItemWrapper {
    position: relative;
    z-index: var(--pc-resource-list-stacking-order);
    overflow: hidden;
    max-width: 100%
}

.shopilike-ResourceList__ItemWrapper+.shopilike-ResourceList__ItemWrapper {
    border-top: var(--pc-resource-list-separator-border)
}

.shopilike-ResourceList__ItemWrapper--isLoading {
    min-height: 4rem
}

.shopilike-ResourceList__SpinnerContainer {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: var(--pc-resource-list-spinner-stacking-order);
    display: flex;
    justify-content: center
}

.shopilike-ResourceList__LoadingOverlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: var(--pc-resource-list-overlay-stacking-order);
    display: flex;
    justify-content: center;
    background-color: #ffffff80
}

.shopilike-ResourceList__DisabledPointerEvents {
    pointer-events: none
}

.shopilike-ResourceList--disableTextSelection {
    -webkit-user-select: none;
    user-select: none
}

.shopilike-SelectAllActions {
    display: flex;
    gap: var(--p-space-200);
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    transition: var(--p-motion-duration-100) var(--p-motion-ease);
    transition-property: transform,opacity
}

.shopilike-SelectAllActions.shopilike-SelectAllActions--selectAllActionsNotSticky {
    transform: none;
    opacity: 1
}

.shopilike-SelectAllActions__SelectAllActions--entering,.shopilike-SelectAllActions__SelectAllActions--exiting {
    display: flex;
    opacity: 0
}

:is(.shopilike-SelectAllActions__SelectAllActions--entering,.shopilike-SelectAllActions__SelectAllActions--exiting):not(:is(.shopilike-SelectAllActions--selectAllActionsNotSticky,.shopilike-SelectAllActions__SelectAllActions--hasPagination)) {
    transform: translateY(100%)
}

.shopilike-SelectAllActions__SelectAllActions--exited {
    display: none;
    opacity: 0
}

.shopilike-SelectAllActions__SelectAllActions--exited:not(:is(.shopilike-SelectAllActions--selectAllActionsNotSticky,.shopilike-SelectAllActions__SelectAllActions--hasPagination)) {
    transform: translateY(100%)
}

.shopilike-SelectAllActions__SelectAllActions--entered {
    opacity: 1;
    display: flex;
    transform: translateY(0)
}

.shopilike-SelectAllActions__AllAction {
    border: 0;
    background: none;
    padding: 0;
    cursor: pointer;
    color: var(--p-color-text-highlight);
    outline: none;
    position: relative
}

.shopilike-SelectAllActions__AllAction:after {
    content: "";
    position: absolute;
    z-index: 1;
    top: -.0625rem;
    right: -.0625rem;
    bottom: -.0625rem;
    left: -.0625rem;
    display: block;
    pointer-events: none;
    box-shadow: 0 0 0 -.0625rem var(--p-color-border-focus);
    border-radius: var(--p-border-radius-100)
}

.shopilike-SelectAllActions__AllAction:hover,.shopilike-SelectAllActions__AllAction:focus {
    color: var(--p-color-text-highlight-hover)
}

.shopilike-SelectAllActions__AllAction:active {
    color: var(--p-color-text-highlight-active)
}

.shopilike-SelectAllActions__AllAction:focus-visible:not(:active):after {
    box-shadow: 0 0 0 .125rem var(--p-color-border-focus);
    outline: var(--p-border-width-025) solid transparent
}

.shopilike-SkeletonBodyText__SkeletonBodyTextContainer {
    width: 100%
}

.shopilike-SkeletonBodyText {
    height: var(--p-space-200);
    display: flex;
    background-color: var(--p-color-bg-fill-tertiary);
    border-radius: var(--p-border-radius-100)
}

@media screen and (-ms-high-contrast: active) {
    .shopilike-SkeletonBodyText {
        background-color: grayText
    }
}

.shopilike-SkeletonBodyText:last-child:not(:first-child) {
    width: 80%
}

.shopilike-SkeletonBodyText+.shopilike-SkeletonBodyText {
    margin-top: var(--p-space-300)
}

.shopilike-SkeletonDisplayText__DisplayText {
    --pc-skeleton-display-text-height: var(--p-font-line-height-500);
    --pc-skeleton-display-text-height-not-condensed: var( --p-font-line-height-500 );
    max-width: var(--pc-skeleton-display-text-max-width, 120px);
    display: flex;
    background-color: var(--p-color-bg-fill-tertiary);
    border-radius: var(--p-border-radius-100)
}

@media screen and (-ms-high-contrast: active) {
    .shopilike-SkeletonDisplayText__DisplayText {
        background-color: grayText
    }
}

.shopilike-SkeletonDisplayText__DisplayText {
    height: var(--pc-skeleton-display-text-height)
}

@media (min-width: 48em) {
    .shopilike-SkeletonDisplayText__DisplayText {
        height:var(--pc-skeleton-display-text-height-not-condensed)
    }
}

.shopilike-SkeletonDisplayText--sizeSmall {
    --pc-skeleton-display-text-height: var(--p-font-line-height-600);
    --pc-skeleton-display-text-height-not-condensed: var( --p-font-line-height-700 )
}

.shopilike-SkeletonDisplayText--sizeMedium,.shopilike-SkeletonDisplayText--sizeLarge {
    --pc-skeleton-display-text-height: var(--p-font-line-height-700);
    --pc-skeleton-display-text-height-not-condensed: var( --p-font-line-height-800 )
}

.shopilike-SkeletonDisplayText--sizeExtraLarge {
    --pc-skeleton-display-text-height: 2.25rem;
    --pc-skeleton-display-text-height-not-condensed: 2.75rem
}

.shopilike-SkeletonTabs__Tabs {
    display: flex;
    width: 100%;
    overflow: auto
}

@media (min-width: 48em) {
    .shopilike-SkeletonTabs__Tabs {
        overflow:visible
    }
}

.shopilike-SkeletonTabs__Tab {
    position: relative;
    display: flex;
    align-items: center;
    height: calc(var(--p-height-800) + var(--p-height-400));
    padding: var(--p-space-200) var(--p-space-300);
    margin-right: var(--p-space-100)
}

.shopilike-SkeletonTabs__Tab:last-child {
    margin-right: 0
}

@media (min-width: 48em) {
    .shopilike-SkeletonTabs__Tab {
        height:calc(var(--p-height-700) + var(--p-height-400))
    }
}

.shopilike-SkeletonTabs__TabText {
    width: var(--p-width-1600);
    height: var(--p-space-300);
    background-color: var(--p-color-bg-fill-tertiary);
    border-radius: var(--p-border-radius-100)
}

@media screen and (-ms-high-contrast: active) {
    .shopilike-SkeletonTabs__TabText {
        background-color: grayText
    }
}

.shopilike-SkeletonTabs--fitted {
    flex-wrap: nowrap
}

.shopilike-SkeletonTabs--fitted .shopilike-SkeletonTabs__Tab {
    justify-content: flex-start
}

@media (min-width: 48em) {
    .shopilike-SkeletonTabs--fitted .shopilike-SkeletonTabs__Tab {
        flex:1 1 100%;
        justify-content: center
    }
}

@media (min-width: 48em) {
    .shopilike-SkeletonTabs--fitted .shopilike-SkeletonTabs__TabText {
        width:100%
    }
}

.shopilike-SkeletonThumbnail {
    --pc-skeleton-thumbnail-extra-small-size: 1.5rem;
    --pc-skeleton-thumbnail-small-size: 2.5rem;
    --pc-skeleton-thumbnail-medium-size: 3.75rem;
    --pc-skeleton-thumbnail-large-size: 5rem;
    display: flex;
    background-color: var(--p-color-bg-fill-tertiary);
    border-radius: var(--p-border-radius-200)
}

@media screen and (-ms-high-contrast: active) {
    .shopilike-SkeletonThumbnail {
        background-color: grayText
    }
}

.shopilike-SkeletonThumbnail--sizeExtraSmall {
    height: var(--pc-skeleton-thumbnail-extra-small-size);
    width: var(--pc-skeleton-thumbnail-extra-small-size)
}

.shopilike-SkeletonThumbnail--sizeSmall {
    height: var(--pc-skeleton-thumbnail-small-size);
    width: var(--pc-skeleton-thumbnail-small-size)
}

.shopilike-SkeletonThumbnail--sizeMedium {
    height: var(--pc-skeleton-thumbnail-medium-size);
    width: var(--pc-skeleton-thumbnail-medium-size)
}

.shopilike-SkeletonThumbnail--sizeLarge {
    height: var(--pc-skeleton-thumbnail-large-size);
    width: var(--pc-skeleton-thumbnail-large-size)
}

.shopilike-VideoThumbnail__Thumbnail {
    position: relative;
    padding-bottom: 56.25%;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%
}

.shopilike-VideoThumbnail__ThumbnailContainer {
    position: relative;
    height: 100%
}

.shopilike-VideoThumbnail__PlayButton {
    --pc-play-button-focused-state-overlay: rgba(223, 227, 232, .3);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 0;
    border: none;
    background: transparent;
    transition: opacity var(--p-motion-duration-200) var(--p-motion-ease-in);
    cursor: pointer
}

.shopilike-VideoThumbnail__PlayButton:focus {
    outline: none;
    box-shadow: inset .125rem 0 0 var(--p-color-border-focus);
    background-image: linear-gradient(var(--pc-play-button-focused-state-overlay),var(--pc-play-button-focused-state-overlay))
}

.shopilike-VideoThumbnail__PlayButton:focus .shopilike-VideoThumbnail__Timestamp {
    background-color: var( --p-color-video-thumbnail-play-button-bg-fill-hover )
}

.shopilike-VideoThumbnail__PlayButton:hover .shopilike-VideoThumbnail__Timestamp {
    background-color: var(--p-color-video-thumbnail-play-button-bg-fill-hover)
}

.shopilike-VideoThumbnail__PlayIcon {
    display: flex;
    align-items: center;
    fill: var(--p-color-video-thumbnail-play-button-text-on-bg-fill)
}

.shopilike-VideoThumbnail__Timestamp {
    position: absolute;
    bottom: 0;
    padding: var(--p-space-100) var(--p-space-200) var(--p-space-100) var(--p-space-100);
    margin-bottom: var(--p-space-400);
    margin-left: var(--p-space-400);
    border-radius: var(--p-border-radius-200);
    color: var(--p-color-video-thumbnail-play-button-text-on-bg-fill);
    background-color: var(--p-color-video-thumbnail-play-button-bg-fill);
    text-align: center;
    transition: background-color var(--p-motion-duration-200) var(--p-motion-ease-in)
}

.shopilike-VideoThumbnail__Progress {
    position: absolute;
    bottom: 0;
    width: 100%;
    background-color: var(--p-color-bg-surface);
    height: .375rem;
    overflow: hidden
}

.shopilike-VideoThumbnail__Indicator {
    height: inherit;
    width: 100%;
    transform-origin: left;
    transform: scaleX(0);
    background-color: var(--p-color-bg-fill-brand);
    transition: transform var(--p-motion-duration-500) var(--p-motion-ease)
}

.shopilike-VideoThumbnail__ProgressBar,.shopilike-VideoThumbnail__Label {
    position: absolute!important;
    top: 0;
    width: .0625rem!important;
    height: .0625rem!important;
    margin: 0!important;
    padding: 0!important;
    overflow: hidden!important;
    clip-path: inset(50%)!important;
    border: 0!important;
    white-space: nowrap!important
}

.shopilike-Viz-Internal-ChartContainer {
    position: relative;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    font-family: Inter,-apple-system,"system-ui",San Francisco,Segoe UI,Roboto,Helvetica Neue,sans-serif;
    font-size: .75rem
}

.shopilike-Viz-Internal-ChartContainer:focus,.shopilike-Viz-Internal-ChartContainer:focus-visible {
    outline: .125rem solid #4b92e5;
    outline-offset: .125rem
}

.shopilike-Viz-Internal-ChartContainer svg [data-color-vision-event-watch=true],.shopilike-Viz-Internal-ChartContainer svg [tabindex] {
    outline: none
}

.shopilike-Viz-Internal-ChartContainer svg [data-color-vision-event-watch=true]:focus,.shopilike-Viz-Internal-ChartContainer svg [data-color-vision-event-watch=true]:focus-visible,.shopilike-Viz-Internal-ChartContainer svg [tabindex]:focus,.shopilike-Viz-Internal-ChartContainer svg [tabindex]:focus-visible {
    outline: none!important
}

.shopilike-Viz-Internal-ChartContainer__ContainerBounds {
    height: 100%;
    width: 100%
}

.shopilike-Viz-Internal-ChartContainer__Chart {
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 100%
}

.shopilike-Viz-Internal-ChartContainer__Chart svg {
    overflow: visible;
    max-width: 100%
}

.shopilike-Viz-Internal-ChartSkeleton-DonutSkeleton__Donut {
    position: relative;
    display: flex;
    width: 100%;
    height: 100%;
    overflow: visible;
    -webkit-user-select: none;
    user-select: none;
    align-items: center
}

.shopilike-Viz-Internal-ChartSkeleton-DonutSkeleton__DonutWrapper {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    height: 100%
}

.shopilike-Viz-Internal-ChartSkeleton-DonutSkeleton__ContentWrapper {
    position: absolute;
    justify-content: center;
    display: flex;
    flex-flow: column nowrap;
    align-items: center;
    font-size: 1.25rem;
    pointer-events: none;
    width: 100%;
    height: 100%
}

.shopilike-Viz-Internal-ChartSkeleton-DonutSkeleton__ContentWrapper span {
    max-width: 50%;
    text-align: center;
    color: #fff;
    font-size: .6875rem
}

.shopilike-Viz-Internal-ChartSkeleton-DonutSkeleton__DonutChart {
    overflow: visible
}

.shopilike-Viz-Internal-Bar {
    transition: fill .3s ease
}

@media print {
    .shopilike-Viz-Internal-Bar__Group {
        transform: none!important
    }
}

.shopilike-Viz-Internal-ChartSkeleton-Shimmer {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-size: 200% 100%;
    transform: scale(5,10);
    animation-name: shopilike-Viz-Internal-ChartSkeleton-Shimmer--shimmer;
    animation-duration: 10s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    background-position-y: 0;
    pointer-events: none
}

@keyframes shopilike-Viz-Internal-ChartSkeleton-Shimmer--shimmer {
    0% {
        background-position: 200% 0
    }

    to {
        background-position: -200% 0
    }
}

.shopilike-Viz-Internal-ChartSkeleton-SimpleBarSkeleton {
    display: flex;
    flex-direction: column;
    gap: 2.5rem;
    width: 100%
}

.shopilike-Viz-Internal-ChartSkeleton-SimpleBarSkeleton__Item {
    display: grid;
    grid-template-rows: 1rem 2.5rem;
    grid-template-columns: 20% auto;
    gap: 1.25rem
}

.shopilike-Viz-Internal-ChartSkeleton-SimpleBarSkeleton__Item>*:last-child {
    grid-column: span 2
}

.shopilike-Viz-Internal-ChartSkeleton-SimpleNormalizedSkeleton__Container {
    display: flex
}

.shopilike-Viz-Internal-ChartSkeleton-SimpleNormalizedSkeleton__Legend {
    height: 3.125rem;
    display: flex;
    gap: 5%;
    max-width: 60%;
    margin: .875rem 0
}

.shopilike-Viz-Internal-ChartSkeleton-SimpleNormalizedSkeleton__LegendItem {
    width: 100%;
    display: block;
    display: grid;
    grid-template-columns: 1rem 1fr;
    grid-template-rows: 1rem;
    grid-gap: .625rem
}

.shopilike-Viz-Internal-ChartSkeleton-SimpleNormalizedSkeleton__LegendItem>*:first-child {
    width: 1rem;
    height: 1rem
}

.shopilike-Viz-Internal-ChartSkeleton-SimpleNormalizedSkeleton__LegendItem>*:nth-child(2) {
    height: 1rem
}

.shopilike-Viz-Internal-ChartSkeleton-SimpleNormalizedSkeleton__LegendItem>*:nth-child(3) {
    grid-column: 2;
    height: 1rem;
    width: 80%
}

.shopilike-Viz-Internal-ChartSkeleton-SimpleNormalizedSkeleton__LegendItemComponent {
    border-radius: .125rem;
    height: 1rem;
    width: 100%
}

.shopilike-Viz-Internal-ChartSkeleton__Container {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.shopilike-Viz-Internal-ChartElements__ChartDiv {
    position: relative;
    -webkit-user-select: none;
    user-select: none;
    max-width: 100%;
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 100%
}

.shopilike-Viz-Internal-ChartElements__SVG {
    overflow: visible;
    max-width: 100%;
    min-width: 0
}

.shopilike-Viz-Internal-SparkLineChart__VisuallyHidden {
    position: absolute!important;
    top: 0;
    clip: rect(.0625rem,.0625rem,.0625rem,.0625rem)!important;
    overflow: hidden!important;
    height: .0625rem!important;
    width: .0625rem!important;
    padding: 0!important;
    border: 0!important
}

.shopilike-Viz-Internal-SparkBarChart__ComparisonLine {
    stroke-linecap: round
}

.shopilike-Viz-Internal-SimpleNormalizedChart-BarSegment__Segment {
    margin: .0625rem .125rem .125rem .0625rem
}

.shopilike-Viz-Internal-SimpleNormalizedChart-BarSegment__Segment:last-of-type {
    margin: .0625rem
}

.shopilike-Viz-Internal-SimpleNormalizedChart-BarSegment__horizontal--roundedCorners:first-of-type {
    border-radius: .125rem 0 0 .125rem
}

.shopilike-Viz-Internal-SimpleNormalizedChart-BarSegment__horizontal--roundedCorners:last-of-type {
    border-radius: 0 .125rem .125rem 0
}

.shopilike-Viz-Internal-SimpleNormalizedChart-BarSegment__vertical--roundedCorners:first-of-type {
    border-radius: 0 0 .125rem .125rem
}

.shopilike-Viz-Internal-SimpleNormalizedChart-BarSegment__vertical--roundedCorners:last-of-type {
    border-radius: .125rem .125rem 0 0
}

.shopilike-Viz-Internal-SimpleNormalizedChart-BarSegment__RoundedCorners {
    border-radius: .125rem
}

.shopilike-Viz-Internal-SimpleNormalizedChart-BarSegment__horizontal--small {
    height: 1rem
}

.shopilike-Viz-Internal-SimpleNormalizedChart-BarSegment__horizontal--medium {
    height: 2.25rem
}

.shopilike-Viz-Internal-SimpleNormalizedChart-BarSegment__horizontal--large {
    height: 3.5rem
}

.shopilike-Viz-Internal-SimpleNormalizedChart-BarSegment__vertical--small {
    width: 1rem
}

.shopilike-Viz-Internal-SimpleNormalizedChart-BarSegment__vertical--medium {
    width: 2.25rem
}

.shopilike-Viz-Internal-SimpleNormalizedChart-BarSegment__vertical--large {
    width: 3.5rem
}

.shopilike-Viz-Internal-SimpleNormalizedChart-BarLabel__Container {
    position: relative;
    display: flex;
    align-items: baseline;
    width: 100%
}

.shopilike-Viz-Internal-SimpleNormalizedChart-BarLabel__ContainerDefaultLabel {
    margin-bottom: 2rem
}

.shopilike-Viz-Internal-SimpleNormalizedChart-BarLabel__ContaineBottomLabel {
    margin-top: 1.25rem
}

.shopilike-Viz-Internal-SimpleNormalizedChart-BarLabel__LabelColor {
    margin: .0625rem;
    border-radius: .1875rem;
    height: .625rem;
    width: .625rem
}

.shopilike-Viz-Internal-SimpleNormalizedChart-BarLabel__Label {
    flex: 1 1;
    margin: 0 .5rem;
    word-break: break-word;
    max-width: 7.5rem;
    line-height: 1.125rem
}

.shopilike-Viz-Internal-SimpleNormalizedChart-BarLabel__FormattedVerticalLabel {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    white-space: normal
}

.shopilike-Viz-Internal-SimpleNormalizedChart-BarLabel__FormattedHorizontalLabel {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.shopilike-Viz-Internal-SimpleNormalizedChart-BarLabel__ValueContainer {
    margin-top: .25rem;
    display: flex
}

.shopilike-Viz-Internal-SimpleNormalizedChart-BarLabel__ValueHorizontalContainer {
    position: absolute;
    top: 1rem;
    margin-top: .25rem;
    display: flex;
    align-items: center
}

.shopilike-Viz-Internal-SimpleNormalizedChart-BarLabel__Value {
    margin-right: .5rem;
    font-weight: 650
}

.shopilike-Viz-Internal-TrendIndicator-Svg__SVG {
    display: block;
    font-feature-settings: normal
}

.shopilike-Viz-Internal-SimpleNormalizedChart__Container {
    font-family: Inter,-apple-system,"system-ui",San Francisco,Segoe UI,Roboto,Helvetica Neue,sans-serif;
    font-size: .6875rem;
    display: flex;
    box-sizing: border-box;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact
}

.shopilike-Viz-Internal-SimpleNormalizedChart__VerticalContainer {
    height: 100%
}

.shopilike-Viz-Internal-SimpleNormalizedChart__VerticalContainerRightLabel {
    flex-direction: row-reverse;
    justify-content: flex-end
}

.shopilike-Viz-Internal-SimpleNormalizedChart__HorizontalContainer {
    flex-direction: column;
    justify-content: normal
}

.shopilike-Viz-Internal-SimpleNormalizedChart__HorizontalContainerBottomLabel {
    flex-direction: column-reverse
}

.shopilike-Viz-Internal-SimpleNormalizedChart__BarContainer {
    display: flex
}

.shopilike-Viz-Internal-SimpleNormalizedChart__VerticalBarContainer {
    flex-direction: column-reverse
}

.shopilike-Viz-Internal-SimpleNormalizedChart__HorizontalBarContainer {
    flex-direction: row
}

.shopilike-Viz-Internal-SimpleNormalizedChart__VerticalLabelContainer {
    margin: 0 1.25rem;
    padding: 0
}

.shopilike-Viz-Internal-SimpleNormalizedChart__HorizontalLabelContainer {
    padding: 0;
    display: flex
}

.shopilike-Viz-Internal-SimpleNormalizedChart__HorizontalLabelContainerGrid {
    display: grid;
    grid-template-columns: repeat(auto-fit,minmax(9.375rem,-webkit-max-content));
    grid-template-columns: repeat(auto-fit,minmax(9.375rem,max-content))
}

.shopilike-Viz-Internal-SimpleNormalizedChart__LabelContainerEndJustify {
    justify-content: end;
    justify-items: end
}

.shopilike-Viz-Internal-VisuallyHiddenRows__VisuallyHidden {
    position: absolute!important;
    top: 0;
    clip: rect(.0625rem,.0625rem,.0625rem,.0625rem)!important;
    overflow: hidden!important;
    height: .0625rem!important;
    width: .0625rem!important;
    padding: 0!important;
    border: 0!important;
    opacity: 0
}

.shopilike-Viz-Internal-Annotations-AnnotationLine__Line {
    pointer-events: none
}

.shopilike-Viz-Internal-Annotations-AnnotationLabel__Button {
    border: 0;
    background: transparent;
    height: 100%;
    width: 100%;
    font-size: 0;
    display: block
}

.shopilike-Viz-Internal-Annotations-AnnotationLabel__Button:focus {
    outline: none
}

.shopilike-Viz-Internal-Annotations-AnnotationLabel__Button:focus-visible {
    outline: .125rem solid #4b92e5;
    outline-offset: .125rem
}

.shopilike-Viz-Internal-Annotations-AnnotationContent__Container {
    pointer-events: auto;
    padding: .5rem .75rem;
    border-radius: .3125rem;
    box-shadow: 0 0 .125rem #0003,0 .125rem .625rem #0000001a
}

.shopilike-Viz-Internal-Annotations-AnnotationContent__Title {
    font-weight: 500;
    line-height: 1.25rem;
    font-size: .75rem;
    margin: 0 0 .25rem
}

.shopilike-Viz-Internal-Annotations-AnnotationContent__Content,.shopilike-Viz-Internal-Annotations-AnnotationContent__Content p {
    font-size: .6875rem;
    line-height: 1rem;
    margin: 0;
    color: inherit
}

.shopilike-Viz-Internal-Annotations-AnnotationContent__Link {
    margin-left: .25rem
}

.shopilike-Viz-Internal-Annotations__Pill:hover rect,.shopilike-Viz-Internal-Annotations__Pill:hover path {
    fill: var(--annotation-hover-color)
}

.shopilike-Viz-Internal-Annotations__Pill:hover text {
    fill: var(--annotation-text-hover-color)
}

.shopilike-Viz-Internal-TooltipWrapper-TooltipAnimatedContainer__Container {
    position: absolute;
    pointer-events: none;
    z-index: 520;
    max-width: 70%
}

.shopilike-Viz-Internal-LegendContainer-HiddenLegendTooltip__MoreText {
    display: flex;
    white-space: nowrap;
    align-items: center;
    background: none;
    border: none;
    border-radius: .125rem;
    font-size: .6875rem
}

.shopilike-Viz-Internal-LegendContainer-HiddenLegendTooltip__Tooltip {
    position: absolute;
    display: flex;
    flex-direction: column;
    padding: .25rem;
    -webkit-backdrop-filter: blur(.3125rem);
    backdrop-filter: blur(.3125rem);
    border-radius: .3125rem;
    box-shadow: 0 0 .125rem #0003,0 .125rem .625rem #0000001a
}

.shopilike-Viz-Internal-Legend-LegendItem__Legend {
    padding: .375rem 0;
    outline: none;
    border: none;
    border-radius: .125rem;
    display: flex
}

.shopilike-Viz-Internal-Legend-LegendItem__Legend:focus,.shopilike-Viz-Internal-Legend-LegendItem__Legend:focus-visible {
    outline: .125rem solid #4b92e5;
    outline-offset: .125rem
}

.shopilike-Viz-Internal-Legend-LegendItem__Legend:focus {
    outline: none
}

.shopilike-Viz-Internal-Legend-LegendItem__Legend:focus-visible {
    outline: .125rem solid #4b92e5;
    outline-offset: .125rem
}

.shopilike-Viz-Internal-Legend-LegendItem__TextContainer {
    display: flex;
    flex-direction: column;
    text-align: left;
    gap: .1875rem;
    line-height: 1rem;
    margin: -.125rem 0;
    font-family: Inter,-apple-system,"system-ui",San Francisco,Segoe UI,Roboto,Helvetica Neue,sans-serif;
    white-space: nowrap;
    min-width: 0
}

.shopilike-Viz-Internal-Legend-LegendItem__Text {
    overflow: hidden;
    text-overflow: ellipsis
}

.shopilike-Viz-Internal-Legend-LegendItem__IconContainer {
    display: flex;
    align-items: center;
    justify-content: center
}

.shopilike-Viz-Internal-LinePreview__Container {
    display: flex
}

.shopilike-Viz-Internal-LinePreview__SVG {
    display: block;
    overflow: visible
}

.shopilike-Viz-Internal-DefaultPreview__ColorPreview {
    border-radius: 100%;
    display: block;
    flex: none;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
    overflow: hidden
}

.shopilike-Viz-Internal-LegendContainer__Container {
    display: flex;
    gap: .625rem
}

.shopilike-Viz-Internal-Point {
    pointer-events: none
}

.shopilike-Viz-Internal-Point__VisuallyHidden {
    position: absolute!important;
    top: 0;
    clip: rect(.0625rem,.0625rem,.0625rem,.0625rem)!important;
    overflow: hidden!important;
    height: .0625rem!important;
    width: .0625rem!important;
    padding: 0!important;
    border: 0!important;
    opacity: 0
}

.shopilike-Viz-Internal-Crosshair {
    pointer-events: none
}

.shopilike-Viz-Internal-TooltipContent-TooltipContentContainer__Container {
    padding: .5rem;
    -webkit-backdrop-filter: blur(.3125rem);
    backdrop-filter: blur(.3125rem);
    border-radius: .3125rem;
    min-width: 11.25rem;
    box-shadow: 0 0 .125rem #0003,0 .125rem .625rem #0000001a;
    display: flex;
    flex-direction: column;
    gap: .5rem
}

.shopilike-Viz-Internal-TooltipContent-TooltipSeries__Series {
    gap: .25rem;
    display: grid
}

.shopilike-Viz-Internal-TooltipContent-TooltipSeriesName__AxisTitle {
    line-height: 1rem;
    margin: 0
}

.shopilike-Viz-Internal-TooltipContent-TooltipTitle__Title {
    font-size: .75rem;
    font-weight: 500;
    line-height: 1.25rem;
    margin: 0;
    overflow-wrap: break-word
}

.shopilike-Viz-Internal-TooltipContent-TooltipRow__Row {
    line-height: 1rem;
    font-size: .6875rem;
    gap: .5rem;
    display: grid;
    grid-template-columns: subgrid;
    align-items: center;
    grid-column: 1 / -1
}

.shopilike-Viz-Internal-TooltipContent-TooltipRow__Value {
    margin-left: auto;
    text-align: right;
    white-space: nowrap;
    font-feature-settings: "tnum"
}

.shopilike-Viz-Internal-TooltipContent-TooltipRow__Truncate {
    display: flex;
    align-items: center;
    gap: .25rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.shopilike-Viz-Internal-TooltipContent-TooltipRow__Trend {
    margin-top: -.125rem
}

@media print {
    .shopilike-Viz-Internal-Chart__Group {
        clip-path: none
    }
}

.shopilike-Viz-Internal-GroupLabel__Label {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.shopilike-Viz-Internal-VerticalBarChart-VerticalBar__Bar {
    transition: fill .3s ease
}

.shopilike-Viz-Internal-FunnelChart-Label {
    text-align: center;
    padding-top: .375rem;
    display: flex;
    justify-content: center;
    align-items: center
}

.shopilike-Viz-Internal-FunnelChart-Label>span {
    padding: 0 .25rem;
    border-radius: "4px";
    border-radius: .25rem
}

.shopilike-Viz-Internal-FunnelChart-Label>span:empty {
    display: none
}

.shopilike-Viz-Internal-FunnelChart-Label__YAxis {
    overflow: visible
}

.shopilike-Viz-Internal-SquareColorPreview__ColorPreview {
    border-radius: .125rem;
    display: block;
    flex: none;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact
}

.shopilike-Viz-Internal-DonutChart__Donut {
    position: relative;
    display: flex;
    overflow: visible;
    -webkit-user-select: none;
    user-select: none;
    align-items: center
}

.shopilike-Viz-Internal-DonutChart__DonutWrapper {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%
}

.shopilike-Viz-Internal-DonutChart__ContentWrapper {
    position: absolute;
    justify-content: center;
    display: flex;
    flex-flow: column nowrap;
    align-items: center;
    pointer-events: none;
    width: 100%;
    height: 100%
}

.shopilike-Viz-Internal-DonutChart__ContentValue {
    line-height: 1.5rem;
    font-weight: 700;
    -webkit-user-select: text;
    user-select: text;
    margin: 0;
    font-variant-numeric: tabular-nums
}

.shopilike-Viz-Internal-DonutChart__ComparisonMetric {
    font-size: 1rem
}

.shopilike-Viz-Internal-DonutChart {
    overflow: visible
}

.shopilike-Viz-Internal-LegendValues-LegendValueItem__ColorPreview {
    width: .75rem
}

.shopilike-Viz-Internal-LegendValues-LegendValueItem__Name {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding-left: .25rem;
    padding-right: 1.25rem
}

.shopilike-Viz-Internal-LegendValues-LegendValueItem--alignLeft {
    text-align: left
}

.shopilike-Viz-Internal-LegendValues-LegendValueItem--alignRight {
    text-align: right
}

.shopilike-Viz-Internal-DonutChart-LegendValues__Table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0 .375rem;
    table-layout: fixed
}

.shopilike-Viz-Internal-LineChartRelational-CustomLegend__Container {
    display: flex;
    flex-wrap: nowrap;
    gap: .625rem;
    list-style: none
}

.shopilike-Viz-Internal-LineChartPredictive-SeriesIcon__IconContainer {
    display: flex;
    align-items: center;
    justify-items: center;
    height: .75rem;
    width: 1.25rem
}

.shopilike-Viz-Internal-Styles__Icon {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: .25rem
}

.shopilike-Viz-Internal-LineChartPredictive-CustomLegend__Container {
    display: flex;
    gap: .625rem;
    flex-wrap: wrap;
    list-style: none
}

.shopilike-Viz-Internal-Grid-GroupCell {
    opacity: var(--animation-opacity, 0);
    transform: scale(0);
    animation-name: shopilike-Viz-Internal-Grid-GroupCell__FadeInScale;
    animation-duration: .3s;
    animation-fill-mode: forwards;
    animation-timing-function: ease-out
}

.shopilike-Viz-Internal-Grid-GroupCell__GroupCellContainer {
    transition: opacity .2s ease-in-out;
    outline: 0
}

.shopilike-Viz-Internal-Grid-GroupCell__GroupCellContainerSelected:not([data-disabled=true]) {
    outline: .125rem solid #2b62a9;
    outline-offset: -.0625rem;
    border-radius: .25rem
}

@keyframes shopilike-Viz-Internal-Grid-GroupCell__FadeInScale {
    0% {
        opacity: 0;
        transform: scale(0)
    }

    50% {
        opacity: 0;
        transform: scale(.8)
    }

    to {
        opacity: 1;
        transform: scale(1)
    }
}

.shopilike-Viz-Internal-Grid__Container {
    container-type: inline-size;
    font-family: Inter,-apple-system,system-ui,San Francisco,Segoe UI,Roboto,Helvetica Neue,sans-serif;
    font-size: .75rem;
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 100%;
    box-sizing: border-box
}

.shopilike-Viz-Internal-Grid__FadeIn {
    animation: shopilike-Viz-Internal-Grid__FadeInOpacity .5s ease-in-out forwards;
    animation-delay: 2s;
    animation-name: shopilike-Viz-Internal-Grid__FadeInOpacity;
    animation-duration: 1.5s;
    animation-fill-mode: forwards
}

@container (max-width: 399px) {
    .shopilike-Viz-Internal-Grid__Label {
        display: none
    }
}

@media (prefers-reduced-motion: reduce) {
    .shopilike-Viz-Internal-Grid__GroupCell,.shopilike-Viz-Internal-Grid__ArrowShaft,.shopilike-Viz-Internal-Grid__ArrowHead,.shopilike-Viz-Internal-Grid__FadeIn,.shopilike-Viz-Internal-Grid__FadeInLabel {
        animation: none;
        transition: none;
        opacity: 1;
        transform: scale(1)
    }

    .shopilike-Viz-Internal-Grid__ArrowShaft {
        stroke-dasharray: none;
        stroke-dashoffset: 0
    }
}

.shopilike-Viz-Internal-Grid__ScreenReaderOnly {
    position: absolute;
    width: .0625rem;
    height: .0625rem;
    padding: 0;
    margin: -.0625rem;
    overflow: hidden;
    clip: rect(0,0,0,0);
    white-space: nowrap;
    border: 0
}

@keyframes shopilike-Viz-Internal-Grid__FadeInOpacity {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.shopilike-Viz-Internal-Grid-Tooltip__TooltipActions {
    margin-top: .75rem
}

.shopilike-Viz-Internal-Grid-Tooltip__TooltipAction {
    display: block;
    text-decoration: none;
    color: #2e2e36;
    font-size: .75rem;
    font-weight: 500;
    line-height: 1.2;
    margin: 0;
    padding: .375rem .75rem;
    text-align: center;
    border-radius: .5rem;
    border: none;
    box-shadow: 0 0 .03125rem .03125rem #0000001a,0 .0625rem .125rem #00000040;
    background: #fff
}

.shopilike-Viz-Internal-Grid-Tooltip__TooltipAction span {
    box-sizing: border-box;
    display: block
}

.shopilike-Viz-Internal-Grid-Tooltip__TooltipAction:hover {
    background: #00000006
}

.shopilike-Viz-Internal-Grid-Tooltip__GroupGoal {
    margin: 0;
    font-size: .6875rem;
    line-height: 1.2;
    color: var(--p-color-bg-surface-inverse);
    padding-right: .3125rem
}

.shopilike-Viz-Internal-Grid-Tooltip__TooltipTitle {
    font-weight: 600;
    font-size: .8125rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: .5rem
}

.shopilike-Viz-Internal-Grid-Tooltip__TooltipDescription,.shopilike-Viz-Internal-Grid-Tooltip__TooltipMetricInformation {
    -webkit-line-clamp: 3;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #70707b;
    margin-bottom: .5rem
}

.shopilike-Viz-Internal-Grid-Tooltip__TooltipMetricInformation {
    color: #2e2e36;
    font-weight: 500
}

.shopilike-Viz-Internal-Grid-Tooltip__TooltipGoal {
    display: flex;
    gap: .3125rem;
    padding: .25rem;
    align-items: center;
    background: #eeeeef;
    margin-top: .75rem;
    border-radius: .25rem
}

.shopilike-Viz-Internal-Grid-Tooltip {
    font-size: .75rem;
    font-family: Inter,-apple-system,system-ui,San Francisco,Segoe UI,Roboto,Helvetica Neue,sans-serif;
    line-height: 1.3;
    padding: .75rem;
    background: #fff;
    border-radius: .75rem;
    box-shadow: 0 .125rem .25rem #0000001a;
    border: .0625rem solid lightgray
}

.shopilike-Viz-Internal-Grid-Tooltip__TooltipContainer {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 17.5rem;
    outline: none
}

@container (max-width: 399px) {
    .shopilike-Viz-Internal-Grid-Tooltip__TooltipContainer {
        display: none
    }
}

.shopilike-Viz-Internal-Grid-Tooltip__TooltipIcon {
    height: .8125rem;
    width: 1.25rem
}

.shopilike-Viz-Internal-Grid-Arrows__Arrow {
    filter: drop-shadow(0 .0625rem .125rem rgba(0,0,0,.4))
}

.shopilike-Viz-Internal-Grid-Arrows__ArrowShaft {
    stroke-dasharray: 35;
    stroke-dashoffset: 35;
    animation: shopilike-Viz-Internal-Grid-Arrows__Draw .2s ease-in-out forwards
}

@container (max-width: 399px) {
    .shopilike-Viz-Internal-Grid-Arrows__ArrowShaft {
        display: none
    }
}

.shopilike-Viz-Internal-Grid-Arrows__ArrowHead {
    opacity: 0;
    animation: shopilike-Viz-Internal-Grid-Arrows__FadeIn .2s ease-in-out forwards;
    animation-delay: .2s
}

@container (max-width: 399px) {
    .shopilike-Viz-Internal-Grid-Arrows__ArrowHead {
        display: none
    }
}

@keyframes shopilike-Viz-Internal-Grid-Arrows__Draw {
    to {
        stroke-dashoffset: 0
    }
}

@keyframes shopilike-Viz-Internal-Grid-Arrows__FadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.shopilike-Viz-Internal-Grid-XAxisLabel,.shopilike-Viz-Internal-Grid-YAxisLabels__YAxisLabel {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: .875rem;
    color: #5e5e69;
    text-align: center
}

.shopilike-Viz-Internal-FunnelChartNext-FunnelTooltip__Tooltip {
    top: 0;
    left: 0;
    position: absolute;
    pointer-events: none;
    z-index: 520;
    max-width: 18.75rem
}

.shopilike-Viz-Internal-FunnelChartNext-Tooltip__Rows {
    display: flex;
    flex-direction: column;
    gap: .5rem
}

.shopilike-Viz-Internal-FunnelChartNext-Tooltip__Rows>*:not(:last-child):after {
    content: "";
    display: block;
    height: .0625rem;
    background: #e3e3e3;
    margin: .5rem 0 0;
    grid-column: 1 / -1
}

.shopilike-Viz-Internal-FunnelChartNext-Tooltip__Row {
    font-size: .75rem;
    color: #616161;
    display: grid;
    grid-template-columns: .5rem auto;
    column-gap: .25rem;
    align-items: center;
    line-height: 1rem
}

.shopilike-Viz-Internal-FunnelChartNext-Tooltip__Keys {
    grid-column: 1 / -1;
    display: grid;
    grid-template-columns: subgrid;
    align-items: center
}

.shopilike-Viz-Internal-FunnelChartNext-Tooltip__Values {
    display: flex;
    align-items: flex-start;
    gap: .5rem;
    grid-column: 2;
    font-weight: 600;
    padding-top: .125rem
}

.shopilike-Viz-Internal-FunnelChartNext-Tooltip__Values>span {
    flex: 0 0 auto
}

.shopilike-Viz-Internal-FunnelChartNext-Tooltip__Values .shopilike-Viz-Internal-FunnelChartNext-Tooltip__TrendIndicator {
    margin-left: auto
}

.shopilike-Viz-Internal-FunnelChartNext-Tooltip__Values strong {
    font-weight: 500;
    color: #1f2124
}

.shopilike-Viz-Internal-SparkFunnelChart__VisuallyHidden {
    position: absolute!important;
    top: 0;
    clip: rect(.0625rem,.0625rem,.0625rem,.0625rem)!important;
    overflow: hidden!important;
    height: .0625rem!important;
    width: .0625rem!important;
    padding: 0!important;
    border: 0!important
}

.Online-Store-UI-AddBetweenButton__Root_cqiqd {
    --osui-add-button-offset-x: var(--p-space-150);
    --osui-add-button-color: var(--p-color-icon-highlight);
    padding: 0;
    margin: -.125rem
}

.Online-Store-UI-AddBetweenButton__Root_cqiqd:last-child .Online-Store-UI-AddBetweenButton__Button_9rndo:not([data-is-drop-target=true]):after {
    display: none
}

.Online-Store-UI-AddBetweenButton__Wrapper_ah020 {
    width: 100%;
    display: flex;
    margin: -.3125rem 0!important;
    padding: 0;
    height: .625rem;
    padding-left: var(--osui-add-button-offset-x);
    padding-right: var(--p-space-150)
}

.Online-Store-UI-AddBetweenButton__Wrapper_ah020>span {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-grow: 1
}

.Online-Store-UI-AddBetweenButton__Wrapper_ah020:hover .Online-Store-UI-AddBetweenButton__Button_9rndo {
    content-visibility: visible
}

.Online-Store-UI-AddBetweenButton--disableTransition_1cq5c .Online-Store-UI-AddBetweenButton__Root_cqiqd,.Online-Store-UI-AddBetweenButton--disableTransition_1cq5c .Online-Store-UI-AddBetweenButton__Button_9rndo {
    transition: none
}

.Online-Store-UI-AddBetweenButton--disableTransition_1cq5c .Online-Store-UI-AddBetweenButton__Button_9rndo:before {
    transition: none
}

:root[data-dnd-drag-has-moved=true] .Online-Store-UI-AddBetweenButton__Button_9rndo[data-is-drop-target=true] {
    opacity: 1;
    transition: none;
    content-visibility: visible
}

:root[data-dnd-drag-has-moved=true] .Online-Store-UI-AddBetweenButton__Button_9rndo[data-is-drop-target=true][disabled] {
    --osui-add-button-color: rgb(63, 134, 242)
}

:root[data-dnd-drag-has-moved=true] .Online-Store-UI-AddBetweenButton__Button_9rndo[data-is-drop-target=true]:before {
    left: var(--p-space-150);
    transform: scale(1);
    transition: none
}

:root[data-dnd-drag-has-moved=true] .Online-Store-UI-AddBetweenButton__Button_9rndo[data-is-drop-target=true]:after {
    content: "";
    position: absolute;
    left: 0;
    right: unset;
    top: unset;
    bottom: unset;
    width: var(--p-space-200);
    height: var(--p-space-200);
    border: var(--p-space-050) solid var(--osui-add-button-color);
    border-radius: 50%
}

:root[data-dnd-drag-has-moved=true] .Online-Store-UI-AddBetweenButton__Button_9rndo[data-is-drop-target=true] .Online-Store-UI-AddBetweenButton__Icon_cpw6d {
    display: none
}

.Online-Store-UI-AddBetweenButton--nested_94wq7 {
    --osui-add-button-offset-x: calc(var(--p-space-500) + var(--p-height-050))
}

.Online-Store-UI-AddBetweenButton__Button_9rndo {
    --osui-add-button-hitbox-line-half-height: .375rem;
    --osui-add-button-hitbox-icon-half-size: .9375rem;
    content-visibility: hidden;
    position: relative;
    z-index: calc(var(--osui-add-button-depth) + 3);
    display: flex;
    flex-grow: 1;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    outline: none;
    padding: 0;
    align-items: center;
    justify-content: center;
    background: none;
    cursor: pointer;
    opacity: 0;
    min-height: var(--osui-add-button-hitbox-line-half-height);
    clip-path: polygon(0 calc(50% - var(--osui-add-button-hitbox-line-half-height)),calc(50% - var(--osui-add-button-hitbox-icon-half-size)) calc(50% - var(--osui-add-button-hitbox-line-half-height)),calc(50% - var(--osui-add-button-hitbox-icon-half-size)) calc(50% - var(--osui-add-button-hitbox-icon-half-size)),calc(50% + var(--osui-add-button-hitbox-icon-half-size)) calc(50% - var(--osui-add-button-hitbox-icon-half-size)),calc(50% + var(--osui-add-button-hitbox-icon-half-size)) calc(50% - var(--osui-add-button-hitbox-line-half-height)),100% calc(50% - var(--osui-add-button-hitbox-line-half-height)),100% calc(50% + var(--osui-add-button-hitbox-line-half-height)),calc(50% + var(--osui-add-button-hitbox-icon-half-size)) calc(50% + var(--osui-add-button-hitbox-line-half-height)),calc(50% + var(--osui-add-button-hitbox-icon-half-size)) calc(50% + var(--osui-add-button-hitbox-icon-half-size)),calc(50% - var(--osui-add-button-hitbox-icon-half-size)) calc(50% + var(--osui-add-button-hitbox-icon-half-size)),calc(50% - var(--osui-add-button-hitbox-icon-half-size)) calc(50% + var(--osui-add-button-hitbox-line-half-height)),0 calc(50% + var(--osui-add-button-hitbox-line-half-height)))
}

@media (prefers-reduced-motion) {
    .Online-Store-UI-AddBetweenButton__Button_9rndo {
        transition-duration: 0s
    }
}

.Online-Store-UI-AddBetweenButton__Button_9rndo:focus-visible {
    transition: none
}

.Online-Store-UI-AddBetweenButton__Button_9rndo:focus-visible:before {
    transition: none
}

.Online-Store-UI-AddBetweenButton__Button_9rndo[aria-pressed=true],.Online-Store-UI-AddBetweenButton__Button_9rndo:hover,.Online-Store-UI-AddBetweenButton__Button_9rndo:focus-visible {
    opacity: 1;
    transition-delay: var(--p-motion-duration-150)
}

.Online-Store-UI-AddBetweenButton__Button_9rndo[aria-pressed=true]:before,.Online-Store-UI-AddBetweenButton__Button_9rndo:hover:before,.Online-Store-UI-AddBetweenButton__Button_9rndo:focus-visible:before {
    transform: scale(1)
}

.Online-Store-UI-AddBetweenButton__Button_9rndo[aria-pressed=true],.Online-Store-UI-AddBetweenButton__Button_9rndo:focus-visible {
    content-visibility: visible;
    transition-delay: 0s
}

.Online-Store-UI-AddBetweenButton__Button_9rndo[aria-pressed=true]:not([disabled]) {
    --osui-add-button-color: rgb(63, 134, 242)
}

.Online-Store-UI-AddBetweenButton__Button_9rndo:has(.Online-Store-UI-AddBetweenButton__Icon_cpw6d:hover):not([aria-pressed=true]):not([disabled]) {
    --osui-add-button-color: rgb(63, 134, 242)
}

.Online-Store-UI-AddBetweenButton__Button_9rndo[disabled] {
    --osui-add-button-color: var(--p-color-icon-disabled)
}

.Online-Store-UI-AddBetweenButton__Button_9rndo[disabled] .Online-Store-UI-AddBetweenButton__Icon_cpw6d:before {
    display: none
}

.Online-Store-UI-AddBetweenButton__Button_9rndo:focus:after {
    display: none
}

.Online-Store-UI-AddBetweenButton__Button_9rndo:hover:after {
    content: "";
    position: absolute;
    left: calc(var(--osui-add-button-offset-x)*-1);
    width: var(--osui-add-button-offset-x);
    height: 100%;
    display: block;
    pointer-events: all;
    box-shadow: none;
    outline: none
}

.Online-Store-UI-AddBetweenButton__Button_9rndo[data-polaris-tooltip-activator]:focus-visible:after {
    box-shadow: none
}

.Online-Store-UI-AddBetweenButton__Button_9rndo:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    display: block;
    border-radius: .625rem;
    height: var(--p-height-050);
    background-color: var(--osui-add-button-color);
    transform: scaleX(0);
    transform-origin: center center;
    transition: transform var(--p-motion-duration-250) var(--p-motion-ease-out);
    transition-delay: var(--p-motion-duration-250)
}

@media (prefers-reduced-motion) {
    .Online-Store-UI-AddBetweenButton__Button_9rndo:before {
        transition-duration: 0s
    }
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi) {
    .Online-Store-UI-AddBetweenButton__Button_9rndo:before {
        height:.15625rem
    }
}

.Online-Store-UI-AddBetweenButton__Icon_cpw6d {
    position: relative;
    z-index: 1;
    width: var(--p-height-500);
    height: var(--p-height-500);
    display: inline-block;
    border-radius: 50%;
    background-color: var(--osui-add-button-color);
    color: var(--p-color-bg-fill);
    font-weight: 500;
    font-size: 1.0625rem;
    line-height: 1.125rem;
    text-align: center;
    cursor: pointer
}

.Online-Store-UI-AddBetweenButton__Icon_cpw6d:before {
    --osui-add-button-size: 1.875rem;
    content: "";
    position: absolute;
    top: calc(50% - var(--osui-add-button-size)/2);
    left: calc(50% - var(--osui-add-button-size)/2);
    width: var(--osui-add-button-size);
    height: var(--osui-add-button-size);
    background-color: var(--osui-add-button-color);
    opacity: 0;
    border-radius: 50%;
    transform: scale(0);
    transition-duration: transform,opacity;
    transition-duration: var(--p-motion-duration-250);
    transition-timing-function: var(--p-motion-ease-in)
}

.Online-Store-UI-AddBetweenButton__Icon_cpw6d:hover:before {
    transform: scale(1);
    opacity: .3;
    transition-timing-function: var(--p-motion-ease-out)
}

.Online-Store-UI-AddBetweenButton__Icon_cpw6d:active:before {
    opacity: .45;
    filter: brightness(1.2)
}

.Online-Store-UI-AddBetweenButton__Icon_cpw6d s-internal-icon,.Online-Store-UI-AddBetweenButton__Icon_cpw6d svg {
    color: var(--p-color-bg-fill)
}

@keyframes Online-Store-UI-NavItem--dragLiftX_cjl47 {
    to {
        transform: translate3d(1.25rem,0,0)
    }
}

@keyframes Online-Store-UI-NavItem--dragLiftY_nmnh2 {
    to {
        transform: translate3d(0,-.8125rem,0)
    }
}

.Online-Store-UI-NavItem_1657m {
    --osui_padding-x-nav-item: var(--p-space-200);
    position: relative;
    flex: 1 1 auto
}

.Online-Store-UI-NavItem_1657m:not(.Online-Store-UI-NavItem--nested_16vq4,.Online-Store-UI-NavItem--clone_oztn6) {
    margin-left: var(--osui_padding-x-nav-item);
    margin-right: var(--osui_padding-x-nav-item)
}

@media (max-width: 41.685em) {
    .Online-Store-UI-NavItem_1657m {
        --osui_padding-x-nav-item: var(--p-space-300)
    }
}

@media (max-width: 41.685em) {
    .Online-Store-UI-NavItem_1657m {
        --osui_nav-action-connected-button-width: var( --osui_size-min-action-mobile );
        --osui_nav-action-connected-button-width-slim: var( --osui_size-min-action-mobile );
        --osui_height-nav-action: var(--osui_size-min-action-mobile)
    }
}

.Online-Store-UI-NavItem_1657m.Online-Store-UI-NavItem--disabled_pjho9 .Online-Store-UI-NavItem__LabelPrefix_69zgn.Online-Store-UI-NavItem--hasHoverPrefix_1ylbk .Online-Store-UI-NavItem__HoverPrefix_5rk5o,.Online-Store-UI-NavItem_1657m.Online-Store-UI-NavItem--disabled_pjho9 .Online-Store-UI-NavItem__HoverPrefix_5rk5o {
    opacity: 0
}

.Online-Store-UI-NavItem_1657m.Online-Store-UI-NavItem--disabled_pjho9 .Online-Store-UI-NavItem__LabelPrefix_69zgn.Online-Store-UI-NavItem--hasHoverPrefix_1ylbk .Online-Store-UI-NavItem__TitlePrefix_5znrx,.Online-Store-UI-NavItem_1657m.Online-Store-UI-NavItem--disabled_pjho9 .Online-Store-UI-NavItem__TitlePrefix_5znrx {
    opacity: 1
}

.Online-Store-UI-NavItem_1657m.Online-Store-UI-NavItem--disabled_pjho9 .Online-Store-UI-NavItem__LabelPrefix_69zgn.Online-Store-UI-NavItem--hasHoverPrefix_1ylbk .Online-Store-UI-NavItem__TitlePrefix_5znrx s-internal-icon,.Online-Store-UI-NavItem_1657m.Online-Store-UI-NavItem--disabled_pjho9 .Online-Store-UI-NavItem__LabelPrefix_69zgn.Online-Store-UI-NavItem--hasHoverPrefix_1ylbk .Online-Store-UI-NavItem__TitlePrefix_5znrx svg,.Online-Store-UI-NavItem_1657m.Online-Store-UI-NavItem--disabled_pjho9 .Online-Store-UI-NavItem__TitlePrefix_5znrx s-internal-icon,.Online-Store-UI-NavItem_1657m.Online-Store-UI-NavItem--disabled_pjho9 .Online-Store-UI-NavItem__TitlePrefix_5znrx svg {
    color: var(--p-color-icon-disabled)
}

.Online-Store-UI-NavItem_1657m.Online-Store-UI-NavItem--disabled_pjho9 .Online-Store-UI-NavItem__Title_ozys9 {
    color: var(--p-color-text-disabled)
}

.Online-Store-UI-NavItem_1657m:focus {
    outline: 0
}

:not(.Online-Store-UI-NavItem--disabled_pjho9):not(.Online-Store-UI-NavItem--hidden_188qp)>.Online-Store-UI-NavItem--selected_upchn:not(.Online-Store-UI-NavItem--error_p928h) .Online-Store-UI-NavItem_1657m s-internal-icon,:not(.Online-Store-UI-NavItem--disabled_pjho9):not(.Online-Store-UI-NavItem--hidden_188qp)>.Online-Store-UI-NavItem--selected_upchn:not(.Online-Store-UI-NavItem--error_p928h) .Online-Store-UI-NavItem_1657m svg {
    color: var(--p-color-icon-highlight)
}

.Online-Store-UI-NavItem--clone_oztn6 {
    --osui_margin-x-nav-item-clone: var(--osui_padding-x-nav-item);
    border-radius: var(--p-border-radius-200);
    box-shadow: 0 .0625rem .1875rem #00000080;
    background-color: var(--p-color-bg-surface);
    cursor: grabbing;
    animation: Online-Store-UI-NavItem--dragLiftX_cjl47 var(--p-motion-duration-150) var(--osui_easing-bounce) both
}

.Online-Store-UI-NavItem--clone_oztn6:not(.Online-Store-UI-NavItem--nested_16vq4).Online-Store-UI-NavItem--preventCloneOffset_cjlxl {
    --osui_margin-x-nav-item-clone: 0
}

.Online-Store-UI-NavItem--clone_oztn6.Online-Store-UI-NavItem--preventCloneOffset_cjlxl {
    box-shadow: 0 0 .1875rem #0000001a,0 .25rem 1.25rem #00000026;
    animation: Online-Store-UI-NavItem--dragLiftY_nmnh2 var(--p-motion-duration-150) var(--osui_easing-bounce) both
}

.Online-Store-UI-NavItem--clone_oztn6 button {
    pointer-events: none;
    touch-action: none;
    -webkit-user-select: none;
    user-select: none
}

@keyframes Online-Store-UI-NavItem__drag--start_18458 {
    0% {
        opacity: 0;
        transform: translateZ(0)
    }

    to {
        opacity: .85;
        transform: translate3d(1.25rem,0,0)
    }
}

.Online-Store-UI-NavItem__Interior_1n32e[data-dnd-dragging][data-interior=true] {
    animation: Online-Store-UI-NavItem__drag--start_18458 .25s ease;
    transform: translate3d(1.25rem,0,0);
    background-color: transparent;
    border: none;
    opacity: .85
}

.Online-Store-UI-NavItem__Interior_1n32e[data-dnd-dragging][data-interior=true] .Online-Store-UI-NavItem__PrimaryAction_12u4q {
    background-color: transparent
}

.Online-Store-UI-NavItem__Interior_1n32e[data-dnd-dragging][data-interior=true] .Online-Store-UI-NavItem__Suffix_1or7e {
    display: none
}

.Online-Store-UI-NavItem--hasDropTarget_1y4qr .Online-Store-UI-NavItem__Interior_1n32e[data-dnd-dragging][data-interior=true] .Online-Store-UI-NavItem__Title_ozys9 {
    background-color: var(--p-color-icon-highlight)
}

.Online-Store-UI-NavItem__Interior_1n32e[data-dnd-dragging][data-interior=true] .Online-Store-UI-NavItem__Title_ozys9 {
    background-color: var(--p-color-icon-disabled);
    color: var(--p-color-bg-fill);
    border-radius: var(--p-border-radius-200);
    padding: var(--p-space-025) var(--p-space-100)
}

.Online-Store-UI-NavItem__Interior_1n32e[data-dnd-dragging][data-interior=true] .Online-Store-UI-NavItem__SubtitleInlineValue_hqa4i {
    display: none
}

@media (min-width: 48em) and (hover: hover) and (pointer: fine) {
    .Online-Store-UI-NavItem__Interior_1n32e[data-dnd-dragging][data-interior=true] .Online-Store-UI-NavItem__TitleContent_1wzqq>.Online-Store-UI-NavItem__LabelPrefix_69zgn.Online-Store-UI-NavItem--hasHoverPrefix_1ylbk>.Online-Store-UI-NavItem__TitlePrefix_5znrx {
        opacity:1
    }

    .Online-Store-UI-NavItem__Interior_1n32e[data-dnd-dragging][data-interior=true] .Online-Store-UI-NavItem__TitleContent_1wzqq>.Online-Store-UI-NavItem__LabelPrefix_69zgn.Online-Store-UI-NavItem--hasHoverPrefix_1ylbk>.Online-Store-UI-NavItem__HoverPrefix_5rk5o {
        opacity: 0
    }
}

[data-dnd-placeholder] {
    background-color: var(--p-color-bg-surface-brand-selected)
}

[data-dnd-placeholder] * {
    opacity: .8
}

.Online-Store-UI-NavItem__Interior_1n32e {
    position: relative;
    display: grid;
    align-items: center;
    grid-template-rows: 100%;
    grid-template-columns: auto 1fr auto;
    grid-template-areas: "prefix title suffix";
    width: 100%;
    height: var(--osui_height-nav-action);
    border-radius: var(--p-border-radius-200)
}

.Online-Store-UI-NavItem__Interior_1n32e.Online-Store-UI-NavItem--backgroundColorHighlight_z24nv {
    background-color: var(--p-color-bg-surface-brand-selected)
}

.Online-Store-UI-NavItem__Interior_1n32e.Online-Store-UI-NavItem--backgroundColorHighlight_z24nv [data-override-icon] {
    background-color: var(--p-color-bg-surface-brand-selected);
    border-color: var(--p-color-bg-surface-brand-selected)
}

.Online-Store-UI-NavItem__Interior_1n32e.Online-Store-UI-NavItem--backgroundColorSecondary_12hdm {
    background-color: var(--p-color-bg)
}

.Online-Store-UI-NavItem__Interior_1n32e.Online-Store-UI-NavItem--backgroundColorSecondary_12hdm [data-override-icon] {
    background-color: var(--p-color-bg);
    border-color: var(--p-color-bg)
}

.Online-Store-UI-NavItem--hidden_188qp .Online-Store-UI-NavItem__Interior_1n32e {
    color: var(--p-color-text-secondary)
}

.Online-Store-UI-NavItem__Interior_1n32e.Online-Store-UI-NavItem--interactive_1xu2c {
    color: var(--p-color-text-highlight)
}

.Online-Store-UI-NavItem__Interior_1n32e.Online-Store-UI-NavItem--interactive_1xu2c.Online-Store-UI-NavItem--pressed_1tleq {
    color: var(--p-color-text-highlight-active)
}

.Online-Store-UI-NavItem__Interior_1n32e.Online-Store-UI-NavItem--error_p928h {
    color: var(--p-color-text-critical)
}

.Online-Store-UI-NavItem__Interior_1n32e.Online-Store-UI-NavItem--toneMagic_3kygo {
    color: var(--p-color-text-ai)
}

.Online-Store-UI-NavItem__Interior_1n32e.Online-Store-UI-NavItem--hidden_188qp .Online-Store-UI-NavItem--toneMagic_3kygo {
    color: var(--p-color-text-secondary)
}

.Online-Store-UI-NavItem__Interior_1n32e:hover [data-override-icon] {
    background-color: var(--p-color-bg-surface-hover);
    border-color: var(--p-color-bg-surface-hover)
}

.Online-Store-UI-NavItem__Interior_1n32e:hover .Online-Store-UI-NavItem__PrimaryAction_12u4q {
    background-color: var(--p-color-bg-surface-hover)
}

.Online-Store-UI-NavItem__Prefix_1or7f,.Online-Store-UI-NavItem__TitleContent_1wzqq,.Online-Store-UI-NavItem__Suffix_1or7e {
    height: 100%;
    display: flex;
    align-items: center
}

.Online-Store-UI-NavItem__TitleContent_1wzqq {
    grid-area: title;
    z-index: 2;
    flex-grow: 1;
    gap: var(--p-space-100);
    pointer-events: none;
    padding-left: var(--osui_padding-left-nav-item-title-content);
    padding-right: var(--osui_nav-item-alignment-nested-offset);
    overflow: hidden;
    min-width: 0;
    max-width: 100%
}

.Online-Store-UI-NavItem--fleeting_1ivba .Online-Store-UI-NavItem__TitleContent_1wzqq:not(.Online-Store-UI-NavItem--hasPreventFleeting_1pep6) {
    grid-column-start: title;
    grid-column-end: suffix;
    transition: grid-area var(--p-motion-duration-100) var(--p-motion-ease)
}

.Online-Store-UI-NavItem--fleeting_1ivba:focus-within .Online-Store-UI-NavItem__TitleContent_1wzqq:not(.Online-Store-UI-NavItem--hasPreventFleeting_1pep6) {
    grid-area: title
}

.Online-Store-UI-NavItem--fleeting_1ivba:hover .Online-Store-UI-NavItem__TitleContent_1wzqq:not(.Online-Store-UI-NavItem--hasPreventFleeting_1pep6) {
    grid-area: title
}

.Online-Store-UI-NavItem--nested_16vq4 .Online-Store-UI-NavItem__TitleContent_1wzqq,.Online-Store-UI-NavItem__TitleContent_1wzqq.Online-Store-UI-NavItem--labelAlignmentNone_8ojr1 {
    --osui_padding-left-nav-item-title-content: var( --osui-nav-item-alignment-none )
}

.Online-Store-UI-NavItem--nested_16vq4:not(.Online-Store-UI-NavItem--preventNestedOffset_gfx24) .Online-Store-UI-NavItem__TitleContent_1wzqq {
    --osui_padding-left-nav-item-title-content: var( --osui_nav-item-alignment-nested-offset )
}

.Online-Store-UI-NavItem__TitleContent_1wzqq.Online-Store-UI-NavItem--labelAlignmentBaseTight_y968r {
    --osui_padding-left-nav-item-title-content: var( --osui-nav-item-alignment-base-tight )
}

.Online-Store-UI-NavItem__TitleContent_1wzqq.Online-Store-UI-NavItem--labelAlignmentPrefix_1p1kf {
    --osui_padding-left-nav-item-title-content: var( --osui_nav-action-connected-button-width-slim )
}

.Online-Store-UI-NavItem__TitleContent_1wzqq.Online-Store-UI-NavItem--labelAlignmentPrefixWithIcon_gvpr6 {
    --osui_padding-left-nav-item-title-content: var( --osui_nav-item-alignment-common-action-with-icon )
}

.Online-Store-UI-NavItem__TitleContent_1wzqq.Online-Store-UI-NavItem--labelAlignmentIcon_1m4xp {
    --osui_padding-left-nav-item-title-content: var( --osui_nav-item-alignment-common-icon )
}

.Online-Store-UI-NavItem__TitleContent_1wzqq.Online-Store-UI-NavItem--labelAlignmentIcon_1m4xp.Online-Store-UI-NavItem--itemHasPrefix_1do7s {
    --osui_padding-left-nav-item-title-content: calc(var(--osui_nav-action-common-prefix-size) + var(--osui_nav-action-common-prefix-gap))
}

.Online-Store-UI-NavItem--disabled_pjho9 .Online-Store-UI-NavItem__Prefix_1or7f,.Online-Store-UI-NavItem--disabled_pjho9 .Online-Store-UI-NavItem__Suffix_1or7e {
    pointer-events: none;
    touch-action: none;
    -webkit-user-select: none;
    user-select: none
}

.Online-Store-UI-NavItem__Prefix_1or7f {
    grid-area: prefix;
    z-index: 2
}

.Online-Store-UI-NavItem__PrimaryAction_12u4q {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0;
    padding: 0;
    background: none;
    border: none;
    font-size: inherit;
    line-height: inherit;
    color: inherit;
    cursor: pointer;
    min-width: 0;
    font-weight: var(--osui_plain-action-font-weight);
    text-transform: initial;
    letter-spacing: initial;
    fill: var(--p-color-icon);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: var(--osui_height-common-control);
    max-width: 100%;
    min-height: var(--osui_height-common-control);
    border-radius: var(--p-border-radius-200);
    line-height: 1;
    text-decoration: none;
    color: var(--p-color-text);
    transition-property: color,background-color;
    transition-duration: var(--p-motion-duration-150);
    transition-timing-function: var(--p-motion-ease);
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    outline: none;
    position: relative;
    display: flex;
    background-color: transparent;
    min-width: auto;
    min-height: auto;
    height: var(--osui_height-nav-action);
    justify-content: left;
    text-align: left;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: background-color var(--p-motion-duration-150) var(--p-motion-ease)
}

.Online-Store-UI-NavItem__PrimaryAction_12u4q:focus {
    outline: none
}

.Online-Store-UI-NavItem__PrimaryAction_12u4q:after {
    content: "";
    position: absolute;
    z-index: 1;
    top: -.0625rem;
    right: -.0625rem;
    bottom: -.0625rem;
    left: -.0625rem;
    display: block;
    pointer-events: none;
    box-shadow: 0 0 0 -.0625rem var(--p-color-border-focus);
    transition: box-shadow var(--p-motion-duration-100) var(--p-motion-ease);
    border-radius: calc(var(--p-border-radius-200) + .0625rem)
}

.Online-Store-UI-NavItem__PrimaryAction_12u4q:focus:after {
    box-shadow: 0 0 0 .125rem var(--p-color-border-focus);
    outline: var(--osui_high-contrast-outline)
}

.Online-Store-UI-NavItem__PrimaryAction_12u4q:focus:not(:focus-visible):after {
    box-shadow: 0 0 0 0 transparent
}

@media (-ms-high-contrast: active) {
    .Online-Store-UI-NavItem__PrimaryAction_12u4q:focus:not(:focus-visible):after {
        outline: none
    }
}

.Online-Store-UI-NavItem__PrimaryAction_12u4q:focus-visible:after {
    box-shadow: 0 0 0 .125rem var(--p-color-border-focus);
    outline: var(--osui_high-contrast-outline)
}

.Online-Store-UI-NavItem__PrimaryAction_12u4q:after {
    inset: var(--p-border-width-050) var(--p-border-width-050) var(--p-border-width-050) var(--p-border-width-050);
    border-radius: var(--p-border-radius-200)
}

.Online-Store-UI-NavItem__PrimaryAction_12u4q s-internal-icon,.Online-Store-UI-NavItem__PrimaryAction_12u4q svg {
    transition: color var(--p-motion-duration-150) var(--p-motion-ease)
}

.Online-Store-UI-NavItem__PrimaryAction_12u4q:focus-visible {
    color: var(--p-color-text-brand);
    background-color: var(--p-color-bg-fill-transparent-secondary)
}

.Online-Store-UI-NavItem__PrimaryAction_12u4q:focus-visible s-internal-icon,.Online-Store-UI-NavItem__PrimaryAction_12u4q:focus-visible svg {
    color: var(--p-color-text-brand)
}

@media (-ms-high-contrast: active) {
    .Online-Store-UI-NavItem__PrimaryAction_12u4q:focus-visible s-internal-icon,.Online-Store-UI-NavItem__PrimaryAction_12u4q:focus-visible svg {
        color: var(--p-color-icon-secondary)
    }
}

@media (hover: hover) and (pointer: fine) {
    .Online-Store-UI-NavItem__PrimaryAction_12u4q:hover {
        color:var(--p-color-text-brand);
        background-color: var(--p-color-bg-fill-transparent-secondary)
    }

    .Online-Store-UI-NavItem__PrimaryAction_12u4q:hover s-internal-icon,.Online-Store-UI-NavItem__PrimaryAction_12u4q:hover svg {
        color: var(--p-color-text-brand)
    }
}

@media (hover: hover) and (pointer: fine) and (-ms-high-contrast: active) {
    .Online-Store-UI-NavItem__PrimaryAction_12u4q:hover s-internal-icon,.Online-Store-UI-NavItem__PrimaryAction_12u4q:hover svg {
        color:var(--p-color-icon-secondary)
    }
}

.Online-Store-UI-NavItem__PrimaryAction_12u4q:active {
    color: var(--p-color-text-brand);
    background-color: var(--p-color-bg-surface-tertiary)
}

.Online-Store-UI-NavItem__PrimaryAction_12u4q:active s-internal-icon,.Online-Store-UI-NavItem__PrimaryAction_12u4q:active svg {
    color: var(--p-color-text-brand)
}

@media (-ms-high-contrast: active) {
    .Online-Store-UI-NavItem__PrimaryAction_12u4q:active s-internal-icon,.Online-Store-UI-NavItem__PrimaryAction_12u4q:active svg {
        color: var(--p-color-icon-secondary)
    }
}

.Online-Store-UI-NavItem--hasIndicator_zxo5z .Online-Store-UI-NavItem__PrimaryAction_12u4q:before {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: .5rem;
    height: .5rem;
    background-color: var(--p-color-bg-fill-brand-active);
    border-radius: 100%;
    display: block;
    margin-left: -.875rem
}

.Online-Store-UI-NavItem--nested_16vq4 .Online-Store-UI-NavItem--hasIndicator_zxo5z .Online-Store-UI-NavItem__PrimaryAction_12u4q:before {
    margin-left: -.625rem
}

@media (max-width: 41.685em) {
    .Online-Store-UI-NavItem--hasIndicator_zxo5z .Online-Store-UI-NavItem__PrimaryAction_12u4q:before {
        margin-left:-1.625rem
    }

    .Online-Store-UI-NavItem--nested_16vq4 .Online-Store-UI-NavItem--hasIndicator_zxo5z .Online-Store-UI-NavItem__PrimaryAction_12u4q:before {
        margin-left: -1.375rem
    }
}

.Online-Store-UI-NavItem__PrimaryAction_12u4q:focus-visible {
    color: var(--p-color-icon-hover);
    background-color: var(--p-color-bg-surface-hover)
}

.Online-Store-UI-NavItem__PrimaryAction_12u4q:focus-visible svg {
    fill: var(--p-color-text)
}

@media (-ms-high-contrast: active) {
    .Online-Store-UI-NavItem__PrimaryAction_12u4q:focus-visible svg {
        fill: var(--p-color-icon-secondary)
    }
}

@media (hover: hover) and (pointer: fine) {
    .Online-Store-UI-NavItem__PrimaryAction_12u4q:hover {
        color:var(--p-color-icon-hover);
        background-color: var(--p-color-bg-surface-hover)
    }

    .Online-Store-UI-NavItem__PrimaryAction_12u4q:hover svg {
        fill: var(--p-color-text)
    }
}

@media (hover: hover) and (pointer: fine) and (-ms-high-contrast: active) {
    .Online-Store-UI-NavItem__PrimaryAction_12u4q:hover svg {
        fill:var(--p-color-icon-secondary)
    }
}

@media (hover: hover) and (pointer: fine) {
    .Online-Store-UI-NavItem_1657m:not(.Online-Store-UI-NavItem--hidden_188qp)>.Online-Store-UI-NavItem__Interior_1n32e:not(.Online-Store-UI-NavItem--error_p928h):not(.Online-Store-UI-NavItem--interactive_1xu2c):not(.Online-Store-UI-NavItem--selected_upchn) .Online-Store-UI-NavItem__PrimaryAction_12u4q:hover~.Online-Store-UI-NavItem__TitleContent_1wzqq>.Online-Store-UI-NavItem__TitlePrefix_5znrx {
        color:var(--p-color-text)
    }

    .Online-Store-UI-NavItem__PrimaryAction_12u4q:hover~.Online-Store-UI-NavItem__TitleContent_1wzqq>.Online-Store-UI-NavItem__TitlePrefix_5znrx>.Online-Store-UI-NavItem--disableHoverPrefix_1n7ih {
        color: var(--p-color-icon-disabled)
    }
}

@media (min-width: 48em) and (hover: hover) and (pointer: fine) {
    .Online-Store-UI-NavItem__PrimaryAction_12u4q:hover~.Online-Store-UI-NavItem__TitleContent_1wzqq .Online-Store-UI-NavItem__LabelPrefix_69zgn.Online-Store-UI-NavItem--hasHoverPrefix_1ylbk .Online-Store-UI-NavItem__TitlePrefix_5znrx,.Online-Store-UI-NavItem__PrimaryAction_12u4q:focus~.Online-Store-UI-NavItem__TitleContent_1wzqq .Online-Store-UI-NavItem__LabelPrefix_69zgn.Online-Store-UI-NavItem--hasHoverPrefix_1ylbk .Online-Store-UI-NavItem__TitlePrefix_5znrx {
        opacity:0
    }
}

.Online-Store-UI-NavItem__PrimaryAction_12u4q:active {
    color: var(--p-color-icon-hover);
    background-color: var(--p-color-bg-surface-hover);
    background-color: var(--p-color-bg-surface-active)
}

.Online-Store-UI-NavItem__PrimaryAction_12u4q:active svg {
    fill: var(--p-color-text)
}

@media (-ms-high-contrast: active) {
    .Online-Store-UI-NavItem__PrimaryAction_12u4q:active svg {
        fill: var(--p-color-icon-secondary)
    }
}

.Online-Store-UI-NavItem--disabled_pjho9 .Online-Store-UI-NavItem__PrimaryAction_12u4q,.Online-Store-UI-NavItem--plain_p0dwj .Online-Store-UI-NavItem__PrimaryAction_12u4q {
    pointer-events: none;
    touch-action: none;
    -webkit-user-select: none;
    user-select: none
}

.Online-Store-UI-NavItem--selected_upchn .Online-Store-UI-NavItem__PrimaryAction_12u4q {
    background-color: var(--p-color-bg-surface-brand-selected)
}

.Online-Store-UI-NavItem--pressed_1tleq .Online-Store-UI-NavItem__PrimaryAction_12u4q {
    background-color: var(--p-color-bg-surface-active)
}

.Online-Store-UI-NavItem--toneMagic_3kygo .Online-Store-UI-NavItem__PrimaryAction_12u4q {
    background-color: var(--p-color-bg-surface-ai)
}

.Online-Store-UI-NavItem--toneMagic_3kygo .Online-Store-UI-NavItem__PrimaryAction_12u4q:active {
    background-color: var(--p-color-bg-surface-ai-active)
}

.Online-Store-UI-NavItem--toneMagic_3kygo .Online-Store-UI-NavItem__PrimaryAction_12u4q:focus-visible {
    background-color: var(--p-color-bg-surface-ai-hover)
}

@media (hover: hover) and (pointer: fine) {
    .Online-Store-UI-NavItem--toneMagic_3kygo .Online-Store-UI-NavItem__PrimaryAction_12u4q:hover,.Online-Store-UI-NavItem--toneMagic_3kygo .Online-Store-UI-NavItem__PrimaryAction_12u4q.Online-Store-UI-NavItem--hovered_1tguh {
        background-color:var(--p-color-bg-surface-ai-hover)
    }
}

.Online-Store-UI-NavItem__LabelPrefix_69zgn {
    position: relative;
    height: 100%;
    display: grid;
    place-items: center
}

.Online-Store-UI-NavItem__LabelPrefix_69zgn:not(.Online-Store-UI-NavItem--showHoverPrefix_1kk2o):focus-within .Online-Store-UI-NavItem__HoverPrefix_5rk5o {
    opacity: 1
}

.Online-Store-UI-NavItem__LabelPrefix_69zgn:not(.Online-Store-UI-NavItem--showHoverPrefix_1kk2o):focus-within .Online-Store-UI-NavItem__TitlePrefix_5znrx {
    opacity: 0
}

.Online-Store-UI-NavItem__HoverPrefix_5rk5o {
    pointer-events: all;
    position: absolute;
    width: 100%;
    height: 100%;
    display: grid;
    place-items: center;
    opacity: 1
}

.Online-Store-UI-NavItem__LabelPrefix_69zgn:not(.Online-Store-UI-NavItem--hasHoverPrefix_1ylbk) .Online-Store-UI-NavItem__HoverPrefix_5rk5o {
    pointer-events: none
}

.Online-Store-UI-NavItem__LabelPrefix_69zgn:not(.Online-Store-UI-NavItem--hasDefaultPrefix_obbe6).Online-Store-UI-NavItem--showHoverPrefix_1kk2o .Online-Store-UI-NavItem__HoverPrefix_5rk5o {
    position: relative
}

.Online-Store-UI-NavItem__LabelPrefix_69zgn:not(.Online-Store-UI-NavItem--showHoverPrefix_1kk2o) .Online-Store-UI-NavItem__HoverPrefix_5rk5o {
    opacity: 0
}

@media (hover: hover) and (pointer: fine) {
    .Online-Store-UI-NavItem__HoverPrefix_5rk5o:hover+.Online-Store-UI-NavItem__TitlePrefix_5znrx,.Online-Store-UI-NavItem__HoverPrefix_5rk5o:focus+.Online-Store-UI-NavItem__TitlePrefix_5znrx {
        opacity:0
    }
}

.Online-Store-UI-NavItem__TitlePrefix_5znrx {
    opacity: 1
}

.Online-Store-UI-NavItem--showHoverPrefix_1kk2o .Online-Store-UI-NavItem__TitlePrefix_5znrx {
    opacity: 0
}

.Online-Store-UI-NavItem__Title_ozys9 {
    min-width: 0;
    max-width: 100%
}

.Online-Store-UI-NavItem__Suffix_1or7e {
    grid-area: suffix;
    z-index: 2;
    position: relative;
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    justify-self: self-end;
    padding-right: var(--p-space-100);
    gap: var(--p-space-050)
}

.Online-Store-UI-NavItem--fleeting_1ivba .Online-Store-UI-NavItem__Suffix_1or7e>:not(.Online-Store-UI-NavItem__PreventFleeting_1dt1a) {
    opacity: 0;
    transition: opacity var(--p-motion-duration-100) var(--p-motion-ease)
}

.Online-Store-UI-NavItem--fleeting_1ivba:hover .Online-Store-UI-NavItem__Suffix_1or7e>:not(.Online-Store-UI-NavItem__PreventFleeting_1dt1a),.Online-Store-UI-NavItem--fleeting_1ivba:focus-within .Online-Store-UI-NavItem__Suffix_1or7e>:not(.Online-Store-UI-NavItem__PreventFleeting_1dt1a) {
    opacity: 1
}

.Online-Store-UI-NavItem__Interior_1n32e:has(.Online-Store-UI-NavItem--showHoverPrefix_1kk2o) .Online-Store-UI-NavItem__PrimaryAction_12u4q,.Online-Store-UI-NavItem__Interior_1n32e:has(.Online-Store-UI-NavItem--fleeting_1ivba:hover) .Online-Store-UI-NavItem__PrimaryAction_12u4q,.Online-Store-UI-NavItem__Interior_1n32e:has(.Online-Store-UI-NavItem--fleeting_1ivba:focus-within) .Online-Store-UI-NavItem__PrimaryAction_12u4q,.Online-Store-UI-NavItem--hovered_1tguh {
    color: var(--p-color-icon-hover);
    background-color: var(--p-color-bg-surface-hover)
}

.Online-Store-UI-NavItem__Interior_1n32e:has(.Online-Store-UI-NavItem--showHoverPrefix_1kk2o) .Online-Store-UI-NavItem__PrimaryAction_12u4q svg,.Online-Store-UI-NavItem__Interior_1n32e:has(.Online-Store-UI-NavItem--fleeting_1ivba:hover) .Online-Store-UI-NavItem__PrimaryAction_12u4q svg,.Online-Store-UI-NavItem__Interior_1n32e:has(.Online-Store-UI-NavItem--fleeting_1ivba:focus-within) .Online-Store-UI-NavItem__PrimaryAction_12u4q svg,.Online-Store-UI-NavItem--hovered_1tguh svg {
    fill: var(--p-color-text)
}

@media (-ms-high-contrast: active) {
    .Online-Store-UI-NavItem__Interior_1n32e:has(.Online-Store-UI-NavItem--showHoverPrefix_1kk2o) .Online-Store-UI-NavItem__PrimaryAction_12u4q svg,.Online-Store-UI-NavItem__Interior_1n32e:has(.Online-Store-UI-NavItem--fleeting_1ivba:hover) .Online-Store-UI-NavItem__PrimaryAction_12u4q svg,.Online-Store-UI-NavItem__Interior_1n32e:has(.Online-Store-UI-NavItem--fleeting_1ivba:focus-within) .Online-Store-UI-NavItem__PrimaryAction_12u4q svg,.Online-Store-UI-NavItem--hovered_1tguh svg {
        fill: var(--p-color-icon-secondary)
    }
}

.Online-Store-UI-NavItem__Title_ozys9 .Online-Store-UI-NavItem__Subtitle_1rg5u {
    padding-left: .3125rem;
    font-size: var(--p-font-size-300);
    color: var(--p-color-text-secondary)
}

.Online-Store-UI-NavItem__Title_ozys9 .Online-Store-UI-NavItem__SubtitleInline_18j6s {
    display: inline-block;
    max-width: 100%;
    vertical-align: middle;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.Online-Store-UI-NavItem__Title_ozys9 .Online-Store-UI-NavItem__SubtitleInlineValue_hqa4i {
    font-style: italic
}

@media (hover: hover) and (pointer: fine) {
    .Online-Store-UI-NavItem_1657m:has([data-add-button]:hover):not(:has(.Online-Store-UI-NavItem_1657m:hover)) {
        background-color:var(--p-color-bg-surface-hover);
        border-radius: var(--p-border-radius-200)
    }

    .Online-Store-UI-NavItem_1657m:has([data-add-button]:hover):not(:has(.Online-Store-UI-NavItem_1657m:hover)) [data-override-icon] {
        background-color: var(--p-color-bg-surface-hover);
        border-color: var(--p-color-bg-surface-hover)
    }

    .Online-Store-UI-NavItem_1657m:has([data-add-button]:hover):not(:has(.Online-Store-UI-NavItem_1657m:hover))>.Online-Store-UI-NavItem__Interior_1n32e .Online-Store-UI-NavItem__PrimaryAction_12u4q {
        background-color: var(--p-color-bg-surface-secondary-active);
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0
    }

    .Online-Store-UI-NavItem_1657m:has([data-add-button]:hover):not(:has(.Online-Store-UI-NavItem_1657m:hover))>.Online-Store-UI-NavItem__Interior_1n32e [data-override-icon] {
        background-color: var(--p-color-bg-surface-secondary-active);
        border-color: var(--p-color-bg-surface-secondary-active)
    }

    .Online-Store-UI-NavItem_1657m:has([data-add-button]:hover):not(:has(.Online-Store-UI-NavItem_1657m:hover)):not(:has([data-add-button]:focus)),.Online-Store-UI-NavItem_1657m:has([data-add-button]:hover):not(:has(.Online-Store-UI-NavItem_1657m:hover)):not(:has([data-add-button]:focus))>.Online-Store-UI-NavItem__Interior_1n32e .Online-Store-UI-NavItem__PrimaryAction_12u4q {
        transition: background-color var(--p-motion-duration-150) var(--p-motion-ease-in);
        transition-delay: var(--p-motion-duration-200)
    }

    .Online-Store-UI-NavItem_1657m:has([data-add-button]:hover):not(:has(.Online-Store-UI-NavItem_1657m:hover)):not(:has([data-add-button]:focus)),.Online-Store-UI-NavItem_1657m:has([data-add-button]:hover):not(:has(.Online-Store-UI-NavItem_1657m:hover)):not(:has([data-add-button]:focus)) [data-override-icon] {
        transition: background-color var(--p-motion-duration-150) var(--p-motion-ease-in),border-color var(--p-motion-duration-150) var(--p-motion-ease-in);
        transition-delay: var(--p-motion-duration-200)
    }

    :root[data-support-dnd-across-ancestors=true] .Online-Store-UI-NavItem_1657m:has([data-add-button][data-is-drop-target=true]):not(:has(.Online-Store-UI-NavItem_1657m [data-add-button][data-is-drop-target=true])) {
        background-color: var(--p-color-bg-surface-hover);
        border-radius: var(--p-border-radius-200)
    }

    :root[data-support-dnd-across-ancestors=true] .Online-Store-UI-NavItem_1657m:has([data-add-button][data-is-drop-target=true]):not(:has(.Online-Store-UI-NavItem_1657m [data-add-button][data-is-drop-target=true])) [data-override-icon] {
        background-color: var(--p-color-bg-surface-hover);
        border-color: var(--p-color-bg-surface-hover)
    }

    :root[data-support-dnd-across-ancestors=true] .Online-Store-UI-NavItem_1657m:has([data-add-button][data-is-drop-target=true]):not(:has(.Online-Store-UI-NavItem_1657m [data-add-button][data-is-drop-target=true]))>.Online-Store-UI-NavItem__Interior_1n32e .Online-Store-UI-NavItem__PrimaryAction_12u4q {
        background-color: var(--p-color-bg-surface-secondary-active);
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0
    }

    :root[data-support-dnd-across-ancestors=true] .Online-Store-UI-NavItem_1657m:has([data-add-button][data-is-drop-target=true]):not(:has(.Online-Store-UI-NavItem_1657m [data-add-button][data-is-drop-target=true]))>.Online-Store-UI-NavItem__Interior_1n32e [data-override-icon] {
        background-color: var(--p-color-bg-surface-secondary-active);
        border-color: var(--p-color-bg-surface-secondary-active)
    }
}

.Online-Store-UI-NavItem_1657m:has([data-add-button]:where([aria-pressed=true],:focus-visible)):not(:has(.Online-Store-UI-NavItem_1657m [data-add-button]:where([aria-pressed=true],:focus-visible))) {
    background-color: var(--p-color-bg-surface-hover);
    border-radius: var(--p-border-radius-200)
}

.Online-Store-UI-NavItem_1657m:has([data-add-button]:where([aria-pressed=true],:focus-visible)):not(:has(.Online-Store-UI-NavItem_1657m [data-add-button]:where([aria-pressed=true],:focus-visible))) [data-override-icon] {
    background-color: var(--p-color-bg-surface-hover);
    border-color: var(--p-color-bg-surface-hover)
}

.Online-Store-UI-NavItem_1657m:has([data-add-button]:where([aria-pressed=true],:focus-visible)):not(:has(.Online-Store-UI-NavItem_1657m [data-add-button]:where([aria-pressed=true],:focus-visible)))>.Online-Store-UI-NavItem__Interior_1n32e .Online-Store-UI-NavItem__PrimaryAction_12u4q {
    background-color: var(--p-color-bg-surface-secondary-active);
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.Online-Store-UI-NavItem_1657m:has([data-add-button]:where([aria-pressed=true],:focus-visible)):not(:has(.Online-Store-UI-NavItem_1657m [data-add-button]:where([aria-pressed=true],:focus-visible)))>.Online-Store-UI-NavItem__Interior_1n32e [data-override-icon] {
    background-color: var(--p-color-bg-surface-secondary-active);
    border-color: var(--p-color-bg-surface-secondary-active)
}

.Online-Store-UI-NavItem__Interior_1n32e.Online-Store-UI-NavItem--selected_upchn [data-override-icon] {
    background-color: var(--p-color-bg-surface-brand-selected);
    border-color: var(--p-color-bg-surface-brand-selected)
}

.Online-Store-UI-NavItem--hoveredOverrideIcon_132xz>.Online-Store-UI-NavItem__Interior_1n32e [data-override-icon] {
    background-color: var(--p-color-bg-surface-hover);
    border-color: var(--p-color-bg-surface-hover)
}

.Online-Store-UI-NavItem__Interior_1n32e [data-override-icon] {
    background: var(--p-color-bg-surface);
    border: var(--osui_override-icon-border-width) solid var(--p-color-bg-surface)
}

.Online-Store-UI-DragHandle_1pyd3 {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0;
    padding: 0;
    background: none;
    border: none;
    font-size: inherit;
    line-height: inherit;
    color: inherit;
    cursor: pointer;
    min-width: 0;
    font-weight: var(--osui_plain-action-font-weight);
    text-transform: initial;
    letter-spacing: initial;
    fill: var(--p-color-icon);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: var(--osui_height-common-control);
    max-width: 100%;
    min-height: var(--osui_height-common-control);
    border-radius: var(--p-border-radius-200);
    line-height: 1;
    text-decoration: none;
    color: var(--p-color-text);
    transition-property: color,background-color;
    transition-duration: var(--p-motion-duration-150);
    transition-timing-function: var(--p-motion-ease);
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    outline: none;
    position: relative;
    display: flex;
    background-color: transparent;
    min-width: auto;
    width: var(--osui_nav-action-connected-button-width);
    min-height: auto;
    height: var(--osui_height-nav-action);
    color: var(--p-color-icon-secondary);
    cursor: grab;
    touch-action: none;
    -webkit-user-select: none;
    user-select: none
}

.Online-Store-UI-DragHandle_1pyd3:focus {
    outline: none
}

.Online-Store-UI-DragHandle_1pyd3:after {
    content: "";
    position: absolute;
    z-index: 1;
    top: -.0625rem;
    right: -.0625rem;
    bottom: -.0625rem;
    left: -.0625rem;
    display: block;
    pointer-events: none;
    box-shadow: 0 0 0 -.0625rem var(--p-color-border-focus);
    transition: box-shadow var(--p-motion-duration-100) var(--p-motion-ease);
    border-radius: calc(var(--p-border-radius-200) + .0625rem)
}

.Online-Store-UI-DragHandle_1pyd3:focus:after {
    box-shadow: 0 0 0 .125rem var(--p-color-border-focus);
    outline: var(--osui_high-contrast-outline)
}

.Online-Store-UI-DragHandle_1pyd3:focus:not(:focus-visible):after {
    box-shadow: 0 0 0 0 transparent
}

@media (-ms-high-contrast: active) {
    .Online-Store-UI-DragHandle_1pyd3:focus:not(:focus-visible):after {
        outline: none
    }
}

.Online-Store-UI-DragHandle_1pyd3:focus-visible:after {
    box-shadow: 0 0 0 .125rem var(--p-color-border-focus);
    outline: var(--osui_high-contrast-outline)
}

.Online-Store-UI-DragHandle_1pyd3:after {
    inset: var(--p-border-width-050) var(--p-border-width-050) var(--p-border-width-050) var(--p-border-width-050);
    border-radius: var(--p-border-radius-200)
}

.Online-Store-UI-DragHandle_1pyd3 s-internal-icon,.Online-Store-UI-DragHandle_1pyd3 svg {
    transition: color var(--p-motion-duration-150) var(--p-motion-ease)
}

.Online-Store-UI-DragHandle_1pyd3:focus-visible {
    color: var(--p-color-text-brand);
    background-color: var(--p-color-bg-fill-transparent-secondary)
}

.Online-Store-UI-DragHandle_1pyd3:focus-visible s-internal-icon,.Online-Store-UI-DragHandle_1pyd3:focus-visible svg {
    color: var(--p-color-text-brand)
}

@media (-ms-high-contrast: active) {
    .Online-Store-UI-DragHandle_1pyd3:focus-visible s-internal-icon,.Online-Store-UI-DragHandle_1pyd3:focus-visible svg {
        color: var(--p-color-icon-secondary)
    }
}

@media (hover: hover) and (pointer: fine) {
    .Online-Store-UI-DragHandle_1pyd3:hover {
        color:var(--p-color-text-brand);
        background-color: var(--p-color-bg-fill-transparent-secondary)
    }

    .Online-Store-UI-DragHandle_1pyd3:hover s-internal-icon,.Online-Store-UI-DragHandle_1pyd3:hover svg {
        color: var(--p-color-text-brand)
    }
}

@media (hover: hover) and (pointer: fine) and (-ms-high-contrast: active) {
    .Online-Store-UI-DragHandle_1pyd3:hover s-internal-icon,.Online-Store-UI-DragHandle_1pyd3:hover svg {
        color:var(--p-color-icon-secondary)
    }
}

.Online-Store-UI-DragHandle_1pyd3:active {
    color: var(--p-color-text-brand);
    background-color: var(--p-color-bg-surface-tertiary)
}

.Online-Store-UI-DragHandle_1pyd3:active s-internal-icon,.Online-Store-UI-DragHandle_1pyd3:active svg {
    color: var(--p-color-text-brand)
}

@media (-ms-high-contrast: active) {
    .Online-Store-UI-DragHandle_1pyd3:active s-internal-icon,.Online-Store-UI-DragHandle_1pyd3:active svg {
        color: var(--p-color-icon-secondary)
    }
}

.Online-Store-UI-DragHandle_1pyd3:hover {
    color: var(--p-color-icon)
}

.Online-Store-UI-DragHandle--fleeting_14n1r .Online-Store-UI-DragHandle_1pyd3 {
    opacity: 0;
    transition: opacity var(--p-motion-duration-100) var(--p-motion-ease)
}

.Online-Store-UI-DragHandle--fleeting_14n1r:focus-within .Online-Store-UI-DragHandle_1pyd3 {
    opacity: 1
}

.Online-Store-UI-DragHandle--fleeting_14n1r:hover .Online-Store-UI-DragHandle_1pyd3 {
    opacity: 1
}

.Online-Store-UI-DragHandle_1pyd3 * {
    pointer-events: none
}

@media (max-width: 41.685em) {
    .Online-Store-UI-DragHandle_1pyd3 {
        width:var(--osui_height-nav-action)
    }
}

.Online-Store-UI-DragHandle_1pyd3:disabled {
    pointer-events: none;
    touch-action: none;
    -webkit-user-select: none;
    user-select: none
}

.Online-Store-UI-DragHandle_1pyd3:disabled svg,.Online-Store-UI-DragHandle_1pyd3:disabled s-internal-icon {
    color: var(--p-color-icon-disabled)
}

.Online-Store-UI-DragHandle_1pyd3.Online-Store-UI-DragHandle--sizeSlim_1fq16 {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0;
    padding: 0;
    background: none;
    border: none;
    font-size: inherit;
    line-height: inherit;
    color: inherit;
    cursor: pointer;
    min-width: 0;
    font-weight: var(--osui_plain-action-font-weight);
    text-transform: initial;
    letter-spacing: initial;
    fill: var(--p-color-icon);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: var(--osui_height-common-control);
    max-width: 100%;
    min-height: var(--osui_height-common-control);
    border-radius: var(--p-border-radius-200);
    line-height: 1;
    text-decoration: none;
    color: var(--p-color-text);
    transition-property: color,background-color;
    transition-duration: var(--p-motion-duration-150);
    transition-timing-function: var(--p-motion-ease);
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    outline: none;
    position: relative;
    display: flex;
    background-color: transparent;
    min-width: auto;
    width: var(--osui_nav-action-connected-button-width-slim);
    min-height: auto;
    height: var(--osui_height-nav-action)
}

.Online-Store-UI-DragHandle_1pyd3.Online-Store-UI-DragHandle--sizeSlim_1fq16:focus {
    outline: none
}

.Online-Store-UI-DragHandle_1pyd3.Online-Store-UI-DragHandle--sizeSlim_1fq16:after {
    content: "";
    position: absolute;
    z-index: 1;
    top: -.0625rem;
    right: -.0625rem;
    bottom: -.0625rem;
    left: -.0625rem;
    display: block;
    pointer-events: none;
    box-shadow: 0 0 0 -.0625rem var(--p-color-border-focus);
    transition: box-shadow var(--p-motion-duration-100) var(--p-motion-ease);
    border-radius: calc(var(--p-border-radius-200) + .0625rem)
}

.Online-Store-UI-DragHandle_1pyd3.Online-Store-UI-DragHandle--sizeSlim_1fq16:focus:after {
    box-shadow: 0 0 0 .125rem var(--p-color-border-focus);
    outline: var(--osui_high-contrast-outline)
}

.Online-Store-UI-DragHandle_1pyd3.Online-Store-UI-DragHandle--sizeSlim_1fq16:focus:not(:focus-visible):after {
    box-shadow: 0 0 0 0 transparent
}

@media (-ms-high-contrast: active) {
    .Online-Store-UI-DragHandle_1pyd3.Online-Store-UI-DragHandle--sizeSlim_1fq16:focus:not(:focus-visible):after {
        outline: none
    }
}

.Online-Store-UI-DragHandle_1pyd3.Online-Store-UI-DragHandle--sizeSlim_1fq16:focus-visible:after {
    box-shadow: 0 0 0 .125rem var(--p-color-border-focus);
    outline: var(--osui_high-contrast-outline)
}

.Online-Store-UI-DragHandle_1pyd3.Online-Store-UI-DragHandle--sizeSlim_1fq16:after {
    inset: var(--p-border-width-050) var(--p-border-width-050) var(--p-border-width-050) var(--p-border-width-050);
    border-radius: var(--p-border-radius-200)
}

.Online-Store-UI-DragHandle_1pyd3.Online-Store-UI-DragHandle--sizeSlim_1fq16 s-internal-icon,.Online-Store-UI-DragHandle_1pyd3.Online-Store-UI-DragHandle--sizeSlim_1fq16 svg {
    transition: color var(--p-motion-duration-150) var(--p-motion-ease)
}

.Online-Store-UI-DragHandle_1pyd3.Online-Store-UI-DragHandle--sizeSlim_1fq16:focus-visible {
    color: var(--p-color-text-brand);
    background-color: var(--p-color-bg-fill-transparent-secondary)
}

.Online-Store-UI-DragHandle_1pyd3.Online-Store-UI-DragHandle--sizeSlim_1fq16:focus-visible s-internal-icon,.Online-Store-UI-DragHandle_1pyd3.Online-Store-UI-DragHandle--sizeSlim_1fq16:focus-visible svg {
    color: var(--p-color-text-brand)
}

@media (-ms-high-contrast: active) {
    .Online-Store-UI-DragHandle_1pyd3.Online-Store-UI-DragHandle--sizeSlim_1fq16:focus-visible s-internal-icon,.Online-Store-UI-DragHandle_1pyd3.Online-Store-UI-DragHandle--sizeSlim_1fq16:focus-visible svg {
        color: var(--p-color-icon-secondary)
    }
}

@media (hover: hover) and (pointer: fine) {
    .Online-Store-UI-DragHandle_1pyd3.Online-Store-UI-DragHandle--sizeSlim_1fq16:hover {
        color:var(--p-color-text-brand);
        background-color: var(--p-color-bg-fill-transparent-secondary)
    }

    .Online-Store-UI-DragHandle_1pyd3.Online-Store-UI-DragHandle--sizeSlim_1fq16:hover s-internal-icon,.Online-Store-UI-DragHandle_1pyd3.Online-Store-UI-DragHandle--sizeSlim_1fq16:hover svg {
        color: var(--p-color-text-brand)
    }
}

@media (hover: hover) and (pointer: fine) and (-ms-high-contrast: active) {
    .Online-Store-UI-DragHandle_1pyd3.Online-Store-UI-DragHandle--sizeSlim_1fq16:hover s-internal-icon,.Online-Store-UI-DragHandle_1pyd3.Online-Store-UI-DragHandle--sizeSlim_1fq16:hover svg {
        color:var(--p-color-icon-secondary)
    }
}

.Online-Store-UI-DragHandle_1pyd3.Online-Store-UI-DragHandle--sizeSlim_1fq16:active {
    color: var(--p-color-text-brand);
    background-color: var(--p-color-bg-surface-tertiary)
}

.Online-Store-UI-DragHandle_1pyd3.Online-Store-UI-DragHandle--sizeSlim_1fq16:active s-internal-icon,.Online-Store-UI-DragHandle_1pyd3.Online-Store-UI-DragHandle--sizeSlim_1fq16:active svg {
    color: var(--p-color-text-brand)
}

@media (-ms-high-contrast: active) {
    .Online-Store-UI-DragHandle_1pyd3.Online-Store-UI-DragHandle--sizeSlim_1fq16:active s-internal-icon,.Online-Store-UI-DragHandle_1pyd3.Online-Store-UI-DragHandle--sizeSlim_1fq16:active svg {
        color: var(--p-color-icon-secondary)
    }
}

.Online-Store-UI-DragHandle_1pyd3.Online-Store-UI-DragHandle--sizeCompact_1frki {
    width: var(--p-space-500);
    height: var(--p-space-500);
    border-radius: var(--p-space-150)
}

.Online-Store-UI-DragHandle_1pyd3.Online-Store-UI-DragHandle--pressed_1x1nl {
    color: var(--p-color-text-brand);
    cursor: grabbing
}

.Online-Store-UI-DragHandle_1pyd3.Online-Store-UI-DragHandle--pressed_1x1nl:after {
    box-shadow: 0 0 0 .125rem var(--p-color-border-focus);
    outline: var(--osui_high-contrast-outline)
}

.Online-Store-UI-DragHandle_1pyd3.Online-Store-UI-DragHandle--pressed_1x1nl s-internal-icon,.Online-Store-UI-DragHandle_1pyd3.Online-Store-UI-DragHandle--pressed_1x1nl svg {
    color: var(--p-color-text-brand)
}

@media (-ms-high-contrast: active) {
    .Online-Store-UI-DragHandle_1pyd3.Online-Store-UI-DragHandle--pressed_1x1nl s-internal-icon,.Online-Store-UI-DragHandle_1pyd3.Online-Store-UI-DragHandle--pressed_1x1nl svg {
        color: var(--p-color-icon-secondary)
    }
}

.Online-Store-UI-DragHandle_1pyd3 svg,.Online-Store-UI-DragHandle_1pyd3 s-internal-icon {
    color: var(--p-color-icon)
}

.Online-Store-UI-DragHandle__DragContainer_rlftj {
    -webkit-user-select: none;
    user-select: none
}

.Online-Store-UI-Disclosure__DisclosureAction_z495j {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0;
    padding: 0;
    background: none;
    border: none;
    font-size: inherit;
    line-height: inherit;
    color: inherit;
    cursor: pointer;
    min-width: 0;
    font-weight: var(--osui_plain-action-font-weight);
    text-transform: initial;
    letter-spacing: initial;
    fill: var(--p-color-icon);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: var(--osui_height-common-control);
    max-width: 100%;
    min-height: var(--osui_height-common-control);
    border-radius: var(--p-border-radius-200);
    line-height: 1;
    text-decoration: none;
    color: var(--p-color-text);
    transition-property: color,background-color;
    transition-duration: var(--p-motion-duration-150);
    transition-timing-function: var(--p-motion-ease);
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    outline: none;
    position: relative;
    display: flex;
    background-color: transparent;
    min-width: auto;
    width: var(--osui_nav-action-connected-button-width-slim);
    min-height: auto;
    height: var(--osui_height-nav-action);
    color: var(--p-color-icon-secondary)
}

.Online-Store-UI-Disclosure__DisclosureAction_z495j:focus {
    outline: none
}

.Online-Store-UI-Disclosure__DisclosureAction_z495j:after {
    content: "";
    position: absolute;
    z-index: 1;
    top: -.0625rem;
    right: -.0625rem;
    bottom: -.0625rem;
    left: -.0625rem;
    display: block;
    pointer-events: none;
    box-shadow: 0 0 0 -.0625rem var(--p-color-border-focus);
    transition: box-shadow var(--p-motion-duration-100) var(--p-motion-ease);
    border-radius: calc(var(--p-border-radius-200) + .0625rem)
}

.Online-Store-UI-Disclosure__DisclosureAction_z495j:focus:after {
    box-shadow: 0 0 0 .125rem var(--p-color-border-focus);
    outline: var(--osui_high-contrast-outline)
}

.Online-Store-UI-Disclosure__DisclosureAction_z495j:focus:not(:focus-visible):after {
    box-shadow: 0 0 0 0 transparent
}

@media (-ms-high-contrast: active) {
    .Online-Store-UI-Disclosure__DisclosureAction_z495j:focus:not(:focus-visible):after {
        outline: none
    }
}

.Online-Store-UI-Disclosure__DisclosureAction_z495j:focus-visible:after {
    box-shadow: 0 0 0 .125rem var(--p-color-border-focus);
    outline: var(--osui_high-contrast-outline)
}

.Online-Store-UI-Disclosure__DisclosureAction_z495j:after {
    inset: var(--p-border-width-050) var(--p-border-width-050) var(--p-border-width-050) var(--p-border-width-050);
    border-radius: var(--p-border-radius-200)
}

.Online-Store-UI-Disclosure__DisclosureAction_z495j s-internal-icon,.Online-Store-UI-Disclosure__DisclosureAction_z495j svg {
    transition: color var(--p-motion-duration-150) var(--p-motion-ease)
}

.Online-Store-UI-Disclosure__DisclosureAction_z495j:focus-visible {
    color: var(--p-color-text-brand);
    background-color: var(--p-color-bg-fill-transparent-secondary)
}

.Online-Store-UI-Disclosure__DisclosureAction_z495j:focus-visible s-internal-icon,.Online-Store-UI-Disclosure__DisclosureAction_z495j:focus-visible svg {
    color: var(--p-color-text-brand)
}

@media (-ms-high-contrast: active) {
    .Online-Store-UI-Disclosure__DisclosureAction_z495j:focus-visible s-internal-icon,.Online-Store-UI-Disclosure__DisclosureAction_z495j:focus-visible svg {
        color: var(--p-color-icon-secondary)
    }
}

@media (hover: hover) and (pointer: fine) {
    .Online-Store-UI-Disclosure__DisclosureAction_z495j:hover {
        color:var(--p-color-text-brand);
        background-color: var(--p-color-bg-fill-transparent-secondary)
    }

    .Online-Store-UI-Disclosure__DisclosureAction_z495j:hover s-internal-icon,.Online-Store-UI-Disclosure__DisclosureAction_z495j:hover svg {
        color: var(--p-color-text-brand)
    }
}

@media (hover: hover) and (pointer: fine) and (-ms-high-contrast: active) {
    .Online-Store-UI-Disclosure__DisclosureAction_z495j:hover s-internal-icon,.Online-Store-UI-Disclosure__DisclosureAction_z495j:hover svg {
        color:var(--p-color-icon-secondary)
    }
}

.Online-Store-UI-Disclosure__DisclosureAction_z495j:active {
    color: var(--p-color-text-brand);
    background-color: var(--p-color-bg-surface-tertiary)
}

.Online-Store-UI-Disclosure__DisclosureAction_z495j:active s-internal-icon,.Online-Store-UI-Disclosure__DisclosureAction_z495j:active svg {
    color: var(--p-color-text-brand)
}

@media (-ms-high-contrast: active) {
    .Online-Store-UI-Disclosure__DisclosureAction_z495j:active s-internal-icon,.Online-Store-UI-Disclosure__DisclosureAction_z495j:active svg {
        color: var(--p-color-icon-secondary)
    }
}

.Online-Store-UI-Disclosure__DisclosureAction_z495j:hover {
    color: var(--p-color-icon)
}

.Online-Store-UI-Disclosure__DisclosureAction_z495j[aria-expanded=false]>* {
    transform: rotate(-90deg)
}

.Online-Store-UI-Chevron_n30pf {
    width: var(--osui_nav-action-connected-button-width-slim);
    display: grid;
    place-items: center
}

.Online-Store-UI-Collapsible--collapsed_1tzfi {
    display: none
}

.Online-Store-UI-SortableList_pp202 {
    --osui_gap-pe-sortable-list: calc(var(--p-space-100)/2);
    --osui_margin-top-pe-sortable-list-divider: var(--p-space-100);
    --osui-margin-x-sortable-list-ghost: var(--p-space-300);
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-direction: column;
    background-color: var(--p-color-bg-surface);
    padding-left: var(--osui_padding-left-pe-sortable-list)
}

@media (max-width: 41.685em) {
    .Online-Store-UI-SortableList_pp202 {
        --osui_nav-action-connected-button-width: var( --osui_size-min-action-mobile );
        --osui_nav-action-connected-button-width-slim: var( --osui_size-min-action-mobile );
        --osui_height-nav-action: var(--osui_size-min-action-mobile)
    }
}

.Online-Store-UI-SortableList_pp202 .Online-Store-UI-SortableList_pp202 li,.Online-Store-UI-SortableList_pp202 li+li {
    margin-top: var(--osui_gap-pe-sortable-list)
}

.Online-Store-UI-SortableList_pp202>* {
    -webkit-user-select: none;
    user-select: none
}

@media (max-width: 41.685em) {
    .Online-Store-UI-SortableList_pp202 {
        --osui_gap-pe-sortable-list: var(--p-space-200);
        --osui_margin-top-pe-sortable-list-divider: var(--p-space-300)
    }
}

.Online-Store-UI-SortableList_pp202+.Online-Store-UI-SortableList_pp202:before {
    content: "";
    margin: var(--osui_margin-top-pe-sortable-list-divider) var(--p-space-400);
    height: var(--p-border-width-025);
    background-color: var(--p-color-border-secondary)
}

.Online-Store-UI-SortableList_pp202 .Online-Store-UI-SortableList_pp202 {
    background: none
}

@media (max-width: 41.685em) {
    .Online-Store-UI-SortableList_pp202 .Online-Store-UI-SortableList_pp202 {
        --osui_gap-pe-sortable-list: var(--p-space-100)
    }

    .Online-Store-UI-SortableList_pp202 .Online-Store-UI-SortableList_pp202 li:first-child {
        margin-top: var(--osui_gap-pe-sortable-list)
    }
}

.Online-Store-UI-SortableList_pp202 .Online-Store-UI-SortableList_pp202.Online-Store-UI-SortableList--preventDragOffset_7z51p {
    --osui-margin-x-sortable-list-ghost: var(--p-space-100)
}

.Online-Store-UI-SortableList_pp202.Online-Store-UI-SortableList--activeList_i5fpm {
    position: relative
}

.Online-Store-UI-SortableList_pp202.Online-Store-UI-SortableList--activeList_i5fpm:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: var(--p-border-width-025) dashed transparent;
    border-color: var(--p-color-border-highlight);
    border-radius: var(--p-border-radius-200)
}

.Online-Store-UI-SortableList_pp202+.Online-Store-UI-SortableList_pp202.Online-Store-UI-SortableList_pp202.Online-Store-UI-SortableList--activeList_i5fpm:after {
    top: calc(var(--osui_margin-top-pe-sortable-list-divider)*2);
    height: calc(100% - var(--osui_margin-top-pe-sortable-list-divider)*2)
}

.Online-Store-UI-SortableList_pp202.Online-Store-UI-SortableList--leftAlignmentNone_1rhl9 {
    --osui_padding-left-pe-sortable-list: var( --osui-nav-item-alignment-spacing-none )
}

.Online-Store-UI-SortableList_pp202.Online-Store-UI-SortableList--leftAlignmentBaseTight_v5evl {
    --osui_padding-left-pe-sortable-list: var( --osui-nav-item-alignment-base-tight )
}

.Online-Store-UI-SortableList_pp202 .Online-Store-UI-SortableList_pp202.Online-Store-UI-SortableList--leftAlignmentBaseTight_v5evl {
    --osui_padding-left-pe-sortable-list: calc(var(--osui-nav-item-alignment-base-tight) - var( --osui_nav-item-alignment-nested-offset ))
}

.Online-Store-UI-SortableList_pp202.Online-Store-UI-SortableList--leftAlignmentPrefix_10um8 {
    --osui_padding-left-pe-sortable-list: var( --osui_nav-action-connected-button-width-slim )
}

.Online-Store-UI-SortableList_pp202 .Online-Store-UI-SortableList_pp202.Online-Store-UI-SortableList--leftAlignmentPrefix_10um8 {
    --osui_padding-left-pe-sortable-list: calc(var(--osui_nav-action-connected-button-width-slim) - var( --osui_nav-item-alignment-nested-offset ))
}

.Online-Store-UI-SortableList_pp202.Online-Store-UI-SortableList--leftAlignmentIcon_bqjx8 {
    --osui_padding-left-pe-sortable-list: var( --osui_nav-item-alignment-common-icon )
}

.Online-Store-UI-SortableList_pp202 .Online-Store-UI-SortableList_pp202.Online-Store-UI-SortableList--leftAlignmentIcon_bqjx8 {
    --osui_padding-left-pe-sortable-list: calc(var(--osui_nav-action-common-prefix-size) - var( --osui_nav-item-alignment-nested-offset ))
}

.Online-Store-UI-SortableList_pp202.Online-Store-UI-SortableList--leftAlignmentPrefixWithIcon_1baxh {
    --osui_padding-left-pe-sortable-list: var( --osui_nav-item-alignment-common-action-with-icon )
}

.Online-Store-UI-SortableList_pp202 .Online-Store-UI-SortableList_pp202.Online-Store-UI-SortableList--leftAlignmentPrefixWithIcon_1baxh {
    --osui_padding-left-pe-sortable-list: calc(var(--osui_nav-item-alignment-common-action-with-icon) - var( --osui_nav-item-alignment-nested-offset ))
}

.Online-Store-UI-SortableList_pp202.Online-Store-UI-SortableList--leftAlignmentCompact_ke1c8 {
    --osui_padding-left-pe-sortable-list: var( --osui_nav-item-alignment-common-action-with-icon )
}

.Online-Store-UI-SortableList_pp202 .Online-Store-UI-SortableList_pp202.Online-Store-UI-SortableList--leftAlignmentCompact_ke1c8 {
    --osui_padding-left-pe-sortable-list: calc(var(--osui_nav-item-alignment-nested-offset) + var(--osui-nav-item-alignment-base-tight))
}

:has(.Online-Store-UI-SortableList--activeList_i5fpm) .Online-Store-UI-SortableList_pp202:not(.Online-Store-UI-SortableList--activeList_i5fpm)>li>[data-interior] {
    opacity: .6
}

.Online-Store-UI-Clone_ctpnw {
    margin: 0;
    padding: 0;
    list-style: none
}

.Online-Store-UI-Ghost_1a17r {
    background-color: var(--p-color-bg-surface-brand-selected);
    margin-left: var(--osui-margin-x-sortable-list-ghost);
    margin-right: var(--osui-margin-x-sortable-list-ghost);
    border-radius: var(--p-border-radius-100);
    height: var(--osui_height-nav-action)
}

@media (max-width: 41.685em) {
    .Online-Store-UI-Ghost_1a17r {
        --osui_height-nav-action: var(--osui_size-min-action-mobile)
    }
}

.Online-Store-UI-Ghost--spacingBase_i3djj {
    padding-left: var(--p-space-200);
    padding-right: var(--p-space-300)
}

.Online-Store-UI-Ghost--spacingTight_16pko {
    padding-left: var(--p-space-100);
    padding-right: var(--p-space-100)
}

.Online-Store-UI-Ghost--spacingNone_1wdu1 {
    padding-left: 0;
    padding-right: 0
}

:root {
    --osui-nav-item-interior-padding: var(--p-space-200);
    --osui_nav-action-connected-button-width: 1.75rem;
    --osui_nav-action-connected-button-width-slim: 1.25rem;
    --osui_nav-action-common-prefix-size: 1.25rem;
    --osui_nav-action-common-prefix-gap: var(--p-space-200);
    --osui-nav-item-alignment-none: 0;
    --osui-nav-item-alignment-base-tight: var(--p-space-300);
    --osui_nav-item-alignment-common-icon: calc(var(--osui_nav-action-common-prefix-size) + var(--osui_nav-action-common-prefix-gap) + var(--osui-nav-item-alignment-base-tight));
    --osui_nav-item-alignment-common-action-with-icon: calc(var(--osui_nav-action-connected-button-width-slim) + var(--osui_nav-action-common-prefix-size) + var(--osui_nav-action-common-prefix-gap));
    --osui_nav-item-alignment-nested-offset: var(--p-space-100)
}

:root[data-support-dnd-across-ancestors=true] .Online-Store-UI-SortableList_p19g7 .Online-Store-UI-SortableList--activeList_e9p5n:after {
    border: none
}

.Online-Store-UI-SortableList_p19g7 {
    --osui_gap-pe-sortable-list: calc(var(--p-space-100)/2);
    --osui_margin-top-pe-sortable-list-divider: var(--p-space-100);
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-direction: column;
    background-color: var(--p-color-bg-surface);
    padding-left: var(--osui_padding-left-pe-sortable-list)
}

@media (max-width: 41.685em) {
    .Online-Store-UI-SortableList_p19g7 {
        --osui_nav-action-connected-button-width: var( --osui_size-min-action-mobile );
        --osui_nav-action-connected-button-width-slim: var( --osui_size-min-action-mobile );
        --osui_height-nav-action: var(--osui_size-min-action-mobile)
    }
}

.Online-Store-UI-SortableList_p19g7 .Online-Store-UI-SortableList_p19g7 li,.Online-Store-UI-SortableList_p19g7 li+li {
    margin-top: var(--osui_gap-pe-sortable-list)
}

.Online-Store-UI-SortableList_p19g7>* {
    -webkit-user-select: none;
    user-select: none
}

@media (max-width: 41.685em) {
    .Online-Store-UI-SortableList_p19g7 {
        --osui_gap-pe-sortable-list: var(--p-space-200);
        --osui_margin-top-pe-sortable-list-divider: var(--p-space-300)
    }
}

.Online-Store-UI-SortableList_p19g7+.Online-Store-UI-SortableList_p19g7:before {
    content: "";
    margin: var(--osui_margin-top-pe-sortable-list-divider) var(--p-space-400);
    height: var(--p-border-width-025);
    background-color: var(--p-color-border-secondary)
}

.Online-Store-UI-SortableList_p19g7 .Online-Store-UI-SortableList_p19g7 {
    background: none
}

@media (max-width: 41.685em) {
    .Online-Store-UI-SortableList_p19g7 .Online-Store-UI-SortableList_p19g7 {
        --osui_gap-pe-sortable-list: var(--p-space-100)
    }

    .Online-Store-UI-SortableList_p19g7 .Online-Store-UI-SortableList_p19g7 li:first-child {
        margin-top: var(--osui_gap-pe-sortable-list)
    }
}

.Online-Store-UI-SortableList_p19g7.Online-Store-UI-SortableList--activeList_e9p5n {
    position: relative
}

.Online-Store-UI-SortableList_p19g7.Online-Store-UI-SortableList--activeList_e9p5n:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: var(--p-border-width-025) dashed transparent;
    border-color: var(--p-color-border-highlight);
    border-radius: var(--p-border-radius-200)
}

.Online-Store-UI-SortableList_p19g7+.Online-Store-UI-SortableList_p19g7.Online-Store-UI-SortableList_p19g7.Online-Store-UI-SortableList--activeList_e9p5n:after {
    top: calc(var(--osui_margin-top-pe-sortable-list-divider)*2);
    height: calc(100% - var(--osui_margin-top-pe-sortable-list-divider)*2)
}

.Online-Store-UI-SortableList_p19g7.Online-Store-UI-SortableList--leftAlignmentNone_1ab8d {
    --osui_padding-left-pe-sortable-list: var( --osui-nav-item-alignment-spacing-none )
}

.Online-Store-UI-SortableList_p19g7.Online-Store-UI-SortableList--leftAlignmentBaseTight_190w8 {
    --osui_padding-left-pe-sortable-list: var( --osui-nav-item-alignment-base-tight )
}

.Online-Store-UI-SortableList_p19g7 .Online-Store-UI-SortableList_p19g7.Online-Store-UI-SortableList--leftAlignmentBaseTight_190w8 {
    --osui_padding-left-pe-sortable-list: calc(var(--osui-nav-item-alignment-base-tight) - var( --osui_nav-item-alignment-nested-offset ))
}

.Online-Store-UI-SortableList_p19g7.Online-Store-UI-SortableList--leftAlignmentPrefix_1bzaf {
    --osui_padding-left-pe-sortable-list: var( --osui_nav-action-connected-button-width-slim )
}

.Online-Store-UI-SortableList_p19g7 .Online-Store-UI-SortableList_p19g7.Online-Store-UI-SortableList--leftAlignmentPrefix_1bzaf {
    --osui_padding-left-pe-sortable-list: calc(var(--osui_nav-action-connected-button-width-slim) - var( --osui_nav-item-alignment-nested-offset ))
}

.Online-Store-UI-SortableList_p19g7.Online-Store-UI-SortableList--leftAlignmentIcon_7djhr {
    --osui_padding-left-pe-sortable-list: var( --osui_nav-item-alignment-common-icon )
}

.Online-Store-UI-SortableList_p19g7 .Online-Store-UI-SortableList_p19g7.Online-Store-UI-SortableList--leftAlignmentIcon_7djhr {
    --osui_padding-left-pe-sortable-list: calc(var(--osui_nav-action-common-prefix-size) - var( --osui_nav-item-alignment-nested-offset ))
}

.Online-Store-UI-SortableList_p19g7.Online-Store-UI-SortableList--leftAlignmentPrefixWithIcon_12o7q {
    --osui_padding-left-pe-sortable-list: var( --osui_nav-item-alignment-common-action-with-icon )
}

.Online-Store-UI-SortableList_p19g7 .Online-Store-UI-SortableList_p19g7.Online-Store-UI-SortableList--leftAlignmentPrefixWithIcon_12o7q {
    --osui_padding-left-pe-sortable-list: calc(var(--osui_nav-item-alignment-common-action-with-icon) - var( --osui_nav-item-alignment-nested-offset ))
}

.Online-Store-UI-SortableList_p19g7.Online-Store-UI-SortableList--leftAlignmentCompact_1dw7q {
    --osui_padding-left-pe-sortable-list: var( --osui_nav-item-alignment-common-action-with-icon )
}

.Online-Store-UI-SortableList_p19g7 .Online-Store-UI-SortableList_p19g7.Online-Store-UI-SortableList--leftAlignmentCompact_1dw7q {
    --osui_padding-left-pe-sortable-list: calc(var(--osui_nav-item-alignment-nested-offset) + var(--osui-nav-item-alignment-base-tight))
}

:has(.Online-Store-UI-SortableList--activeList_e9p5n) .Online-Store-UI-SortableList_p19g7:not(.Online-Store-UI-SortableList--activeList_e9p5n)>li>[data-interior] {
    opacity: .6
}

.Online-Store-UI-ActionBar_kuzcm {
    background-color: var(--p-color-bg-surface);
    padding-top: var(--p-space-100);
    height: 100%;
    width: var(--osui_width-action-bar)
}

.Online-Store-UI-ActionBar__List_1vwjm {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.Online-Store-UI-ActionBar__ListItem_1q9p4 {
    margin: var(--p-space-050) 0
}

.Online-Store-UI-LegacyIconOSUI__Icon_1a5o2 {
    display: block;
    height: var(--p-height-500);
    width: var(--p-width-500)
}

.Online-Store-UI-LegacyIconOSUI__Icon_1a5o2 svg,.Online-Store-UI-LegacyIconOSUI__Icon_1a5o2 img {
    width: 100%
}

.Online-Store-UI-LegacyIconOSUI__Icon_1a5o2 svg {
    fill: currentcolor
}

.Online-Store-UI-LegacyIconOSUI__Placeholder_1cbpj {
    background: var(--p-color-bg-fill-tertiary);
    border-radius: var(--p-border-radius-100)
}

.Online-Store-UI-LegacyIconOSUI__SvgSmScreen_a0o3a {
    display: unset
}

@media (min-width: 48em),(hover) and (pointer: fine) {
    .Online-Store-UI-LegacyIconOSUI__SvgSmScreen_a0o3a {
        display:none
    }
}

.Online-Store-UI-LegacyIconOSUI__SvgLgScreen_a53ll {
    display: none
}

@media (min-width: 48em),(hover) and (pointer: fine) {
    .Online-Store-UI-LegacyIconOSUI__SvgLgScreen_a53ll {
        display:unset
    }
}

.Online-Store-UI-LegacyIconOSUI--toneInherit_ryto1 svg {
    color: inherit
}

.Online-Store-UI-LegacyIconOSUI--toneBase_vpavh svg {
    color: var(--p-color-icon)
}

.Online-Store-UI-LegacyIconOSUI--toneSubdued_y03cw svg {
    color: var(--p-color-icon-secondary)
}

.Online-Store-UI-LegacyIconOSUI--toneCaution_1eobt svg {
    color: var(--p-color-icon-caution)
}

.Online-Store-UI-LegacyIconOSUI--toneWarning_kgbdd svg {
    color: var(--p-color-icon-warning)
}

.Online-Store-UI-LegacyIconOSUI--toneCritical_1c9wa svg {
    color: var(--p-color-icon-critical)
}

.Online-Store-UI-LegacyIconOSUI--toneInteractive_1f6bu svg {
    color: var(--p-color-icon-highlight)
}

.Online-Store-UI-LegacyIconOSUI--toneInfo_1tviq svg {
    color: var(--p-color-icon-info)
}

.Online-Store-UI-LegacyIconOSUI--toneSuccess_1hggh svg {
    color: var(--p-color-icon-success)
}

.Online-Store-UI-LegacyIconOSUI--tonePrimary_10vqy svg {
    color: var(--p-color-icon-brand)
}

.Online-Store-UI-LegacyIconOSUI--toneEmphasis_1v0wz svg {
    color: var(--p-color-icon-highlight)
}

.Online-Store-UI-LegacyIconOSUI--toneMagic_mhjn5 svg {
    color: var(--p-color-icon-ai)
}

.Online-Store-UI-LegacyIconOSUI--toneTextCaution_xkvzb svg {
    color: var(--p-color-text-caution)
}

.Online-Store-UI-LegacyIconOSUI--toneTextWarning_mpn69 svg {
    color: var(--p-color-text-warning)
}

.Online-Store-UI-LegacyIconOSUI--toneTextCritical_1b703 svg {
    color: var(--p-color-text-critical)
}

.Online-Store-UI-LegacyIconOSUI--toneTextInfo_9hdhq svg {
    color: var(--p-color-text-info)
}

.Online-Store-UI-LegacyIconOSUI--toneTextPrimary_1mxiy svg {
    color: var(--p-color-text-brand)
}

.Online-Store-UI-LegacyIconOSUI--toneTextSuccess_s9kxq svg {
    color: var(--p-color-text-success)
}

.Online-Store-UI-LegacyIconOSUI--toneTextMagic_1gb97 svg {
    color: var(--p-color-text-ai)
}

.Online-Store-UI-PlainAction_1jhib {
    --osui_plain-action-content-padding-x: var(--p-space-150);
    --osui_plain-action-prefix-max-size: 1.875rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0;
    padding: 0;
    background: none;
    border: none;
    font-size: inherit;
    line-height: inherit;
    color: inherit;
    cursor: pointer;
    min-width: 0;
    font-weight: var(--osui_plain-action-font-weight);
    text-transform: initial;
    letter-spacing: initial;
    fill: var(--p-color-icon);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: var(--osui_height-common-control);
    max-width: 100%;
    min-height: var(--osui_height-common-control);
    border-radius: var(--p-border-radius-200);
    line-height: 1;
    text-decoration: none;
    color: var(--p-color-text);
    transition-property: color,background-color;
    transition-duration: var(--p-motion-duration-150);
    transition-timing-function: var(--p-motion-ease);
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    outline: none;
    position: relative
}

.Online-Store-UI-PlainAction_1jhib:focus {
    outline: none
}

.Online-Store-UI-PlainAction_1jhib:after {
    content: "";
    position: absolute;
    z-index: 1;
    top: -.0625rem;
    right: -.0625rem;
    bottom: -.0625rem;
    left: -.0625rem;
    display: block;
    pointer-events: none;
    box-shadow: 0 0 0 -.0625rem var(--p-color-border-focus);
    transition: box-shadow var(--p-motion-duration-100) var(--p-motion-ease);
    border-radius: calc(var(--p-border-radius-200) + .0625rem)
}

.Online-Store-UI-PlainAction_1jhib:focus:after {
    box-shadow: 0 0 0 .125rem var(--p-color-border-focus);
    outline: var(--osui_high-contrast-outline)
}

.Online-Store-UI-PlainAction_1jhib:focus:not(:focus-visible):after {
    box-shadow: 0 0 0 0 transparent
}

@media (-ms-high-contrast: active) {
    .Online-Store-UI-PlainAction_1jhib:focus:not(:focus-visible):after {
        outline: none
    }
}

.Online-Store-UI-PlainAction_1jhib:focus-visible:after {
    box-shadow: 0 0 0 .125rem var(--p-color-border-focus);
    outline: var(--osui_high-contrast-outline)
}

.Online-Store-UI-PlainAction_1jhib s-internal-icon,.Online-Store-UI-PlainAction_1jhib svg {
    transition: color var(--p-motion-duration-150) var(--p-motion-ease)
}

.Online-Store-UI-PlainAction_1jhib:focus-visible {
    color: var(--p-color-text-brand);
    background-color: var(--p-color-bg-fill-transparent-secondary)
}

.Online-Store-UI-PlainAction_1jhib:focus-visible s-internal-icon,.Online-Store-UI-PlainAction_1jhib:focus-visible svg {
    color: var(--p-color-text-brand)
}

@media (-ms-high-contrast: active) {
    .Online-Store-UI-PlainAction_1jhib:focus-visible s-internal-icon,.Online-Store-UI-PlainAction_1jhib:focus-visible svg {
        color: var(--p-color-icon-secondary)
    }
}

@media (hover: hover) and (pointer: fine) {
    .Online-Store-UI-PlainAction_1jhib:hover {
        color:var(--p-color-text-brand);
        background-color: var(--p-color-bg-fill-transparent-secondary)
    }

    .Online-Store-UI-PlainAction_1jhib:hover s-internal-icon,.Online-Store-UI-PlainAction_1jhib:hover svg {
        color: var(--p-color-text-brand)
    }
}

@media (hover: hover) and (pointer: fine) and (-ms-high-contrast: active) {
    .Online-Store-UI-PlainAction_1jhib:hover s-internal-icon,.Online-Store-UI-PlainAction_1jhib:hover svg {
        color:var(--p-color-icon-secondary)
    }
}

.Online-Store-UI-PlainAction_1jhib:active {
    color: var(--p-color-text-brand);
    background-color: var(--p-color-bg-surface-tertiary)
}

.Online-Store-UI-PlainAction_1jhib:active s-internal-icon,.Online-Store-UI-PlainAction_1jhib:active svg {
    color: var(--p-color-text-brand)
}

@media (-ms-high-contrast: active) {
    .Online-Store-UI-PlainAction_1jhib:active s-internal-icon,.Online-Store-UI-PlainAction_1jhib:active svg {
        color: var(--p-color-icon-secondary)
    }
}

.Online-Store-UI-PlainAction_1jhib.Online-Store-UI-PlainAction--hyperlink_baw6d:focus-visible {
    background-color: transparent
}

@media (hover: hover) and (pointer: fine) {
    .Online-Store-UI-PlainAction_1jhib.Online-Store-UI-PlainAction--hyperlink_baw6d:hover {
        background-color:transparent
    }
}

.Online-Store-UI-PlainAction_1jhib.Online-Store-UI-PlainAction--hyperlink_baw6d,.Online-Store-UI-PlainAction_1jhib.Online-Store-UI-PlainAction--hyperlink_baw6d:active {
    background-color: transparent
}

.Online-Store-UI-PlainAction_1jhib.Online-Store-UI-PlainAction--subtitle_1ijt1 {
    line-height: var(--p-font-line-height-500);
    font-size: var(--p-font-size-350)
}

.Online-Store-UI-PlainAction_1jhib.Online-Store-UI-PlainAction--looseLineHeight_1gkfs {
    line-height: var(--p-space-500)
}

.Online-Store-UI-PlainAction_1jhib.Online-Store-UI-PlainAction--extraLooseLineHeight_1dtgh {
    line-height: 2.75rem
}

@media (-ms-high-contrast: active) {
    .Online-Store-UI-PlainAction_1jhib {
        outline: var(--osui_high-contrast-button-outline)
    }
}

.Online-Store-UI-PlainAction--fontSizeBodyMd_fa29c {
    font-size: var(--p-font-size-325)
}

.Online-Store-UI-PlainAction--small_geqok,.Online-Store-UI-PlainAction--fontSizeBodyLg_qzizg {
    font-size: var(--p-font-size-350)
}

.Online-Store-UI-PlainAction--fontSizeBodyXl_nwihz {
    font-size: .9375rem
}

.Online-Store-UI-PlainAction--noPadding_4dn71 {
    --osui_plain-action-content-padding-x: 0
}

.Online-Store-UI-PlainAction--hasContent_5372i:not(.Online-Store-UI-PlainAction--slim_1buo4):not(.Online-Store-UI-PlainAction--noPadding_4dn71) {
    --osui_plain-action-content-padding-x: var(--p-space-300)
}

@media (max-width: 41.685em) {
    .Online-Store-UI-PlainAction--iconOnly_vgqbv:not(.Online-Store-UI-PlainAction--disclosure_1d0sg) {
        width:var(--osui_size-min-action-mobile);
        height: var(--osui_size-min-action-mobile);
        -webkit-tap-highlight-color: rgba(0,0,0,0);
        outline: none;
        position: relative
    }

    .Online-Store-UI-PlainAction--iconOnly_vgqbv:not(.Online-Store-UI-PlainAction--disclosure_1d0sg):after {
        content: "";
        position: absolute;
        z-index: 1;
        top: -.0625rem;
        right: -.0625rem;
        bottom: -.0625rem;
        left: -.0625rem;
        display: block;
        pointer-events: none;
        box-shadow: 0 0 0 -.0625rem var(--p-color-border-focus);
        transition: box-shadow var(--p-motion-duration-100) var(--p-motion-ease);
        border-radius: calc(var(--p-border-radius-200) + .0625rem)
    }

    .Online-Store-UI-PlainAction--iconOnly_vgqbv:not(.Online-Store-UI-PlainAction--disclosure_1d0sg):focus:after {
        box-shadow: 0 0 0 .125rem var(--p-color-border-focus);
        outline: var(--osui_high-contrast-outline)
    }

    .Online-Store-UI-PlainAction--iconOnly_vgqbv:not(.Online-Store-UI-PlainAction--disclosure_1d0sg):focus:not(:focus-visible):after {
        box-shadow: 0 0 0 0 transparent
    }
}

@media (max-width: 41.685em) and (-ms-high-contrast: active) {
    .Online-Store-UI-PlainAction--iconOnly_vgqbv:not(.Online-Store-UI-PlainAction--disclosure_1d0sg):focus:not(:focus-visible):after {
        outline:none
    }
}

@media (max-width: 41.685em) {
    .Online-Store-UI-PlainAction--iconOnly_vgqbv:not(.Online-Store-UI-PlainAction--disclosure_1d0sg):focus-visible:after {
        box-shadow:0 0 0 .125rem var(--p-color-border-focus);
        outline: var(--osui_high-contrast-outline)
    }

    .Online-Store-UI-PlainAction--iconOnly_vgqbv:not(.Online-Store-UI-PlainAction--disclosure_1d0sg):after {
        inset: var(--p-border-width-050) var(--p-border-width-050) var(--p-border-width-050) var(--p-border-width-050);
        border-radius: var(--p-border-radius-200)
    }

    .Online-Store-UI-PlainAction--iconOnly_vgqbv:not(.Online-Store-UI-PlainAction--disclosure_1d0sg) s-internal-icon,.Online-Store-UI-PlainAction--iconOnly_vgqbv:not(.Online-Store-UI-PlainAction--disclosure_1d0sg) svg {
        transition: color var(--p-motion-duration-150) var(--p-motion-ease)
    }

    .Online-Store-UI-PlainAction--iconOnly_vgqbv:not(.Online-Store-UI-PlainAction--disclosure_1d0sg):focus-visible {
        color: var(--p-color-text-brand);
        background-color: var(--p-color-bg-fill-transparent-secondary)
    }

    .Online-Store-UI-PlainAction--iconOnly_vgqbv:not(.Online-Store-UI-PlainAction--disclosure_1d0sg):focus-visible s-internal-icon,.Online-Store-UI-PlainAction--iconOnly_vgqbv:not(.Online-Store-UI-PlainAction--disclosure_1d0sg):focus-visible svg {
        color: var(--p-color-text-brand)
    }
}

@media (max-width: 41.685em) and (-ms-high-contrast: active) {
    .Online-Store-UI-PlainAction--iconOnly_vgqbv:not(.Online-Store-UI-PlainAction--disclosure_1d0sg):focus-visible s-internal-icon,.Online-Store-UI-PlainAction--iconOnly_vgqbv:not(.Online-Store-UI-PlainAction--disclosure_1d0sg):focus-visible svg {
        color:var(--p-color-icon-secondary)
    }
}

@media (max-width: 41.685em) and (hover: hover) and (pointer: fine) {
    .Online-Store-UI-PlainAction--iconOnly_vgqbv:not(.Online-Store-UI-PlainAction--disclosure_1d0sg):hover {
        color:var(--p-color-text-brand);
        background-color: var(--p-color-bg-fill-transparent-secondary)
    }

    .Online-Store-UI-PlainAction--iconOnly_vgqbv:not(.Online-Store-UI-PlainAction--disclosure_1d0sg):hover s-internal-icon,.Online-Store-UI-PlainAction--iconOnly_vgqbv:not(.Online-Store-UI-PlainAction--disclosure_1d0sg):hover svg {
        color: var(--p-color-text-brand)
    }
}

@media (max-width: 41.685em) and (hover: hover) and (pointer: fine) and (-ms-high-contrast: active) {
    .Online-Store-UI-PlainAction--iconOnly_vgqbv:not(.Online-Store-UI-PlainAction--disclosure_1d0sg):hover s-internal-icon,.Online-Store-UI-PlainAction--iconOnly_vgqbv:not(.Online-Store-UI-PlainAction--disclosure_1d0sg):hover svg {
        color:var(--p-color-icon-secondary)
    }
}

@media (max-width: 41.685em) {
    .Online-Store-UI-PlainAction--iconOnly_vgqbv:not(.Online-Store-UI-PlainAction--disclosure_1d0sg):active {
        color:var(--p-color-text-brand);
        background-color: var(--p-color-bg-surface-tertiary)
    }

    .Online-Store-UI-PlainAction--iconOnly_vgqbv:not(.Online-Store-UI-PlainAction--disclosure_1d0sg):active s-internal-icon,.Online-Store-UI-PlainAction--iconOnly_vgqbv:not(.Online-Store-UI-PlainAction--disclosure_1d0sg):active svg {
        color: var(--p-color-text-brand)
    }
}

@media (max-width: 41.685em) and (-ms-high-contrast: active) {
    .Online-Store-UI-PlainAction--iconOnly_vgqbv:not(.Online-Store-UI-PlainAction--disclosure_1d0sg):active s-internal-icon,.Online-Store-UI-PlainAction--iconOnly_vgqbv:not(.Online-Store-UI-PlainAction--disclosure_1d0sg):active svg {
        color:var(--p-color-icon-secondary)
    }
}

.Online-Store-UI-PlainAction--extraPadding_yq567 {
    padding: var(--p-space-500)
}

.Online-Store-UI-PlainAction--paddingLoose_1e6jv {
    --osui_plain-action-content-padding-x: 0;
    padding: .625rem
}

.Online-Store-UI-PlainAction--backgroundSubdued_w48to,.Online-Store-UI-PlainAction--withSurfaceSubduedBackground_1c0vh {
    background-color: var(--p-color-bg-surface-secondary)
}

.Online-Store-UI-PlainAction--backgroundDark_glaz7 {
    background-color: var(--p-color-bg-inverse)
}

.Online-Store-UI-PlainAction--backgroundGrey_1j6sp {
    background-color: var(--p-color-bg)
}

.Online-Store-UI-PlainAction--interactive_1ef4b:not(.Online-Store-UI-PlainAction--disabled_11cdm):not(.Online-Store-UI-PlainAction--pressed_htthh) {
    background-color: var(--p-color-bg-surface-brand-selected);
    color: var(--p-color-text-highlight)
}

.Online-Store-UI-PlainAction--interactive_1ef4b:not(.Online-Store-UI-PlainAction--disabled_11cdm):not(.Online-Store-UI-PlainAction--pressed_htthh) s-internal-icon,.Online-Store-UI-PlainAction--interactive_1ef4b:not(.Online-Store-UI-PlainAction--disabled_11cdm):not(.Online-Store-UI-PlainAction--pressed_htthh) svg {
    color: var(--p-color-icon-highlight)
}

.Online-Store-UI-PlainAction--interactive_1ef4b:not(.Online-Store-UI-PlainAction--disabled_11cdm):not(.Online-Store-UI-PlainAction--pressed_htthh):hover {
    background-color: var(--p-color-bg-surface-brand-hover);
    color: var(--p-color-text-highlight-hover)
}

.Online-Store-UI-PlainAction--interactive_1ef4b:not(.Online-Store-UI-PlainAction--disabled_11cdm):not(.Online-Store-UI-PlainAction--pressed_htthh):hover s-internal-icon,.Online-Store-UI-PlainAction--interactive_1ef4b:not(.Online-Store-UI-PlainAction--disabled_11cdm):not(.Online-Store-UI-PlainAction--pressed_htthh):hover svg {
    color: var(--p-color-icon-highlight-hover)
}

.Online-Store-UI-PlainAction--interactive_1ef4b.Online-Store-UI-PlainAction--disabled_11cdm {
    background-color: var(--p-color-bg-surface-disabled)
}

.Online-Store-UI-PlainAction--interactive_1ef4b.Online-Store-UI-PlainAction--pressed_htthh,.Online-Store-UI-PlainAction--interactive_1ef4b.Online-Store-UI-PlainAction--pressed_htthh:hover {
    background-color: var(--p-color-bg-surface-brand-hover);
    color: var(--p-color-text-highlight-hover)
}

.Online-Store-UI-PlainAction--interactive_1ef4b.Online-Store-UI-PlainAction--pressed_htthh s-internal-icon,.Online-Store-UI-PlainAction--interactive_1ef4b.Online-Store-UI-PlainAction--pressed_htthh svg,.Online-Store-UI-PlainAction--interactive_1ef4b.Online-Store-UI-PlainAction--pressed_htthh:hover s-internal-icon,.Online-Store-UI-PlainAction--interactive_1ef4b.Online-Store-UI-PlainAction--pressed_htthh:hover svg {
    color: var(--p-color-icon-highlight-hover)
}

.Online-Store-UI-PlainAction--destructive_123ij {
    color: var(--p-color-text-critical)
}

.Online-Store-UI-PlainAction--destructive_123ij s-internal-icon,.Online-Store-UI-PlainAction--destructive_123ij svg {
    color: var(--p-color-text-critical)
}

.Online-Store-UI-PlainAction--destructive_123ij:focus-visible,.Online-Store-UI-PlainAction--destructive_123ij:active {
    color: var(--p-color-text-critical);
    background-color: var(--osui_color-plain-button-bg)
}

.Online-Store-UI-PlainAction--destructive_123ij:focus-visible s-internal-icon,.Online-Store-UI-PlainAction--destructive_123ij:focus-visible svg,.Online-Store-UI-PlainAction--destructive_123ij:active s-internal-icon,.Online-Store-UI-PlainAction--destructive_123ij:active svg {
    color: var(--p-color-text-critical)
}

@media (hover: hover) and (pointer: fine) {
    .Online-Store-UI-PlainAction--destructive_123ij:hover {
        color:var(--p-color-text-critical);
        background-color: var(--osui_color-plain-button-bg)
    }

    .Online-Store-UI-PlainAction--destructive_123ij:hover s-internal-icon,.Online-Store-UI-PlainAction--destructive_123ij:hover svg {
        color: var(--p-color-text-critical)
    }
}

.Online-Store-UI-PlainAction--darkInverse_hkusf,.Online-Store-UI-PlainAction--dark_1buma {
    color: #a7aaad
}

.Online-Store-UI-PlainAction--darkInverse_hkusf s-internal-icon,.Online-Store-UI-PlainAction--darkInverse_hkusf svg,.Online-Store-UI-PlainAction--dark_1buma s-internal-icon,.Online-Store-UI-PlainAction--dark_1buma svg {
    color: #a7aaad
}

.Online-Store-UI-PlainAction--darkInverse_hkusf .Online-Store-UI-PlainAction__Subtitle_1ijt1,.Online-Store-UI-PlainAction--dark_1buma .Online-Store-UI-PlainAction__Subtitle_1ijt1 {
    color: #999fa4
}

.Online-Store-UI-PlainAction--darkInverse_hkusf.Online-Store-UI-PlainAction--disabled_11cdm,.Online-Store-UI-PlainAction--dark_1buma.Online-Store-UI-PlainAction--disabled_11cdm {
    color: #a7aaad66
}

.Online-Store-UI-PlainAction--darkInverse_hkusf.Online-Store-UI-PlainAction--disabled_11cdm s-internal-icon,.Online-Store-UI-PlainAction--darkInverse_hkusf.Online-Store-UI-PlainAction--disabled_11cdm svg,.Online-Store-UI-PlainAction--dark_1buma.Online-Store-UI-PlainAction--disabled_11cdm s-internal-icon,.Online-Store-UI-PlainAction--dark_1buma.Online-Store-UI-PlainAction--disabled_11cdm svg {
    color: #a7aaad66
}

.Online-Store-UI-PlainAction--darkInverse_hkusf.Online-Store-UI-PlainAction--disabled_11cdm .Online-Store-UI-PlainAction__Subtitle_1ijt1,.Online-Store-UI-PlainAction--dark_1buma.Online-Store-UI-PlainAction--disabled_11cdm .Online-Store-UI-PlainAction__Subtitle_1ijt1 {
    color: #6f7377
}

.Online-Store-UI-PlainAction--darkInverse_hkusf.Online-Store-UI-PlainAction--destructive_123ij,.Online-Store-UI-PlainAction--dark_1buma.Online-Store-UI-PlainAction--destructive_123ij {
    color: #f56b6b
}

.Online-Store-UI-PlainAction--darkInverse_hkusf.Online-Store-UI-PlainAction--destructive_123ij s-internal-icon,.Online-Store-UI-PlainAction--darkInverse_hkusf.Online-Store-UI-PlainAction--destructive_123ij svg,.Online-Store-UI-PlainAction--dark_1buma.Online-Store-UI-PlainAction--destructive_123ij s-internal-icon,.Online-Store-UI-PlainAction--dark_1buma.Online-Store-UI-PlainAction--destructive_123ij svg {
    color: #f56b6b
}

.Online-Store-UI-PlainAction--darkInverse_hkusf.Online-Store-UI-PlainAction--destructive_123ij:focus-visible,.Online-Store-UI-PlainAction--darkInverse_hkusf.Online-Store-UI-PlainAction--destructive_123ij:active,.Online-Store-UI-PlainAction--dark_1buma.Online-Store-UI-PlainAction--destructive_123ij:focus-visible,.Online-Store-UI-PlainAction--dark_1buma.Online-Store-UI-PlainAction--destructive_123ij:active {
    color: #f56b6b;
    background-color: #303133
}

.Online-Store-UI-PlainAction--darkInverse_hkusf.Online-Store-UI-PlainAction--destructive_123ij:focus-visible s-internal-icon,.Online-Store-UI-PlainAction--darkInverse_hkusf.Online-Store-UI-PlainAction--destructive_123ij:focus-visible svg,.Online-Store-UI-PlainAction--darkInverse_hkusf.Online-Store-UI-PlainAction--destructive_123ij:active s-internal-icon,.Online-Store-UI-PlainAction--darkInverse_hkusf.Online-Store-UI-PlainAction--destructive_123ij:active svg,.Online-Store-UI-PlainAction--dark_1buma.Online-Store-UI-PlainAction--destructive_123ij:focus-visible s-internal-icon,.Online-Store-UI-PlainAction--dark_1buma.Online-Store-UI-PlainAction--destructive_123ij:focus-visible svg,.Online-Store-UI-PlainAction--dark_1buma.Online-Store-UI-PlainAction--destructive_123ij:active s-internal-icon,.Online-Store-UI-PlainAction--dark_1buma.Online-Store-UI-PlainAction--destructive_123ij:active svg {
    color: #f56b6b
}

@media (hover: hover) and (pointer: fine) {
    .Online-Store-UI-PlainAction--darkInverse_hkusf.Online-Store-UI-PlainAction--destructive_123ij:hover,.Online-Store-UI-PlainAction--dark_1buma.Online-Store-UI-PlainAction--destructive_123ij:hover {
        color:#f56b6b;
        background-color: #303133
    }

    .Online-Store-UI-PlainAction--darkInverse_hkusf.Online-Store-UI-PlainAction--destructive_123ij:hover s-internal-icon,.Online-Store-UI-PlainAction--darkInverse_hkusf.Online-Store-UI-PlainAction--destructive_123ij:hover svg,.Online-Store-UI-PlainAction--dark_1buma.Online-Store-UI-PlainAction--destructive_123ij:hover s-internal-icon,.Online-Store-UI-PlainAction--dark_1buma.Online-Store-UI-PlainAction--destructive_123ij:hover svg {
        color: #f56b6b
    }
}

.Online-Store-UI-PlainAction--darkInverse_hkusf:focus-visible,.Online-Store-UI-PlainAction--darkInverse_hkusf:active,.Online-Store-UI-PlainAction--dark_1buma:focus-visible,.Online-Store-UI-PlainAction--dark_1buma:active {
    color: var(--p-color-text-inverse);
    background-color: #303133
}

.Online-Store-UI-PlainAction--darkInverse_hkusf:focus-visible s-internal-icon,.Online-Store-UI-PlainAction--darkInverse_hkusf:focus-visible svg,.Online-Store-UI-PlainAction--darkInverse_hkusf:active s-internal-icon,.Online-Store-UI-PlainAction--darkInverse_hkusf:active svg,.Online-Store-UI-PlainAction--dark_1buma:focus-visible s-internal-icon,.Online-Store-UI-PlainAction--dark_1buma:focus-visible svg,.Online-Store-UI-PlainAction--dark_1buma:active s-internal-icon,.Online-Store-UI-PlainAction--dark_1buma:active svg {
    color: var(--p-color-icon-inverse)
}

@media (hover: hover) and (pointer: fine) {
    .Online-Store-UI-PlainAction--darkInverse_hkusf:hover,.Online-Store-UI-PlainAction--dark_1buma:hover {
        color:var(--p-color-text-inverse);
        background-color: #303133
    }

    .Online-Store-UI-PlainAction--darkInverse_hkusf:hover s-internal-icon,.Online-Store-UI-PlainAction--darkInverse_hkusf:hover svg,.Online-Store-UI-PlainAction--dark_1buma:hover s-internal-icon,.Online-Store-UI-PlainAction--dark_1buma:hover svg {
        color: var(--p-color-icon-inverse)
    }
}

.Online-Store-UI-PlainAction--darkInverse_hkusf {
    color: var(--p-color-text-inverse)
}

.Online-Store-UI-PlainAction--darkInverse_hkusf s-internal-icon,.Online-Store-UI-PlainAction--darkInverse_hkusf svg {
    color: var(--p-color-icon-inverse)
}

.Online-Store-UI-PlainAction--slim_1buo4 {
    min-width: var(--osui_height-common-control-slim);
    min-height: var(--osui_height-common-control-slim)
}

.Online-Store-UI-PlainAction--slim_1buo4:not(.Online-Store-UI-PlainAction--hasContent_5372i):not(.Online-Store-UI-PlainAction--noPadding_4dn71):not(.Online-Store-UI-PlainAction--disclosure_1d0sg) {
    --osui_plain-action-content-padding-x: var(--p-space-050)
}

.Online-Store-UI-PlainAction--unstyled_10tjw {
    color: var(--p-color-text-highlight)
}

.Online-Store-UI-PlainAction--unstyled_10tjw s-internal-icon,.Online-Store-UI-PlainAction--unstyled_10tjw svg {
    color: var(--p-color-icon-highlight)
}

.Online-Store-UI-PlainAction--unstyled_10tjw:focus-visible {
    color: var(--p-color-text-highlight-hover)
}

.Online-Store-UI-PlainAction--unstyled_10tjw:focus-visible s-internal-icon,.Online-Store-UI-PlainAction--unstyled_10tjw:focus-visible svg {
    color: var(--p-color-icon-highlight-hover)
}

@media (hover: hover) and (pointer: fine) {
    .Online-Store-UI-PlainAction--unstyled_10tjw:hover {
        color:var(--p-color-text-highlight-hover)
    }

    .Online-Store-UI-PlainAction--unstyled_10tjw:hover s-internal-icon,.Online-Store-UI-PlainAction--unstyled_10tjw:hover svg {
        color: var(--p-color-icon-highlight-hover)
    }
}

.Online-Store-UI-PlainAction--unstyled_10tjw:active {
    color: var(--p-color-text-highlight-hover)
}

.Online-Store-UI-PlainAction--unstyled_10tjw:active s-internal-icon,.Online-Store-UI-PlainAction--unstyled_10tjw:active svg {
    color: var(--p-color-icon-highlight-hover)
}

.Online-Store-UI-PlainAction--alignLeft_22txm {
    justify-content: left;
    text-align: left
}

.Online-Store-UI-PlainAction--fullWidth_133qr {
    width: 100%
}

.Online-Store-UI-PlainAction--fillContainer_qu7am {
    width: 100%;
    height: 100%;
    border-radius: 0
}

.Online-Store-UI-PlainAction--pressed_htthh {
    color: var(--p-color-text-highlight);
    background-color: var(--p-color-bg-fill-transparent-active)
}

.Online-Store-UI-PlainAction--pressed_htthh s-internal-icon,.Online-Store-UI-PlainAction--pressed_htthh svg {
    color: var(--p-color-icon-highlight)
}

.Online-Store-UI-PlainAction--pressed_htthh:focus-visible {
    color: var(--p-color-text-highlight-hover);
    background-color: var(--p-color-bg-fill-transparent-hover)
}

.Online-Store-UI-PlainAction--pressed_htthh:focus-visible s-internal-icon,.Online-Store-UI-PlainAction--pressed_htthh:focus-visible svg {
    color: var(--p-color-icon-highlight-hover)
}

@media (hover: hover) and (pointer: fine) {
    .Online-Store-UI-PlainAction--pressed_htthh:hover {
        color:var(--p-color-text-highlight-hover);
        background-color: var(--p-color-bg-fill-transparent-hover)
    }

    .Online-Store-UI-PlainAction--pressed_htthh:hover s-internal-icon,.Online-Store-UI-PlainAction--pressed_htthh:hover svg {
        color: var(--p-color-icon-highlight-hover)
    }
}

.Online-Store-UI-PlainAction--pressed_htthh:active {
    color: var(--p-color-text-highlight-active);
    background-color: var(--osui_color-plain-action-bg-active-dark)
}

.Online-Store-UI-PlainAction--pressed_htthh:active s-internal-icon,.Online-Store-UI-PlainAction--pressed_htthh:active svg {
    color: var(--p-color-icon-highlight-active)
}

.Online-Store-UI-PlainAction--loading_flcmt {
    background-color: var(--osui_color-plain-button-bg-active)
}

.Online-Store-UI-PlainAction--disabled_11cdm {
    pointer-events: none;
    touch-action: none;
    -webkit-user-select: none;
    user-select: none;
    color: var(--p-color-text-secondary)
}

.Online-Store-UI-PlainAction--disabled_11cdm s-internal-icon,.Online-Store-UI-PlainAction--disabled_11cdm svg {
    color: var(--p-color-icon-disabled)
}

.Online-Store-UI-PlainAction--disabled_11cdm .Online-Store-UI-PlainAction__Subtitle_1ijt1 {
    color: var(--p-color-text-disabled)
}

.Online-Store-UI-PlainAction--disabled_11cdm.Online-Store-UI-PlainAction--pressed_htthh {
    background-color: var(--osui_color-plain-action-bg-active-light)
}

.Online-Store-UI-PlainAction--disabled_11cdm.Online-Store-UI-PlainAction--pressed_htthh:focus-visible {
    background-color: var(--osui_color-plain-action-bg-active-light)
}

.Online-Store-UI-PlainAction--outline_17u2e {
    border: var(--p-border-width-025) solid var(--p-color-border-secondary)
}

.Online-Store-UI-PlainAction--vertical_kpg8x.Online-Store-UI-PlainAction--hyperlink_baw6d {
    text-align: center
}

.Online-Store-UI-PlainAction__Interior_9sack {
    display: grid;
    align-items: center;
    padding-left: var(--osui_plain-action-content-padding-x);
    padding-right: var(--osui_plain-action-content-padding-x);
    width: 100%
}

.Online-Store-UI-PlainAction--loading_flcmt .Online-Store-UI-PlainAction__Interior_9sack {
    opacity: 0
}

.Online-Store-UI-PlainAction_1jhib:not(.Online-Store-UI-PlainAction--vertical_kpg8x) .Online-Store-UI-PlainAction__Interior_9sack {
    grid-auto-flow: column;
    grid-auto-columns: auto 1fr auto;
    gap: var(--p-space-200)
}

.Online-Store-UI-PlainAction--vertical_kpg8x .Online-Store-UI-PlainAction__Interior_9sack {
    grid-template-areas: "top" "bottom";
    justify-content: center
}

.Online-Store-UI-PlainAction--vertical_kpg8x:not(.Online-Store-UI-PlainAction--noPadding_4dn71) .Online-Store-UI-PlainAction__Interior_9sack {
    padding-top: var(--p-space-100);
    padding-bottom: var(--p-space-100)
}

.Online-Store-UI-PlainAction__Interior_9sack.Online-Store-UI-PlainAction--noPadding_4dn71 {
    padding: 0
}

.Online-Store-UI-PlainAction__Prefix_vg8vc,.Online-Store-UI-PlainAction__WrappedContent_qd2on,.Online-Store-UI-PlainAction__Subtitle_1ijt1,.Online-Store-UI-PlainAction__Disclosure_1d0sg,.Online-Store-UI-PlainAction__SubtitleWrapperContent_1tdea {
    min-width: 0;
    max-width: 100%
}

.Online-Store-UI-PlainAction__Prefix_vg8vc,.Online-Store-UI-PlainAction__ExternalIcon_ivydx,.Online-Store-UI-PlainAction__Disclosure_1d0sg {
    display: grid;
    place-items: center;
    flex: 0 0 auto
}

.Online-Store-UI-PlainAction__PrefixItem_bid0h {
    overflow: hidden;
    max-height: var(--osui_plain-action-prefix-max-size);
    max-width: var(--osui_plain-action-prefix-max-size)
}

.Online-Store-UI-PlainAction--fullWidth_133qr:not(.Online-Store-UI-PlainAction--vertical_kpg8x) .Online-Store-UI-PlainAction__Prefix_vg8vc {
    justify-self: flex-start
}

.Online-Store-UI-PlainAction--vertical_kpg8x .Online-Store-UI-PlainAction__Prefix_vg8vc {
    grid-area: top
}

.Online-Store-UI-PlainAction--disabled_11cdm .Online-Store-UI-PlainAction__Prefix_vg8vc {
    opacity: .5;
    color: var(--p-color-icon-disabled)
}

.Online-Store-UI-PlainAction--disabled_11cdm .Online-Store-UI-PlainAction__PrefixDark_12xpi {
    opacity: .8;
    color: var(--p-color-icon-disabled)
}

.Online-Store-UI-PlainAction__WrappedContent_qd2on {
    display: flex;
    flex: 1 1 auto;
    align-items: center
}

.Online-Store-UI-PlainAction--vertical_kpg8x .Online-Store-UI-PlainAction__WrappedContent_qd2on {
    grid-area: bottom;
    margin-top: var(--p-space-200)
}

.Online-Store-UI-PlainAction__SubtitleWrapperContent_1tdea {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin: var(--p-space-050)
}

.Online-Store-UI-PlainAction__Subtitle_1ijt1 {
    flex: 1 1 auto;
    font-size: var(--p-font-size-300);
    color: var(--p-color-text-secondary)
}

.Online-Store-UI-PlainAction--truncate_1aegu .Online-Store-UI-PlainAction__Subtitle_1ijt1 {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-bottom: -.14em;
    padding-bottom: .14em
}

@supports (-webkit-line-clamp: var(--osui_plain-action-multiline-truncate, 2)) {
    .Online-Store-UI-PlainAction--multilineTruncate_vmngw .Online-Store-UI-PlainAction__Subtitle_1ijt1 {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: var(--osui_plain-action-multiline-truncate, 2);
        overflow: hidden
    }
}

.Online-Store-UI-PlainAction__Content_11f9f {
    flex: 1 1 auto;
    min-width: 0;
    max-width: 100%
}

.Online-Store-UI-PlainAction--hyperlink_baw6d:not(.Online-Store-UI-PlainAction--removeUnderline_14wmj) .Online-Store-UI-PlainAction__Content_11f9f {
    text-decoration: underline
}

.Online-Store-UI-PlainAction--truncate_1aegu .Online-Store-UI-PlainAction__Content_11f9f {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-bottom: -.14em;
    padding-bottom: .14em
}

@supports (-webkit-line-clamp: var(--osui_plain-action-multiline-truncate, 2)) {
    .Online-Store-UI-PlainAction--multilineTruncate_vmngw .Online-Store-UI-PlainAction__Content_11f9f {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: var(--osui_plain-action-multiline-truncate, 2);
        overflow: hidden
    }
}

.Online-Store-UI-PlainAction__ExternalIcon_ivydx {
    flex: 0 0 auto
}

.Online-Store-UI-PlainAction_1jhib:not(.Online-Store-UI-PlainAction--vertical_kpg8x) .Online-Store-UI-PlainAction__ExternalIcon_ivydx {
    width: 1rem;
    overflow: hidden;
    margin-left: var(--p-space-100)
}

.Online-Store-UI-PlainAction_1jhib:not(.Online-Store-UI-PlainAction--vertical_kpg8x) .Online-Store-UI-PlainAction__ExternalIcon_ivydx .Online-Store-UI-PlainAction__IconWrapper_1suin {
    width: 1.25rem;
    margin-left: -.125rem
}

.Online-Store-UI-PlainAction_1jhib:not(.Online-Store-UI-PlainAction--vertical_kpg8x) .Online-Store-UI-PlainAction__Disclosure_1d0sg {
    width: .75rem;
    overflow: hidden
}

.Online-Store-UI-PlainAction_1jhib:not(.Online-Store-UI-PlainAction--vertical_kpg8x) .Online-Store-UI-PlainAction__Disclosure_1d0sg .Online-Store-UI-PlainAction__IconWrapper_1suin {
    width: 1.25rem;
    margin-left: -.25rem
}

.Online-Store-UI-PlainAction--fullWidth_133qr:not(.Online-Store-UI-PlainAction--vertical_kpg8x) .Online-Store-UI-PlainAction__Disclosure_1d0sg {
    justify-self: flex-end
}

.Online-Store-UI-PlainAction--vertical_kpg8x .Online-Store-UI-PlainAction__Disclosure_1d0sg {
    grid-area: top
}

.Online-Store-UI-PlainAction--vertical_kpg8x .Online-Store-UI-PlainAction__WrappedContent_qd2on+.Online-Store-UI-PlainAction__Disclosure_1d0sg {
    margin-left: calc(1.875rem + var(--p-space-200))
}

.Online-Store-UI-PlainAction--vertical_kpg8x .Online-Store-UI-PlainAction__SubtitleWrapperContent_1tdea+.Online-Store-UI-PlainAction__Disclosure_1d0sg {
    margin-left: calc(1.875rem + var(--p-space-200))
}

.Online-Store-UI-PlainAction__LoadingIndicator_twftt {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center
}

.Online-Store-UI-PlainAction--toneMagic_1nsy4,.Online-Store-UI-PlainAction--toneMagic_1nsy4:hover {
    color: var(--p-color-text-ai)
}

.Online-Store-UI-PlainAction--toneMagic_1nsy4 s-internal-icon,.Online-Store-UI-PlainAction--toneMagic_1nsy4 svg,.Online-Store-UI-PlainAction--toneMagic_1nsy4:hover s-internal-icon,.Online-Store-UI-PlainAction--toneMagic_1nsy4:hover svg {
    color: var(--p-color-text-ai)
}

.Online-Store-UI-ActionButtons_15jnd {
    display: flex;
    flex-wrap: wrap;
    gap: .75rem
}

.Online-Store-UI-ActionButtons__ActionButton_fnvgt {
    flex-grow: 1;
    flex-basis: 5.5625rem
}

.Online-Store-UI-ActionGroup__Wrapper_1j2of {
    display: flex;
    padding: .25rem;
    border-radius: var(--p-border-radius-200)
}

.Online-Store-UI-ActionGroup--shadow_1haz8 {
    box-shadow: var(--p-shadow-400)
}

.Online-Store-UI-ActionGroup--light_vq9fn {
    border: .0625rem solid var(--p-color-border)
}

.Online-Store-UI-ActionGroup--dark_dw58y {
    background-color: #202223
}

.Online-Store-UI-AddAction_1yh52 h6 {
    transition-property: opacity,visibility,transform;
    transition-duration: var(--p-motion-duration-200);
    transition-timing-function: var(--p-motion-ease)
}

.Online-Store-UI-AddAction--showMessage_snsbb h6 {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translate(var(--p-space-400))
}

.Online-Store-UI-AddAction__Message_t0bei {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition-property: opacity,visibility,transform;
    transition-duration: var(--p-motion-duration-200);
    transition-timing-function: var(--p-motion-ease);
    cursor: text;
    position: absolute;
    max-width: calc(100% - 2.5rem - var(--p-space-500) - var(--p-space-400));
    transform: translate(-var(--p-space-400))
}

.Online-Store-UI-AddAction--slim_13da3 .Online-Store-UI-AddAction__Message_t0bei {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.Online-Store-UI-AddAction--showMessage_snsbb .Online-Store-UI-AddAction__Message_t0bei {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translate(0)
}

.Online-Store-UI-AddAction__Prefix_wlqlj,.Online-Store-UI-AddAction__Suffix_wlqkq {
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--p-color-icon-highlight)
}

.Online-Store-UI-AddAction__Prefix_wlqlj.Online-Store-UI-AddAction--isDisabled_13egk,.Online-Store-UI-AddAction__Suffix_wlqkq.Online-Store-UI-AddAction--isDisabled_13egk {
    color: var(--p-color-icon-disabled)
}

.Online-Store-UI-AddAction__Suffix_wlqkq {
    transition-property: opacity,visibility,transform;
    transition-duration: var(--p-motion-duration-200);
    transition-timing-function: var(--p-motion-ease)
}

.Online-Store-UI-AddAction--showMessage_snsbb .Online-Store-UI-AddAction__Suffix_wlqkq {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateY(spacing(extra-tight))
}

.Online-Store-UI-ResourceAction__ResourceActionWrapper_e03x4 {
    min-width: 0;
    max-width: 100%;
    --osui_resource-action-height: 4rem;
    --osui_resource-action-background-color: var(--p-color-bg-surface);
    position: relative
}

.Online-Store-UI-ResourceAction--sizeSmall_1jtje {
    --osui_resource-action-height: 2.75rem
}

.Online-Store-UI-ResourceAction--sizeMedium_1wyt9 {
    --osui_resource-action-height: 3.625rem
}

.Online-Store-UI-ResourceAction--sizeLarge_u8cjh {
    --osui_resource-action-height: 4rem
}

.Online-Store-UI-ResourceAction--hasControl_1l7x2 {
    padding: 0 var(--p-space-200);
    background-color: var(--p-color-bg-surface)
}

.Online-Store-UI-ResourceAction_48j06 {
    z-index: 1;
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    height: var(--osui_resource-action-height);
    background-color: var(--osui_resource-action-background-color);
    transition-property: color,background-color;
    transition-duration: var(--p-motion-duration-200);
    transition-timing-function: var(--p-motion-ease);
    --osui_width-resource-action-drag-handle: var(--osui_height-nav-action)
}

.Online-Store-UI-ResourceAction_48j06.Online-Store-UI-ResourceAction--disabled_3fsvd,.Online-Store-UI-ResourceAction_48j06.Online-Store-UI-ResourceAction--appearanceSubdued_4mg95 {
    --osui_resource-action-background-color: var(--p-color-bg-surface-disabled);
    color: var(--p-color-text-secondary);
    background-color: var(--p-color-bg-surface-disabled)
}

.Online-Store-UI-ResourceAction_48j06.Online-Store-UI-ResourceAction--appearanceInfo_cb55c {
    --osui_resource-action-background-color: var(--p-color-bg-surface-brand-selected)
}

.Online-Store-UI-ResourceAction_48j06:not(.Online-Store-UI-ResourceAction--fillContent_2ly1u) {
    padding-right: var(--p-space-300);
    padding-left: var(--p-space-300)
}

.Online-Store-UI-ResourceAction_48j06.Online-Store-UI-ResourceAction--disabled_3fsvd:not(.Online-Store-UI-ResourceAction--hasTooltip_h9m78) {
    pointer-events: none;
    touch-action: none;
    -webkit-user-select: none;
    user-select: none
}

.Online-Store-UI-ResourceAction--hasSecondaryAction_xmotg:not(.Online-Store-UI-ResourceAction--hasDragHandle_1kzhw) .Online-Store-UI-ResourceAction_48j06 {
    padding-right: calc(var(--p-space-100) + var(--osui_height-common-control) + (var(--osui_height-common-control) - 1.25rem)*.5)
}

.Online-Store-UI-ResourceAction--hasDragHandle_1kzhw:not(.Online-Store-UI-ResourceAction--hasSecondaryAction_xmotg) .Online-Store-UI-ResourceAction_48j06 {
    padding-right: calc(var(--p-space-100) + var(--osui_width-resource-action-drag-handle))
}

.Online-Store-UI-ResourceAction--hasSecondaryAction_xmotg.Online-Store-UI-ResourceAction--hasDragHandle_1kzhw .Online-Store-UI-ResourceAction_48j06 {
    padding-right: calc(var(--p-space-100) + var(--osui_height-common-control) + var(--osui_width-resource-action-drag-handle))
}

.Online-Store-UI-ResourceAction--hasControl_1l7x2 .Online-Store-UI-ResourceAction_48j06 {
    border-radius: var(--osui_radius-sidebar-children)
}

.Online-Store-UI-ResourceAction--hasControl_1l7x2 .Online-Store-UI-ResourceAction_48j06.Online-Store-UI-ResourceAction--active_1im9b {
    --osui_resource-action-background-color: var( --p-color-bg-surface-brand-selected )
}

.Online-Store-UI-ResourceAction--hasControl_1l7x2 .Online-Store-UI-ResourceAction_48j06.Online-Store-UI-ResourceAction--active_1im9b:before {
    content: "";
    background-color: var(--p-color-bg-fill-brand);
    position: absolute;
    top: 0;
    left: calc(var(--p-space-200)*-1);
    height: 100%;
    display: block;
    width: var(--p-border-width-050);
    border-top-right-radius: var(--p-border-radius-100);
    border-bottom-right-radius: var(--p-border-radius-100)
}

@media (-ms-high-contrast: active) {
    .Online-Store-UI-ResourceAction--hasControl_1l7x2 .Online-Store-UI-ResourceAction_48j06.Online-Store-UI-ResourceAction--disabled_3fsvd .Online-Store-UI-ResourceAction__Content_1cq83 {
        color: grayText
    }
}

@media (hover: hover) and (pointer: fine) {
    .Online-Store-UI-ResourceAction--hasControl_1l7x2 .Online-Store-UI-ResourceAction_48j06:hover {
        --osui_resource-action-background-color: var( --p-color-bg-surface-hover )
    }

    .Online-Store-UI-ResourceAction--hasControl_1l7x2 .Online-Store-UI-ResourceAction_48j06.Online-Store-UI-ResourceAction--active_1im9b:hover {
        --osui_resource-action-background-color: var( --p-color-bg-surface-brand-hover )
    }
}

a.Online-Store-UI-ResourceAction_48j06 {
    color: inherit;
    text-decoration: none
}

a.Online-Store-UI-ResourceAction_48j06:visited {
    color: inherit
}

button.Online-Store-UI-ResourceAction_48j06 {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0;
    padding: 0;
    background: none;
    border: none;
    font-size: inherit;
    line-height: inherit;
    cursor: pointer;
    background-color: var(--osui_resource-action-background-color);
    text-align: left;
    color: inherit
}

button.Online-Store-UI-ResourceAction_48j06:focus {
    outline: none
}

a.Online-Store-UI-ResourceAction_48j06,button.Online-Store-UI-ResourceAction_48j06,label.Online-Store-UI-ResourceAction_48j06 {
    outline: none;
    position: relative
}

a.Online-Store-UI-ResourceAction_48j06:after,button.Online-Store-UI-ResourceAction_48j06:after,label.Online-Store-UI-ResourceAction_48j06:after {
    content: "";
    position: absolute;
    z-index: 1;
    top: -.0625rem;
    right: -.0625rem;
    bottom: -.0625rem;
    left: -.0625rem;
    display: block;
    pointer-events: none;
    box-shadow: 0 0 0 -.0625rem var(--p-color-border-focus);
    transition: box-shadow var(--p-motion-duration-100) var(--p-motion-ease);
    border-radius: calc(var(--p-border-radius-200) + .0625rem)
}

a.Online-Store-UI-ResourceAction_48j06:focus:after,button.Online-Store-UI-ResourceAction_48j06:focus:after,label.Online-Store-UI-ResourceAction_48j06:focus:after {
    box-shadow: 0 0 0 .125rem var(--p-color-border-focus);
    outline: var(--osui_high-contrast-outline)
}

a.Online-Store-UI-ResourceAction_48j06:focus:not(:focus-visible):after,button.Online-Store-UI-ResourceAction_48j06:focus:not(:focus-visible):after,label.Online-Store-UI-ResourceAction_48j06:focus:not(:focus-visible):after {
    box-shadow: 0 0 0 0 transparent
}

@media (-ms-high-contrast: active) {
    a.Online-Store-UI-ResourceAction_48j06:focus:not(:focus-visible):after,button.Online-Store-UI-ResourceAction_48j06:focus:not(:focus-visible):after,label.Online-Store-UI-ResourceAction_48j06:focus:not(:focus-visible):after {
        outline: none
    }
}

a.Online-Store-UI-ResourceAction_48j06:focus-visible:after,button.Online-Store-UI-ResourceAction_48j06:focus-visible:after,label.Online-Store-UI-ResourceAction_48j06:focus-visible:after {
    box-shadow: 0 0 0 .125rem var(--p-color-border-focus);
    outline: var(--osui_high-contrast-outline)
}

a.Online-Store-UI-ResourceAction_48j06:after,button.Online-Store-UI-ResourceAction_48j06:after,label.Online-Store-UI-ResourceAction_48j06:after {
    inset: var(--p-border-width-050) var(--p-border-width-050) var(--p-border-width-050) var(--p-border-width-050);
    border-radius: var(--p-border-radius-200)
}

a.Online-Store-UI-ResourceAction_48j06:focus-visible,button.Online-Store-UI-ResourceAction_48j06:focus-visible,label.Online-Store-UI-ResourceAction_48j06:focus-visible {
    --osui_resource-action-background-color: var(--p-color-bg-surface-hover)
}

@media (hover: hover) and (pointer: fine) {
    a.Online-Store-UI-ResourceAction_48j06:hover,button.Online-Store-UI-ResourceAction_48j06:hover,label.Online-Store-UI-ResourceAction_48j06:hover {
        --osui_resource-action-background-color: var(--p-color-bg-surface-hover)
    }
}

a.Online-Store-UI-ResourceAction_48j06:active,button.Online-Store-UI-ResourceAction_48j06:active,label.Online-Store-UI-ResourceAction_48j06:active {
    --osui_resource-action-background-color: var(--p-color-bg-surface-active)
}

a.Online-Store-UI-ResourceAction_48j06.Online-Store-UI-ResourceAction--appearanceInfo_cb55c:focus-visible,button.Online-Store-UI-ResourceAction_48j06.Online-Store-UI-ResourceAction--appearanceInfo_cb55c:focus-visible {
    --osui_resource-action-background-color: var(--p-color-bg-fill)
}

@media (hover: hover) and (pointer: fine) {
    a.Online-Store-UI-ResourceAction_48j06.Online-Store-UI-ResourceAction--appearanceInfo_cb55c:hover,button.Online-Store-UI-ResourceAction_48j06.Online-Store-UI-ResourceAction--appearanceInfo_cb55c:hover {
        --osui_resource-action-background-color: var(--p-color-bg-fill)
    }
}

a.Online-Store-UI-ResourceAction_48j06.Online-Store-UI-ResourceAction--appearanceInfo_cb55c:active,button.Online-Store-UI-ResourceAction_48j06.Online-Store-UI-ResourceAction--appearanceInfo_cb55c:active {
    --osui_resource-action-background-color: var(--p-color-bg-surface-brand-selected)
}

a.Online-Store-UI-ResourceAction_48j06.Online-Store-UI-ResourceAction--appearanceCta_cwavx,button.Online-Store-UI-ResourceAction_48j06.Online-Store-UI-ResourceAction--appearanceCta_cwavx {
    color: var(--p-color-text-highlight)
}

a.Online-Store-UI-ResourceAction_48j06.Online-Store-UI-ResourceAction--appearanceCta_cwavx:focus-visible,button.Online-Store-UI-ResourceAction_48j06.Online-Store-UI-ResourceAction--appearanceCta_cwavx:focus-visible {
    --osui_resource-action-background-color: var(--p-color-bg-surface-brand-selected)
}

@media (hover: hover) and (pointer: fine) {
    a.Online-Store-UI-ResourceAction_48j06.Online-Store-UI-ResourceAction--appearanceCta_cwavx:hover,button.Online-Store-UI-ResourceAction_48j06.Online-Store-UI-ResourceAction--appearanceCta_cwavx:hover {
        --osui_resource-action-background-color: var(--p-color-bg-surface-brand-selected)
    }
}

a.Online-Store-UI-ResourceAction_48j06.Online-Store-UI-ResourceAction--appearanceCta_cwavx:active,button.Online-Store-UI-ResourceAction_48j06.Online-Store-UI-ResourceAction--appearanceCta_cwavx:active {
    --osui_resource-action-background-color: var(--p-color-bg-fill)
}

label.Online-Store-UI-ResourceAction_48j06 {
    cursor: pointer
}

label.Online-Store-UI-ResourceAction_48j06:not(.Online-Store-UI-ResourceAction--disabled_3fsvd):focus-within:after {
    box-shadow: 0 0 0 .125rem var(--p-color-border-focus);
    outline: var(--osui_high-contrast-outline)
}

.Online-Store-UI-ResourceAction__Prefix_1plp5,.Online-Store-UI-ResourceAction__Suffix_1plp1,.Online-Store-UI-ResourceAction__Content_1cq83 {
    min-width: 0;
    max-width: 100%;
    display: flex;
    align-items: center;
    align-content: center;
    height: var(--osui_resource-action-height)
}

.Online-Store-UI-ResourceAction__Prefix_1plp5,.Online-Store-UI-ResourceAction__Suffix_1plp1 {
    justify-content: center;
    flex: 0 0 auto;
    transition: color var(--p-motion-duration-200) var(--p-motion-ease)
}

.Online-Store-UI-ResourceAction__Prefix_1plp5>*,.Online-Store-UI-ResourceAction__Suffix_1plp1>* {
    min-width: 0;
    max-width: 100%
}

.Online-Store-UI-ResourceAction--appearanceInfo_cb55c .Online-Store-UI-ResourceAction__Prefix_1plp5,.Online-Store-UI-ResourceAction--appearanceInfo_cb55c .Online-Store-UI-ResourceAction__Suffix_1plp1 {
    color: var(--p-color-icon-highlight)
}

.Online-Store-UI-ResourceAction--disabled_3fsvd .Online-Store-UI-ResourceAction__Prefix_1plp5,.Online-Store-UI-ResourceAction--appearanceSubdued_4mg95 .Online-Store-UI-ResourceAction__Prefix_1plp5,.Online-Store-UI-ResourceAction--disabled_3fsvd .Online-Store-UI-ResourceAction__Suffix_1plp1,.Online-Store-UI-ResourceAction--appearanceSubdued_4mg95 .Online-Store-UI-ResourceAction__Suffix_1plp1 {
    color: var(--p-color-icon-secondary)
}

.Online-Store-UI-ResourceAction__Prefix_1plp5 {
    width: 2.5rem
}

.Online-Store-UI-ResourceAction__Suffix_1plp1 {
    margin-left: var(--p-space-200)
}

.Online-Store-UI-ResourceAction__Suffix_1plp1 .Online-Store-UI-ResourceAction__TooltipSuffixIcon_1pr37:not(:only-child) {
    margin-left: var(--p-space-100)
}

.Online-Store-UI-ResourceAction__ExternalIcon_1kgvb {
    display: flex;
    margin-left: var(--p-space-100)
}

.Online-Store-UI-ResourceAction__ExternalIcon_1kgvb s-internal-icon,.Online-Store-UI-ResourceAction__ExternalIcon_1kgvb svg {
    color: var(--p-color-icon)
}

.Online-Store-UI-ResourceAction__TitleBadgeWrapper_1bp7l .Online-Store-UI-ResourceAction--emphasis_1w5mw+.Online-Store-UI-ResourceAction__ExternalIcon_1kgvb {
    margin-left: var(--p-space-300)
}

.Online-Store-UI-ResourceAction__Content_1cq83 {
    flex-wrap: wrap;
    flex: 1 1 auto
}

.Online-Store-UI-ResourceAction__Prefix_1plp5+.Online-Store-UI-ResourceAction__Content_1cq83 {
    margin-left: var(--p-space-300)
}

.Online-Store-UI-ResourceAction__Overline_llcb3,.Online-Store-UI-ResourceAction__Subtitle_1tcn7,.Online-Store-UI-ResourceAction__TitleBadgeWrapper_1bp7l {
    min-width: 0;
    max-width: 100%;
    flex: 1 1 100%
}

.Online-Store-UI-ResourceAction__TitleBadgeWrapper_1bp7l {
    display: flex;
    align-items: center
}

.Online-Store-UI-ResourceAction__Title_1yiqy {
    min-width: 0;
    max-width: 100%;
    flex: 0 1 auto
}

.Online-Store-UI-ResourceAction__Title_1yiqy.Online-Store-UI-ResourceAction--emphasis_1w5mw {
    max-width: calc(100% - (var(--p-font-size-350) + .0625rem)*.5)
}

.Online-Store-UI-ResourceAction--truncate_16cnp {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.Online-Store-UI-ResourceAction--strongTitle_qd6wp {
    font-weight: 700
}

.Online-Store-UI-ResourceAction__BadgeWrapper_3jici {
    flex: 0 0 auto;
    height: 0;
    margin-top: calc(var(--p-border-width-050)*2*-1 - 1.125rem)
}

.Online-Store-UI-ResourceAction__Title_1yiqy+.Online-Store-UI-ResourceAction__BadgeWrapper_3jici {
    margin-left: var(--p-space-200)
}

.Online-Store-UI-ResourceAction__Overline_llcb3 {
    color: var(--p-color-text-secondary);
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block
}

.Online-Store-UI-ResourceAction__Subtitle_1tcn7.Online-Store-UI-ResourceAction--string_1lvx1 {
    font-size: calc(var(--p-font-size-300) + .0625rem);
    font-weight: 400;
    line-height: var(--p-font-line-height-500);
    color: var(--p-color-text-secondary);
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

@media (min-width: 48em) {
    .Online-Store-UI-ResourceAction__Subtitle_1tcn7.Online-Store-UI-ResourceAction--string_1lvx1 {
        font-size:var(--p-font-size-300);
        line-height: var(--p-font-line-height-400)
    }
}

.Online-Store-UI-ResourceAction__Actions_1naao {
    z-index: 2;
    position: absolute;
    top: 50%;
    right: 0;
    display: flex;
    padding-right: calc((var(--osui_height-common-control) - 1.25rem)*.5);
    margin-top: calc((var(--osui_height-common-control))*-1*.5);
    min-height: var(--osui_height-common-control)
}

.Online-Store-UI-ResourceAction__SecondaryAction_183sn,.Online-Store-UI-ResourceAction__DragHandleWrapper_shy0p {
    flex: 0 0 auto
}

.Online-Store-UI-ResourceAction__DragHandleWrapper_shy0p {
    margin-top: calc((var(--osui_resource-action-height) - var(--osui_height-common-control) + var(--p-space-100))/2*-1);
    margin-bottom: calc((var(--osui_resource-action-height) - var(--osui_height-common-control) + var(--p-space-100))/2*-1);
    margin-left: calc(var(--p-space-100)*.5*-1)
}

@media (hover: hover) and (pointer: fine) {
    .Online-Store-UI-ResourceAction_48j06:hover+.Online-Store-UI-ResourceAction__Actions_1naao .Online-Store-UI-ResourceAction__DragHandleWrapper_shy0p s-internal-icon,.Online-Store-UI-ResourceAction_48j06:hover+.Online-Store-UI-ResourceAction__Actions_1naao .Online-Store-UI-ResourceAction__DragHandleWrapper_shy0p svg {
        color:var(--p-color-icon-active)
    }
}

.Online-Store-UI-ResourceAction_48j06:active+.Online-Store-UI-ResourceAction__Actions_1naao .Online-Store-UI-ResourceAction__DragHandleWrapper_shy0p {
    outline: var(--osui_high-contrast-outline)
}

.Online-Store-UI-ResourceAction_48j06:active+.Online-Store-UI-ResourceAction__Actions_1naao .Online-Store-UI-ResourceAction__DragHandleWrapper_shy0p s-internal-icon,.Online-Store-UI-ResourceAction_48j06:active+.Online-Store-UI-ResourceAction__Actions_1naao .Online-Store-UI-ResourceAction__DragHandleWrapper_shy0p svg {
    color: var(--p-color-icon-hover)
}

@media (-ms-high-contrast: active) {
    .Online-Store-UI-ResourceAction_48j06:active+.Online-Store-UI-ResourceAction__Actions_1naao .Online-Store-UI-ResourceAction__DragHandleWrapper_shy0p s-internal-icon,.Online-Store-UI-ResourceAction_48j06:active+.Online-Store-UI-ResourceAction__Actions_1naao .Online-Store-UI-ResourceAction__DragHandleWrapper_shy0p svg {
        color: var(--p-color-icon)
    }
}

.Online-Store-UI-ResourceAction_48j06:active+.Online-Store-UI-ResourceAction__Actions_1naao .Online-Store-UI-ResourceAction__DragHandleWrapper_shy0p button {
    animation: var(--osui_animation-name-drag-handle-pulse) calc(var(--p-motion-duration-400)*2) var(--p-motion-duration-500) ease-in-out alternate infinite
}

.Online-Store-UI-ResourceAction-Control_12au0 {
    position: absolute!important;
    width: .0625rem!important;
    height: .0625rem!important;
    margin: 0!important;
    padding: 0!important;
    overflow: hidden!important;
    clip-path: inset(50%)!important;
    border: 0!important;
    white-space: nowrap!important;
    left: 0;
    overflow: visible;
    width: 100%!important;
    height: 100%!important;
    margin: 0;
    opacity: 0
}

.Online-Store-UI-ResourceAction-ControlSpinner_7nagn {
    transition: opacity var(--p-motion-duration-200) var(--p-motion-ease);
    pointer-events: none;
    z-index: 3;
    position: absolute;
    top: 50%;
    right: calc(var(--p-space-200)*.5 + var(--p-space-300) - var(--p-space-100));
    margin-top: calc(var(--p-space-100)*2*-1*.5 - .625rem);
    padding: var(--p-space-100);
    border-radius: 50%;
    background-color: var(--p-color-bg-surface-brand-selected)
}

.Online-Store-UI-ResourceAction-ControlSpinner_7nagn,.Online-Store-UI-ResourceAction-ControlSpinner_7nagn.Online-Store-UI-ResourceAction-ControlSpinner--exitDone_j4ols,.Online-Store-UI-ResourceAction-ControlSpinner_7nagn.Online-Store-UI-ResourceAction-ControlSpinner--appear_18ycb,.Online-Store-UI-ResourceAction-ControlSpinner_7nagn.Online-Store-UI-ResourceAction-ControlSpinner--appearActive_t8w4q,.Online-Store-UI-ResourceAction-ControlSpinner_7nagn.Online-Store-UI-ResourceAction-ControlSpinner--appearDone_e2zct {
    display: none
}

.Online-Store-UI-ResourceAction-ControlSpinner_7nagn.Online-Store-UI-ResourceAction-ControlSpinner--enter_kqi86,.Online-Store-UI-ResourceAction-ControlSpinner_7nagn.Online-Store-UI-ResourceAction-ControlSpinner--enterActive_sv5ov,.Online-Store-UI-ResourceAction-ControlSpinner_7nagn.Online-Store-UI-ResourceAction-ControlSpinner--enterDone_1quld,.Online-Store-UI-ResourceAction-ControlSpinner_7nagn.Online-Store-UI-ResourceAction-ControlSpinner--exit_uri6b,.Online-Store-UI-ResourceAction-ControlSpinner_7nagn.Online-Store-UI-ResourceAction-ControlSpinner--exitActive_310kb {
    display: block
}

.Online-Store-UI-ResourceAction-ControlSpinner_7nagn.Online-Store-UI-ResourceAction-ControlSpinner--enterActive_sv5ov,.Online-Store-UI-ResourceAction-ControlSpinner_7nagn.Online-Store-UI-ResourceAction-ControlSpinner--enterDone_1quld,.Online-Store-UI-ResourceAction-ControlSpinner_7nagn.Online-Store-UI-ResourceAction-ControlSpinner--exit_uri6b {
    opacity: 1
}

.Online-Store-UI-ResourceAction-ControlSpinner_7nagn,.Online-Store-UI-ResourceAction-ControlSpinner_7nagn.Online-Store-UI-ResourceAction-ControlSpinner--enter_kqi86,.Online-Store-UI-ResourceAction-ControlSpinner_7nagn.Online-Store-UI-ResourceAction-ControlSpinner--exitActive_310kb,.Online-Store-UI-ResourceAction-ControlSpinner_7nagn.Online-Store-UI-ResourceAction-ControlSpinner--exitDone_j4ols {
    opacity: 0
}

.Online-Store-UI-ResourceAction-ControlSpinner__LoadingIndicator_t9hqq {
    width: 1.25rem;
    height: 1.25rem
}

.Online-Store-UI-EmphasisMarker_1e37r {
    display: flex;
    max-width: 100%
}

.Online-Store-UI-EmphasisMarker_1e37r>* {
    min-width: 0;
    max-width: 100%;
    flex: 0 0 auto
}

.Online-Store-UI-NestedTooltip_oypzx span[tabindex] {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    opacity: 0;
    outline: none
}

.Online-Store-UI-NestedTooltip_oypzx span[tabindex]:focus {
    opacity: 1
}

.Online-Store-UI-NestedTooltip__FocusRing_1nvvn {
    pointer-events: none;
    touch-action: none;
    -webkit-user-select: none;
    user-select: none;
    position: relative;
    width: 100%;
    height: 100%
}

.Online-Store-UI-NestedTooltip__FocusRing_1nvvn:after {
    content: "";
    position: absolute;
    z-index: 1;
    inset: calc(var(--p-border-width-025)*-1 - .0625rem) calc(var(--p-border-width-025)*-1 - .0625rem) calc(var(--p-border-width-025)*-1 - .0625rem) calc(var(--p-border-width-025)*-1 - .0625rem);
    display: block;
    pointer-events: none;
    box-shadow: 0 0 0 calc(var(--p-border-width-025)*-1 - .0625rem) var(--p-color-border-focus);
    transition: box-shadow var(--p-motion-duration-100) var(--p-motion-ease);
    border-radius: calc(var(--p-border-radius-100) + .0625rem)
}

.Online-Store-UI-NestedTooltip__FocusRing_1nvvn:after {
    box-shadow: 0 0 0 .125rem var(--p-color-border-focus);
    outline: var(--osui_high-contrast-outline)
}

.Online-Store-UI-NestedTooltip--inset_9c0og:after {
    inset: var(--p-border-width-050) var(--p-border-width-050) var(--p-border-width-050) var(--p-border-width-050);
    border-radius: var(--p-border-radius-200)
}

.Online-Store-UI-AppProvider_zm696 {
    --osui_version: "22.12.0";
    --osui_animation-name-fade-in: osui_fade-in;
    --osui_animation-name-fade-out: osui_fade-out;
    --osui_animation-name-drag-handle-pulse: osui_drag-handle-pulse;
    --osui_motion-suspended-travel: 25%;
    --osui_easing-bounce: cubic-bezier(.18, .67, .6, 1.22);
    --osui_color-panel-bg: var(--p-color-bg-surface);
    --osui_color-frame-bg: var(--p-color-bg);
    --osui_color-frame-surface-bg: var(--p-color-bg-surface);
    --osui_color-plain-action-bg-active-light: var(--p-color-bg-surface-brand-selected);
    --osui_color-plain-action-bg-active-base: var(--p-color-bg-surface-brand-hover);
    --osui_color-plain-action-bg-active-dark: var(--p-color-bg-surface-brand-active);
    --osui_color-plain-button-bg: var(--p-color-bg-fill-tertiary);
    --osui_color-plain-button-bg-active: rgba(33, 43, 54, .08);
    --osui_color-setting-label: rgba(77, 77, 77, 1);
    --osui_size-common-spacing: var(--p-space-400);
    --osui_size-min-action-mobile: 2.75rem;
    --osui_size-resource-thumbnail: 2.5rem;
    --osui_height-frame-footer: 4rem;
    --osui_height-frame-header: 3.5rem;
    --osui_width-action-bar: 3.25rem;
    --osui_width-labelled-setting-label: 6.25rem;
    --osui_height-nav-action: 2.125rem;
    --osui_height-nav-action-legacy: 2.25rem;
    --osui_width-sidebar-desktop: 18.75rem;
    --osui_width-sidebar-interior-desktop: calc(18.75rem - var(--p-space-400)*2);
    --osui_width-sidebar-interior-card-desktop: calc(18.75rem - var(--p-space-400)*2 - var(--p-space-400)*2);
    --osui_width-topbar-sidebar-desktop: calc(18.75rem - var(--p-space-400));
    --osui_radius-sidebar-children: var(--p-space-200);
    --osui_radius-sidebar-children-legacy: .25rem;
    --osui_height-common-control: var(--p-space-800);
    --osui_height-common-control-slim: var(--p-space-600);
    --osui_high-contrast-outline: var(--p-border-width-025) solid transparent;
    --osui_high-contrast-button-outline: var(--p-border-width-050) dotted
}

@keyframes osui_fade-in {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes osui_fade-out {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes osui_drag-handle-pulse {
    0% {
        background-color: inherit;
        outline: var(--osui_high-contrast-outline)
    }

    to {
        background-color: #0000001a;
        outline: solid transparent
    }
}

@media screen and (prefers-reduced-motion: reduce) {
    .Online-Store-UI-AppProvider_zm696 * {
        animation-duration: .001ms!important;
        transition-duration: .001ms!important
    }
}

.Online-Store-UI-AppProvider_zm696.Online-Store-UI-AppProvider--dense_udbek {
    --osui_height-nav-action: 1.875rem
}

.Online-Store-UI-ArrowAction_zjn6e {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0;
    padding: 0;
    background: none;
    border: none;
    font-size: inherit;
    line-height: inherit;
    color: inherit;
    cursor: pointer;
    outline: none;
    position: relative;
    display: flex;
    padding: var(--p-space-400) var(--p-space-200);
    width: 100%;
    text-align: left;
    border-radius: var(--p-border-radius-100);
    background-color: transparent;
    transition: background-color var(--p-motion-duration-200) var(--p-motion-ease)
}

.Online-Store-UI-ArrowAction_zjn6e:focus {
    outline: none
}

.Online-Store-UI-ArrowAction_zjn6e:after {
    content: "";
    position: absolute;
    z-index: 1;
    inset: calc(var(--p-border-width-025)*-1 - .0625rem) calc(var(--p-border-width-025)*-1 - .0625rem) calc(var(--p-border-width-025)*-1 - .0625rem) calc(var(--p-border-width-025)*-1 - .0625rem);
    display: block;
    pointer-events: none;
    box-shadow: 0 0 0 calc(var(--p-border-width-025)*-1 - .0625rem) var(--p-color-border-focus);
    transition: box-shadow var(--p-motion-duration-100) var(--p-motion-ease);
    border-radius: calc(var(--p-border-radius-200) + .0625rem)
}

.Online-Store-UI-ArrowAction_zjn6e:focus:after {
    box-shadow: 0 0 0 .125rem var(--p-color-border-focus);
    outline: var(--osui_high-contrast-outline)
}

.Online-Store-UI-ArrowAction_zjn6e:focus:not(:focus-visible):after {
    box-shadow: 0 0 0 0 transparent
}

@media (-ms-high-contrast: active) {
    .Online-Store-UI-ArrowAction_zjn6e:focus:not(:focus-visible):after {
        outline: none
    }
}

.Online-Store-UI-ArrowAction_zjn6e:focus-visible:after {
    box-shadow: 0 0 0 .125rem var(--p-color-border-focus);
    outline: var(--osui_high-contrast-outline)
}

.Online-Store-UI-ArrowAction_zjn6e .Online-Store-UI-ArrowAction__PrefixIcon_ftbpy,.Online-Store-UI-ArrowAction_zjn6e .Online-Store-UI-ArrowAction__SuffixIcon_ftbvr {
    color: var(--p-color-icon);
    transition: color var(--p-motion-duration-200) var(--p-motion-ease)
}

.Online-Store-UI-ArrowAction_zjn6e:focus-visible {
    background-color: var(--p-color-bg-surface-active)
}

.Online-Store-UI-ArrowAction_zjn6e:focus-visible .Online-Store-UI-ArrowAction__PrefixIcon_ftbpy,.Online-Store-UI-ArrowAction_zjn6e:focus-visible .Online-Store-UI-ArrowAction__SuffixIcon_ftbvr {
    color: var(--p-color-icon-active)
}

@media (hover: hover) and (pointer: fine) {
    .Online-Store-UI-ArrowAction_zjn6e:not(.Online-Store-UI-ArrowAction--disabled_974xq):hover {
        background-color:var(--p-color-bg-surface-active)
    }

    .Online-Store-UI-ArrowAction_zjn6e:not(.Online-Store-UI-ArrowAction--disabled_974xq):hover .Online-Store-UI-ArrowAction__PrefixIcon_ftbpy,.Online-Store-UI-ArrowAction_zjn6e:not(.Online-Store-UI-ArrowAction--disabled_974xq):hover .Online-Store-UI-ArrowAction__SuffixIcon_ftbvr {
        color: var(--p-color-icon-hover)
    }
}

.Online-Store-UI-ArrowAction_zjn6e:not(.Online-Store-UI-ArrowAction--disabled_974xq):active {
    background-color: var(--p-color-bg-surface-active)
}

.Online-Store-UI-ArrowAction_zjn6e:not(.Online-Store-UI-ArrowAction--disabled_974xq):active .Online-Store-UI-ArrowAction__PrefixIcon_ftbpy,.Online-Store-UI-ArrowAction_zjn6e:not(.Online-Store-UI-ArrowAction--disabled_974xq):active .Online-Store-UI-ArrowAction__SuffixIcon_ftbvr {
    color: var(--p-color-icon-active)
}

.Online-Store-UI-ArrowAction--slim_1928l {
    padding-top: var(--p-space-300);
    padding-bottom: var(--p-space-300)
}

.Online-Store-UI-ArrowAction--disabled_974xq {
    cursor: auto
}

.Online-Store-UI-ArrowAction--disabled_974xq .Online-Store-UI-ArrowAction__PrefixIcon_ftbpy,.Online-Store-UI-ArrowAction--disabled_974xq .Online-Store-UI-ArrowAction__SuffixIcon_ftbvr {
    color: var(--p-color-icon-secondary)
}

.Online-Store-UI-ArrowAction--disabled_974xq span[tabindex] {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    opacity: 0;
    outline: none
}

.Online-Store-UI-ArrowAction--disabled_974xq span[tabindex]:focus {
    opacity: 1
}

.Online-Store-UI-ArrowAction__TooltipFocusRing_1s2t5 {
    pointer-events: none;
    touch-action: none;
    -webkit-user-select: none;
    user-select: none;
    position: relative;
    width: 100%;
    height: 100%
}

.Online-Store-UI-ArrowAction__TooltipFocusRing_1s2t5:after {
    content: "";
    position: absolute;
    z-index: 1;
    inset: calc(var(--p-border-width-025)*-1 - .0625rem) calc(var(--p-border-width-025)*-1 - .0625rem) calc(var(--p-border-width-025)*-1 - .0625rem) calc(var(--p-border-width-025)*-1 - .0625rem);
    display: block;
    pointer-events: none;
    box-shadow: 0 0 0 calc(var(--p-border-width-025)*-1 - .0625rem) var(--p-color-border-focus);
    transition: box-shadow var(--p-motion-duration-100) var(--p-motion-ease);
    border-radius: calc(var(--p-border-radius-100) + .0625rem)
}

.Online-Store-UI-ArrowAction__TooltipFocusRing_1s2t5:after {
    box-shadow: 0 0 0 .125rem var(--p-color-border-focus);
    outline: var(--osui_high-contrast-outline)
}

.Online-Store-UI-ArrowAction__PrefixIcon_ftbpy,.Online-Store-UI-ArrowAction__SuffixIcon_ftbvr {
    flex: 0 0 auto
}

.Online-Store-UI-ArrowAction__PrefixIcon_ftbpy,.Online-Store-UI-ArrowAction__SuffixIcon_ftbvr,.Online-Store-UI-ArrowAction__TitleWrapper_1nz3p {
    min-width: 0;
    max-width: 100%
}

.Online-Store-UI-ArrowAction__PrefixIcon_ftbpy {
    margin-right: var(--p-space-300)
}

.Online-Store-UI-ArrowAction__SuffixIcon_ftbvr {
    margin-left: var(--p-space-200)
}

.Online-Store-UI-ArrowAction--animatedSuffix_17kvc .Online-Store-UI-ArrowAction__SuffixIcon_ftbvr {
    transition: transform var(--p-motion-duration-200) var(--p-motion-ease)
}

.Online-Store-UI-ArrowAction--animatedSuffix_17kvc:focus-visible .Online-Store-UI-ArrowAction__SuffixIcon_ftbvr {
    transform: translate(.125rem)
}

.Online-Store-UI-ArrowAction--animatedSuffix_17kvc:hover .Online-Store-UI-ArrowAction__SuffixIcon_ftbvr {
    transform: translate(.125rem)
}

.Online-Store-UI-ArrowAction__TitleWrapper_1nz3p {
    flex: 1 1 auto
}

.Online-Store-UI-ArrowAction--disabled_974xq .Online-Store-UI-ArrowAction__TitleWrapper_1nz3p {
    color: var(--p-color-text-secondary)
}

.Online-Store-UI-ArrowAction__Subtitle_19qxu {
    margin-top: var(--p-space-100);
    line-height: 1.3
}

.Online-Store-UI-RollupMenu_3vyj3 {
    max-width: 20rem
}

.Online-Store-UI-RollupMenu__Header_117ib {
    padding: var(--p-space-400);
    border-bottom: var(--p-border-width-025) solid var(--p-color-border-secondary)
}

.Online-Store-UI-ArrowList_rymg2 {
    margin: 0;
    padding: 0;
    list-style: none
}

.Online-Store-UI-ArrowList__Item_1f3vi+.Online-Store-UI-ArrowList__Item_1f3vi,.Online-Store-UI-ArrowList--borderBefore_1kptr .Online-Store-UI-ArrowList__Item_1f3vi:first-child {
    padding-top: calc(var(--p-space-100) - var(--p-border-width-025));
    border-top: var(--p-border-width-025) solid var(--p-color-border-secondary)
}

.Online-Store-UI-ArrowList__Item_1f3vi+.Online-Store-UI-ArrowList__Item_1f3vi {
    margin-top: calc(var(--p-space-100) - var(--p-border-width-025))
}

.Online-Store-UI-ArrowList--noBorders_1c14a .Online-Store-UI-ArrowList__Item_1f3vi+.Online-Store-UI-ArrowList__Item_1f3vi {
    margin-top: var(--p-space-100);
    border: none
}

.Online-Store-UI-ArrowList__ArrowActionWrapper_1uihv {
    margin-right: calc(var(--osui_sidebar-action-offset, 0)*-1);
    margin-left: calc(var(--osui_sidebar-action-offset, 0)*-1)
}

.Online-Store-UI-ArrowList__SkeletonItem_1uqrn {
    display: flex;
    width: 100%;
    align-items: center;
    padding-top: var(--p-space-300);
    padding-bottom: var(--p-space-300);
    color: var(--p-color-icon-disabled)
}

.Online-Store-UI-ArrowList__SkeletonItem_1uqrn.Online-Store-UI-ArrowList--slim_1f3v8 {
    padding-top: var(--p-space-200);
    padding-bottom: var(--p-space-200)
}

.Online-Store-UI-ArrowList__SkeletonTitleWrapper_qfzsq {
    flex: 1 1 auto;
    width: 100%
}

.Online-Store-UI-BottomBar_1cmfw {
    transition-property: opacity,visibility,transform;
    transition-duration: var(--p-motion-duration-200);
    transition-timing-function: var(--p-motion-ease)
}

.Online-Store-UI-BottomBar_1cmfw,.Online-Store-UI-BottomBar_1cmfw.Online-Store-UI-BottomBar--exitDone_1nfsp,.Online-Store-UI-BottomBar_1cmfw.Online-Store-UI-BottomBar--appear_97oyx,.Online-Store-UI-BottomBar_1cmfw.Online-Store-UI-BottomBar--appearActive_1rlqw,.Online-Store-UI-BottomBar_1cmfw.Online-Store-UI-BottomBar--appearDone_i7398 {
    display: none
}

.Online-Store-UI-BottomBar_1cmfw.Online-Store-UI-BottomBar--enter_2fly3,.Online-Store-UI-BottomBar_1cmfw.Online-Store-UI-BottomBar--enterActive_1wnfp,.Online-Store-UI-BottomBar_1cmfw.Online-Store-UI-BottomBar--enterDone_17lop,.Online-Store-UI-BottomBar_1cmfw.Online-Store-UI-BottomBar--exit_s27s6,.Online-Store-UI-BottomBar_1cmfw.Online-Store-UI-BottomBar--exitActive_8j881 {
    display: block
}

.Online-Store-UI-BottomBar_1cmfw.Online-Store-UI-BottomBar--enterActive_1wnfp,.Online-Store-UI-BottomBar_1cmfw.Online-Store-UI-BottomBar--enterDone_17lop,.Online-Store-UI-BottomBar_1cmfw.Online-Store-UI-BottomBar--exit_s27s6 {
    opacity: 1;
    transform: translateY(0)
}

.Online-Store-UI-BottomBar_1cmfw,.Online-Store-UI-BottomBar_1cmfw.Online-Store-UI-BottomBar--enter_2fly3,.Online-Store-UI-BottomBar_1cmfw.Online-Store-UI-BottomBar--exitActive_8j881,.Online-Store-UI-BottomBar_1cmfw.Online-Store-UI-BottomBar--exitDone_1nfsp {
    opacity: 0;
    transform: translateY(100%)
}

.Online-Store-UI-BottomBar__Interior_119ko {
    position: relative;
    display: flex;
    align-items: center;
    height: var(--osui_height-frame-footer);
    background-color: var(--p-color-bg-surface);
    border-top-left-radius: var(--p-border-radius-100);
    border-top-right-radius: var(--p-border-radius-100);
    box-shadow: 0 -.125rem .125rem #4040401a
}

.Online-Store-UI-BottomBar__List_s27a8 {
    margin: 0;
    padding: 0;
    list-style: none;
    display: grid;
    grid-gap: var(--p-space-200);
    grid-template-columns: repeat(auto-fit,minmax(5rem,1fr));
    flex: 1 1 auto;
    padding-left: var(--p-space-200);
    padding-right: var(--p-space-200);
    height: 100%
}

.Online-Store-UI-BottomBar__Item_s20ov {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    max-width: 10rem
}

.Online-Store-UI-BottomBar__ChildrenWrapper_zlxwf {
    display: flex;
    align-items: center;
    flex: 0 0 auto;
    margin-left: auto;
    padding-left: var(--p-space-300);
    padding-right: var(--p-space-300);
    height: 100%
}

.Online-Store-UI-BottomBar__List_s27a8+.Online-Store-UI-BottomBar__ChildrenWrapper_zlxwf {
    border-left: var(--p-border-width-025) solid var(--p-color-border-secondary)
}

.Online-Store-UI-BottomSheet_104qo {
    --osui-align-bottom-sheet-header: flex-start;
    --osui_box-shadow-bottom-sheet: 0 -.0625rem .5rem rgba(0, 0, 0, .06);
    --osui_height-bottom-sheet-header: 4rem;
    --osui_height-bottom-sheet-collapsed-drag-handle: 4rem;
    --osui_translate-y-bottom-sheet-draggable-region: 0;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 100;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    pointer-events: none
}

.Online-Store-UI-BottomSheet_104qo.Online-Store-UI-BottomSheet--isModal_diqur {
    z-index: 110;
    pointer-events: all
}

.Online-Store-UI-BottomSheet_104qo.Online-Store-UI-BottomSheet--isModal_diqur:not(.Online-Store-UI-BottomSheet--expanded_1isaw) {
    pointer-events: none
}

.Online-Store-UI-BottomSheet__BottomSheetInterior_dzpws {
    position: relative;
    width: 100%;
    max-width: 41.6875rem;
    height: var(--osui_max-height-bottom-sheet)
}

.Online-Store-UI-BottomSheet__BottomSheetInterior_dzpws.Online-Store-UI-BottomSheet--isModal_diqur {
    z-index: var(--p-z-index-11)
}

.Online-Store-UI-BottomSheet--paddingExtraTight_1yoet {
    --osui_bottom-sheet-header-padding-horizontal: var(--p-space-100)
}

.Online-Store-UI-BottomSheet--paddingTight_1vbj5 {
    --osui_bottom-sheet-header-padding-horizontal: var(--p-space-200)
}

.Online-Store-UI-BottomSheet--paddingBaseTight_6g5fy {
    --osui_bottom-sheet-header-padding-horizontal: var(--p-space-300)
}

.Online-Store-UI-BottomSheet--paddingBase_10jln {
    --osui_bottom-sheet-header-padding-horizontal: var(--p-space-400)
}

.Online-Store-UI-BottomSheet--paddingLoose_1rgd2 {
    --osui_bottom-sheet-header-padding-horizontal: var(--p-space-500)
}

.Online-Store-UI-BottomSheet--paddingExtraLoose_1idys {
    --osui_bottom-sheet-header-padding-horizontal: var(--p-space-800)
}

.Online-Store-UI-BottomSheet-DraggableRegion_lwwnh {
    --osui_border-radius-bottomsheet: var(--p-space-400);
    position: absolute;
    bottom: calc(var(--osui_max-height-bottom-sheet)*-1 + var(--osui_height-bottom-sheet-collapsed-drag-handle));
    display: grid;
    grid-template-rows: auto 1fr;
    grid-template-columns: 100%;
    grid-template-areas: "header" "children";
    width: 100%;
    height: var(--osui_max-height-bottom-sheet);
    pointer-events: all;
    border-radius: var(--osui_border-radius-bottomsheet) var(--osui_border-radius-bottomsheet) 0 0;
    background: var(--p-color-bg-surface);
    box-shadow: var(--osui_box-shadow-bottom-sheet);
    transition: transform .15s ease-out 0s;
    transform: translate3d(0,var(--osui_translate-y-bottom-sheet-draggable-region),0)
}

.Online-Store-UI-BottomSheet-DraggableRegion_lwwnh.Online-Store-UI-BottomSheet-DraggableRegion--fullCollapse_6xrxi {
    --osui_height-bottom-sheet-collapsed-drag-handle: 0
}

.Online-Store-UI-BottomSheet-DraggableRegion_lwwnh.Online-Store-UI-BottomSheet-DraggableRegion--dragging_1g38k {
    transition: none
}

.Online-Store-UI-BottomSheet-DraggableRegion_lwwnh.Online-Store-UI-BottomSheet-DraggableRegion--expanded_qbj9e {
    --osui_height-bottom-sheet-collapsed-drag-handle: var( --osui_height-bottom-sheet-header );
    transform: translate3d(0,calc((var(--osui_translate-height-bottom-sheet) - var(--osui_height-bottom-sheet-header))*-1 + var(--osui_translate-y-bottom-sheet-draggable-region)),0)
}

.Online-Store-UI-BottomSheet-DraggableRegion__BackgroundSheet_1ut3u {
    --osui_min-height-bottom-sheet-background-sheet: 1.625rem;
    --osui_height-bottom-sheet-background-sheet-overlap: calc(var(--osui_border-radius-bottomsheet) + var(--p-space-050));
    position: absolute;
    bottom: calc(100% - var(--osui_height-bottom-sheet-background-sheet-overlap));
    z-index: -1;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: calc(var(--osui_min-height-bottom-sheet-background-sheet) + var(--osui_height-bottom-sheet-background-sheet-overlap));
    padding-bottom: var(--osui_height-bottom-sheet-background-sheet-overlap);
    border-radius: var(--osui_border-radius-bottomsheet) var(--osui_border-radius-bottomsheet) 0 0
}

.Online-Store-UI-BottomSheet-DraggableRegion__BackgroundSheet_1ut3u.Online-Store-UI-BottomSheet-DraggableRegion--showBackgroundSheet_1etk7 {
    transform: translateZ(0);
    transition: transform .15s ease-out 0s
}

.Online-Store-UI-BottomSheet-DraggableRegion__BackgroundSheet_1ut3u:not(.Online-Store-UI-BottomSheet-DraggableRegion--showBackgroundSheet_1etk7) {
    transform: translate3d(0,100%,0);
    transition: transform .15s ease-out 0s
}

.Online-Store-UI-BottomSheet-DraggableRegion__BackgroundSheet_1ut3u.Online-Store-UI-BottomSheet-DraggableRegion--warning_p97oc {
    background: var(--p-color-bg-surface-warning);
    border: .0625rem solid var(--p-color-border-warning);
    color: var(--p-color-text-warning);
    box-shadow: var(--osui_box-shadow-bottom-sheet)
}

.Online-Store-UI-BottomSheet-DraggableRegion__BackgroundSheet_1ut3u.Online-Store-UI-BottomSheet-DraggableRegion--primary_i79dh {
    background: var(--p-color-bg-fill-brand);
    box-shadow: var(--osui_box-shadow-bottom-sheet);
    color: var(--p-color-bg-surface);
    text-align: center;
    font-size: .6875rem;
    line-height: var(--p-font-line-height-500);
    font-weight: var(--p-font-weight-medium)
}

.Online-Store-UI-BottomSheet-DraggableRegion__DragHandle_1tkea {
    grid-area: header;
    display: flex;
    align-items: flex-start;
    background: inherit;
    width: 100%;
    padding-top: var(--p-space-050);
    height: var(--osui_height-bottom-sheet-header);
    touch-action: none;
    border-radius: var(--osui_border-radius-bottomsheet) var(--osui_border-radius-bottomsheet) 0 0
}

.Online-Store-UI-BottomSheet-DraggableRegion__DragHandle_1tkea.Online-Store-UI-BottomSheet-DraggableRegion--reducedHeightDragHandle_1r5cp {
    --osui_height-bottom-sheet-header: polaris.rem(2.75rem)
}

.Online-Store-UI-BottomSheet-DraggableRegion__Content_g6o9i {
    grid-area: children;
    position: relative;
    width: 100%;
    height: 100%;
    overflow-y: hidden;
    --osui_translate-y-bottom-sheet-draggable-region: initial
}

.Online-Store-UI-BottomSheet-DraggableRegion__Content_g6o9i.Online-Store-UI-BottomSheet-DraggableRegion--scrollable_e0n3o {
    overflow-y: scroll
}

.Online-Store-UI-BottomSheet-DraggableRegion__Content_g6o9i:not(.Online-Store-UI-BottomSheet-DraggableRegion--scrollable_e0n3o) .Online-Store-UI-BottomSheet-DraggableRegion__ContentInterior_1wwln {
    display: flex;
    flex-direction: column
}

.Online-Store-UI-BottomSheet-DraggableRegion__ContentInterior_1wwln {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.Online-Store-UI-BottomSheet-DraggableRegion--isModal_w162f.Online-Store-UI-BottomSheet-DraggableRegion--exiting_p8uax {
    transform: translate3d(0,var(--osui_height-bottom-sheet-header),0)
}

.Online-Store-UI-BottomSheet-Header_o6ums {
    width: 100%;
    height: 100%;
    -webkit-tap-highlight-color: rgba(0,0,0,0)
}

.Online-Store-UI-BottomSheet-Header__Interior_1fk04 {
    position: relative;
    height: 100%;
    display: grid;
    grid-template-columns: minmax(6.25rem,1fr) minmax(0,2fr) minmax(6.25rem,1fr);
    grid-template-areas: "secondary middle primary";
    padding-left: var(--osui_bottom-sheet-header-padding-horizontal);
    padding-right: var(--osui_bottom-sheet-header-padding-horizontal)
}

.Online-Store-UI-BottomSheet-Header__Interior_1fk04.Online-Store-UI-BottomSheet-Header__EditMode_smhui {
    grid-template-columns: 1fr;
    grid-template-areas: unset
}

.Online-Store-UI-BottomSheet-Header__SecondaryAction_xsv4j {
    grid-area: secondary;
    display: grid;
    grid-template-rows: 1.125rem 1fr;
    grid-template-areas: "drag-icon-offset" "secondary-action"
}

.Online-Store-UI-BottomSheet-Header__SecondaryAction_xsv4j button {
    grid-area: secondary-action;
    min-width: 2.75rem;
    min-height: 2.75rem
}

.Online-Store-UI-BottomSheet-Header__PrimaryAction_1gh74 {
    grid-area: primary
}

.Online-Store-UI-BottomSheet-Header__PrimaryActionGroup_1eama {
    grid-area: primary;
    display: grid;
    grid-template-rows: 1.125rem 1fr;
    grid-template-areas: "drag-icon-offset" "primary-action-group"
}

.Online-Store-UI-BottomSheet-Header__PrimaryActionGroupWrapper_1gvnn {
    grid-area: primary-action-group;
    display: flex;
    justify-content: flex-end
}

.Online-Store-UI-BottomSheet-Header__PrimaryActionGroupWrapper_1gvnn button {
    min-width: 2.75rem;
    min-height: 2.75rem
}

.Online-Store-UI-BottomSheet-Header__Interior_1fk04.Online-Store-UI-BottomSheet-Header__EditMode_smhui .Online-Store-UI-BottomSheet-Header__MiddleAction_kq03q,.Online-Store-UI-BottomSheet-Header__Interior_1fk04.Online-Store-UI-BottomSheet-Header__EditMode_smhui .Online-Store-UI-BottomSheet-Header__MiddleActionInteractive_yb4lo {
    grid-area: unset;
    padding-left: var(--p-space-300);
    padding-right: var(--p-space-300)
}

.Online-Store-UI-BottomSheet-Header__MiddleAction_kq03q,.Online-Store-UI-BottomSheet-Header__MiddleActionInteractive_yb4lo {
    grid-area: middle
}

.Online-Store-UI-BottomSheet-Header__MiddleAction_kq03q,.Online-Store-UI-BottomSheet-Header__MiddleActionButton_11cil {
    display: grid;
    text-align: center;
    grid-template-rows: 1.125rem 1fr;
    grid-template-areas: "drag-icon" "title";
    width: 100%;
    min-height: 2.75rem;
    height: 100%
}

.Online-Store-UI-BottomSheet-Header__MiddleActionButton_11cil {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0;
    padding: 0;
    background: none;
    border: none;
    font-size: inherit;
    line-height: inherit;
    color: inherit;
    cursor: pointer
}

.Online-Store-UI-BottomSheet-Header__MiddleActionButton_11cil:focus {
    outline: none
}

.Online-Store-UI-BottomSheet-Header__MiddleActionButton_11cil:focus-visible:after {
    box-shadow: 0 0 0 .125rem var(--p-color-border-focus);
    outline: var(--osui_high-contrast-outline)
}

.Online-Store-UI-BottomSheet-Header__DragHandleIcon_1hyxq {
    grid-area: drag-icon;
    align-items: center;
    opacity: .6
}

.Online-Store-UI-BottomSheet-Header__DragHandleIcon_1hyxq svg {
    fill: var(--p-color-icon-disabled)
}

.Online-Store-UI-BottomSheet-Header__Title_fy9ht {
    grid-area: title;
    display: flex;
    height: 100%;
    min-width: 0;
    max-width: 100%;
    align-items: center;
    justify-content: center;
    flex-direction: column
}

.Online-Store-UI-BottomSheet-Header__TitleWrapper_pilh6,.Online-Store-UI-BottomSheet-Header__SubtitleWrapper_1f3lr {
    display: grid;
    grid-template-columns: 1fr auto 1fr
}

.Online-Store-UI-BottomSheet-Header__Interior_1fk04.Online-Store-UI-BottomSheet-Header__EditMode_smhui .Online-Store-UI-BottomSheet-Header__TitleWrapper_pilh6 {
    grid-template-columns: 1fr;
    width: 100%
}

.Online-Store-UI-BottomSheet-Header__TitlePrefixWrapper_v4gnj,.Online-Store-UI-BottomSheet-Header__SubtitlePrefixWrapper_1d4p7,.Online-Store-UI-BottomSheet-Header__SubtitleSuffixWrapper_19pbn {
    display: flex;
    justify-content: right;
    align-self: center
}

.Online-Store-UI-BottomSheet-Header__TitlePrefixWrapper_v4gnj {
    padding-right: var(--p-space-100)
}

.Online-Store-UI-BottomSheet-Header__SubtitlePrefixWrapper_1d4p7,.Online-Store-UI-BottomSheet-Header__SubtitleSuffixWrapper_19pbn {
    height: 1rem;
    width: 1rem
}

.Online-Store-UI-BottomSheet-Header__SuffixWrapper_7zffq {
    display: flex;
    justify-content: left;
    align-self: center;
    padding-left: var(--p-space-100)
}

.Online-Store-UI-BottomSheet-Header__SubtitleWrapper_1f3lr {
    margin-top: calc(var(--p-space-050)*-1);
    gap: var(--p-space-050)
}

.Online-Store-UI-BottomSheet-Header__Button_115of {
    display: grid;
    grid-template-rows: 1.125rem 1fr;
    grid-template-areas: "." "content";
    width: 100%;
    height: 100%;
    padding: 0;
    background: inherit;
    border: none
}

.Online-Store-UI-BottomSheet-Header__Button_115of:disabled,.Online-Store-UI-BottomSheet-Header__Button_115of[aria-disabled=true] {
    pointer-events: none;
    touch-action: none;
    -webkit-user-select: none;
    user-select: none;
    color: var(--p-color-text-disabled)
}

.Online-Store-UI-BottomSheet-Header__Button_115of:disabled s-internal-icon,.Online-Store-UI-BottomSheet-Header__Button_115of:disabled svg,.Online-Store-UI-BottomSheet-Header__Button_115of[aria-disabled=true] s-internal-icon,.Online-Store-UI-BottomSheet-Header__Button_115of[aria-disabled=true] svg {
    color: var(--p-color-text-disabled)
}

.Online-Store-UI-BottomSheet-Header__Button_115of:hover {
    color: var(--p-color-bg-fill-brand-hover)
}

.Online-Store-UI-BottomSheet-Header__Button_115of.Online-Store-UI-BottomSheet-Header--semibold_nb0r2 {
    font-weight: var(--p-font-weight-semibold)
}

.Online-Store-UI-BottomSheet-Header__Button_115of.Online-Store-UI-BottomSheet-Header--alignRight_wvcuv {
    text-align: right;
    justify-content: flex-end
}

.Online-Store-UI-BottomSheet-Header__ButtonContentWrapper_19e5p {
    grid-area: content;
    width: 100%;
    height: 100%;
    display: flex;
    min-width: 0;
    max-width: 100%;
    align-items: center
}

.Online-Store-UI-BottomSheet-Header__ButtonContentWrapper_19e5p.Online-Store-UI-BottomSheet-Header--hasPrefix_8eigl {
    margin-left: calc(var(--p-space-200)*-1)
}

.Online-Store-UI-BottomSheet-Header__ButtonContentWrapper_19e5p .Online-Store-UI-BottomSheet-Header__Prefix_ui2ud s-internal-icon,.Online-Store-UI-BottomSheet-Header__ButtonContentWrapper_19e5p .Online-Store-UI-BottomSheet-Header__Prefix_ui2ud svg {
    color: var(--p-color-icon)
}

.Online-Store-UI-BottomSheet-Header__ButtonContentWrapper_19e5p .Online-Store-UI-BottomSheet-Header__Content_1k0fb {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: var(--p-font-size-400);
    color: var(--p-color-text);
    line-height: var(--p-font-line-height-500)
}

.Online-Store-UI-BottomSheet-Header__ButtonContentWrapper_19e5p .Online-Store-UI-BottomSheet-Header__LoadingSpinner_1rg0v {
    line-height: 0
}

.Online-Store-UI-BottomSheet-Header__PrimaryAndMoreActions_110p7 {
    display: grid;
    grid-area: primary;
    grid-template-columns: 1fr auto;
    gap: var(--p-space-400)
}

.Online-Store-UI-SelectionList-Item_63wik {
    --osui_selection-list-item-prefix-max-size: 1.875rem;
    --osui_selection-list-item-prefix-min-size: 1.25rem;
    padding: var(--p-space-050) var(--p-space-200)
}

.Online-Store-UI-SelectionList-Item_63wik.Online-Store-UI-SelectionList-Item--disabled_myxw8 {
    pointer-events: none
}

.Online-Store-UI-SelectionList-Item_63wik:last-child {
    margin-bottom: 0
}

.Online-Store-UI-SelectionList-Item_63wik:not(.Online-Store-UI-SelectionList-Item--active_1fkom):not(.Online-Store-UI-SelectionList-Item--current_jgw6d):not(.Online-Store-UI-SelectionList-Item--interactive_xcoig) .Online-Store-UI-SelectionList-Item__Action_1ay2m {
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    outline: none;
    position: relative
}

.Online-Store-UI-SelectionList-Item_63wik:not(.Online-Store-UI-SelectionList-Item--active_1fkom):not(.Online-Store-UI-SelectionList-Item--current_jgw6d):not(.Online-Store-UI-SelectionList-Item--interactive_xcoig) .Online-Store-UI-SelectionList-Item__Action_1ay2m:after {
    content: "";
    position: absolute;
    z-index: 1;
    top: -.0625rem;
    right: -.0625rem;
    bottom: -.0625rem;
    left: -.0625rem;
    display: block;
    pointer-events: none;
    box-shadow: 0 0 0 -.0625rem var(--p-color-border-focus);
    transition: box-shadow var(--p-motion-duration-100) var(--p-motion-ease);
    border-radius: calc(var(--p-border-radius-200) + .0625rem)
}

.Online-Store-UI-SelectionList-Item_63wik:not(.Online-Store-UI-SelectionList-Item--active_1fkom):not(.Online-Store-UI-SelectionList-Item--current_jgw6d):not(.Online-Store-UI-SelectionList-Item--interactive_xcoig) .Online-Store-UI-SelectionList-Item__Action_1ay2m:focus:after {
    box-shadow: 0 0 0 .125rem var(--p-color-border-focus);
    outline: var(--osui_high-contrast-outline)
}

.Online-Store-UI-SelectionList-Item_63wik:not(.Online-Store-UI-SelectionList-Item--active_1fkom):not(.Online-Store-UI-SelectionList-Item--current_jgw6d):not(.Online-Store-UI-SelectionList-Item--interactive_xcoig) .Online-Store-UI-SelectionList-Item__Action_1ay2m:focus:not(:focus-visible):after {
    box-shadow: 0 0 0 0 transparent
}

@media (-ms-high-contrast: active) {
    .Online-Store-UI-SelectionList-Item_63wik:not(.Online-Store-UI-SelectionList-Item--active_1fkom):not(.Online-Store-UI-SelectionList-Item--current_jgw6d):not(.Online-Store-UI-SelectionList-Item--interactive_xcoig) .Online-Store-UI-SelectionList-Item__Action_1ay2m:focus:not(:focus-visible):after {
        outline: none
    }
}

.Online-Store-UI-SelectionList-Item_63wik:not(.Online-Store-UI-SelectionList-Item--active_1fkom):not(.Online-Store-UI-SelectionList-Item--current_jgw6d):not(.Online-Store-UI-SelectionList-Item--interactive_xcoig) .Online-Store-UI-SelectionList-Item__Action_1ay2m:focus-visible:after {
    box-shadow: 0 0 0 .125rem var(--p-color-border-focus);
    outline: var(--osui_high-contrast-outline)
}

.Online-Store-UI-SelectionList-Item_63wik:not(.Online-Store-UI-SelectionList-Item--active_1fkom):not(.Online-Store-UI-SelectionList-Item--current_jgw6d):not(.Online-Store-UI-SelectionList-Item--interactive_xcoig) .Online-Store-UI-SelectionList-Item__Action_1ay2m s-internal-icon,.Online-Store-UI-SelectionList-Item_63wik:not(.Online-Store-UI-SelectionList-Item--active_1fkom):not(.Online-Store-UI-SelectionList-Item--current_jgw6d):not(.Online-Store-UI-SelectionList-Item--interactive_xcoig) .Online-Store-UI-SelectionList-Item__Action_1ay2m svg {
    transition: color var(--p-motion-duration-150) var(--p-motion-ease)
}

.Online-Store-UI-SelectionList-Item_63wik:not(.Online-Store-UI-SelectionList-Item--active_1fkom):not(.Online-Store-UI-SelectionList-Item--current_jgw6d):not(.Online-Store-UI-SelectionList-Item--interactive_xcoig) .Online-Store-UI-SelectionList-Item__Action_1ay2m:focus-visible {
    color: var(--p-color-text-brand);
    background-color: var(--p-color-bg-fill-transparent-secondary)
}

.Online-Store-UI-SelectionList-Item_63wik:not(.Online-Store-UI-SelectionList-Item--active_1fkom):not(.Online-Store-UI-SelectionList-Item--current_jgw6d):not(.Online-Store-UI-SelectionList-Item--interactive_xcoig) .Online-Store-UI-SelectionList-Item__Action_1ay2m:focus-visible s-internal-icon,.Online-Store-UI-SelectionList-Item_63wik:not(.Online-Store-UI-SelectionList-Item--active_1fkom):not(.Online-Store-UI-SelectionList-Item--current_jgw6d):not(.Online-Store-UI-SelectionList-Item--interactive_xcoig) .Online-Store-UI-SelectionList-Item__Action_1ay2m:focus-visible svg {
    color: var(--p-color-text-brand)
}

@media (-ms-high-contrast: active) {
    .Online-Store-UI-SelectionList-Item_63wik:not(.Online-Store-UI-SelectionList-Item--active_1fkom):not(.Online-Store-UI-SelectionList-Item--current_jgw6d):not(.Online-Store-UI-SelectionList-Item--interactive_xcoig) .Online-Store-UI-SelectionList-Item__Action_1ay2m:focus-visible s-internal-icon,.Online-Store-UI-SelectionList-Item_63wik:not(.Online-Store-UI-SelectionList-Item--active_1fkom):not(.Online-Store-UI-SelectionList-Item--current_jgw6d):not(.Online-Store-UI-SelectionList-Item--interactive_xcoig) .Online-Store-UI-SelectionList-Item__Action_1ay2m:focus-visible svg {
        color: var(--p-color-icon-secondary)
    }
}

@media (hover: hover) and (pointer: fine) {
    .Online-Store-UI-SelectionList-Item_63wik:not(.Online-Store-UI-SelectionList-Item--active_1fkom):not(.Online-Store-UI-SelectionList-Item--current_jgw6d):not(.Online-Store-UI-SelectionList-Item--interactive_xcoig) .Online-Store-UI-SelectionList-Item__Action_1ay2m:hover {
        color:var(--p-color-text-brand);
        background-color: var(--p-color-bg-fill-transparent-secondary)
    }

    .Online-Store-UI-SelectionList-Item_63wik:not(.Online-Store-UI-SelectionList-Item--active_1fkom):not(.Online-Store-UI-SelectionList-Item--current_jgw6d):not(.Online-Store-UI-SelectionList-Item--interactive_xcoig) .Online-Store-UI-SelectionList-Item__Action_1ay2m:hover s-internal-icon,.Online-Store-UI-SelectionList-Item_63wik:not(.Online-Store-UI-SelectionList-Item--active_1fkom):not(.Online-Store-UI-SelectionList-Item--current_jgw6d):not(.Online-Store-UI-SelectionList-Item--interactive_xcoig) .Online-Store-UI-SelectionList-Item__Action_1ay2m:hover svg {
        color: var(--p-color-text-brand)
    }
}

@media (hover: hover) and (pointer: fine) and (-ms-high-contrast: active) {
    .Online-Store-UI-SelectionList-Item_63wik:not(.Online-Store-UI-SelectionList-Item--active_1fkom):not(.Online-Store-UI-SelectionList-Item--current_jgw6d):not(.Online-Store-UI-SelectionList-Item--interactive_xcoig) .Online-Store-UI-SelectionList-Item__Action_1ay2m:hover s-internal-icon,.Online-Store-UI-SelectionList-Item_63wik:not(.Online-Store-UI-SelectionList-Item--active_1fkom):not(.Online-Store-UI-SelectionList-Item--current_jgw6d):not(.Online-Store-UI-SelectionList-Item--interactive_xcoig) .Online-Store-UI-SelectionList-Item__Action_1ay2m:hover svg {
        color:var(--p-color-icon-secondary)
    }
}

.Online-Store-UI-SelectionList-Item_63wik:not(.Online-Store-UI-SelectionList-Item--active_1fkom):not(.Online-Store-UI-SelectionList-Item--current_jgw6d):not(.Online-Store-UI-SelectionList-Item--interactive_xcoig) .Online-Store-UI-SelectionList-Item__Action_1ay2m:active {
    color: var(--p-color-text-brand);
    background-color: var(--p-color-bg-surface-tertiary)
}

.Online-Store-UI-SelectionList-Item_63wik:not(.Online-Store-UI-SelectionList-Item--active_1fkom):not(.Online-Store-UI-SelectionList-Item--current_jgw6d):not(.Online-Store-UI-SelectionList-Item--interactive_xcoig) .Online-Store-UI-SelectionList-Item__Action_1ay2m:active s-internal-icon,.Online-Store-UI-SelectionList-Item_63wik:not(.Online-Store-UI-SelectionList-Item--active_1fkom):not(.Online-Store-UI-SelectionList-Item--current_jgw6d):not(.Online-Store-UI-SelectionList-Item--interactive_xcoig) .Online-Store-UI-SelectionList-Item__Action_1ay2m:active svg {
    color: var(--p-color-text-brand)
}

@media (-ms-high-contrast: active) {
    .Online-Store-UI-SelectionList-Item_63wik:not(.Online-Store-UI-SelectionList-Item--active_1fkom):not(.Online-Store-UI-SelectionList-Item--current_jgw6d):not(.Online-Store-UI-SelectionList-Item--interactive_xcoig) .Online-Store-UI-SelectionList-Item__Action_1ay2m:active s-internal-icon,.Online-Store-UI-SelectionList-Item_63wik:not(.Online-Store-UI-SelectionList-Item--active_1fkom):not(.Online-Store-UI-SelectionList-Item--current_jgw6d):not(.Online-Store-UI-SelectionList-Item--interactive_xcoig) .Online-Store-UI-SelectionList-Item__Action_1ay2m:active svg {
        color: var(--p-color-icon-secondary)
    }
}

.Online-Store-UI-SelectionList-Item_63wik:not(.Online-Store-UI-SelectionList-Item--active_1fkom):not(.Online-Store-UI-SelectionList-Item--current_jgw6d):not(.Online-Store-UI-SelectionList-Item--interactive_xcoig) .Online-Store-UI-SelectionList-Item__Action_1ay2m:after {
    inset: var(--p-border-width-050) var(--p-border-width-050) var(--p-border-width-050) var(--p-border-width-050);
    border-radius: var(--p-border-radius-200)
}

.Online-Store-UI-SelectionList-Item_63wik.Online-Store-UI-SelectionList-Item--active_1fkom .Online-Store-UI-SelectionList-Item__Action_1ay2m,.Online-Store-UI-SelectionList-Item_63wik.Online-Store-UI-SelectionList-Item--current_jgw6d .Online-Store-UI-SelectionList-Item__Action_1ay2m,.Online-Store-UI-SelectionList-Item_63wik.Online-Store-UI-SelectionList-Item--interactive_xcoig .Online-Store-UI-SelectionList-Item__Action_1ay2m {
    outline: none;
    position: relative
}

.Online-Store-UI-SelectionList-Item_63wik.Online-Store-UI-SelectionList-Item--active_1fkom .Online-Store-UI-SelectionList-Item__Action_1ay2m:after,.Online-Store-UI-SelectionList-Item_63wik.Online-Store-UI-SelectionList-Item--current_jgw6d .Online-Store-UI-SelectionList-Item__Action_1ay2m:after,.Online-Store-UI-SelectionList-Item_63wik.Online-Store-UI-SelectionList-Item--interactive_xcoig .Online-Store-UI-SelectionList-Item__Action_1ay2m:after {
    content: "";
    position: absolute;
    z-index: 1;
    top: -.0625rem;
    right: -.0625rem;
    bottom: -.0625rem;
    left: -.0625rem;
    display: block;
    pointer-events: none;
    box-shadow: 0 0 0 -.0625rem var(--p-color-border-focus);
    transition: box-shadow var(--p-motion-duration-100) var(--p-motion-ease);
    border-radius: calc(var(--p-border-radius-200) + .0625rem)
}

.Online-Store-UI-SelectionList-Item_63wik.Online-Store-UI-SelectionList-Item--active_1fkom .Online-Store-UI-SelectionList-Item__Action_1ay2m:focus:after,.Online-Store-UI-SelectionList-Item_63wik.Online-Store-UI-SelectionList-Item--current_jgw6d .Online-Store-UI-SelectionList-Item__Action_1ay2m:focus:after,.Online-Store-UI-SelectionList-Item_63wik.Online-Store-UI-SelectionList-Item--interactive_xcoig .Online-Store-UI-SelectionList-Item__Action_1ay2m:focus:after {
    box-shadow: 0 0 0 .125rem var(--p-color-border-focus);
    outline: var(--osui_high-contrast-outline)
}

.Online-Store-UI-SelectionList-Item_63wik.Online-Store-UI-SelectionList-Item--active_1fkom .Online-Store-UI-SelectionList-Item__Action_1ay2m:focus:not(:focus-visible):after,.Online-Store-UI-SelectionList-Item_63wik.Online-Store-UI-SelectionList-Item--current_jgw6d .Online-Store-UI-SelectionList-Item__Action_1ay2m:focus:not(:focus-visible):after,.Online-Store-UI-SelectionList-Item_63wik.Online-Store-UI-SelectionList-Item--interactive_xcoig .Online-Store-UI-SelectionList-Item__Action_1ay2m:focus:not(:focus-visible):after {
    box-shadow: 0 0 0 0 transparent
}

@media (-ms-high-contrast: active) {
    .Online-Store-UI-SelectionList-Item_63wik.Online-Store-UI-SelectionList-Item--active_1fkom .Online-Store-UI-SelectionList-Item__Action_1ay2m:focus:not(:focus-visible):after,.Online-Store-UI-SelectionList-Item_63wik.Online-Store-UI-SelectionList-Item--current_jgw6d .Online-Store-UI-SelectionList-Item__Action_1ay2m:focus:not(:focus-visible):after,.Online-Store-UI-SelectionList-Item_63wik.Online-Store-UI-SelectionList-Item--interactive_xcoig .Online-Store-UI-SelectionList-Item__Action_1ay2m:focus:not(:focus-visible):after {
        outline: none
    }
}

.Online-Store-UI-SelectionList-Item_63wik.Online-Store-UI-SelectionList-Item--active_1fkom .Online-Store-UI-SelectionList-Item__Action_1ay2m:focus-visible:after,.Online-Store-UI-SelectionList-Item_63wik.Online-Store-UI-SelectionList-Item--current_jgw6d .Online-Store-UI-SelectionList-Item__Action_1ay2m:focus-visible:after,.Online-Store-UI-SelectionList-Item_63wik.Online-Store-UI-SelectionList-Item--interactive_xcoig .Online-Store-UI-SelectionList-Item__Action_1ay2m:focus-visible:after {
    box-shadow: 0 0 0 .125rem var(--p-color-border-focus);
    outline: var(--osui_high-contrast-outline)
}

.Online-Store-UI-SelectionList-Item_63wik.Online-Store-UI-SelectionList-Item--active_1fkom .Online-Store-UI-SelectionList-Item__Action_1ay2m:after,.Online-Store-UI-SelectionList-Item_63wik.Online-Store-UI-SelectionList-Item--current_jgw6d .Online-Store-UI-SelectionList-Item__Action_1ay2m:after,.Online-Store-UI-SelectionList-Item_63wik.Online-Store-UI-SelectionList-Item--interactive_xcoig .Online-Store-UI-SelectionList-Item__Action_1ay2m:after {
    inset: var(--p-border-width-050) var(--p-border-width-050) var(--p-border-width-050) var(--p-border-width-050);
    border-radius: var(--p-border-radius-200)
}

.Online-Store-UI-SelectionList-Item_63wik.Online-Store-UI-SelectionList-Item--active_1fkom .Online-Store-UI-SelectionList-Item__Action_1ay2m:focus-visible,.Online-Store-UI-SelectionList-Item_63wik.Online-Store-UI-SelectionList-Item--current_jgw6d .Online-Store-UI-SelectionList-Item__Action_1ay2m:focus-visible,.Online-Store-UI-SelectionList-Item_63wik.Online-Store-UI-SelectionList-Item--interactive_xcoig .Online-Store-UI-SelectionList-Item__Action_1ay2m:focus-visible {
    color: var(--p-color-text-brand);
    background-color: var(--p-color-bg-fill-transparent-hover)
}

@media (hover: hover) and (pointer: fine) {
    .Online-Store-UI-SelectionList-Item_63wik.Online-Store-UI-SelectionList-Item--active_1fkom .Online-Store-UI-SelectionList-Item__Action_1ay2m:hover,.Online-Store-UI-SelectionList-Item_63wik.Online-Store-UI-SelectionList-Item--current_jgw6d .Online-Store-UI-SelectionList-Item__Action_1ay2m:hover,.Online-Store-UI-SelectionList-Item_63wik.Online-Store-UI-SelectionList-Item--interactive_xcoig .Online-Store-UI-SelectionList-Item__Action_1ay2m:hover {
        color:var(--p-color-text-brand);
        background-color: var(--p-color-bg-fill-transparent-hover)
    }
}

.Online-Store-UI-SelectionList-Item_63wik.Online-Store-UI-SelectionList-Item--active_1fkom .Online-Store-UI-SelectionList-Item__Action_1ay2m:active,.Online-Store-UI-SelectionList-Item_63wik.Online-Store-UI-SelectionList-Item--current_jgw6d .Online-Store-UI-SelectionList-Item__Action_1ay2m:active,.Online-Store-UI-SelectionList-Item_63wik.Online-Store-UI-SelectionList-Item--interactive_xcoig .Online-Store-UI-SelectionList-Item__Action_1ay2m:active {
    color: var(--p-color-text-brand);
    background-color: var(--p-color-bg-surface-tertiary)
}

.Online-Store-UI-SelectionList-Item__Action_1ay2m {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0;
    padding: 0;
    background: none;
    border: none;
    font-size: inherit;
    line-height: inherit;
    color: inherit;
    cursor: pointer;
    position: relative;
    display: flex;
    overflow: hidden;
    align-items: center;
    width: 100%;
    min-height: 1.875rem;
    border-radius: var(--p-border-radius-200);
    padding-inline:var(--p-space-200);text-align: left;
    background-color: var(--p-color-bg-surface);
    transition-property: color,background-color;
    transition-duration: var(--p-motion-duration-200);
    transition-timing-function: var(--p-motion-ease);
    justify-content: space-between;
    box-sizing: border-box
}

.Online-Store-UI-SelectionList-Item__Action_1ay2m:focus {
    outline: none
}

@media (max-width: 41.685em) {
    .Online-Store-UI-SelectionList-Item__Action_1ay2m {
        min-height:2.75rem
    }
}

.Online-Store-UI-SelectionList-Item--active_1fkom .Online-Store-UI-SelectionList-Item__Action_1ay2m,.Online-Store-UI-SelectionList-Item--current_jgw6d .Online-Store-UI-SelectionList-Item__Action_1ay2m {
    color: var(--p-color-text);
    background-color: var(--p-color-bg-fill-transparent-active);
    font-weight: var(--p-font-weight-medium)
}

@media (hover: hover) and (pointer: fine) {
    .Online-Store-UI-SelectionList-Item--active_1fkom .Online-Store-UI-SelectionList-Item__Action_1ay2m:hover,.Online-Store-UI-SelectionList-Item--current_jgw6d .Online-Store-UI-SelectionList-Item__Action_1ay2m:hover {
        background-color:var(--p-color-bg-fill-transparent-hover)
    }
}

.Online-Store-UI-SelectionList-Item--disabled_myxw8 .Online-Store-UI-SelectionList-Item__Action_1ay2m {
    color: var(--p-color-text-disabled)
}

.Online-Store-UI-SelectionList-Item--disabledBackground_6q9ey .Online-Store-UI-SelectionList-Item__Action_1ay2m {
    background-color: var(--p-color-bg-surface-disabled)
}

.Online-Store-UI-SelectionList-Item--current_jgw6d .Online-Store-UI-SelectionList-Item__Action_1ay2m {
    background-color: var(--p-color-bg-fill-transparent-active)
}

.Online-Store-UI-SelectionList-Item__Content_jgokm,.Online-Store-UI-SelectionList-Item__IconPrefix_1q1ob,.Online-Store-UI-SelectionList-Item__Prefix_1hgsj,.Online-Store-UI-SelectionList-Item__Suffix_1hgsi {
    min-width: 0;
    max-width: 100%
}

.Online-Store-UI-SelectionList-Item--interactive_xcoig .Online-Store-UI-SelectionList-Item__Content_jgokm,.Online-Store-UI-SelectionList-Item--interactive_xcoig .Online-Store-UI-SelectionList-Item__IconPrefix_1q1ob,.Online-Store-UI-SelectionList-Item--interactive_xcoig .Online-Store-UI-SelectionList-Item__Prefix_1hgsj,.Online-Store-UI-SelectionList-Item--interactive_xcoig .Online-Store-UI-SelectionList-Item__Suffix_1hgsi {
    color: var(--p-color-icon-highlight)
}

.Online-Store-UI-SelectionList-Item--interactive_xcoig .Online-Store-UI-SelectionList-Item__Content_jgokm s-internal-icon,.Online-Store-UI-SelectionList-Item--interactive_xcoig .Online-Store-UI-SelectionList-Item__Content_jgokm svg,.Online-Store-UI-SelectionList-Item--interactive_xcoig .Online-Store-UI-SelectionList-Item__IconPrefix_1q1ob s-internal-icon,.Online-Store-UI-SelectionList-Item--interactive_xcoig .Online-Store-UI-SelectionList-Item__IconPrefix_1q1ob svg,.Online-Store-UI-SelectionList-Item--interactive_xcoig .Online-Store-UI-SelectionList-Item__Prefix_1hgsj s-internal-icon,.Online-Store-UI-SelectionList-Item--interactive_xcoig .Online-Store-UI-SelectionList-Item__Prefix_1hgsj svg,.Online-Store-UI-SelectionList-Item--interactive_xcoig .Online-Store-UI-SelectionList-Item__Suffix_1hgsi s-internal-icon,.Online-Store-UI-SelectionList-Item--interactive_xcoig .Online-Store-UI-SelectionList-Item__Suffix_1hgsi svg {
    color: var(--p-color-text-highlight)
}

@media (hover: hover) and (pointer: fine) {
    .Online-Store-UI-SelectionList-Item--interactive_xcoig .Online-Store-UI-SelectionList-Item__Action_1ay2m:hover .Online-Store-UI-SelectionList-Item__Content_jgokm,.Online-Store-UI-SelectionList-Item--interactive_xcoig .Online-Store-UI-SelectionList-Item__Action_1ay2m:hover .Online-Store-UI-SelectionList-Item__IconPrefix_1q1ob,.Online-Store-UI-SelectionList-Item--interactive_xcoig .Online-Store-UI-SelectionList-Item__Action_1ay2m:hover .Online-Store-UI-SelectionList-Item__Prefix_1hgsj,.Online-Store-UI-SelectionList-Item--interactive_xcoig .Online-Store-UI-SelectionList-Item__Action_1ay2m:hover .Online-Store-UI-SelectionList-Item__Suffix_1hgsi {
        color:var(--p-color-icon-highlight-hover)
    }

    .Online-Store-UI-SelectionList-Item--interactive_xcoig .Online-Store-UI-SelectionList-Item__Action_1ay2m:hover .Online-Store-UI-SelectionList-Item__Content_jgokm s-internal-icon,.Online-Store-UI-SelectionList-Item--interactive_xcoig .Online-Store-UI-SelectionList-Item__Action_1ay2m:hover .Online-Store-UI-SelectionList-Item__Content_jgokm svg,.Online-Store-UI-SelectionList-Item--interactive_xcoig .Online-Store-UI-SelectionList-Item__Action_1ay2m:hover .Online-Store-UI-SelectionList-Item__IconPrefix_1q1ob s-internal-icon,.Online-Store-UI-SelectionList-Item--interactive_xcoig .Online-Store-UI-SelectionList-Item__Action_1ay2m:hover .Online-Store-UI-SelectionList-Item__IconPrefix_1q1ob svg,.Online-Store-UI-SelectionList-Item--interactive_xcoig .Online-Store-UI-SelectionList-Item__Action_1ay2m:hover .Online-Store-UI-SelectionList-Item__Prefix_1hgsj s-internal-icon,.Online-Store-UI-SelectionList-Item--interactive_xcoig .Online-Store-UI-SelectionList-Item__Action_1ay2m:hover .Online-Store-UI-SelectionList-Item__Prefix_1hgsj svg,.Online-Store-UI-SelectionList-Item--interactive_xcoig .Online-Store-UI-SelectionList-Item__Action_1ay2m:hover .Online-Store-UI-SelectionList-Item__Suffix_1hgsi s-internal-icon,.Online-Store-UI-SelectionList-Item--interactive_xcoig .Online-Store-UI-SelectionList-Item__Action_1ay2m:hover .Online-Store-UI-SelectionList-Item__Suffix_1hgsi svg {
        color: var(--p-color-text-highlight-hover)
    }
}

.Online-Store-UI-SelectionList-Item--interactive_xcoig.Online-Store-UI-SelectionList-Item--disabled_myxw8 .Online-Store-UI-SelectionList-Item__Content_jgokm,.Online-Store-UI-SelectionList-Item--interactive_xcoig.Online-Store-UI-SelectionList-Item--disabled_myxw8 .Online-Store-UI-SelectionList-Item__IconPrefix_1q1ob,.Online-Store-UI-SelectionList-Item--interactive_xcoig.Online-Store-UI-SelectionList-Item--disabled_myxw8 .Online-Store-UI-SelectionList-Item__Prefix_1hgsj,.Online-Store-UI-SelectionList-Item--interactive_xcoig.Online-Store-UI-SelectionList-Item--disabled_myxw8 .Online-Store-UI-SelectionList-Item__Suffix_1hgsi {
    color: var(--p-color-text-disabled)
}

.Online-Store-UI-SelectionList-Item--interactive_xcoig.Online-Store-UI-SelectionList-Item--disabled_myxw8 .Online-Store-UI-SelectionList-Item__Content_jgokm s-internal-icon,.Online-Store-UI-SelectionList-Item--interactive_xcoig.Online-Store-UI-SelectionList-Item--disabled_myxw8 .Online-Store-UI-SelectionList-Item__Content_jgokm svg,.Online-Store-UI-SelectionList-Item--interactive_xcoig.Online-Store-UI-SelectionList-Item--disabled_myxw8 .Online-Store-UI-SelectionList-Item__IconPrefix_1q1ob s-internal-icon,.Online-Store-UI-SelectionList-Item--interactive_xcoig.Online-Store-UI-SelectionList-Item--disabled_myxw8 .Online-Store-UI-SelectionList-Item__IconPrefix_1q1ob svg,.Online-Store-UI-SelectionList-Item--interactive_xcoig.Online-Store-UI-SelectionList-Item--disabled_myxw8 .Online-Store-UI-SelectionList-Item__Prefix_1hgsj s-internal-icon,.Online-Store-UI-SelectionList-Item--interactive_xcoig.Online-Store-UI-SelectionList-Item--disabled_myxw8 .Online-Store-UI-SelectionList-Item__Prefix_1hgsj svg,.Online-Store-UI-SelectionList-Item--interactive_xcoig.Online-Store-UI-SelectionList-Item--disabled_myxw8 .Online-Store-UI-SelectionList-Item__Suffix_1hgsi s-internal-icon,.Online-Store-UI-SelectionList-Item--interactive_xcoig.Online-Store-UI-SelectionList-Item--disabled_myxw8 .Online-Store-UI-SelectionList-Item__Suffix_1hgsi svg {
    color: var(--p-color-icon-disabled)
}

.Online-Store-UI-SelectionList-Item__IconPrefix_1q1ob,.Online-Store-UI-SelectionList-Item__Prefix_1hgsj,.Online-Store-UI-SelectionList-Item__Suffix_1hgsi {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    place-content: center center
}

.Online-Store-UI-SelectionList-Item__IconPrefix_1q1ob>*,.Online-Store-UI-SelectionList-Item__Suffix_1hgsi>* {
    min-width: 0;
    max-width: 100%;
    flex: 1 1 auto
}

.Online-Store-UI-SelectionList-Item__IconPrefix_1q1ob s-internal-icon,.Online-Store-UI-SelectionList-Item__IconPrefix_1q1ob svg,.Online-Store-UI-SelectionList-Item__Suffix_1hgsi s-internal-icon,.Online-Store-UI-SelectionList-Item__Suffix_1hgsi svg {
    color: var(--p-color-icon);
    transition-property: fill,color;
    transition-duration: var(--p-motion-duration-200);
    transition-timing-function: var(--p-motion-ease)
}

.Online-Store-UI-SelectionList-Item--disabled_myxw8 .Online-Store-UI-SelectionList-Item__IconPrefix_1q1ob s-internal-icon,.Online-Store-UI-SelectionList-Item--disabled_myxw8 .Online-Store-UI-SelectionList-Item__IconPrefix_1q1ob svg,.Online-Store-UI-SelectionList-Item--disabled_myxw8 .Online-Store-UI-SelectionList-Item__Suffix_1hgsi s-internal-icon,.Online-Store-UI-SelectionList-Item--disabled_myxw8 .Online-Store-UI-SelectionList-Item__Suffix_1hgsi svg {
    color: var(--p-color-icon)
}

.Online-Store-UI-SelectionList-Item__Content_jgokm {
    display: block;
    width: 100%;
    overflow: visible;
    white-space: normal
}

.Online-Store-UI-SelectionList-Item__Prefix_1hgsj {
    min-width: var(--osui_selection-list-item-prefix-min-size);
    min-height: var(--osui_selection-list-item-prefix-min-size);
    max-width: var(--osui_selection-list-item-prefix-max-size);
    max-height: var(--osui_selection-list-item-prefix-max-size);
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    place-content: center center
}

.Online-Store-UI-SelectionList-Item__Prefix_1hgsj,.Online-Store-UI-SelectionList-Item__IconPrefix_1q1ob {
    padding-right: var(--p-space-100)
}

.Online-Store-UI-SelectionList-Item--current_jgw6d .Online-Store-UI-SelectionList-Item__IconPrefix_1q1ob s-internal-icon,.Online-Store-UI-SelectionList-Item--current_jgw6d .Online-Store-UI-SelectionList-Item__IconPrefix_1q1ob svg {
    color: var(--p-color-icon-highlight)
}

.Online-Store-UI-SelectionList-Item__Suffix_1hgsi {
    margin-left: var(--p-space-400);
    color: var(--p-color-text-secondary);
    transition: color var(--p-motion-duration-200) var(--p-motion-ease);
    display: block;
    flex-shrink: 0;
    width: auto
}

.Online-Store-UI-SelectionList-Item--disabled_myxw8 .Online-Store-UI-SelectionList-Item__Suffix_1hgsi {
    color: var(--p-color-text-secondary)
}

.Online-Store-UI-SelectionList-Item__Suffix_1hgsi.Online-Store-UI-SelectionList-Item__HiddenOnHover_1cr1m {
    display: none
}

.Online-Store-UI-SelectionList-Item__Action_1ay2m:hover .Online-Store-UI-SelectionList-Item__Suffix_1hgsi,.Online-Store-UI-SelectionList-Item__Action_1ay2m:focus .Online-Store-UI-SelectionList-Item__Suffix_1hgsi {
    display: block
}

.Online-Store-UI-SelectionList-Item__ContentContainer_1wjkn {
    flex: 1 1 auto;
    min-width: 0;
    overflow: hidden;
    width: var(--content-width, 100%);
    display: block
}

:root {
    --editable-text-border-radius: var(--p-border-radius-200);
    --editable-text-padding: var(--p-space-100) var(--p-space-150)
}

.Online-Store-UI-EditableText__PlainTextWrapper_ekaf9 {
    display: block;
    width: 100%;
    padding: var(--editable-text-padding);
    border-radius: var(--editable-text-border-radius);
    background: transparent;
    cursor: pointer;
    overflow: hidden
}

.Online-Store-UI-EditableText__PlainTextWrapper_ekaf9.Online-Store-UI-EditableText__ExternalTextFieldTrigger_o3t3a {
    cursor: default
}

.Online-Store-UI-EditableText__PlainTextWrapper_ekaf9:not(.Online-Store-UI-EditableText__ExternalTextFieldTrigger_o3t3a):hover {
    outline: var(--p-border-width-025) solid var(--p-color-border-hover)
}

.Online-Store-UI-EditableText__TextFieldWrapper_1i7j1 {
    border: 0;
    border-radius: var(--editable-text-border-radius)
}

.Online-Store-UI-EditableText__TextFieldWrapper_1i7j1:focus,.Online-Store-UI-EditableText__TextFieldWrapper_1i7j1:focus-visible,.Online-Store-UI-EditableText__TextFieldWrapper_1i7j1:focus-within {
    outline: var(--p-border-width-050) solid var(--p-color-border-focus)
}

.Online-Store-UI-EditableText__TextFieldContainer_jbkc3 {
    position: relative;
    display: flex;
    align-items: center;
    cursor: text;
    width: 100%;
    border: 0;
    border-radius: var(--editable-text-border-radius);
    background-color: var(--p-color-bg-surface);
    --pc-text-field-contents: 20;
    --pc-text-field-backdrop: 10
}

.Online-Store-UI-EditableText__TextField_khyvb {
    position: relative;
    z-index: var(--pc-text-field-backdrop);
    width: 100%;
    padding: var(--editable-text-padding);
    border: 0;
    border-radius: var(--editable-text-border-radius);
    font-family: var(--p-font-family-sans);
    color: var(--p-color-text);
    outline: none
}

.Online-Store-UI-EditableText__ClearButtonSpacing_143a7 {
    margin-right: var(--p-space-800)
}

.Online-Store-UI-EditableText__ClearButton_13dib {
    position: absolute;
    z-index: var(--pc-text-field-contents);
    right: 0;
    margin: 0 var(--p-space-300) 0 var(--p-space-100);
    padding: 0;
    border: 0;
    border-radius: var(--editable-text-border-radius);
    background: transparent;
    cursor: pointer;
    transition: visibility var(--p-motion-duration-100) var(--p-motion-ease-out),opacity var(--p-motion-duration-100) var(--p-motion-ease-out)
}

.Online-Store-UI-EditableText__ClearButton_13dib:focus,.Online-Store-UI-EditableText__ClearButton_13dib:focus-visible {
    outline: var(--p-border-width-050) solid var(--p-color-border-focus)
}

.Online-Store-UI-EditableText--headingXs_d45b9 {
    font-size: var(--p-font-size-300);
    font-weight: var(--p-font-weight-semibold);
    letter-spacing: var(--p-font-letter-spacing-normal);
    line-height: var(--p-font-line-height-400)
}

.Online-Store-UI-EditableText--headingSm_16bey {
    font-size: var(--p-font-size-400);
    font-weight: var(--p-font-weight-semibold);
    letter-spacing: var(--p-font-letter-spacing-dense);
    line-height: var(--p-font-line-height-500)
}

@media (hover) and (pointer: fine),(min-width: 48em) {
    .Online-Store-UI-EditableText--headingSm_16bey {
        font-size:var(--p-font-size-325);
        letter-spacing: var(--p-font-letter-spacing-normal)
    }
}

.Online-Store-UI-EditableText--headingMd_17oz3 {
    font-size: var(--p-font-size-400);
    font-weight: var(--p-font-weight-semibold);
    letter-spacing: var(--p-font-letter-spacing-dense);
    line-height: var(--p-font-line-height-500)
}

@media (hover) and (pointer: fine),(min-width: 48em) {
    .Online-Store-UI-EditableText--headingMd_17oz3 {
        letter-spacing:var(--p-font-letter-spacing-normal);
        font-size: var(--p-font-size-350)
    }
}

.Online-Store-UI-EditableText--headingLg_1kqwf {
    font-size: var(--p-font-size-500);
    font-weight: var(--p-font-weight-semibold);
    letter-spacing: var(--p-font-letter-spacing-dense);
    line-height: var(--p-font-line-height-600)
}

.Online-Store-UI-EditableText--headingXl_1f4w1 {
    font-size: var(--p-font-size-550);
    font-weight: var(--p-font-weight-bold);
    letter-spacing: var(--p-font-letter-spacing-dense);
    line-height: var(--p-font-line-height-800)
}

@media (hover) and (pointer: fine),(min-width: 48em) {
    .Online-Store-UI-EditableText--headingXl_1f4w1 {
        font-size:var(--p-font-size-600)
    }
}

.Online-Store-UI-EditableText--heading2xl_7gsil {
    font-size: var(--p-font-size-600);
    font-weight: var(--p-font-weight-bold);
    letter-spacing: var(--p-font-letter-spacing-denser);
    line-height: var(--p-font-line-height-800)
}

@media (hover) and (pointer: fine),(min-width: 48em) {
    .Online-Store-UI-EditableText--heading2xl_7gsil {
        font-size:var(--p-font-size-750);
        line-height: var(--p-font-line-height-1000)
    }
}

.Online-Store-UI-EditableText--heading3xl_1qf79 {
    font-size: var(--p-font-size-800);
    font-weight: var(--p-font-weight-bold);
    letter-spacing: var(--p-font-letter-spacing-denser);
    line-height: var(--p-font-line-height-1000)
}

.Online-Store-UI-EditableText--bodyXs_vz5g6 {
    font-size: var(--p-font-size-300);
    font-weight: var(--p-font-weight-regular);
    letter-spacing: var(--p-font-letter-spacing-dense);
    line-height: var(--p-font-line-height-400)
}

@media (hover) and (pointer: fine),(min-width: 48em) {
    .Online-Store-UI-EditableText--bodyXs_vz5g6 {
        font-size:var(--p-font-size-275);
        letter-spacing: var(--p-font-letter-spacing-normal);
        line-height: var(--p-font-line-height-300)
    }
}

.Online-Store-UI-EditableText--bodySm_pz6yf {
    font-size: var(--p-font-size-350);
    font-weight: var(--p-font-weight-regular);
    letter-spacing: var(--p-font-letter-spacing-dense);
    line-height: var(--p-font-line-height-500)
}

@media (hover) and (pointer: fine),(min-width: 48em) {
    .Online-Store-UI-EditableText--bodySm_pz6yf {
        font-size:var(--p-font-size-300);
        letter-spacing: var(--p-font-letter-spacing-normal);
        line-height: var(--p-font-line-height-400)
    }
}

.Online-Store-UI-EditableText--bodyMd_l8867 {
    font-size: var(--p-font-size-400);
    font-weight: var(--p-font-weight-regular);
    letter-spacing: var(--p-font-letter-spacing-dense);
    line-height: var(--p-font-line-height-600)
}

@media (hover) and (pointer: fine),(min-width: 48em) {
    .Online-Store-UI-EditableText--bodyMd_l8867 {
        font-size:var(--p-font-size-325);
        letter-spacing: var(--p-font-letter-spacing-normal);
        line-height: var(--p-font-line-height-500)
    }
}

.Online-Store-UI-EditableText--bodyLg_og0s6 {
    font-size: var(--p-font-size-450);
    font-weight: var(--p-font-weight-regular);
    letter-spacing: var(--p-font-letter-spacing-dense);
    line-height: var(--p-font-line-height-600)
}

@media (hover) and (pointer: fine),(min-width: 48em) {
    .Online-Store-UI-EditableText--bodyLg_og0s6 {
        font-size:var(--p-font-size-350);
        letter-spacing: var(--p-font-letter-spacing-normal);
        line-height: var(--p-font-line-height-500)
    }
}

.Online-Store-UI-BottomSheet-DroppableRegion__Droppable_y9qaq {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: var(--osui_max-droppable-height-bottom-sheet)
}

.Online-Store-UI-BottomSheet-DroppableRegion__DroppableInterior_14eqk {
    position: relative;
    width: 100%;
    height: 100%
}

.Online-Store-UI-BottomSheet-DroppableRegion__DroppableBottom_r7259,.Online-Store-UI-BottomSheet-DroppableRegion__DroppableMid_510gi,.Online-Store-UI-BottomSheet-DroppableRegion__DroppableTop_1kyam {
    position: absolute;
    right: 0;
    left: 0;
    width: 100%
}

.Online-Store-UI-BottomSheet-DroppableRegion__DroppableBottom_r7259 {
    bottom: 0;
    height: 33.33%
}

.Online-Store-UI-BottomSheet-DroppableRegion__DroppableMid_510gi {
    bottom: 33.33%;
    height: 33.33%
}

.Online-Store-UI-BottomSheet-DroppableRegion__DroppableTop_1kyam {
    bottom: 66.66%;
    height: 33.33%
}

.Online-Store-UI-Frame-PanelArea_coe3f {
    position: relative;
    width: 100%;
    height: 100%
}

@media (min-width: 41.6875em) {
    .Online-Store-UI-Frame-PanelArea_coe3f {
        width:var(--osui_width-sidebar-desktop)
    }
}

.Online-Store-UI-Frame-PanelArea_coe3f:empty {
    display: none
}

.Online-Store-UI-CategoryList_1hqr7 {
    margin: 0;
    padding: 0;
    list-style: none
}

.Online-Store-UI-CategoryList__Item_2yoga {
    width: 100%;
    height: 7.875rem
}

.Online-Store-UI-CategoryList__Item_2yoga+.Online-Store-UI-CategoryList__Item_2yoga {
    margin-top: var(--p-space-200)
}

.Online-Store-UI-CategoryList__Action_rp126 {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0;
    padding: 0;
    background: none;
    border: none;
    font-size: inherit;
    line-height: inherit;
    color: inherit;
    cursor: pointer;
    outline: none;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: var(--p-space-200) var(--p-space-500);
    width: 100%;
    height: 100%;
    color: var(--p-color-text-inverse);
    background-color: var(--p-color-bg-inverse);
    border-radius: var(--osui_radius-sidebar-children)
}

.Online-Store-UI-CategoryList__Action_rp126:focus {
    outline: none
}

.Online-Store-UI-CategoryList__Action_rp126:after {
    content: "";
    position: absolute;
    z-index: 1;
    top: -.0625rem;
    right: -.0625rem;
    bottom: -.0625rem;
    left: -.0625rem;
    display: block;
    pointer-events: none;
    box-shadow: 0 0 0 -.0625rem var(--p-color-border-focus);
    transition: box-shadow var(--p-motion-duration-100) var(--p-motion-ease);
    border-radius: calc(var(--p-border-radius-200) + .0625rem)
}

.Online-Store-UI-CategoryList__Action_rp126:focus:after {
    box-shadow: 0 0 0 .125rem var(--p-color-border-focus);
    outline: var(--osui_high-contrast-outline)
}

.Online-Store-UI-CategoryList__Action_rp126:focus:not(:focus-visible):after {
    box-shadow: 0 0 0 0 transparent
}

@media (-ms-high-contrast: active) {
    .Online-Store-UI-CategoryList__Action_rp126:focus:not(:focus-visible):after {
        outline: none
    }
}

.Online-Store-UI-CategoryList__Action_rp126:focus-visible:after {
    box-shadow: 0 0 0 .125rem var(--p-color-border-focus);
    outline: var(--osui_high-contrast-outline)
}

.Online-Store-UI-CategoryList__Thumbnail_17fw3 {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    object-fit: cover;
    width: 100%;
    height: 100%;
    z-index: 1;
    opacity: .9;
    border-radius: var(--osui_radius-sidebar-children);
    transition: opacity var(--p-motion-duration-200) var(--p-motion-ease)
}

.Online-Store-UI-CategoryList__Action_rp126:focus-visible .Online-Store-UI-CategoryList__Thumbnail_17fw3 {
    opacity: .8
}

@media (hover: hover) and (pointer: fine) {
    .Online-Store-UI-CategoryList__Action_rp126:hover .Online-Store-UI-CategoryList__Thumbnail_17fw3 {
        opacity:.8
    }
}

.Online-Store-UI-CategoryList__Action_rp126:active .Online-Store-UI-CategoryList__Thumbnail_17fw3 {
    opacity: .7
}

.Online-Store-UI-CategoryList__Content_1y84o {
    position: relative;
    z-index: 2;
    flex: 1 1 auto
}

@supports (-webkit-line-clamp: 3) {
    .Online-Store-UI-CategoryList__Content_1y84o {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        overflow: hidden
    }
}

.Online-Store-UI-CollapsibleCaret--collapsed_zz5p7 {
    transform: rotate(180deg)
}

.Online-Store-UI-Combobox__OptionWrapper_19w57 {
    display: flex;
    gap: var(--p-space-100)
}

.Online-Store-UI-Combobox__OptionWrapper_19w57 .Online-Store-UI-Combobox__Prefix_gt9kg {
    flex-shrink: 0
}

.Online-Store-UI-Combobox__InputWrapper_1gxl2 [class*=shopilike-TextField__Suffix],.Online-Store-UI-Combobox__InputWrapper_1gxl2 [class*=shopilike-TextField__Prefix] {
    pointer-events: none
}

.Online-Store-UI-Drawer_10amx {
    transition-property: opacity,transform,height;
    transition-duration: var(--p-motion-duration-200);
    transition-timing-function: var(--p-motion-ease);
    z-index: 50;
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    display: grid;
    grid-template-columns: 100%;
    grid-template-rows: 2.5rem 1fr auto;
    grid-template-areas: "header" "children" "footer";
    height: 50vh;
    background-color: var(--p-color-bg-surface-secondary)
}

.Online-Store-UI-Drawer_10amx,.Online-Store-UI-Drawer_10amx.Online-Store-UI-Drawer--exitDone_11zmf,.Online-Store-UI-Drawer_10amx.Online-Store-UI-Drawer--appear_108cs,.Online-Store-UI-Drawer_10amx.Online-Store-UI-Drawer--appearActive_10zys,.Online-Store-UI-Drawer_10amx.Online-Store-UI-Drawer--appearDone_o33il {
    display: none
}

.Online-Store-UI-Drawer_10amx.Online-Store-UI-Drawer--enter_1vtqe,.Online-Store-UI-Drawer_10amx.Online-Store-UI-Drawer--enterActive_39re4,.Online-Store-UI-Drawer_10amx.Online-Store-UI-Drawer--enterDone_19xlf,.Online-Store-UI-Drawer_10amx.Online-Store-UI-Drawer--exit_8ii5u,.Online-Store-UI-Drawer_10amx.Online-Store-UI-Drawer--exitActive_hbcgq {
    display: grid
}

.Online-Store-UI-Drawer_10amx.Online-Store-UI-Drawer--enterActive_39re4,.Online-Store-UI-Drawer_10amx.Online-Store-UI-Drawer--enterDone_19xlf,.Online-Store-UI-Drawer_10amx.Online-Store-UI-Drawer--exit_8ii5u {
    opacity: 1
}

.Online-Store-UI-Drawer_10amx.Online-Store-UI-Drawer--enterActive_39re4,.Online-Store-UI-Drawer_10amx.Online-Store-UI-Drawer--exit_8ii5u {
    transform: translateY(0)
}

.Online-Store-UI-Drawer_10amx.Online-Store-UI-Drawer--enterDone_19xlf {
    transform: none
}

.Online-Store-UI-Drawer_10amx,.Online-Store-UI-Drawer_10amx.Online-Store-UI-Drawer--enter_1vtqe,.Online-Store-UI-Drawer_10amx.Online-Store-UI-Drawer--exitActive_hbcgq,.Online-Store-UI-Drawer_10amx.Online-Store-UI-Drawer--exitDone_11zmf {
    opacity: 0;
    transform: translateY(100%)
}

.Online-Store-UI-Drawer_10amx:before,.Online-Store-UI-Drawer_10amx:after {
    content: "";
    position: absolute;
    right: 0;
    left: 0;
    display: block;
    height: .25rem;
    pointer-events: none;
    transition: opacity var(--p-motion-duration-200) var(--p-motion-ease);
    top: -.25rem
}

.Online-Store-UI-Drawer_10amx:before {
    background: linear-gradient(to top,var(--p-color-bg-fill-tertiary) var(--p-border-width-025),transparent var(--p-border-width-025))
}

.Online-Store-UI-Drawer_10amx:after {
    background: linear-gradient(to top,rgba(64,64,64,.1),transparent .25rem)
}

.Online-Store-UI-Drawer--fullHeight_1e3gi {
    height: 100vh
}

.Online-Store-UI-Drawer__ChildrenWrapper_bs9yg {
    grid-area: children;
    min-height: 0
}

.Online-Store-UI-Drawer--scrollable_1clfi {
    height: 100%;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch
}

.Online-Store-UI-Drawer__FooterWrapper_i721r {
    grid-area: footer
}

.Online-Store-UI-Drawer-Header_12byn {
    --osui_overlay-action-width: 100%;
    grid-area: header;
    padding-right: var(--p-space-400);
    padding-left: var(--p-space-400);
    border-bottom: var(--p-border-width-025) solid var(--p-color-border-secondary);
    background-color: var(--p-color-bg-surface)
}

.Online-Store-UI-Drawer-Header__Interior_194ct {
    position: relative;
    display: grid;
    grid-template-columns: 1fr 1fr;
    height: 100%
}

.Online-Store-UI-Drawer-Header--middleExpand_1bfzm .Online-Store-UI-Drawer-Header__Interior_194ct {
    grid-template-columns: 2fr 1fr 2fr
}

.Online-Store-UI-Drawer-Header--middleTitle_tfyza .Online-Store-UI-Drawer-Header__Interior_194ct {
    grid-template-columns: 1fr 2fr 1fr
}

.Online-Store-UI-Drawer-Header__LeftContent_1wtip,.Online-Store-UI-Drawer-Header__MiddleContent_idhzm,.Online-Store-UI-Drawer-Header__RightContent_1x3sd {
    display: flex;
    align-items: center
}

.Online-Store-UI-Drawer-Header__MiddleContent_idhzm {
    margin-left: auto;
    margin-right: auto;
    justify-content: center;
    text-align: center
}

.Online-Store-UI-Drawer-Header__RightContent_1x3sd {
    justify-content: flex-end;
    text-align: right
}

.Online-Store-UI-Header-StaticAction_1xtt3 {
    transition-property: opacity,visibility;
    transition-duration: var(--p-motion-duration-200);
    transition-timing-function: var(--p-motion-ease)
}

.Online-Store-UI-Header-StaticAction_1xtt3>button {
    vertical-align: middle
}

.Online-Store-UI-Header-StaticAction--disabled_11a0s {
    opacity: 0;
    visibility: hidden;
    pointer-events: none
}

.Online-Store-UI-Frame-SecondaryActionArea_mcgft {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center
}

.Online-Store-UI-Frame-PrimaryActionArea_1xfo6 {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.Online-Store-UI-UppercaseText_1m15a {
    text-transform: uppercase
}

.Online-Store-UI-Drawer-Footer_kv9az {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding-left: var(--p-space-300);
    padding-right: var(--p-space-300);
    height: var(--osui_height-frame-footer);
    background-color: var(--p-color-bg-surface)
}

.Online-Store-UI-Drawer-Footer_kv9az:before,.Online-Store-UI-Drawer-Footer_kv9az:after {
    content: "";
    position: absolute;
    right: 0;
    left: 0;
    display: block;
    height: .25rem;
    pointer-events: none;
    transition: opacity var(--p-motion-duration-200) var(--p-motion-ease);
    top: -.25rem
}

.Online-Store-UI-Drawer-Footer_kv9az:before {
    background: linear-gradient(to top,var(--p-color-bg-fill-tertiary) var(--p-border-width-025),transparent var(--p-border-width-025))
}

.Online-Store-UI-Drawer-Footer_kv9az:after {
    background: linear-gradient(to top,rgba(64,64,64,.1),transparent .25rem)
}

.Online-Store-UI-Drawer-Footer__ChildrenWrapper_147az,.Online-Store-UI-Drawer-Footer__ActionsWrapper_19i8j {
    display: flex;
    align-items: center
}

.Online-Store-UI-Drawer-Footer__ChildrenWrapper_147az {
    min-width: 0;
    max-width: 100%;
    flex: 0 1 auto
}

.Online-Store-UI-Drawer-Footer__ActionsWrapper_19i8j {
    flex: 0 0 auto
}

.Online-Store-UI-Drawer-Footer__ChildrenWrapper_147az+.Online-Store-UI-Drawer-Footer__ActionsWrapper_19i8j {
    margin-left: var(--p-space-400)
}

.Online-Store-UI-Drawer-Footer__SecondaryActionsWrapper_j7yca,.Online-Store-UI-Drawer-Footer__PrimaryActionWrapper_2qfzg {
    min-width: 0;
    max-width: 100%;
    flex: 0 0 auto
}

.Online-Store-UI-Drawer-Footer__SecondaryActionsWrapper_j7yca+.Online-Store-UI-Drawer-Footer__PrimaryActionWrapper_2qfzg {
    margin-left: var(--p-space-200)
}

.Online-Store-UI-Header-OverlayAction_1em9m {
    transition: opacity var(--p-motion-duration-200) var(--p-motion-ease);
    position: absolute;
    transform: translate(-.125rem);
    padding: .125rem;
    width: var(--osui_overlay-action-width, auto);
    background-color: var(--p-color-bg-surface)
}

.Online-Store-UI-Header-OverlayAction_1em9m,.Online-Store-UI-Header-OverlayAction_1em9m.Online-Store-UI-Header-OverlayAction--exitDone_1qlg5,.Online-Store-UI-Header-OverlayAction_1em9m.Online-Store-UI-Header-OverlayAction--appear_axt05,.Online-Store-UI-Header-OverlayAction_1em9m.Online-Store-UI-Header-OverlayAction--appearActive_101x3,.Online-Store-UI-Header-OverlayAction_1em9m.Online-Store-UI-Header-OverlayAction--appearDone_1demv {
    display: none
}

.Online-Store-UI-Header-OverlayAction_1em9m.Online-Store-UI-Header-OverlayAction--enter_6sb8t,.Online-Store-UI-Header-OverlayAction_1em9m.Online-Store-UI-Header-OverlayAction--enterActive_1n7l0,.Online-Store-UI-Header-OverlayAction_1em9m.Online-Store-UI-Header-OverlayAction--enterDone_5ss7k,.Online-Store-UI-Header-OverlayAction_1em9m.Online-Store-UI-Header-OverlayAction--exit_19egb,.Online-Store-UI-Header-OverlayAction_1em9m.Online-Store-UI-Header-OverlayAction--exitActive_1nww7 {
    display: block
}

.Online-Store-UI-Header-OverlayAction_1em9m.Online-Store-UI-Header-OverlayAction--enterActive_1n7l0,.Online-Store-UI-Header-OverlayAction_1em9m.Online-Store-UI-Header-OverlayAction--enterDone_5ss7k,.Online-Store-UI-Header-OverlayAction_1em9m.Online-Store-UI-Header-OverlayAction--exit_19egb {
    opacity: 1
}

.Online-Store-UI-Header-OverlayAction_1em9m,.Online-Store-UI-Header-OverlayAction_1em9m.Online-Store-UI-Header-OverlayAction--enter_6sb8t,.Online-Store-UI-Header-OverlayAction_1em9m.Online-Store-UI-Header-OverlayAction--exitActive_1nww7,.Online-Store-UI-Header-OverlayAction_1em9m.Online-Store-UI-Header-OverlayAction--exitDone_1qlg5 {
    opacity: 0
}

.Online-Store-UI-Header-OverlayAction_1em9m>button {
    vertical-align: middle
}

.Online-Store-UI-Header-OverlayAction--alignRight_1k4xo {
    transform: translate(.125rem)
}

.Online-Store-UI-EditableLink_z37v5 {
    display: flex;
    align-items: center;
    width: 100%;
    height: 2.5rem
}

.Online-Store-UI-EditableLink__Preview_1a1hj,.Online-Store-UI-EditableLink__Actions_yzoou {
    min-width: 0;
    max-width: 100%
}

.Online-Store-UI-EditableLink__Preview_1a1hj {
    display: flex;
    align-items: center;
    flex: 0 1 auto;
    margin-left: var(--p-space-100);
    margin-right: auto
}

.Online-Store-UI-EditableLink__Actions_yzoou {
    display: flex;
    align-items: center;
    flex: 0 0 auto;
    margin-left: var(--p-space-100);
    margin-right: var(--p-space-200)
}

.Online-Store-UI-EditableLink__Actions_yzoou>* {
    flex: 0 0 auto;
    max-width: 5rem
}

.Online-Store-UI-KeyboardNavigation-KeyboardNavigationOption_1rjhb {
    border-radius: var(--p-border-radius-100)
}

.Online-Store-UI-KeyboardNavigation-KeyboardNavigationOption_1rjhb.Online-Store-UI-KeyboardNavigation-KeyboardNavigationOption--selected_vi7dn {
    outline: .0625rem transparent solid;
    background-color: var(--osui_color-plain-button-bg-active)
}

.Online-Store-UI-KeyboardNavigation-KeyboardNavigationOption_1rjhb.Online-Store-UI-KeyboardNavigation-KeyboardNavigationOption--cover_hs998 {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    pointer-events: none
}

.Online-Store-UI-PlainButton_19lyc {
    --ec-plain-button-icon-offset: var(--p-space-100);
    all: unset;
    position: relative;
    box-sizing: border-box;
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none;
    background-color: var( --ec-plain-button-background, var(--p-color-bg-fill-transparent) );
    color: var(--ec-plain-button-color, var(--p-color-text));
    border-radius: var(--p-border-radius-200);
    padding: var(--ec-plain-button-padding-block) var(--ec-plain-button-padding-inline)
}

.Online-Store-UI-PlainButton_19lyc s-internal-icon,.Online-Store-UI-PlainButton_19lyc svg {
    color: var(--ec-plain-button-fill, var(--p-color-icon));
    fill: var(--ec-plain-button-fill, var(--p-color-icon))
}

.Online-Store-UI-PlainButton__ContentWrapper_1m6tw {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--ec-plain-button-gap);
    width: 100%
}

.Online-Store-UI-PlainButton__ChildWrapper_mp4p6 {
    flex-grow: 1;
    min-width: 0;
    max-width: 100%;
    display: flex;
    align-items: center
}

.Online-Store-UI-PlainButton_19lyc:hover,.Online-Store-UI-PlainButton_19lyc:focus-visible {
    background-color: var( --ec-plain-button-background-hover, var(--p-color-bg-fill-transparent-hover) );
    color: var(--ec-plain-button-color-hover)
}

.Online-Store-UI-PlainButton_19lyc:hover s-internal-icon,.Online-Store-UI-PlainButton_19lyc:hover svg,.Online-Store-UI-PlainButton_19lyc:focus-visible s-internal-icon,.Online-Store-UI-PlainButton_19lyc:focus-visible svg {
    color: var(--ec-plain-button-fill-hover, var(--p-color-icon));
    fill: var(--ec-plain-button-fill-hover, var(--p-color-icon))
}

.Online-Store-UI-PlainButton_19lyc:focus-visible {
    outline: var(--p-border-width-050) solid var(--p-color-border-focus);
    outline-offset: var(--p-space-025)
}

.Online-Store-UI-PlainButton_19lyc:active {
    background-color: var( --ec-plain-button-background-active, var(--p-color-bg-fill-transparent-active) );
    color: var(--ec-plain-button-color-active)
}

.Online-Store-UI-PlainButton_19lyc:active s-internal-icon,.Online-Store-UI-PlainButton_19lyc:active svg {
    color: var(--ec-plain-button-fill-active, var(--p-color-icon));
    fill: var(--ec-plain-button-fill-active, var(--p-color-icon))
}

.Online-Store-UI-PlainButton--sizeCompact_mrccj {
    --ec-plain-button-padding-block: var(--p-space-050);
    --ec-plain-button-padding-inline: var(--p-space-050);
    min-height: var(--p-height-600);
    min-width: var(--p-width-600)
}

@media (min-width: 48em) {
    .Online-Store-UI-PlainButton--sizeCompact_mrccj {
        min-height:var(--p-height-500);
        min-width: var(--p-width-500)
    }
}

.Online-Store-UI-PlainButton--sizeMicro_1vmt6 {
    --ec-plain-button-padding-block: var(--p-space-0);
    --ec-plain-button-padding-inline: var(--p-space-200);
    min-height: var(--p-height-700);
    min-width: var(--p-width-700)
}

@media (min-width: 48em) {
    .Online-Store-UI-PlainButton--sizeMicro_1vmt6 {
        min-height:var(--p-height-600);
        min-width: var(--p-width-600)
    }
}

.Online-Store-UI-PlainButton--sizeSlim_1w65w,.Online-Store-UI-PlainButton--sizeMedium_svftk {
    --ec-plain-button-padding-block: var(--p-space-0);
    --ec-plain-button-padding-inline: var(--p-space-300);
    min-height: var(--p-height-800);
    min-width: var(--p-width-800)
}

@media (min-width: 48em) {
    .Online-Store-UI-PlainButton--sizeSlim_1w65w,.Online-Store-UI-PlainButton--sizeMedium_svftk {
        min-height:var(--p-height-700);
        min-width: var(--p-width-700)
    }
}

.Online-Store-UI-PlainButton--sizeSlim_1w65w {
    --pc-button-padding-block: var(--p-space-200)
}

@media (min-width: 48em) {
    .Online-Store-UI-PlainButton--sizeSlim_1w65w {
        --pc-button-padding-block: var(--p-space-100)
    }
}

.Online-Store-UI-PlainButton--sizeLarge_o7elu {
    --ec-plain-button-padding-block: var(--p-space-150);
    --ec-plain-button-padding-inline: var(--p-space-300);
    min-height: var(--p-height-900);
    min-width: var(--p-height-900)
}

@media (min-width: 48em) {
    .Online-Store-UI-PlainButton--sizeLarge_o7elu {
        min-height:var(--p-height-800);
        min-width: var(--p-width-800)
    }
}

.Online-Store-UI-PlainButton--fullWidth_w1di3 {
    width: 100%
}

.Online-Store-UI-PlainButton--noPadding_fphzf {
    padding: 0
}

.Online-Store-UI-PlainButton--hasPrefix_1ees9:not(.Online-Store-UI-PlainButton--iconOnly_3d9us) {
    padding-left: calc(var(--ec-plain-button-padding-inline) - var(--ec-plain-button-icon-offset))
}

.Online-Store-UI-PlainButton--hasSuffix_1xdec:not(.Online-Store-UI-PlainButton--iconOnly_3d9us) {
    padding-right: calc(var(--ec-plain-button-padding-inline) - var(--ec-plain-button-icon-offset))
}

.Online-Store-UI-PlainButton--iconOnly_3d9us:is(.Online-Store-UI-PlainButton--sizeMedium_svftk) {
    --ec-plain-button-padding-block: var(--p-space-0);
    --ec-plain-button-padding-inline: var(--p-space-050)
}

.Online-Store-UI-PlainButton--iconOnly_3d9us:is(.Online-Store-UI-PlainButton--sizeLarge_o7elu) {
    --ec-plain-button-padding-block: var(--p-space-150);
    --ec-plain-button-padding-inline: var(--p-space-150)
}

.Online-Store-UI-PlainButton--iconOnly_3d9us:is(.Online-Store-UI-PlainButton--sizeMicro_1vmt6) {
    --ec-plain-button-padding-block: var(--p-space-050);
    --ec-plain-button-padding-inline: var(--p-space-050)
}

.Online-Store-UI-PlainButton_19lyc[aria-disabled=true] {
    pointer-events: none
}

.Online-Store-UI-PlainButton__LoadingIndicator_1ufaa {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%)
}

.Online-Store-UI-PlainButton__LoadingIndicator_1ufaa s-internal-icon,.Online-Store-UI-PlainButton__LoadingIndicator_1ufaa svg {
    color: var(--p-color-icon-disabled);
    fill: var(--p-color-icon-disabled);
    vertical-align: middle
}

.Online-Store-UI-PlainButton--loading_1tfp1 {
    background: var(--p-color-bg-fill-disabled)
}

.Online-Store-UI-PlainButton--loading_1tfp1 .Online-Store-UI-PlainButton__ContentWrapper_1m6tw {
    opacity: 0
}

.Online-Store-UI-SkipToAction_1cg49 {
    z-index: 70;
    position: fixed;
    top: .625rem;
    left: var(--p-space-200);
    opacity: 0;
    pointer-events: none
}

.Online-Store-UI-SkipToAction_1cg49.Online-Store-UI-SkipToAction--focused_xm8ys {
    pointer-events: all;
    opacity: 1
}

.Online-Store-UI-SkipToAction__SkipAnchor_kdf0i {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: var(--osui_height-common-control);
    min-width: var(--osui_height-common-control);
    margin: 0;
    padding: calc(var(--osui_height-common-control)*.5 - var(--p-font-line-height-500)*.5 - .0625rem) var(--p-space-400);
    background: var(--p-color-bg-surface);
    box-shadow: var(--p-shadow-200);
    border-radius: var(--p-border-radius-100);
    color: var(--p-color-text);
    border: .0625rem solid var(--p-color-border-tertiary);
    border-top-color: var(--p-color-border-secondary);
    border-bottom-color: var(--p-color-input-border);
    line-height: 1;
    text-align: center;
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none;
    text-decoration: none;
    -webkit-tap-highlight-color: transparent
}

.Online-Store-UI-SkipToAction__SkipAnchor_kdf0i svg {
    fill: var(--p-color-icon)
}

.Online-Store-UI-SkipToAction__SkipAnchor_kdf0i:after {
    content: "";
    position: absolute;
    z-index: 1;
    inset: calc(var(--p-border-width-025)*-1 - .0625rem) calc(var(--p-border-width-025)*-1 - .0625rem) calc(var(--p-border-width-025)*-1 - .0625rem) calc(var(--p-border-width-025)*-1 - .0625rem);
    display: block;
    pointer-events: none;
    box-shadow: 0 0 0 calc(var(--p-border-width-025)*-1 - .0625rem) var(--p-color-border-focus);
    transition: box-shadow var(--p-motion-duration-100) var(--p-motion-ease);
    border-radius: calc(var(--p-border-radius-100) + .0625rem)
}

.Online-Store-UI-SkipToAction__SkipAnchor_kdf0i:hover {
    background: var(--p-color-bg-surface-secondary-hover);
    outline: var(--osui_high-contrast-outline)
}

.Online-Store-UI-SkipToAction__SkipAnchor_kdf0i:focus {
    box-shadow: var(--p-shadow-200);
    outline: 0
}

.Online-Store-UI-SkipToAction__SkipAnchor_kdf0i:focus:after {
    box-shadow: 0 0 0 .125rem var(--p-color-border-focus);
    outline: var(--osui_high-contrast-outline)
}

.Online-Store-UI-SkipToAction__SkipAnchor_kdf0i:active {
    background: var(--p-color-bg-surface-secondary-active);
    box-shadow: var(--p-shadow-200)
}

.Online-Store-UI-SkipToAction__SkipAnchor_kdf0i:active:after {
    border: none;
    box-shadow: none
}

.Online-Store-UI-SkipToAction__SkipAnchor_kdf0i.Online-Store-UI-SkipToAction--pressed_xm4dt {
    background: var(--p-color-bg-fill-inverse);
    box-shadow: var(--p-shadow-inset-200);
    color: var(--p-color-text-inverse);
    border-color: var(--p-color-border-inverse)
}

.Online-Store-UI-SkipToAction__SkipAnchor_kdf0i.Online-Store-UI-SkipToAction--pressed_xm4dt svg {
    fill: currentcolor
}

@media (-ms-high-contrast: active) {
    .Online-Store-UI-SkipToAction__SkipAnchor_kdf0i {
        border: .0625rem solid windowText
    }
}

.Online-Store-UI-Frame_1r70i,.Online-Store-UI-Frame__GenericFrame_1g7zx {
    background-color: var(--osui_color-frame-bg)
}

.Online-Store-UI-Frame_1r70i {
    min-width: 0;
    max-width: 100%;
    display: grid;
    grid-template-columns: 100%;
    grid-template-rows: auto 1fr auto auto;
    grid-template-areas: "header" "main" "children" "primary-aux-sidebar" "primary-sidebar" "secondary-sidebar" "footer";
    width: 100vw;
    height: 100vh;
    overflow: hidden
}

@supports (-webkit-touch-callout: none) {
    .Online-Store-UI-Frame_1r70i {
        height: -webkit-fill-available
    }
}

@media (min-width: 41.6875em) {
    .Online-Store-UI-Frame_1r70i {
        grid-template-columns:minmax(0,auto) minmax(0,auto) 1fr minmax(0,auto);
        grid-template-areas: "header header header header" "primary-aux-sidebar primary-sidebar main secondary-sidebar" "primary-aux-sidebar primary-sidebar children secondary-sidebar" "footer footer footer footer"
    }
}

.Online-Store-UI-Frame--experimental_vc9ox {
    --osui_color-panel-bg: var(--p-color-bg)
}

.Online-Store-UI-Frame--dragging_yrwhb {
    cursor: grabbing
}

.Online-Store-UI-Frame--dragging_yrwhb * {
    -webkit-user-select: none;
    user-select: none;
    pointer-events: none
}

.Online-Store-UI-Frame--slimHeader_88jpe {
    --osui_height-frame-header: 2.75rem
}

.Online-Store-UI-Frame__ChildrenArea_1q6yw {
    min-width: 0;
    max-width: 100%;
    grid-area: children
}

.Online-Store-UI-Frame-HeaderArea_n7ivb {
    grid-area: header;
    position: relative;
    z-index: 40;
    width: 100%
}

.Online-Store-UI-Frame-FooterArea_1oc7z {
    grid-area: footer;
    z-index: 60;
    position: relative;
    height: var(--osui_height-frame-footer)
}

@media (min-width: 41.6875em) {
    .Online-Store-UI-Frame-Sidebar_19zeo {
        grid-area:primary-sidebar;
        z-index: 10;
        position: relative;
        overflow: hidden
    }

    .Online-Store-UI-Frame-Sidebar_19zeo:not(.Online-Store-UI-Frame-Sidebar--secondary_1alkg) {
        border-right: var(--p-border-width-025) solid var(--p-color-border-secondary)
    }
}

@media (min-width: 41.6875em) {
    .Online-Store-UI-Frame-Sidebar--secondary_1alkg {
        grid-area:secondary-sidebar;
        border-left: var(--p-border-width-025) solid var(--p-color-border-secondary)
    }
}

@media (min-width: 41.6875em) {
    .Online-Store-UI-Frame-Sidebar--aux_15227 {
        grid-area:primary-aux-sidebar
    }
}

.Online-Store-UI-Frame-Sidebar--hide_5bgp3 {
    display: none
}

.Online-Store-UI-Frame-MainArea_h6r4w {
    min-width: 0;
    max-width: 100%;
    grid-area: main;
    z-index: 40;
    position: relative;
    display: flex;
    --osui_margin-bottom-main-area: calc(var(--p-border-radius-100)*-1)
}

.Online-Store-UI-Frame-MainArea_h6r4w.Online-Store-UI-Frame-MainArea--usesBottomSheet_1y3tx {
    --osui_margin-bottom-main-area: calc(var(--p-space-400)*-1)
}

@media (max-width: 41.685em) {
    .Online-Store-UI-Frame-MainArea_h6r4w {
        z-index:35;
        margin-bottom: var(--osui_margin-bottom-main-area)
    }
}

@media (min-width: 41.6875em) {
    .Online-Store-UI-Frame-MainArea_h6r4w {
        --osui_preview-padding: var(--p-space-200)
    }
}

.Online-Store-UI-HyperlinkedText_1pnbh a,.Online-Store-UI-HyperlinkedText_1pnbh button {
    display: inline-flex;
    align-items: center
}

.Online-Store-UI-HyperlinkedText--hideExternalIcon_1nhcc span {
    display: none
}

.Online-Store-UI-LabelEmphasis_l9t8w label:first-of-type {
    font-style: italic
}

.Online-Store-UI-LabelEmphasis_l9t8w label:first-of-type:after {
    content: "*"
}

.Online-Store-UI-LoadingBar__ProgressBar_tov2s {
    transition-property: opacity,visibility;
    transition-duration: var(--p-motion-duration-300);
    transition-timing-function: var(--p-motion-ease);
    transition-delay: var(--p-motion-duration-400)
}

.Online-Store-UI-LoadingBar__ProgressBar_tov2s>div {
    height: .1875rem;
    background-color: transparent;
    border-radius: 0
}

.Online-Store-UI-LoadingBar--hidden_16h9t {
    opacity: 0;
    visibility: hidden;
    pointer-events: none
}

.Online-Store-UI-NavHeader_qxk5v {
    border-bottom: var(--p-border-width-025) solid var(--p-color-border-secondary)
}

.Online-Store-UI-NavHeader-Section_1nmyf {
    --osui_nav-header-section-divider-offset: 0;
    padding: var(--p-space-200)
}

.Online-Store-UI-NavHeader-Section_1nmyf+.Online-Store-UI-NavHeader-Section_1nmyf {
    padding-top: 0
}

.Online-Store-UI-NavHeader-Section_1nmyf+.Online-Store-UI-NavHeader-Section_1nmyf:before {
    content: "";
    display: block;
    width: 100%;
    height: var(--p-border-width-025);
    background-color: var(--p-color-border-secondary);
    margin-bottom: var(--p-space-200);
    margin-left: var(--osui_nav-header-section-divider-offset);
    width: calc(100% - var(--osui_nav-header-section-divider-offset))
}

.Online-Store-UI-NavHeader-Section_1nmyf:first-child {
    padding-top: var(--p-space-400)
}

.Online-Store-UI-NavHeader-Section--alignToActionBar_ic2m6:first-child {
    padding-top: calc(var(--p-space-300) + var(--p-space-050));
    padding-bottom: calc(var(--p-space-300) + var(--p-space-050))
}

.Online-Store-UI-NavHeader-Section--alignToNav_fn5cr {
    padding-left: 1.75rem
}

.Online-Store-UI-NavHeader-Section--alignToNav_fn5cr,.Online-Store-UI-NavHeader-Section--alignToNav_fn5cr+.Online-Store-UI-NavHeader-Section_1nmyf {
    --osui_nav-header-section-divider-offset: calc(1.75rem - var(--p-space-200))
}

.Online-Store-UI-NavHeader-Section--alignToNav_fn5cr:first-child,.Online-Store-UI-NavHeader-Section--alignToNav_fn5cr+.Online-Store-UI-NavHeader-Section_1nmyf:first-child {
    padding-left: var(--p-space-400);
    padding-right: var(--p-space-400)
}

.Online-Store-UI-NavHeader-Section--dense_uvnf9 {
    padding-left: 0
}

.Online-Store-UI-NavHeader-Section--dense_uvnf9:first-child,.Online-Store-UI-NavHeader-Section--dense_uvnf9+.Online-Store-UI-NavHeader-Section_1nmyf:first-child {
    padding-left: 0
}

.Online-Store-UI-NavigationTree-DroppableGroup_1lqys {
    --osui_droppable-group-border-color: transparent;
    --osui_droppable-group-border-width: var(--p-border-width-025);
    --osui_droppable-group-background-color: transparent;
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: calc(var(--p-space-100)*.5);
    border-radius: var(--p-border-radius-100);
    border: dashed var(--osui_droppable-group-border-color);
    border-width: .09375rem;
    transition: var(--p-motion-duration-150) border-color var(--p-motion-ease);
    background-color: var(--osui_droppable-group-background-color)
}

.Online-Store-UI-NavigationTree-DroppableGroup_1lqys>* {
    -webkit-user-select: none;
    user-select: none
}

.Online-Store-UI-NavigationTree-DroppableGroup_1lqys.Online-Store-UI-NavigationTree-DroppableGroup--flattenedVariant_1ajia {
    --osui_droppable-group-border-width: 0
}

.Online-Store-UI-NavigationTree-DroppableGroup_1lqys.Online-Store-UI-NavigationTree-DroppableGroup--noChildren_10236 {
    margin-top: -.3125rem;
    margin-bottom: -.3125rem;
    height: .625rem
}

.Online-Store-UI-NavigationTree-DroppableGroup_1lqys.Online-Store-UI-NavigationTree-DroppableGroup--active_z0743.Online-Store-UI-NavigationTree-DroppableGroup--noChildren_10236 {
    transition-duration: .5s
}

.Online-Store-UI-NavigationTree-DroppableGroup_1lqys.Online-Store-UI-NavigationTree-DroppableGroup--active_z0743.Online-Store-UI-NavigationTree-DroppableGroup--noChildren_10236.Online-Store-UI-NavigationTree-DroppableGroup--grouped_abc5c {
    margin-top: .3125rem;
    margin-bottom: .3125rem;
    height: 1.125rem
}

.Online-Store-UI-NavigationTree-DroppableGroup--active_z0743:not(.Online-Store-UI-NavigationTree-DroppableGroup--flattenedVariant_1ajia) {
    --osui_droppable-group-border-color: var(--p-color-border-disabled);
    transition: border-color .15s var(--p-motion-ease)
}

.Online-Store-UI-NavigationTree-DroppableGroup--active_z0743.Online-Store-UI-NavigationTree-DroppableGroup--flattenedVariant_1ajia {
    --osui_droppable-group-background-color: var( --p-color-bg-surface-brand-selected );
    transition: background-color .15s var(--p-motion-ease)
}

.Online-Store-UI-NavigationTree-DroppableGroup--over_sbxus {
    --osui_droppable-group-border-color: var(--p-color-border-highlight);
    background-color: var(--p-color-bg-surface-brand-selected)
}

.Online-Store-UI-NavigationTree-DroppableGroup--active_z0743.Online-Store-UI-NavigationTree-DroppableGroup--error_bjmb5 {
    --osui_droppable-group-border-color: var(--p-color-text-disabled)
}

.Online-Store-UI-NavigationTree-DroppableGroup--over_sbxus.Online-Store-UI-NavigationTree-DroppableGroup--flattenedVariant_1ajia,.Online-Store-UI-NavigationTree-DroppableGroup--active_z0743.Online-Store-UI-NavigationTree-DroppableGroup--error_bjmb5.Online-Store-UI-NavigationTree-DroppableGroup--flattenedVariant_1ajia {
    --osui_droppable-group-border-width: var(--p-border-width-025)
}

.Online-Store-UI-NavigationTree-DroppableGroup--hideEmptyGroup_e539q {
    height: 0
}

.Online-Store-UI-NavigationTree-DroppableGroup--hideEmptyGroup_e539q .Online-Store-UI-NavigationTree-DroppableGroup--noChildren_10236 {
    margin-top: 0;
    margin-bottom: 0
}

.Online-Store-UI-NavigationTree-DroppableGroup--extraSpacing_muiml {
    margin-top: var(--p-space-300)
}

.Online-Store-UI-DroppableGroup-ConnectedGroup_1l594 {
    position: relative
}

.Online-Store-UI-DroppableGroup-ConnectedGroup_1l594>div {
    padding-left: 1.75rem
}

.Online-Store-UI-DroppableGroup-ConnectedGroup_1l594 .Online-Store-UI-DroppableGroup-ConnectedGroup__Marker_eysme {
    position: absolute;
    left: .625rem;
    padding: 0;
    margin: 0;
    width: .625rem;
    height: calc(100% - var(--osui_height-nav-action)/2)
}

.Online-Store-UI-DroppableGroup-ConnectedGroup--top_13gk9.Online-Store-UI-DroppableGroup-ConnectedGroup--hasNoChildren_1c3m7 .Online-Store-UI-DroppableGroup-ConnectedGroup__Marker_eysme {
    top: calc(var(--osui_height-nav-action)/2*.5);
    height: calc(var(--osui_height-nav-action)/2)
}

.Online-Store-UI-DroppableGroup-ConnectedGroup--top_13gk9 .Online-Store-UI-DroppableGroup-ConnectedGroup__Marker_eysme {
    top: calc(var(--osui_height-nav-action)/2);
    border-top: .0625rem solid var(--p-color-border-secondary);
    border-left: .0625rem solid var(--p-color-border-secondary);
    border-top-left-radius: .25rem
}

.Online-Store-UI-DroppableGroup-ConnectedGroup--bottom_1wt3e.Online-Store-UI-DroppableGroup-ConnectedGroup--hasNoChildren_1c3m7 .Online-Store-UI-DroppableGroup-ConnectedGroup__Marker_eysme {
    bottom: calc(var(--osui_height-nav-action)/2*.5);
    height: calc(var(--osui_height-nav-action)/2)
}

.Online-Store-UI-DroppableGroup-ConnectedGroup--bottom_1wt3e .Online-Store-UI-DroppableGroup-ConnectedGroup__Marker_eysme {
    bottom: calc(var(--osui_height-nav-action)/2);
    border-bottom: .0625rem solid var(--p-color-border-secondary);
    border-left: .0625rem solid var(--p-color-border-secondary);
    border-bottom-left-radius: .25rem
}

.Online-Store-UI-DroppableGroup-ConnectedGroup--middle_2nf3u.Online-Store-UI-DroppableGroup-ConnectedGroup--hasNoChildren_1c3m7 .Online-Store-UI-DroppableGroup-ConnectedGroup__Marker_eysme {
    top: calc(var(--osui_height-nav-action)/2*-.5);
    bottom: 0;
    height: calc(100% + var(--osui_height-nav-action)/2)
}

.Online-Store-UI-DroppableGroup-ConnectedGroup--middle_2nf3u .Online-Store-UI-DroppableGroup-ConnectedGroup__Marker_eysme {
    top: 0;
    bottom: 0;
    height: 100%;
    border-left: .0625rem solid var(--p-color-border-secondary)
}

.Online-Store-UI-DroppableGroup-ConnectedGroup--top_13gk9 li:not(:first-child):before,.Online-Store-UI-DroppableGroup-ConnectedGroup--bottom_1wt3e li:not(:last-child):before,.Online-Store-UI-DroppableGroup-ConnectedGroup--middle_2nf3u li:before {
    content: "";
    position: absolute;
    left: -1.125rem;
    top: calc(var(--osui_height-nav-action)/2);
    display: block;
    width: .625rem;
    border-top: .0625rem solid var(--p-color-border-secondary)
}

.Online-Store-UI-DroppableGroup-ConnectedGroup--active_38fqw li:not(:only-child):before {
    content: "";
    position: absolute;
    left: -1.125rem;
    top: calc(var(--osui_height-nav-action)/2);
    display: block;
    width: .625rem;
    border-top: .0625rem solid var(--p-color-border-secondary)
}

.Online-Store-UI-DroppableGroup-ConnectedGroup--active_38fqw.Online-Store-UI-DroppableGroup-ConnectedGroup--middle_2nf3u.Online-Store-UI-DroppableGroup-ConnectedGroup--hasNoChildren_1c3m7:not(.Online-Store-UI-DroppableGroup-ConnectedGroup--hideMarker_1oxc1) ul:before {
    content: "";
    position: absolute;
    left: -1.125rem;
    top: calc(var(--osui_height-nav-action)/2);
    display: block;
    width: .625rem;
    border-top: .0625rem solid var(--p-color-border-secondary);
    top: 50%
}

.Online-Store-UI-DroppableGroup-ConnectedGroup--active_38fqw.Online-Store-UI-DroppableGroup-ConnectedGroup--top_13gk9 li:before {
    top: calc(var(--osui_height-nav-action)/2 - .0625rem)
}

.Online-Store-UI-DroppableGroup-ConnectedGroup__ConnectedGroupItems_1agw4>* {
    position: relative
}

.Online-Store-UI-NavigationTree-DraggableClone__DragOverlay_7cbip {
    margin: 0;
    padding: 0;
    list-style: none
}

.Online-Store-UI-NavigationTree-Item__CollapsibleWithIcon_e03ru {
    margin-left: calc(var(--p-space-500)*-1)
}

.Online-Store-UI-NavigationTree-Group_1kems {
    margin: 0;
    padding: 0;
    list-style: none;
    margin-top: var(--p-space-200);
    margin-bottom: var(--p-space-200);
    margin-left: var(--osui_margin-left-navigation-tree-group)
}

.Online-Store-UI-NavigationTree-Group_1kems:not(:first-child):before {
    content: "";
    display: block;
    margin: var(--p-space-100) 0;
    height: var(--p-border-width-025);
    background-color: var(--p-color-border-secondary)
}

.Online-Store-UI-NavigationTree-Group_1kems.Online-Store-UI-NavigationTree-Group--leftAlignmentNone_1a8z8 {
    --osui_margin-left-navigation-tree-group: var( --osui-nav-item-alignment-spacing-none )
}

.Online-Store-UI-NavigationTree-Group_1kems.Online-Store-UI-NavigationTree-Group--leftAlignmentBaseTight_1wgh7 {
    --osui_margin-left-navigation-tree-group: var( --osui-nav-item-alignment-base-tight )
}

.Online-Store-UI-NavigationTree-Group_1kems.Online-Store-UI-NavigationTree-Group--leftAlignmentPrefix_f29he {
    --osui_margin-left-navigation-tree-group: var( --osui_nav-action-connected-button-width-slim )
}

.Online-Store-UI-NavigationTree-Group_1kems.Online-Store-UI-NavigationTree-Group--leftAlignmentIcon_1c3pa {
    --osui_margin-left-navigation-tree-group: var( --osui_nav-item-alignment-common-icon )
}

.Online-Store-UI-NavigationTree-Group_1kems.Online-Store-UI-NavigationTree-Group--leftAlignmentPrefixWithIcon_k7x9k {
    --osui_margin-left-navigation-tree-group: var( --osui_nav-item-alignment-common-action-with-icon )
}

.Online-Store-UI-NavigationTree-Group_1kems .Online-Store-UI-NavigationTree-Group_1kems {
    margin-top: 0;
    margin-bottom: 0
}

.Online-Store-UI-NavigationTree-Group_1kems .Online-Store-UI-NavigationTree-Group_1kems:not(.Online-Store-UI-NavigationTree-Group--leftAlignmentNone_1a8z8,.Online-Store-UI-NavigationTree-Group--leftAlignmentBaseTight_1wgh7,.Online-Store-UI-NavigationTree-Group--leftAlignmentPrefix_f29he,.Online-Store-UI-NavigationTree-Group--leftAlignmentIcon_1c3pa,.Online-Store-UI-NavigationTree-Group--leftAlignmentPrefixWithIcon_k7x9k) {
    margin-left: var(--p-space-500)
}

.Online-Store-UI-NavigationTree-Group_1kems .Online-Store-UI-NavigationTree-Group_1kems:before {
    display: none
}

.Online-Store-UI-PanelCard_r3b3i {
    height: 100%
}

.Online-Store-UI-PanelCard--spaceAround_a6sa7 {
    padding: var(--p-space-400)
}

@media (max-width: 41.685em) {
    .Online-Store-UI-PanelCard--spaceAround_a6sa7 {
        height:auto
    }
}

.Online-Store-UI-PanelCard__Interior_1yy3n {
    position: relative;
    display: flex;
    overflow: hidden;
    flex-direction: column;
    width: 100%;
    height: 100%;
    background-color: var(--osui_color-frame-bg)
}

@media (max-width: 41.685em) {
    .Online-Store-UI-PanelCard--spaceAround_a6sa7 .Online-Store-UI-PanelCard__Interior_1yy3n {
        border-radius:var(--p-border-radius-200, var(--p-space-200));
        box-shadow: var(--p-shadow-200)
    }
}

@media (min-width: 41.6875em) {
    .Online-Store-UI-PanelCard__Interior_1yy3n {
        border-radius:var(--p-border-radius-200, var(--p-space-200));
        box-shadow: var(--p-shadow-200)
    }
}

.Online-Store-UI-PanelCard-Content_1dps8 {
    z-index: 1;
    position: relative;
    width: 100%;
    flex: 1 1 auto;
    margin-bottom: calc(var(--p-border-width-025)*-1)
}

.Online-Store-UI-PanelCard-Content--tight_166hx {
    --osui_size-common-spacing: var(--p-space-300)
}

.Online-Store-UI-PanelCard-Content--scrollable_6ggue {
    height: 100%;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch
}

.Online-Store-UI-PanelCard-Footer_1rios {
    --osui_footer-height-offset: -4rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex: 0 0 auto;
    min-height: 4rem;
    background-color: var(--osui_color-frame-surface-bg);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    position: relative;
    z-index: 6;
    margin-bottom: var(--osui_footer-height-offset);
    padding-right: var(--p-space-300);
    padding-left: var(--p-space-300);
    transition-property: opacity,visibility,margin-bottom;
    transition-duration: var(--p-motion-duration-200);
    transition-timing-function: var(--p-motion-ease)
}

.Online-Store-UI-PanelCard-Footer_1rios:before,.Online-Store-UI-PanelCard-Footer_1rios:after {
    content: "";
    position: absolute;
    right: 0;
    left: 0;
    display: block;
    height: .25rem;
    pointer-events: none;
    transition: opacity var(--p-motion-duration-200) var(--p-motion-ease);
    top: -.25rem
}

.Online-Store-UI-PanelCard-Footer_1rios:before {
    background: linear-gradient(to top,var(--p-color-bg-fill-tertiary) var(--p-border-width-025),transparent var(--p-border-width-025))
}

.Online-Store-UI-PanelCard-Footer_1rios:after {
    background: linear-gradient(to top,rgba(64,64,64,.1),transparent .25rem)
}

.Online-Store-UI-PanelCard-Footer--slim_1f680 {
    --osui_footer-height-offset: -3rem;
    min-height: 3rem;
    padding: 0
}

.Online-Store-UI-PanelCard-Footer--show_1fh1s {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    margin-bottom: 0
}

.Online-Store-UI-PanelCard-Footer--show_1fh1s~.Online-Store-UI-PanelCard-Footer--show_1fh1s:after {
    opacity: 0
}

.Online-Store-UI-PanelCard-Footer--shelf_1aw3x {
    z-index: 5
}

.Online-Store-UI-PanelCard-Footer--alignRight_80a34 {
    justify-content: flex-end
}

.Online-Store-UI-PanelCard-Footer__ChildrenWrapper_fubly,.Online-Store-UI-PanelCard-Footer__ActionsWrapper_tfs9r {
    display: flex;
    align-items: center
}

.Online-Store-UI-PanelCard-Footer__ChildrenWrapper_fubly {
    min-width: 0;
    max-width: 100%;
    flex: 0 1 auto
}

.Online-Store-UI-PanelCard-Footer--grow_1fh1j .Online-Store-UI-PanelCard-Footer__ChildrenWrapper_fubly {
    flex-grow: 1
}

.Online-Store-UI-PanelCard-Footer__ActionsWrapper_tfs9r {
    flex: 0 0 auto;
    margin-left: auto
}

.Online-Store-UI-PanelCard-Footer__ChildrenWrapper_fubly+.Online-Store-UI-PanelCard-Footer__ActionsWrapper_tfs9r {
    margin-left: var(--p-space-400)
}

.Online-Store-UI-PanelCard-Footer__SecondaryActionsWrapper_x49u7,.Online-Store-UI-PanelCard-Footer__PrimaryActionWrapper_1blhn {
    min-width: 0;
    max-width: 100%;
    flex: 0 0 auto
}

.Online-Store-UI-PanelCard-Footer__SecondaryActionsWrapper_x49u7+.Online-Store-UI-PanelCard-Footer__PrimaryActionWrapper_1blhn {
    margin-left: var(--p-space-200)
}

.Online-Store-UI-Footer-InfoText_1e2gv {
    font-size: calc(var(--p-font-size-300) + .0625rem);
    font-weight: 400;
    line-height: var(--p-font-line-height-500);
    color: var(--p-color-text-secondary)
}

@media (min-width: 48em) {
    .Online-Store-UI-Footer-InfoText_1e2gv {
        font-size:var(--p-font-size-300);
        line-height: var(--p-font-line-height-400)
    }
}

.Online-Store-UI-Footer-InfoText_1e2gv a,.Online-Store-UI-Footer-InfoText_1e2gv button {
    color: var(--p-color-text-secondary);
    text-decoration: underline;
    transition: color var(--p-motion-duration-200) var(--p-motion-ease)
}

@media (hover: hover) and (pointer: fine) {
    .Online-Store-UI-Footer-InfoText_1e2gv a:hover,.Online-Store-UI-Footer-InfoText_1e2gv button:hover {
        color:var(--p-color-icon-active)
    }
}

.Online-Store-UI-Footer-InfoText_1e2gv a:active,.Online-Store-UI-Footer-InfoText_1e2gv button:active {
    color: var(--p-color-text-secondary)
}

@media (max-width: 41.685em) {
    .Online-Store-UI-Footer-InfoText_1e2gv {
        font-size:.875rem
    }
}

.Online-Store-UI-ResourceThumbnail_14771 {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    vertical-align: middle
}

.Online-Store-UI-ResourceThumbnail_14771:not(.Online-Store-UI-ResourceThumbnail--typeImage_19s18) {
    position: relative
}

.Online-Store-UI-ResourceThumbnail--framed_1fzus {
    background-color: var(--p-color-bg-surface-secondary);
    border-radius: var(--p-border-radius-100)
}

.Online-Store-UI-ResourceThumbnail--framed_1fzus:before {
    pointer-events: none;
    touch-action: none;
    -webkit-user-select: none;
    user-select: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    content: "";
    display: block;
    border: var(--p-border-width-025) solid var(--p-color-border-secondary);
    border-radius: var(--p-border-radius-100)
}

.Online-Store-UI-ResourceThumbnail--framed_1fzus.Online-Store-UI-ResourceThumbnail--whiteBackground_1egrk {
    background-color: var(--p-color-bg-surface)
}

.Online-Store-UI-ResourceThumbnail--framed_1fzus.Online-Store-UI-ResourceThumbnail--highlight_1to4y {
    background-color: var(--p-color-bg-surface-info)
}

.Online-Store-UI-ResourceThumbnail--framed_1fzus.Online-Store-UI-ResourceThumbnail--highlight_1to4y:before {
    border: var(--p-border-width-025) solid var(--p-color-border-info)
}

.Online-Store-UI-ResourceThumbnail--framed_1fzus.Online-Store-UI-ResourceThumbnail--typeImage_19s18 {
    border: var(--p-border-width-025) solid var(--p-color-border-secondary)
}

.Online-Store-UI-ResourceThumbnail--framed_1fzus.Online-Store-UI-ResourceThumbnail--typeImage_19s18:before {
    border: none
}

.Online-Store-UI-ResourceThumbnail--framed_1fzus.Online-Store-UI-ResourceThumbnail--typeIcon_cfz9b,.Online-Store-UI-ResourceThumbnail--framed_1fzus.Online-Store-UI-ResourceThumbnail--typeThumbshot_193w5 {
    width: var(--osui_size-resource-thumbnail);
    height: var(--osui_size-resource-thumbnail)
}

.Online-Store-UI-ResourceThumbnail--typeImage_19s18.Online-Store-UI-ResourceThumbnail--subdued_bld2v,.Online-Store-UI-ResourceThumbnail--typeThumbshot_193w5.Online-Store-UI-ResourceThumbnail--subdued_bld2v {
    background-color: var(--p-color-bg-surface-disabled);
    opacity: .5
}

.Online-Store-UI-ResourceThumbnail--typeIcon_cfz9b.Online-Store-UI-ResourceThumbnail--subdued_bld2v {
    color: var(--p-color-text-disabled)
}

.Online-Store-UI-ResourceThumbnail__EditButton_t9k9k {
    z-index: 20;
    position: absolute;
    bottom: var(--p-space-200);
    left: var(--p-space-200)
}

.Online-Store-UI-ThumbnailsGrid_swh0z {
    flex: 0 0 auto;
    width: 2.5rem;
    height: 2.5rem
}

.Online-Store-UI-ThumbnailsGrid--sizeTiny_1lth4.Online-Store-UI-ThumbnailsGrid--noPadding_1e82l {
    width: 1rem;
    height: 1rem
}

.Online-Store-UI-ThumbnailsGrid--sizeTiny_1lth4:not(.Online-Store-UI-ThumbnailsGrid--noPadding_1e82l) {
    padding: .75rem
}

.Online-Store-UI-ThumbnailsGrid--sizeSmall_atoij.Online-Store-UI-ThumbnailsGrid--noPadding_1e82l {
    width: 1.25rem;
    height: 1.25rem
}

.Online-Store-UI-ThumbnailsGrid--sizeSmall_atoij:not(.Online-Store-UI-ThumbnailsGrid--noPadding_1e82l) {
    padding: .625rem
}

.Online-Store-UI-ThumbnailsGrid--sizeMedium_2wqco.Online-Store-UI-ThumbnailsGrid--noPadding_1e82l {
    width: 2rem;
    height: 2rem
}

.Online-Store-UI-ThumbnailsGrid--sizeMedium_2wqco:not(.Online-Store-UI-ThumbnailsGrid--noPadding_1e82l) {
    padding: .25rem
}

.Online-Store-UI-ThumbnailsGrid__List_12o8x {
    margin: 0;
    padding: 0;
    list-style: none;
    display: grid;
    grid-gap: calc(var(--p-space-100)*.5);
    height: 100%;
    border-radius: var(--p-border-radius-100);
    overflow: hidden
}

.Online-Store-UI-ThumbnailsGrid--sizeTiny_1lth4 .Online-Store-UI-ThumbnailsGrid__List_12o8x {
    grid-template-columns: repeat(auto-fit,minmax(calc(.5rem - var(--p-space-100)*.5),1fr))
}

.Online-Store-UI-ThumbnailsGrid--sizeSmall_atoij .Online-Store-UI-ThumbnailsGrid__List_12o8x {
    grid-template-columns: repeat(auto-fit,minmax(calc(.625rem - var(--p-space-100)*.5),1fr))
}

.Online-Store-UI-ThumbnailsGrid--sizeMedium_2wqco .Online-Store-UI-ThumbnailsGrid__List_12o8x {
    grid-template-columns: repeat(auto-fit,minmax(calc(1rem - var(--p-space-100)*.5),1fr))
}

.Online-Store-UI-ThumbnailsGrid--sizeFull_zhqfg .Online-Store-UI-ThumbnailsGrid__List_12o8x {
    grid-template-columns: repeat(auto-fit,minmax(calc(1.25rem - var(--p-space-100)*.5),1fr))
}

.Online-Store-UI-ThumbnailsGrid__Item_12npx {
    height: auto;
    background-color: var(--osui_color-frame-bg)
}

.Online-Store-UI-ThumbnailsGrid__Item_12npx:nth-child(odd):last-child {
    grid-column: 1/span 2
}

.Online-Store-UI-ThumbnailsGrid--sizeTiny_1lth4 .Online-Store-UI-ThumbnailsGrid__Item_12npx {
    min-height: calc(.5rem - var(--p-space-100)*.5)
}

.Online-Store-UI-ThumbnailsGrid--sizeSmall_atoij .Online-Store-UI-ThumbnailsGrid__Item_12npx {
    min-height: calc(.625rem - var(--p-space-100)*.5)
}

.Online-Store-UI-ThumbnailsGrid--sizeMedium_2wqco .Online-Store-UI-ThumbnailsGrid__Item_12npx {
    min-height: calc(1rem - var(--p-space-100)*.5)
}

.Online-Store-UI-ThumbnailsGrid--sizeFull_zhqfg .Online-Store-UI-ThumbnailsGrid__Item_12npx {
    min-height: calc(1.25rem - var(--p-space-100)*.5)
}

.Online-Store-UI-ThumbnailsGrid__Image_1wdgl {
    object-fit: cover;
    width: 100%;
    height: 100%
}

.Online-Store-UI-PanelCard-Header_kiumc {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex: 0 0 auto;
    min-height: 4rem;
    background-color: var(--osui_color-frame-surface-bg);
    z-index: 4;
    border-bottom: var(--p-border-width-025) solid var(--p-color-border-secondary);
    padding-left: var(--p-space-100);
    padding-right: var(--p-space-100)
}

.Online-Store-UI-PanelCard-Header__Content_l49bb {
    min-width: 0;
    max-width: 100%;
    flex: 1 1 auto;
    padding-left: calc(1.25rem + var(--p-space-200)*2 - var(--p-space-100));
    padding-right: calc(1.25rem + var(--p-space-200)*2 - var(--p-space-100));
    text-align: center
}

.Online-Store-UI-PanelCard-Header--hasBackArrow_j76i7 .Online-Store-UI-PanelCard-Header__Content_l49bb {
    padding-left: 0
}

.Online-Store-UI-PanelCard-Header--hasRightCloseAction_r8bqw .Online-Store-UI-PanelCard-Header__Content_l49bb,.Online-Store-UI-PanelCard-Header--hasRollupMenu_76sdn .Online-Store-UI-PanelCard-Header__Content_l49bb {
    padding-right: 0
}

.Online-Store-UI-PanelCard-Header__PrefixTitleWrapper_u2zuu {
    display: flex;
    align-items: center;
    justify-content: center
}

.Online-Store-UI-PanelCard-Header__Prefix_qorm8,.Online-Store-UI-PanelCard-Header__Title_1n57g {
    min-width: 0;
    max-width: 100%;
    flex: 0 0 auto
}

.Online-Store-UI-PanelCard-Header__Prefix_qorm8 {
    margin-right: var(--p-space-200)
}

.Online-Store-UI-PanelCard-Header__TitleHeading_1immt {
    font-size: calc var(--p-font-size-400).0625rem;
    font-weight: 600;
    line-height: var(--p-font-line-height-600);
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block
}

@media (min-width: 48em) {
    .Online-Store-UI-PanelCard-Header__TitleHeading_1immt {
        font-size:var(--p-font-size-400)
    }
}

.Online-Store-UI-PanelCard-Header__TitleHeading_1immt:not(.Online-Store-UI-PanelCard-Header--strong_wrkm3) {
    font-weight: 400;
    color: var(--p-color-text)
}

.Online-Store-UI-PanelCard-Header--hasBackArrow_j76i7 .Online-Store-UI-PanelCard-Header__Prefix_qorm8+.Online-Store-UI-PanelCard-Header__Title_1n57g,.Online-Store-UI-PanelCard-Header--hasRightCloseAction_r8bqw .Online-Store-UI-PanelCard-Header__Prefix_qorm8+.Online-Store-UI-PanelCard-Header__Title_1n57g,.Online-Store-UI-PanelCard-Header--hasRollupMenu_76sdn .Online-Store-UI-PanelCard-Header__Prefix_qorm8+.Online-Store-UI-PanelCard-Header__Title_1n57g {
    max-width: calc(100% - 2.5rem)
}

.Online-Store-UI-PanelCard-Header__Subtitle_n8emj {
    display: flex;
    align-items: center;
    justify-content: center
}

.Online-Store-UI-PanelCard-Header__Subtitle_n8emj>* {
    min-width: 0;
    max-width: 100%
}

.Online-Store-UI-PanelCard-Header__CloseAction_172a9,.Online-Store-UI-PanelCard-Header__RollupMenuWrapper_2cenc {
    flex-shrink: 0
}

.Online-Store-UI-PanelCard-Header__CloseAction_172a9 {
    position: relative
}

.Online-Store-UI-PanelCard-SearchBar_vrxy6 {
    position: relative;
    z-index: 2;
    padding: var(--p-space-200);
    box-shadow: 0 .0625rem 0 0 var(--p-color-bg-fill-tertiary),0 .1875rem .25rem -.25rem #4040404d
}

.Online-Store-UI-PanelCard-TabsBar_uj83g {
    z-index: 3
}

.Online-Store-UI-PanelCollapsible__CollapsibleContainer_1lazx+.Online-Store-UI-PanelCollapsible__CollapsibleContainer_1lazx,.Online-Store-UI-PanelCollapsible__CollapsibleContainer_1lazx:only-child {
    border-top: var(--p-border-width-025) solid var(--p-color-border-secondary)
}

.Online-Store-UI-PanelCollapsible__CollapsibleContainer_1lazx:last-child {
    border-bottom: var(--p-border-width-025) solid var(--p-color-border-secondary)
}

.Online-Store-UI-PanelCollapsible__CollapsibleContainer_1lazx:only-child {
    margin-top: var(--osui_size-common-spacing)
}

.Online-Store-UI-StaticPanel_1hinh {
    z-index: 20;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.Online-Store-UI-StaticPanel--suspend_1qx89 {
    opacity: 0;
    visibility: hidden;
    pointer-events: none
}

.Online-Store-UI-StaticPanel__ChildrenWrapper_1a4a2 {
    display: flex;
    flex-direction: column;
    height: 100%;
    background-color: var(--osui_color-frame-surface-bg)
}

.Online-Store-UI-StaticPanel-Footer_sopbk {
    position: relative
}

.Online-Store-UI-StaticPanel-Footer__ChildrenWrapper_ic5ip {
    position: relative;
    z-index: 4
}

.Online-Store-UI-StaticPanel-Footer__ChildrenWrapper_ic5ip:not(:only-child):last-child:before {
    content: "";
    display: block;
    width: 100%;
    height: var(--p-border-width-025);
    background-color: var(--p-color-border-secondary);
    margin-bottom: var(--osui_static-panel-layout-spacing)
}

.Online-Store-UI-StaticPanel-Footer__ChildrenWrapper_ic5ip:not(:only-child):last-child:before {
    margin-bottom: 0
}

.Online-Store-UI-StaticPanel-Layout_1q75s {
    --osui_sidebar-action-offset: var(--p-space-100);
    display: flex;
    flex-direction: column;
    flex: 0 0 auto
}

.Online-Store-UI-StaticPanel-Layout_1q75s>.Online-Store-UI-StaticPanel-Layout_1q75s.Online-Store-UI-StaticPanel-Layout--sticky_1sccw {
    z-index: 5;
    position: sticky
}

.Online-Store-UI-StaticPanel-Layout_1q75s>.Online-Store-UI-StaticPanel-Layout_1q75s.Online-Store-UI-StaticPanel-Layout--sticky_1sccw:first-child {
    top: 0
}

.Online-Store-UI-StaticPanel-Layout_1q75s>.Online-Store-UI-StaticPanel-Layout_1q75s.Online-Store-UI-StaticPanel-Layout--sticky_1sccw:last-child {
    bottom: var(--p-border-width-025);
    margin-top: auto;
    padding-top: 0
}

.Online-Store-UI-StaticPanel-Layout--spaceBefore_shxar {
    padding-top: var(--osui_static-panel-layout-spacing)
}

.Online-Store-UI-StaticPanel-Layout--spaceAfter_13747 {
    padding-bottom: var(--osui_static-panel-layout-spacing)
}

.Online-Store-UI-StaticPanel-Layout--sticky_1sccw:first-child.Online-Store-UI-StaticPanel-Layout--isStuck_jx9yh {
    border-bottom: var(--p-border-width-025) solid var(--p-color-border-secondary)
}

.Online-Store-UI-StaticPanel-Layout--sticky_1sccw:last-child {
    border-top: var(--p-border-width-025) solid var(--p-color-border-secondary)
}

.Online-Store-UI-StaticPanel-Layout--sticky_1sccw .Online-Store-UI-StaticPanel-Layout__ChildrenWrapper_1tp4f {
    background-color: var(--p-color-bg-surface)
}

.Online-Store-UI-StaticPanel-Layout--fullHeight_27lvp {
    flex: 1 1 auto
}

.Online-Store-UI-StaticPanel-Layout--scrollable_2d5te {
    height: 100%;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch
}

@media (max-width: 41.685em) {
    .Online-Store-UI-StaticPanel-Layout--scrollable_2d5te {
        overflow-x:hidden
    }
}

.Online-Store-UI-StaticPanel-Layout--layoutSpacingNone_1gu53,.Online-Store-UI-StaticPanel-Layout--sectionSpacingNone_1bf69,.Online-Store-UI-StaticPanel-Layout--sectionSpacingDefault_djyin:first-of-type,.Online-Store-UI-StaticPanel-Layout--sectionSpacingDefault_djyin:only-child {
    --osui_static-panel-layout-spacing: var(--p-space-0)
}

.Online-Store-UI-StaticPanel-Layout--layoutSpacingExtraTight_ubw93,.Online-Store-UI-StaticPanel-Layout--sectionSpacingExtraTight_1e88z {
    --osui_static-panel-layout-spacing: var(--p-space-100)
}

.Online-Store-UI-StaticPanel-Layout--layoutSpacingTight_1apfl,.Online-Store-UI-StaticPanel-Layout--sectionSpacingTight_as2n2 {
    --osui_static-panel-layout-spacing: var(--p-space-200)
}

.Online-Store-UI-StaticPanel-Layout--layoutSpacingBaseTight_ubqu6,.Online-Store-UI-StaticPanel-Layout--sectionSpacingBaseTight_1q40t {
    --osui_static-panel-layout-spacing: var(--p-space-300)
}

.Online-Store-UI-StaticPanel-Layout--layoutSpacingDefault_10qs4,.Online-Store-UI-StaticPanel-Layout--layoutSpacingBase_1369n,.Online-Store-UI-StaticPanel-Layout--sectionSpacingBase_1m305 {
    --osui_static-panel-layout-spacing: var(--p-space-400)
}

.Online-Store-UI-StaticPanel-Layout--layoutSpacingLoose_1hb64,.Online-Store-UI-StaticPanel-Layout--sectionSpacingLoose_y34b2 {
    --osui_static-panel-layout-spacing: var(--p-space-500)
}

.Online-Store-UI-StaticPanel-Layout--layoutSpacingExtraLoose_1ktjm,.Online-Store-UI-StaticPanel-Layout--sectionSpacingExtraLoose_17tdx {
    --osui_static-panel-layout-spacing: var(--p-space-800)
}

.Online-Store-UI-StaticPanel-Layout--dividerBefore_134rd {
    border-top: var(--p-border-width-025) solid var(--p-color-border-secondary)
}

.Online-Store-UI-StaticPanel-Layout--dividerAfter_aj2w4 {
    border-bottom: var(--p-border-width-025) solid var(--p-color-border-secondary)
}

.Online-Store-UI-StaticPanel-Layout--divider_1gost:before,.Online-Store-UI-StaticPanel-Layout--divided_girqq>.Online-Store-UI-StaticPanel-Layout__Section_10usc:before {
    content: "";
    display: block;
    width: 100%;
    height: var(--p-border-width-025);
    background-color: var(--p-color-border-secondary);
    margin-bottom: var(--osui_static-panel-layout-spacing);
    margin-left: var(--osui_static-panel-section-padding, var(--p-space-400));
    width: calc(100% - var(--osui_static-panel-section-padding, var(--p-space-400))*2)
}

.Online-Store-UI-StaticPanel-Layout--dividerFull_lyyuv:before {
    content: "";
    display: block;
    width: 100%;
    height: var(--p-border-width-025);
    background-color: var(--p-color-border-secondary);
    margin-bottom: var(--osui_static-panel-layout-spacing)
}

.Online-Store-UI-StaticPanel-Layout--divided_girqq>.Online-Store-UI-StaticPanel-Layout--dividerFull_lyyuv:before {
    margin-left: 0;
    width: 100%
}

.Online-Store-UI-StaticPanel-Layout--dividerHide_119sc:before,.Online-Store-UI-StaticPanel-Layout--divider_1gost:first-of-type:before,.Online-Store-UI-StaticPanel-Layout--divider_1gost:only-child:before,.Online-Store-UI-StaticPanel-Layout--divider_1gost.Online-Store-UI-StaticPanel-Layout--sectionSpacingNone_1bf69:before,.Online-Store-UI-StaticPanel-Layout--divided_girqq.Online-Store-UI-StaticPanel-Layout--layoutSpacingNone_1gu53 .Online-Store-UI-StaticPanel-Layout--sectionSpacingNone_1bf69:before,.Online-Store-UI-StaticPanel-Layout--divided_girqq.Online-Store-UI-StaticPanel-Layout--layoutSpacingNone_1gu53 .Online-Store-UI-StaticPanel-Layout--sectionSpacingDefault_djyin:before,.Online-Store-UI-StaticPanel-Layout--divided_girqq>.Online-Store-UI-StaticPanel-Layout__Section_10usc:first-of-type:before,.Online-Store-UI-StaticPanel-Layout--divided_girqq>.Online-Store-UI-StaticPanel-Layout__Section_10usc:only-child:before,.Online-Store-UI-StaticPanel-Layout--divided_girqq>.Online-Store-UI-StaticPanel-Layout--dividerHide_119sc:before,.Online-Store-UI-StaticPanel-Layout--alignToBottom_x1zne:not(.Online-Store-UI-StaticPanel-Layout--divider_1gost):before {
    content: none
}

.Online-Store-UI-StaticPanel-Layout__Section_10usc {
    z-index: 2;
    position: relative;
    padding-top: var(--osui_static-panel-layout-spacing);
    width: 100%;
    container-type: inline-size;
    container-name: static-panel-layout-section
}

.Online-Store-UI-StaticPanel-Layout__Section_10usc.Online-Store-UI-StaticPanel-Layout--sticky_1sccw {
    z-index: 5;
    position: sticky
}

.Online-Store-UI-StaticPanel-Layout__Section_10usc.Online-Store-UI-StaticPanel-Layout--sticky_1sccw:first-child {
    top: 0
}

.Online-Store-UI-StaticPanel-Layout__Section_10usc.Online-Store-UI-StaticPanel-Layout--sticky_1sccw:last-child {
    bottom: var(--p-border-width-025);
    margin-top: auto;
    padding-top: 0;
    border-top: none
}

.Online-Store-UI-StaticPanel-Layout__Section_10usc.Online-Store-UI-StaticPanel-Layout--sticky_1sccw:last-child:before {
    content: "";
    display: block;
    height: var(--osui_static-panel-layout-spacing);
    border-bottom: var(--p-border-width-025) solid var(--p-color-border-secondary)
}

.Online-Store-UI-StaticPanel-Layout--alignToActionBar_bbik2 {
    padding-top: var(--p-space-200)
}

.Online-Store-UI-StaticPanel-Layout--alignToBottom_x1zne {
    --osui_static-panel-layout-spacing: var(--p-space-1600);
    margin-top: auto
}

.Online-Store-UI-StaticPanel-Layout--alignToBottom_x1zne:before,.Online-Store-UI-StaticPanel-Layout--divided_girqq>.Online-Store-UI-StaticPanel-Layout--alignToBottom_x1zne:before {
    margin-bottom: var(--p-space-400)
}

.Online-Store-UI-StaticPanel-Layout__ChildrenWrapper_1tp4f {
    padding-left: var(--osui_static-panel-section-padding);
    padding-right: var(--osui_static-panel-section-padding)
}

.Online-Store-UI-StaticPanel-Layout__ChildrenWrapper_1tp4f.Online-Store-UI-StaticPanel-Layout--paddingScrollbarCorrection_14913 {
    padding-right: max(var(--osui_static-panel-section-padding) - var(--osui_static-panel-scrollbar-correction-width, var(--p-space-0)),.0625rem)
}

@container static-panel-layout-section (max-width: 18.4375rem) {
    .Online-Store-UI-StaticPanel-Layout__ChildrenWrapper_1tp4f.Online-Store-UI-StaticPanel-Layout--paddingScrollbarCorrection_14913 {
        --osui_static-panel-scrollbar-correction-width: var(--p-space-150)
    }
}

.Online-Store-UI-StaticPanel-Layout--paddingNone_1rhh6 {
    --osui_static-panel-section-padding: var(--p-space-0)
}

.Online-Store-UI-StaticPanel-Layout--paddingExtraTight_gna4b {
    --osui_static-panel-section-padding: var(--p-space-100)
}

.Online-Store-UI-StaticPanel-Layout--paddingTight_1ngeq {
    --osui_static-panel-section-padding: var(--p-space-200)
}

.Online-Store-UI-StaticPanel-Layout--paddingBaseTight_mc2ae {
    --osui_static-panel-section-padding: var(--p-space-300)
}

.Online-Store-UI-StaticPanel-Layout--paddingBase_qopjm {
    --osui_static-panel-section-padding: var(--p-space-400)
}

.Online-Store-UI-StaticPanel-Layout--paddingBase_qopjm.Online-Store-UI-StaticPanel-Layout--denseUi_41sbe {
    --osui_static-panel-section-padding: var(--p-space-300)
}

.Online-Store-UI-StaticPanel-Layout--paddingLoose_15z1k {
    --osui_static-panel-section-padding: var(--p-space-500)
}

.Online-Store-UI-StaticPanel-Layout--paddingExtraLoose_lyydg {
    --osui_static-panel-section-padding: var(--p-space-800)
}

.Online-Store-UI-Footer-Shelf_gw0wa {
    position: relative;
    z-index: 3
}

.Online-Store-UI-Footer-Actions_162ja {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: var(--p-space-200)
}

.Online-Store-UI-Footer-Actions--offsetLeft_1xm4v {
    margin-left: calc(var(--p-space-200)*-1)
}

.Online-Store-UI-Footer-Actions--offsetRight_9e8im {
    margin-right: calc(var(--p-space-200)*-1)
}

.Online-Store-UI-Footer-Actions--offsetBoth_1yx06 {
    margin-left: calc(var(--p-space-200)*-1);
    margin-right: calc(var(--p-space-200)*-1)
}

.Online-Store-UI-Footer-Actions__ChildrenWrapper_1re3h,.Online-Store-UI-Footer-Actions__ActionsWrapper_1l8ca {
    display: flex;
    align-items: center
}

.Online-Store-UI-Footer-Actions__ChildrenWrapper_1re3h {
    min-width: 0;
    max-width: 100%;
    flex: 0 1 auto
}

.Online-Store-UI-Footer-Actions__ActionsWrapper_1l8ca {
    flex: 0 0 auto;
    margin-left: auto
}

.Online-Store-UI-Footer-Actions__ChildrenWrapper_1re3h+.Online-Store-UI-Footer-Actions__ActionsWrapper_1l8ca {
    margin-left: var(--p-space-400)
}

.Online-Store-UI-Footer-Actions__SecondaryActionsWrapper_16aeo,.Online-Store-UI-Footer-Actions__PrimaryActionWrapper_18ycg {
    min-width: 0;
    max-width: 100%;
    flex: 0 0 auto
}

.Online-Store-UI-Footer-Actions__SecondaryActionsWrapper_16aeo+.Online-Store-UI-Footer-Actions__PrimaryActionWrapper_18ycg {
    margin-left: var(--p-space-200)
}

.Online-Store-UI-Footer-Info_cgg80 {
    font-size: calc(var(--p-font-size-300) + .0625rem);
    font-weight: 400;
    line-height: var(--p-font-line-height-500);
    color: var(--p-color-text-secondary);
    padding: var(--p-space-300)
}

@media (min-width: 48em) {
    .Online-Store-UI-Footer-Info_cgg80 {
        font-size:var(--p-font-size-300);
        line-height: var(--p-font-line-height-400)
    }
}

.Online-Store-UI-Footer-Info_cgg80 a,.Online-Store-UI-Footer-Info_cgg80 button {
    color: var(--p-color-text-secondary);
    text-decoration: underline;
    transition: color var(--p-motion-duration-150) var(--p-motion-ease)
}

@media (hover: hover) and (pointer: fine) {
    .Online-Store-UI-Footer-Info_cgg80 a:hover,.Online-Store-UI-Footer-Info_cgg80 button:hover {
        color:var(--p-color-icon-active)
    }
}

.Online-Store-UI-Footer-Info_cgg80 a:active,.Online-Store-UI-Footer-Info_cgg80 button:active {
    color: var(--p-color-text-secondary)
}

@media (max-width: 41.685em) {
    .Online-Store-UI-Footer-Info_cgg80 {
        font-size:.875rem
    }
}

.Online-Store-UI-Footer-Preview_13jat {
    outline: none
}

.Online-Store-UI-Footer-StackedActions_1kfzv {
    margin: 0;
    padding: 0;
    list-style: none
}

.Online-Store-UI-Footer-StackedActions__Item_1v8cx+.Online-Store-UI-Footer-StackedActions__Item_1v8cx {
    border-top: var(--p-border-width-025) solid var(--p-color-border-secondary)
}

.Online-Store-UI-Footer-StackedActions__Item_1v8cx a,.Online-Store-UI-Footer-StackedActions__Item_1v8cx button {
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    outline: none;
    position: relative;
    font-weight: 400;
    padding-top: var(--p-space-300);
    padding-bottom: var(--p-space-300);
    --p-border-radius-100: 0
}

.Online-Store-UI-Footer-StackedActions__Item_1v8cx a:after,.Online-Store-UI-Footer-StackedActions__Item_1v8cx button:after {
    content: "";
    position: absolute;
    z-index: 1;
    top: -.0625rem;
    right: -.0625rem;
    bottom: -.0625rem;
    left: -.0625rem;
    display: block;
    pointer-events: none;
    box-shadow: 0 0 0 -.0625rem var(--p-color-border-focus);
    transition: box-shadow var(--p-motion-duration-100) var(--p-motion-ease);
    border-radius: calc(var(--p-border-radius-200) + .0625rem)
}

.Online-Store-UI-Footer-StackedActions__Item_1v8cx a:focus:after,.Online-Store-UI-Footer-StackedActions__Item_1v8cx button:focus:after {
    box-shadow: 0 0 0 .125rem var(--p-color-border-focus);
    outline: var(--osui_high-contrast-outline)
}

.Online-Store-UI-Footer-StackedActions__Item_1v8cx a:focus:not(:focus-visible):after,.Online-Store-UI-Footer-StackedActions__Item_1v8cx button:focus:not(:focus-visible):after {
    box-shadow: 0 0 0 0 transparent
}

@media (-ms-high-contrast: active) {
    .Online-Store-UI-Footer-StackedActions__Item_1v8cx a:focus:not(:focus-visible):after,.Online-Store-UI-Footer-StackedActions__Item_1v8cx button:focus:not(:focus-visible):after {
        outline: none
    }
}

.Online-Store-UI-Footer-StackedActions__Item_1v8cx a:focus-visible:after,.Online-Store-UI-Footer-StackedActions__Item_1v8cx button:focus-visible:after {
    box-shadow: 0 0 0 .125rem var(--p-color-border-focus);
    outline: var(--osui_high-contrast-outline)
}

.Online-Store-UI-Footer-StackedActions__Item_1v8cx a:after,.Online-Store-UI-Footer-StackedActions__Item_1v8cx button:after {
    inset: var(--p-border-width-050) var(--p-border-width-050) var(--p-border-width-050) var(--p-border-width-050);
    border-radius: var(--p-border-radius-200)
}

.Online-Store-UI-Footer-StackedActions__Item_1v8cx a s-internal-icon,.Online-Store-UI-Footer-StackedActions__Item_1v8cx a svg,.Online-Store-UI-Footer-StackedActions__Item_1v8cx button s-internal-icon,.Online-Store-UI-Footer-StackedActions__Item_1v8cx button svg {
    transition: color var(--p-motion-duration-150) var(--p-motion-ease)
}

.Online-Store-UI-Footer-StackedActions__Item_1v8cx a:focus-visible,.Online-Store-UI-Footer-StackedActions__Item_1v8cx button:focus-visible {
    color: var(--p-color-text-brand);
    background-color: var(--p-color-bg-fill-transparent-secondary)
}

.Online-Store-UI-Footer-StackedActions__Item_1v8cx a:focus-visible s-internal-icon,.Online-Store-UI-Footer-StackedActions__Item_1v8cx a:focus-visible svg,.Online-Store-UI-Footer-StackedActions__Item_1v8cx button:focus-visible s-internal-icon,.Online-Store-UI-Footer-StackedActions__Item_1v8cx button:focus-visible svg {
    color: var(--p-color-text-brand)
}

@media (-ms-high-contrast: active) {
    .Online-Store-UI-Footer-StackedActions__Item_1v8cx a:focus-visible s-internal-icon,.Online-Store-UI-Footer-StackedActions__Item_1v8cx a:focus-visible svg,.Online-Store-UI-Footer-StackedActions__Item_1v8cx button:focus-visible s-internal-icon,.Online-Store-UI-Footer-StackedActions__Item_1v8cx button:focus-visible svg {
        color: var(--p-color-icon-secondary)
    }
}

@media (hover: hover) and (pointer: fine) {
    .Online-Store-UI-Footer-StackedActions__Item_1v8cx a:hover,.Online-Store-UI-Footer-StackedActions__Item_1v8cx button:hover {
        color:var(--p-color-text-brand);
        background-color: var(--p-color-bg-fill-transparent-secondary)
    }

    .Online-Store-UI-Footer-StackedActions__Item_1v8cx a:hover s-internal-icon,.Online-Store-UI-Footer-StackedActions__Item_1v8cx a:hover svg,.Online-Store-UI-Footer-StackedActions__Item_1v8cx button:hover s-internal-icon,.Online-Store-UI-Footer-StackedActions__Item_1v8cx button:hover svg {
        color: var(--p-color-text-brand)
    }
}

@media (hover: hover) and (pointer: fine) and (-ms-high-contrast: active) {
    .Online-Store-UI-Footer-StackedActions__Item_1v8cx a:hover s-internal-icon,.Online-Store-UI-Footer-StackedActions__Item_1v8cx a:hover svg,.Online-Store-UI-Footer-StackedActions__Item_1v8cx button:hover s-internal-icon,.Online-Store-UI-Footer-StackedActions__Item_1v8cx button:hover svg {
        color:var(--p-color-icon-secondary)
    }
}

.Online-Store-UI-Footer-StackedActions__Item_1v8cx a:active,.Online-Store-UI-Footer-StackedActions__Item_1v8cx button:active {
    color: var(--p-color-text-brand);
    background-color: var(--p-color-bg-surface-tertiary)
}

.Online-Store-UI-Footer-StackedActions__Item_1v8cx a:active s-internal-icon,.Online-Store-UI-Footer-StackedActions__Item_1v8cx a:active svg,.Online-Store-UI-Footer-StackedActions__Item_1v8cx button:active s-internal-icon,.Online-Store-UI-Footer-StackedActions__Item_1v8cx button:active svg {
    color: var(--p-color-text-brand)
}

@media (-ms-high-contrast: active) {
    .Online-Store-UI-Footer-StackedActions__Item_1v8cx a:active s-internal-icon,.Online-Store-UI-Footer-StackedActions__Item_1v8cx a:active svg,.Online-Store-UI-Footer-StackedActions__Item_1v8cx button:active s-internal-icon,.Online-Store-UI-Footer-StackedActions__Item_1v8cx button:active svg {
        color: var(--p-color-icon-secondary)
    }
}

.Online-Store-UI-Footer-StackedActions--dividerBefore_14kmw {
    border-top: var(--p-border-width-025) solid var(--p-color-border-secondary)
}

.Online-Store-UI-Footer-StackedActions--alignToNav_1f210 {
    padding-left: var(--p-space-400)
}

.Online-Store-UI-StaticPanel-Header_es7vd {
    --osui_static-panel-header-padding-y: 0;
    padding-top: var(--osui_static-panel-header-padding-y);
    padding-bottom: var(--osui_static-panel-header-padding-y)
}

.Online-Store-UI-StaticPanel-Header--sticky_csytg {
    --osui_static-panel-header-padding-y: var(--p-space-400)
}

.Online-Store-UI-StaticPanel-Header--sticky_csytg.Online-Store-UI-StaticPanel-Header--hasBack_noitn,.Online-Store-UI-StaticPanel-Header--sticky_csytg.Online-Store-UI-StaticPanel-Header--hasClose_1tjtg {
    --osui_static-panel-header-padding-y: var(--p-space-200)
}

.Online-Store-UI-StaticPanel-Header--alignToActionBar_12e5d {
    padding-top: calc(var(--p-space-300) + var(--p-space-050));
    padding-bottom: calc(var(--p-space-300) + var(--p-space-050))
}

.Online-Store-UI-StaticPanel-Header--alignToActionBar_12e5d.Online-Store-UI-StaticPanel-Header--hasBack_noitn {
    padding-top: var(--p-space-300);
    padding-bottom: var(--p-space-300)
}

.Online-Store-UI-StaticPanel-Header__HeaderContentWrapper_9dc3l {
    display: grid;
    grid-template-columns: 1fr;
    align-items: center
}

.Online-Store-UI-StaticPanel-Header--hasBack_noitn:not(.Online-Store-UI-StaticPanel-Header--hasActions_123ce) .Online-Store-UI-StaticPanel-Header__HeaderContentWrapper_9dc3l {
    grid-template-columns: auto 1fr
}

.Online-Store-UI-StaticPanel-Header--hasActions_123ce:not(.Online-Store-UI-StaticPanel-Header--hasBack_noitn) .Online-Store-UI-StaticPanel-Header__HeaderContentWrapper_9dc3l {
    grid-template-columns: 1fr auto
}

.Online-Store-UI-StaticPanel-Header--hasActions_123ce .Online-Store-UI-StaticPanel-Header__HeaderContentWrapper_9dc3l {
    grid-template-columns: auto 1fr auto
}

.Online-Store-UI-StaticPanel-Header--hasClose_1tjtg .Online-Store-UI-StaticPanel-Header__HeaderContentWrapper_9dc3l {
    grid-template-columns: 1fr auto
}

.Online-Store-UI-StaticPanel-Header__TitleWrapper_1iwf9 {
    display: flex;
    align-items: center;
    min-width: 0;
    gap: var(--p-space-200)
}

.Online-Store-UI-StaticPanel-Header__TitleWrapper_1iwf9.Online-Store-UI-StaticPanel-Header--subtitle_loilo {
    margin-top: var(--p-space-200)
}

.Online-Store-UI-StaticPanel-Header--alignTitleWithSettings_dtptc .Online-Store-UI-StaticPanel-Header__PrefixIconWrapper_8lf8z {
    margin-left: -.3125rem
}

.Online-Store-UI-StaticPanel-Header--alignTitleWithSettings_dtptc .Online-Store-UI-StaticPanel-Header__TitleMiddleSection_1iqc6 {
    margin-left: -.25rem
}

.Online-Store-UI-StaticPanel-Header__TitleMiddleSection_1iqc6 {
    min-width: 0;
    max-width: 100%
}

.Online-Store-UI-StaticPanel-Header__TitleMiddleSection_1iqc6.Online-Store-UI-StaticPanel-Header__EditableTitle_9ahoo {
    margin-left: calc(var(--p-space-150)*-1)
}

.Online-Store-UI-StaticPanel-Header__TitleMiddleSection_1iqc6.Online-Store-UI-StaticPanel-Header__EditableTitleEditing_17hhd {
    width: 100%
}

.Online-Store-UI-StaticPanel-Header__ActionWrapper_y6rr9 {
    display: flex;
    justify-content: space-between;
    line-height: initial
}

.Online-Store-UI-StaticPanel-Header__BackActionWrapper_1vuen {
    display: grid;
    margin-left: calc((var(--osui_height-common-control) - 1.25rem)*.5*-1);
    margin-right: var(--p-space-150)
}

.Online-Store-UI-StaticPanel-Header__CloseActionWrapper_10svl {
    display: grid;
    margin-left: var(--p-space-100);
    margin-right: calc((var(--osui_height-common-control) - 1.25rem)*.5*-1)
}

.Online-Store-UI-PickerList__List_yzoeo {
    margin: 0;
    padding: 0;
    list-style: none
}

.Online-Store-UI-PickerList-LoadMore_jif94 {
    padding: var(--p-space-300)
}

.Online-Store-UI-SubheadingButton_svxct {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0;
    padding: 0;
    background: none;
    border: none;
    font-size: inherit;
    line-height: inherit;
    color: inherit;
    cursor: pointer;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    outline: none;
    position: relative;
    display: grid;
    grid-template-columns: 1fr auto 0;
    align-items: center;
    text-align: left;
    height: 3rem;
    width: 100%;
    color: var(--p-color-text);
    fill: var(--p-color-icon)
}

.Online-Store-UI-SubheadingButton_svxct:focus {
    outline: none
}

.Online-Store-UI-SubheadingButton_svxct s-internal-icon,.Online-Store-UI-SubheadingButton_svxct svg {
    transition: color var(--p-motion-duration-150) var(--p-motion-ease)
}

.Online-Store-UI-SubheadingButton_svxct:focus-visible {
    color: var(--p-color-text-brand);
    background-color: var(--p-color-bg-fill-transparent-secondary)
}

.Online-Store-UI-SubheadingButton_svxct:focus-visible s-internal-icon,.Online-Store-UI-SubheadingButton_svxct:focus-visible svg {
    color: var(--p-color-text-brand)
}

@media (-ms-high-contrast: active) {
    .Online-Store-UI-SubheadingButton_svxct:focus-visible s-internal-icon,.Online-Store-UI-SubheadingButton_svxct:focus-visible svg {
        color: var(--p-color-icon-secondary)
    }
}

@media (hover: hover) and (pointer: fine) {
    .Online-Store-UI-SubheadingButton_svxct:hover {
        color:var(--p-color-text-brand);
        background-color: var(--p-color-bg-fill-transparent-secondary)
    }

    .Online-Store-UI-SubheadingButton_svxct:hover s-internal-icon,.Online-Store-UI-SubheadingButton_svxct:hover svg {
        color: var(--p-color-text-brand)
    }
}

@media (hover: hover) and (pointer: fine) and (-ms-high-contrast: active) {
    .Online-Store-UI-SubheadingButton_svxct:hover s-internal-icon,.Online-Store-UI-SubheadingButton_svxct:hover svg {
        color:var(--p-color-icon-secondary)
    }
}

.Online-Store-UI-SubheadingButton_svxct:active {
    color: var(--p-color-text-brand);
    background-color: var(--p-color-bg-surface-tertiary)
}

.Online-Store-UI-SubheadingButton_svxct:active s-internal-icon,.Online-Store-UI-SubheadingButton_svxct:active svg {
    color: var(--p-color-text-brand)
}

@media (-ms-high-contrast: active) {
    .Online-Store-UI-SubheadingButton_svxct:active s-internal-icon,.Online-Store-UI-SubheadingButton_svxct:active svg {
        color: var(--p-color-icon-secondary)
    }
}

.Online-Store-UI-SubheadingButton_svxct:after {
    content: "";
    position: absolute;
    z-index: 1;
    top: -.0625rem;
    right: -.0625rem;
    bottom: -.0625rem;
    left: -.0625rem;
    display: block;
    pointer-events: none;
    box-shadow: 0 0 0 -.0625rem var(--p-color-border-focus);
    transition: box-shadow var(--p-motion-duration-100) var(--p-motion-ease);
    border-radius: calc(var(--p-border-radius-200) + .0625rem)
}

.Online-Store-UI-SubheadingButton_svxct:focus:after {
    box-shadow: 0 0 0 .125rem var(--p-color-border-focus);
    outline: var(--osui_high-contrast-outline)
}

.Online-Store-UI-SubheadingButton_svxct:focus:not(:focus-visible):after {
    box-shadow: 0 0 0 0 transparent
}

@media (-ms-high-contrast: active) {
    .Online-Store-UI-SubheadingButton_svxct:focus:not(:focus-visible):after {
        outline: none
    }
}

.Online-Store-UI-SubheadingButton_svxct:focus-visible:after {
    box-shadow: 0 0 0 .125rem var(--p-color-border-focus);
    outline: var(--osui_high-contrast-outline)
}

.Online-Store-UI-SubheadingButton_svxct:after {
    inset: var(--p-border-width-050) var(--p-border-width-050) var(--p-border-width-050) var(--p-border-width-050);
    border-radius: var(--p-border-radius-200)
}

.Online-Store-UI-SubheadingButton_svxct.Online-Store-UI-SubheadingButton--hasPrefix_qqxlg {
    grid-template-columns: auto 1fr auto 0
}

.Online-Store-UI-SubheadingButton_svxct:not(.Online-Store-UI-SubheadingButton--fullWidth_1wzqq).Online-Store-UI-SubheadingButton--denseUi_13o9m {
    padding-left: var(--p-space-300);
    padding-right: calc(var(--p-space-300) + var(--p-space-150))
}

.Online-Store-UI-SubheadingButton_svxct:not(.Online-Store-UI-SubheadingButton--fullWidth_1wzqq) {
    padding-left: var(--p-space-400);
    padding-right: var(--p-space-300)
}

.Online-Store-UI-SubheadingButton--disabled_1q1dz {
    color: var(--p-color-text-disabled);
    cursor: unset
}

.Online-Store-UI-SubheadingButton--disabled_1q1dz svg {
    fill: var(--p-color-icon-disabled)
}

.Online-Store-UI-SubheadingButton__TitleWrapper_1su0t {
    display: flex;
    overflow: hidden
}

.Online-Store-UI-TruncateObserver__Truncate_vnwc6 {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block
}

.Online-Store-UI-PickerList-ListAction_s21lc {
    margin-top: calc(var(--p-border-width-025)*-1);
    border-top: var(--p-border-width-025) solid var(--p-color-border-secondary);
    border-bottom: var(--p-border-width-025) solid var(--p-color-border-secondary)
}

.Online-Store-UI-Preview_q672v {
    display: flex;
    flex-direction: column;
    width: 100%
}

.Online-Store-UI-Preview__PreviewInner_1b3ww {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    justify-content: center;
    width: 100%
}

@media (min-width: 41.6875em) {
    .Online-Store-UI-Preview__PreviewInner_1b3ww {
        padding:var(--osui_preview-padding)
    }
}

.Online-Store-UI-Preview__BannerWrapper_1mwqt {
    flex: 0 0 auto;
    max-width: 100%
}

.Online-Store-UI-Preview__HeaderWrapper_1mwgk {
    flex: 0 0 auto;
    max-width: 100%;
    transition-property: max-width;
    transition-duration: var(--p-motion-duration-250);
    transition-timing-function: var(--p-motion-ease)
}

@media screen and (min-width: 75rem) {
    .Online-Store-UI-Preview_q672v.Online-Store-UI-Preview--chatOpen_1gwko .Online-Store-UI-Preview__HeaderWrapper_1mwgk {
        max-width:calc(100% - 22.5rem - var(--p-space-200))
    }
}

@media (min-width: 41.6875em) {
    .Online-Store-UI-Preview__HeaderWrapper_1mwgk {
        margin-bottom:auto
    }
}

.Online-Store-UI-Preview__Main_t13h3 {
    display: flex;
    justify-content: center;
    flex: 1 1;
    max-width: 100%;
    transition-property: max-width;
    transition-duration: var(--p-motion-duration-250);
    transition-timing-function: var(--p-motion-ease)
}

@media screen and (min-width: 75rem) {
    .Online-Store-UI-Preview_q672v.Online-Store-UI-Preview--chatOpen_1gwko .Online-Store-UI-Preview__Main_t13h3 {
        max-width:calc(100% - 22.5rem - var(--p-space-200))
    }
}

.Online-Store-UI-Preview__Interior_fjd4l {
    position: relative;
    flex: 1 1 auto;
    align-self: center;
    width: 100%;
    height: 100%;
    max-width: 100%;
    max-height: 100vh;
    transition-property: max-width,max-height,transform;
    transition-duration: var(--p-motion-duration-150);
    transition-timing-function: var(--p-motion-ease)
}

.Online-Store-UI-Preview--interactionsDisabled_18igt {
    pointer-events: none;
    touch-action: none;
    -webkit-user-select: none;
    user-select: none
}

.Online-Store-UI-Preview--modeMobile_bx1rn {
    max-width: 23.4375rem
}

.Online-Store-UI-Preview--modeMobile_bx1rn.Online-Store-UI-Preview--scaled_1ovjg {
    max-height: 100%
}

.Online-Store-UI-Preview--modeMobileLandscape_lv5r1 {
    max-width: 41.6875rem;
    max-height: 23.4375rem
}

.Online-Store-UI-Preview--modeMobileLandscape_lv5r1.Online-Store-UI-Preview--scaled_1ovjg {
    max-height: 100%
}

.Online-Store-UI-Preview--modeTablet_12b77 {
    max-width: 48rem
}

.Online-Store-UI-Preview--modeTablet_12b77.Online-Store-UI-Preview--scaled_1ovjg {
    max-height: 100%
}

.Online-Store-UI-Preview--modeTabletLandscape_v8vu7 {
    max-width: 64rem;
    max-height: 48rem
}

.Online-Store-UI-Preview--modeTabletLandscape_v8vu7.Online-Store-UI-Preview--scaled_1ovjg {
    max-height: 100%
}

.Online-Store-UI-Preview--modeDesktop_1tb9v.Online-Store-UI-Preview--scaled_1ovjg {
    height: 200%;
    max-height: 200%;
    transform: scale(.5)
}

.Online-Store-UI-Preview--modeFullscreen_1g7cn {
    width: 100%
}

.Online-Store-UI-Preview__ShopFrame_pcixf {
    position: relative;
    flex: 1 1 auto;
    width: 100%;
    height: 100%;
    background-color: var(--p-color-bg-surface);
    box-shadow: var(--p-shadow-200)
}

@media (min-width: 41.6875em) {
    .Online-Store-UI-Preview__ShopFrame_pcixf {
        border-radius:var(--p-border-radius-200);
        overflow: hidden
    }
}

.Online-Store-UI-Preview__SpinnerWrapper_q6jrf {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff6
}

.Online-Store-UI-Preview-Iframe_d4sf5 {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    display: block;
    flex: 1 1 auto;
    width: .0625rem;
    min-width: 100%;
    height: 100%;
    padding: 0;
    border: 0;
    background-color: var(--p-color-bg-surface)
}

.Online-Store-UI-Preview-Iframe--hide_19o4b {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    z-index: 1;
    position: relative
}

.Online-Store-UI-PreviewDescription_1i5lo {
    min-width: 0;
    max-width: 100%;
    display: flex;
    align-items: center;
    flex: 1 1 auto;
    min-height: var(--p-space-500);
    color: var(--p-color-text-secondary)
}

.Online-Store-UI-PreviewDescription__Title_1eoqj,.Online-Store-UI-PreviewDescription__PreviewAction_1jidn {
    flex: 1 1 auto;
    margin-left: var(--p-space-100)
}

.Online-Store-UI-PreviewDescription__PreviewAction_1jidn {
    min-width: 0;
    max-width: 100%
}

.Online-Store-UI-PreviewDescription__PreviewAction_1jidn a div div {
    font-weight: 600
}

.Online-Store-UI-PreviewDescription__Title_1eoqj {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-weight: 600;
    color: var(--p-color-text)
}

.Online-Store-UI-PreviewDescription__SkeletonWrapper_fqgcd {
    flex: 0 1 auto;
    width: 50%
}

.Online-Store-UI-PreviewHeader_1darp {
    display: flex;
    padding: var(--p-space-200) var(--p-space-400);
    align-items: center
}

@media (min-width: 41.6875em) {
    .Online-Store-UI-PreviewHeader_1darp {
        padding:0 0 var(--p-space-400) 0
    }
}

.Online-Store-UI-PreviewHeader__ChildrenWrapper_7k2gh {
    min-width: 0;
    max-width: 100%;
    flex: 1 1 auto
}

.Online-Store-UI-PreviewHeader__PaginationWrapper_tpzkd {
    flex: 0 0 auto;
    margin-left: auto;
    padding-left: var(--p-space-400)
}

@media (max-width: 41.685em) {
    .Online-Store-UI-PreviewHeader__PaginationWrapper_tpzkd:only-child {
        margin-right:auto;
        padding-left: 0
    }
}

.Online-Store-UI-ShortcutAction-KeyCombo--frameless_7c5bg>kbd {
    font-family: var(--p-font-family-sans);
    color: var(--p-color-text-secondary);
    font-size: var(--p-font-size-350)
}

.Online-Store-UI-ShortcutAction-KeyCombo--small_1legu>kbd {
    font-size: var(--p-font-size-300)
}

.Online-Store-UI-SegmentedControl__SegmentedControlContainer_f856a {
    display: flex;
    align-items: center;
    width: 100%;
    border-radius: var(--p-border-radius-200);
    padding: 0 var(--p-space-050);
    background-color: var(--p-color-bg-fill-secondary);
    gap: var(--p-space-025);
    margin: 0
}

@media (max-width: 41.685em) {
    .Online-Store-UI-SegmentedControl__SegmentedControlContainer_f856a.Online-Store-UI-SegmentedControl--dense_pr5yf {
        border-radius:var(--p-border-radius-300)
    }
}

.Online-Store-UI-SegmentedControl__SegmentedControlContainer_f856a.Online-Store-UI-SegmentedControl--labelled_8cb1b {
    margin-top: var(--p-space-200)
}

.Online-Store-UI-SegmentedControl-Option__OptionWrapper_p6xuw {
    --osui-segmented-control-item-border-radius: calc(var(--p-border-radius-200) - .09375rem);
    position: relative;
    padding: 0;
    list-style: none;
    width: 100%;
    border-radius: var(--osui-segmented-control-item-border-radius);
    margin: var(--p-space-050) 0
}

.Online-Store-UI-SegmentedControl-Option__OptionWrapper_p6xuw.Online-Store-UI-SegmentedControl-Option--selected_1xhmj {
    z-index: 1
}

.Online-Store-UI-SegmentedControl-Option__OptionWrapper_p6xuw.Online-Store-UI-SegmentedControl-Option--truncate_1fk7o {
    min-width: 0
}

.Online-Store-UI-SegmentedControl-Option__OptionWrapper_p6xuw.Online-Store-UI-SegmentedControl-Option--dense_7trqb {
    --osui-segmented-control-item-border-radius: .625rem
}

@media (hover) and (pointer: fine),(min-width: 48em) {
    .Online-Store-UI-SegmentedControl-Option__OptionWrapper_p6xuw.Online-Store-UI-SegmentedControl-Option--dense_7trqb {
        --osui-segmented-control-item-border-radius: calc(var(--p-border-radius-200) - .09375rem)
    }
}

.Online-Store-UI-SegmentedControl-Option__ButtonContainer_1dt6j.Online-Store-UI-SegmentedControl-Option--dense_7trqb {
    border-radius: var(--osui-segmented-control-item-border-radius)
}

.Online-Store-UI-SegmentedControl-Option__SegmentedControlItem_oi5xv {
    --osui-icon-color: var(--p-color-icon-secondary-hover);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0;
    padding: 0;
    background: none;
    border: none;
    font-size: inherit;
    line-height: inherit;
    color: inherit;
    outline: none;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 1 1;
    padding: var(--p-space-100) var(--p-space-200);
    line-height: 1.25rem;
    border: 0;
    border-radius: var(--osui-segmented-control-item-border-radius);
    cursor: pointer;
    white-space: nowrap;
    background-color: transparent;
    width: 100%
}

.Online-Store-UI-SegmentedControl-Option__SegmentedControlItem_oi5xv:focus {
    outline: none
}

.Online-Store-UI-SegmentedControl-Option__SegmentedControlItem_oi5xv:after {
    content: "";
    position: absolute;
    z-index: 1;
    top: -.0625rem;
    right: -.0625rem;
    bottom: -.0625rem;
    left: -.0625rem;
    display: block;
    pointer-events: none;
    box-shadow: 0 0 0 -.0625rem var(--p-color-border-focus);
    transition: box-shadow var(--p-motion-duration-100) var(--p-motion-ease);
    border-radius: calc(var(--p-border-radius-200) + .0625rem)
}

.Online-Store-UI-SegmentedControl-Option__SegmentedControlItem_oi5xv:focus:after {
    box-shadow: 0 0 0 .125rem var(--p-color-border-focus);
    outline: var(--osui_high-contrast-outline)
}

.Online-Store-UI-SegmentedControl-Option__SegmentedControlItem_oi5xv:focus:not(:focus-visible):after {
    box-shadow: 0 0 0 0 transparent
}

@media (-ms-high-contrast: active) {
    .Online-Store-UI-SegmentedControl-Option__SegmentedControlItem_oi5xv:focus:not(:focus-visible):after {
        outline: none
    }
}

.Online-Store-UI-SegmentedControl-Option__SegmentedControlItem_oi5xv:focus-visible:after {
    box-shadow: 0 0 0 .125rem var(--p-color-border-focus);
    outline: var(--osui_high-contrast-outline)
}

.Online-Store-UI-SegmentedControl-Option__SegmentedControlItem_oi5xv:after {
    inset: var(--p-border-width-050) var(--p-border-width-050) var(--p-border-width-050) var(--p-border-width-050);
    border-radius: var(--osui-segmented-control-item-border-radius)
}

.Online-Store-UI-SegmentedControl-Option__SegmentedControlItem_oi5xv:has(.Online-Store-UI-SegmentedControl-Option__Icon_1x436) {
    gap: var(--p-space-200)
}

.Online-Store-UI-SegmentedControl-Option__SegmentedControlItem_oi5xv:hover {
    background-color: var(--p-color-bg-surface-secondary)
}

.Online-Store-UI-SegmentedControl-Option__SegmentedControlItem_oi5xv:hover:not(.Online-Store-UI-SegmentedControl-Option--selected_1xhmj) {
    --osui-icon-color: var(--p-color-icon-secondary-active)
}

.Online-Store-UI-SegmentedControl-Option__SegmentedControlItem_oi5xv.Online-Store-UI-SegmentedControl-Option--selected_1xhmj {
    --osui-icon-color: var(--p-color-icon-active);
    z-index: 2;
    background-color: var(--p-color-bg-surface);
    box-shadow: var(--p-shadow-100)
}

.Online-Store-UI-SegmentedControl-Option__SegmentedControlItem_oi5xv.Online-Store-UI-SegmentedControl-Option--selected_1xhmj.Online-Store-UI-SegmentedControl-Option--toneMagic_ekamj {
    color: var(--p-color-text-ai);
    box-shadow: 0 .0625rem 0 0 var(--p-color-bg-fill-ai-secondary-active) inset,.0625rem 0 0 0 var(--p-color-bg-fill-ai-secondary-active) inset,-.0625rem 0 0 0 var(--p-color-bg-fill-ai-secondary-active) inset,0 -.0625rem #ae94ff inset
}

.Online-Store-UI-SegmentedControl-Option__SegmentedControlItem_oi5xv.Online-Store-UI-SegmentedControl-Option--slim_1x3zd {
    padding: var(--p-space-100)
}

.Online-Store-UI-SegmentedControl-Option__SegmentedControlItem_oi5xv.Online-Store-UI-SegmentedControl-Option--dense_7trqb {
    height: 2.5rem
}

.Online-Store-UI-SegmentedControl-Option__SegmentedControlItem_oi5xv.Online-Store-UI-SegmentedControl-Option--dense_7trqb:after {
    inset: var(--p-border-width-025) var(--p-border-width-025) var(--p-border-width-025) var(--p-border-width-025);
    border-radius: var(--osui-segmented-control-item-border-radius)
}

@media (hover) and (pointer: fine),(min-width: 48em) {
    .Online-Store-UI-SegmentedControl-Option__SegmentedControlItem_oi5xv.Online-Store-UI-SegmentedControl-Option--dense_7trqb {
        height:1.75rem
    }
}

.Online-Store-UI-SegmentedControl-Option__Icon_1x436 s-internal-icon,.Online-Store-UI-SegmentedControl-Option__Icon_1x436 svg {
    color: var(--osui-icon-color)
}

.Online-Store-UI-Popover_wdah3 {
    --osui_popover-zindex: 519;
    --osui_popover-position: fixed;
    --osui_popover-top: auto;
    --osui_popover-right: auto;
    --osui_popover-bottom: auto;
    --osui_popover-left: auto;
    --osui_popover-width: auto;
    --osui_popover-min-width: auto;
    --osui_popover-max-width: none;
    --osui_popover-height: auto;
    --osui_popover-min-height: auto;
    --osui_popover-max-height: none;
    --osui_popover-transition: top var(--p-motion-duration-100) var(--p-motion-ease-in-out);
    z-index: var(--osui_popover-zindex);
    position: var(--osui_popover-position);
    inset: var(--osui_popover-top) var(--osui_popover-right) var(--osui_popover-bottom) var(--osui_popover-left);
    width: var(--osui_popover-width);
    min-width: var(--osui_popover-min-width);
    max-width: var(--osui_popover-max-width);
    height: var(--osui_popover-height);
    min-height: var(--osui_popover-min-height);
    max-height: var(--osui_popover-max-height);
    box-shadow: var(--p-shadow-300);
    border-radius: var(--p-border-radius-300)
}

.Online-Store-UI-Popover_wdah3:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
    box-shadow: var(--p-shadow-bevel-100);
    border-radius: var(--p-border-radius-300);
    pointer-events: none;
    mix-blend-mode: luminosity
}

@media (prefers-reduced-motion: no-preference) {
    .Online-Store-UI-Popover_wdah3 {
        transition: var(--osui_popover-transition);
        animation: Online-Store-UI-Popover--fadein_1ejnp var(--p-motion-duration-100) var(--p-motion-ease-out)
    }
}

@keyframes Online-Store-UI-Popover--fadein_1ejnp {
    0% {
        opacity: 0;
        transform: translateY(-.3125rem)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

.Online-Store-UI-Popover--hidden_1ebdd {
    visibility: hidden
}

.Online-Store-UI-Popover-Backdrop_1er5d {
    position: fixed;
    z-index: 518;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    background-color: #00000080;
    animation: var(--p-motion-keyframes-fade-in) var(--p-motion-duration-200) 1 forwards;
    opacity: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    will-change: opacity
}

.Online-Store-UI-Popover-Backdrop--transparent_4isgr {
    background-color: transparent
}

.Online-Store-UI-Popover-Backdrop--belowNavigation_ev1ue {
    z-index: var(--p-z-index-7)
}

.Online-Store-UI-Popover-Card_1nihz {
    overflow-y: auto;
    height: var(--osui_popover-height);
    width: var(--osui_popover-width);
    max-width: var(--osui_popover-max-width);
    max-height: var(--osui_popover-max-height, 100%);
    background-color: var(--p-color-bg-surface);
    border-radius: var(--p-border-radius-300);
    transition: box-shadow var(--p-motion-duration-150) var(--p-motion-ease)
}

.Online-Store-UI-Popover-Card--topShadow_1djdk {
    --osui_card-top-shadow-color: rgba(0, 0, 0, .15)
}

.Online-Store-UI-Popover-Card--bottomShadow_5mbfk {
    --osui_card-bottom-shadow-color: rgba(0, 0, 0, .15)
}

.Online-Store-UI-PopupPanel_1m5xf {
    z-index: 30;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.Online-Store-UI-PopupPanel_1m5xf,.Online-Store-UI-PopupPanel_1m5xf.Online-Store-UI-PopupPanel--exitDone_1vrg6,.Online-Store-UI-PopupPanel_1m5xf.Online-Store-UI-PopupPanel--appear_1k13r,.Online-Store-UI-PopupPanel_1m5xf.Online-Store-UI-PopupPanel--appearActive_7g1ml,.Online-Store-UI-PopupPanel_1m5xf.Online-Store-UI-PopupPanel--appearDone_1sbi2 {
    display: none
}

.Online-Store-UI-PopupPanel_1m5xf.Online-Store-UI-PopupPanel--enter_cgnly,.Online-Store-UI-PopupPanel_1m5xf.Online-Store-UI-PopupPanel--enterActive_widih,.Online-Store-UI-PopupPanel_1m5xf.Online-Store-UI-PopupPanel--enterDone_y8l37,.Online-Store-UI-PopupPanel_1m5xf.Online-Store-UI-PopupPanel--exit_19kz6,.Online-Store-UI-PopupPanel_1m5xf.Online-Store-UI-PopupPanel--exitActive_1cc5r {
    display: block
}

.Online-Store-UI-PopupPanel__Backdrop_8rxs8 {
    transition: opacity var(--p-motion-duration-200) var(--p-motion-ease);
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    background-color: var(--osui_color-panel-bg)
}

.Online-Store-UI-PopupPanel--enterActive_widih .Online-Store-UI-PopupPanel__Backdrop_8rxs8,.Online-Store-UI-PopupPanel--enterDone_y8l37 .Online-Store-UI-PopupPanel__Backdrop_8rxs8,.Online-Store-UI-PopupPanel--exit_19kz6 .Online-Store-UI-PopupPanel__Backdrop_8rxs8 {
    opacity: 1
}

.Online-Store-UI-PopupPanel__Backdrop_8rxs8,.Online-Store-UI-PopupPanel--enter_cgnly .Online-Store-UI-PopupPanel__Backdrop_8rxs8,.Online-Store-UI-PopupPanel--exitActive_1cc5r .Online-Store-UI-PopupPanel__Backdrop_8rxs8,.Online-Store-UI-PopupPanel--exitDone_1vrg6 .Online-Store-UI-PopupPanel__Backdrop_8rxs8 {
    opacity: 0
}

.Online-Store-UI-PopupPanel__ChildrenWrapper_18evn {
    transition-property: opacity,visibility,transform;
    transition-duration: var(--p-motion-duration-200);
    transition-timing-function: var(--p-motion-ease);
    position: relative;
    height: 100%
}

.Online-Store-UI-PopupPanel--enterActive_widih .Online-Store-UI-PopupPanel__ChildrenWrapper_18evn,.Online-Store-UI-PopupPanel--enterDone_y8l37 .Online-Store-UI-PopupPanel__ChildrenWrapper_18evn,.Online-Store-UI-PopupPanel--exit_19kz6 .Online-Store-UI-PopupPanel__ChildrenWrapper_18evn {
    opacity: 1
}

.Online-Store-UI-PopupPanel--enterActive_widih .Online-Store-UI-PopupPanel__ChildrenWrapper_18evn,.Online-Store-UI-PopupPanel--exit_19kz6 .Online-Store-UI-PopupPanel__ChildrenWrapper_18evn {
    transform: translateY(0)
}

.Online-Store-UI-PopupPanel--enterDone_y8l37 .Online-Store-UI-PopupPanel__ChildrenWrapper_18evn {
    transform: none
}

.Online-Store-UI-PopupPanel__ChildrenWrapper_18evn,.Online-Store-UI-PopupPanel--enter_cgnly .Online-Store-UI-PopupPanel__ChildrenWrapper_18evn,.Online-Store-UI-PopupPanel--exitActive_1cc5r .Online-Store-UI-PopupPanel__ChildrenWrapper_18evn,.Online-Store-UI-PopupPanel--exitDone_1vrg6 .Online-Store-UI-PopupPanel__ChildrenWrapper_18evn {
    opacity: 0;
    transform: translateY(var(--osui_motion-suspended-travel))
}

@media (min-width: 41.6875em) {
    .Online-Store-UI-PopupPanel__ChildrenWrapper_18evn {
        padding:var(--p-space-400)
    }
}

.Online-Store-UI-ResourceEmptyState__EmptyState_u20ww {
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: var(--p-space-400);
    border: var(--p-border-width-025) solid var(--p-color-border-secondary);
    border-radius: var(--p-border-radius-100, var(--p-space-200));
    background-color: var(--p-color-bg-surface-secondary);
    min-height: 7.5rem
}

.Online-Store-UI-ResourceEmptyState__Info_17a8x {
    margin-top: var(--p-space-200)
}

.Online-Store-UI-ResourcePreview_p9or0 {
    --osui_selected-resource-setting-background: var(--p-color-bg);
    --osui_selected-resource-setting-text-color: var(--p-color-text)
}

.Online-Store-UI-ResourcePreview--toneMagic_68j56 {
    --osui_selected-resource-setting-background: var(--p-color-bg-surface-ai)
}

.Online-Store-UI-ResourcePreview--toneMagic_68j56:not(.Online-Store-UI-ResourcePreview--error_1xigj,.Online-Store-UI-ResourcePreview--warning_4b123) {
    --osui_selected-resource-setting-text-color: var(--p-color-text-ai)
}

.Online-Store-UI-ResourcePreview--error_1xigj {
    --osui_selected-resource-setting-text-color: var(--p-color-text-critical)
}

.Online-Store-UI-ResourcePreview--warning_4b123 {
    --osui_selected-resource-setting-text-color: var(--p-color-text-warning)
}

.Online-Store-UI-ResourcePreview--disabled_3q9y3 {
    --osui_selected-resource-setting-background: var( --p-color-bg-surface-tertiary );
    --osui_selected-resource-setting-text-color: var(--p-color-text-disabled)
}

.Online-Store-UI-ResourcePreview__Interior_1ye2g,.Online-Store-UI-ResourcePreview__Footer_kw674 {
    background-color: var(--osui_selected-resource-setting-background)
}

.Online-Store-UI-ResourcePreview__InteriorWrapper_1uknw {
    position: relative;
    height: 100%;
    width: 100%
}

.Online-Store-UI-ResourcePreview--loading_4aq5u .Online-Store-UI-ResourcePreview__InteriorWrapper_1uknw,.Online-Store-UI-ResourcePreview--uploading_1rh3l .Online-Store-UI-ResourcePreview__InteriorWrapper_1uknw {
    min-height: 6.375rem
}

.Online-Store-UI-ResourcePreview--loading_4aq5u .Online-Store-UI-ResourcePreview__InteriorWrapper_1uknw .Online-Store-UI-ResourcePreview__Thumbnail_hzdsk,.Online-Store-UI-ResourcePreview--uploading_1rh3l .Online-Store-UI-ResourcePreview__InteriorWrapper_1uknw .Online-Store-UI-ResourcePreview__Thumbnail_hzdsk {
    display: none
}

.Online-Store-UI-ResourcePreview__Interior_1ye2g {
    display: flex;
    flex-direction: column
}

.Online-Store-UI-ResourcePreview__Interior_1ye2g,.Online-Store-UI-ResourcePreview__DropzoneOutline_2qnsq,.Online-Store-UI-ResourcePreview__Skeleton_1e3lx {
    height: 100%;
    padding: var(--p-space-400);
    border-top-left-radius: var(--p-border-radius-200);
    border-top-right-radius: var(--p-border-radius-200)
}

.Online-Store-UI-ResourcePreview__InteriorLargeSkeleton_15zdt,.Online-Store-UI-ResourcePreview__InteriorSmallSkeleton_1doo8 {
    display: flex;
    flex-direction: column;
    border-top-left-radius: var(--p-border-radius-wide);
    border-top-right-radius: var(--p-border-radius-wide);
    align-items: flex-start;
    width: 100%
}

.Online-Store-UI-ResourcePreview__InteriorLargeSkeleton_15zdt {
    height: 12.625rem
}

.Online-Store-UI-ResourcePreview__InteriorSmallSkeleton_1doo8 {
    height: 6.375rem
}

.Online-Store-UI-ResourcePreview__DropzoneOutline_2qnsq,.Online-Store-UI-ResourcePreview__Skeleton_1e3lx {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    opacity: 0
}

.Online-Store-UI-ResourcePreview__Skeleton_1e3lx {
    visibility: hidden;
    background-color: transparent;
    z-index: 3;
    transition-property: opacity,visibility;
    transition-duration: .3s;
    transition-timing-function: var(--p-motion-ease)
}

.Online-Store-UI-ResourcePreview--loading_4aq5u .Online-Store-UI-ResourcePreview__Skeleton_1e3lx,.Online-Store-UI-ResourcePreview--uploading_1rh3l .Online-Store-UI-ResourcePreview__Skeleton_1e3lx {
    background-color: var(--osui_selected-resource-setting-background);
    opacity: 1;
    visibility: visible
}

.Online-Store-UI-ResourcePreview__DropzoneOutline_2qnsq {
    z-index: 1;
    border: var(--p-border-width-025) solid currentcolor;
    box-shadow: inset 0 0 0 var(--p-border-width-025) var(--p-color-border-focus);
    transition-property: opacity,color;
    transition-duration: .3s;
    transition-timing-function: var(--p-motion-ease)
}

:not(.Online-Store-UI-ResourcePreview--disabled_3q9y3) .Online-Store-UI-ResourcePreview__DropzoneOutline_2qnsq {
    cursor: pointer
}

:not(.Online-Store-UI-ResourcePreview--disabled_3q9y3) .Online-Store-UI-ResourcePreview__DropzoneOutline_2qnsq:hover {
    opacity: 1;
    color: var(--p-color-border-focus)
}

.Online-Store-UI-ResourcePreview_p9or0:focus-within .Online-Store-UI-ResourcePreview__DropzoneOutline_2qnsq {
    opacity: 0
}

.Online-Store-UI-ResourcePreview__PreviewWrapper_88yvs {
    width: 100%;
    display: flex;
    align-items: center;
    color: var(--osui_selected-resource-setting-text-color)
}

.Online-Store-UI-ResourcePreview__Title_1x157 {
    z-index: 2;
    overflow-wrap: anywhere
}

@supports (-webkit-line-clamp: 2) {
    .Online-Store-UI-ResourcePreview--titleMultilineTruncate_14iz6 .Online-Store-UI-ResourcePreview__Title_1x157 {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden
    }
}

.Online-Store-UI-ResourcePreview--loading_4aq5u .Online-Store-UI-ResourcePreview__Title_1x157,.Online-Store-UI-ResourcePreview--uploading_1rh3l .Online-Store-UI-ResourcePreview__Title_1x157 {
    display: none
}

.Online-Store-UI-ResourcePreview__Thumbnail_hzdsk {
    position: relative;
    display: flex;
    justify-content: center;
    flex-basis: fit-content;
    width: 100%;
    margin-right: var(--p-space-200);
    background-color: var(--p-color-bg-fill-tertiary);
    border-radius: var(--p-border-radius-400)
}

.Online-Store-UI-ResourcePreview__Thumbnail_hzdsk img {
    border: var(--p-border-width-025) solid var(--p-color-border-secondary);
    background-color: var(--p-color-bg);
    height: 100%;
    max-width: 100%;
    max-height: 9.375rem;
    display: block
}

.Online-Store-UI-ResourcePreview--loading_4aq5u .Online-Store-UI-ResourcePreview__Thumbnail_hzdsk img,.Online-Store-UI-ResourcePreview--uploading_1rh3l .Online-Store-UI-ResourcePreview__Thumbnail_hzdsk img {
    max-height: 3.125rem
}

.Online-Store-UI-ResourcePreview__PreviewWrapperColumn_1mahk {
    flex-direction: column;
    align-items: flex-start
}

.Online-Store-UI-ResourcePreview__PreviewWrapperColumn_1mahk .Online-Store-UI-ResourcePreview__Thumbnail_hzdsk {
    margin-right: 0
}

.Online-Store-UI-ResourcePreview__PreviewWrapperColumn_1mahk .Online-Store-UI-ResourcePreview__Title_1x157 {
    margin-top: var(--p-space-300)
}

.Online-Store-UI-ResourcePreview__ContentWrapper_1svy0 {
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.Online-Store-UI-ResourcePreview__Subtitle_15jyn {
    position: relative;
    z-index: 2;
    display: inline-block;
    margin-top: .625rem;
    overflow-wrap: anywhere
}

@supports (-webkit-line-clamp: 2) {
    .Online-Store-UI-ResourcePreview--subtitleMultilineTruncate_6a65m .Online-Store-UI-ResourcePreview__Subtitle_15jyn {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden
    }
}

.Online-Store-UI-ResourcePreview__Footer_kw674 {
    margin-top: var(--p-border-width-050);
    border-radius: 0 0 var(--p-border-radius-200) var(--p-border-radius-200);
    padding: var(--p-space-300)
}

.Online-Store-UI-ResourcePreview-LargeSkeleton__SkeletonImage_1u2b5 {
    animation: var(--polaris-animation-skeleton-shimmer) calc(var(--p-motion-duration-400)*2) linear infinite alternate;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    will-change: opacity;
    display: flex;
    height: 9.125rem;
    border-radius: var(--p-border-radius-100);
    align-items: center;
    justify-content: center;
    background: var(--p-color-bg-fill-tertiary)
}

@media (prefers-reduced-motion) {
    .Online-Store-UI-ResourcePreview-LargeSkeleton__SkeletonImage_1u2b5 {
        animation: none
    }
}

.Online-Store-UI-ResourcePreview-LargeSkeleton__SkeletonLine_qmvoy {
    animation: var(--polaris-animation-skeleton-shimmer) calc(var(--p-motion-duration-400)*2) linear infinite alternate;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    will-change: opacity;
    position: relative;
    height: .6875rem;
    border-radius: var(--p-border-radius-100);
    margin: var(--p-space-300) 0
}

@media (prefers-reduced-motion) {
    .Online-Store-UI-ResourcePreview-LargeSkeleton__SkeletonLine_qmvoy {
        animation: none
    }
}

.Online-Store-UI-ResourcePreview-LargeSkeleton__SkeletonLine_qmvoy:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    background-color: var(--p-color-bg-fill-tertiary);
    border-radius: var(--p-border-radius-100)
}

@media screen and (-ms-high-contrast: active) {
    .Online-Store-UI-ResourcePreview-LargeSkeleton__SkeletonLine_qmvoy:after {
        background-color: grayText
    }
}

.Online-Store-UI-ResourcePreview-LargeSkeleton__UploadingText_x0a07 {
    margin-top: var(--p-space-300)
}

.Online-Store-UI-ResourcePreview-SmallSkeleton_15hxp {
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.Online-Store-UI-ResourcePreview-SmallSkeleton__Preview_1i995 {
    display: flex;
    flex-direction: row;
    justify-content: flex-start
}

.Online-Store-UI-ResourcePreview-SmallSkeleton__CaptionTop_1s352 {
    animation: var(--polaris-animation-skeleton-shimmer) calc(var(--p-motion-duration-400)*2) linear infinite alternate;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    will-change: opacity;
    position: relative;
    width: 10.3125rem;
    height: .625rem;
    margin: var(--p-space-400)
}

@media (prefers-reduced-motion) {
    .Online-Store-UI-ResourcePreview-SmallSkeleton__CaptionTop_1s352 {
        animation: none
    }
}

.Online-Store-UI-ResourcePreview-SmallSkeleton__CaptionTop_1s352:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    background-color: var(--p-color-bg-fill-tertiary);
    border-radius: var(--p-border-radius-100)
}

@media screen and (-ms-high-contrast: active) {
    .Online-Store-UI-ResourcePreview-SmallSkeleton__CaptionTop_1s352:after {
        background-color: grayText
    }
}

.Online-Store-UI-ResourcePreview-SmallSkeleton__BottomSkeletonBar_g5re6 {
    animation: var(--polaris-animation-skeleton-shimmer) calc(var(--p-motion-duration-400)*2) linear infinite alternate;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    will-change: opacity;
    position: relative;
    width: 6.0625rem;
    height: .625rem;
    margin-top: 1.1875rem
}

@media (prefers-reduced-motion) {
    .Online-Store-UI-ResourcePreview-SmallSkeleton__BottomSkeletonBar_g5re6 {
        animation: none
    }
}

.Online-Store-UI-ResourcePreview-SmallSkeleton__BottomSkeletonBar_g5re6:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    background-color: var(--p-color-bg-fill-tertiary);
    border-radius: var(--p-border-radius-100)
}

@media screen and (-ms-high-contrast: active) {
    .Online-Store-UI-ResourcePreview-SmallSkeleton__BottomSkeletonBar_g5re6:after {
        background-color: grayText
    }
}

.Online-Store-UI-ResourcePreview-SmallSkeleton__Thumbnail_cb09h {
    animation: var(--polaris-animation-skeleton-shimmer) calc(var(--p-motion-duration-400)*2) linear infinite alternate;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    will-change: opacity;
    position: relative;
    height: 2.5rem;
    width: 2.5rem;
    border-radius: var(--p-border-radius-100)
}

@media (prefers-reduced-motion) {
    .Online-Store-UI-ResourcePreview-SmallSkeleton__Thumbnail_cb09h {
        animation: none
    }
}

.Online-Store-UI-ResourcePreview-SmallSkeleton__Thumbnail_cb09h:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    background-color: var(--p-color-bg-fill-tertiary);
    border-radius: var(--p-border-radius-100)
}

@media screen and (-ms-high-contrast: active) {
    .Online-Store-UI-ResourcePreview-SmallSkeleton__Thumbnail_cb09h:after {
        background-color: grayText
    }
}

.Online-Store-UI-ResourcePreview-Activator_1a4fx.Online-Store-UI-ResourcePreview-Activator--error_t2eyj {
    --p-color-bg-surface: var(--p-color-bg-surface-critical)
}

.Online-Store-UI-ResourcePreview-Activator_1a4fx.Online-Store-UI-ResourcePreview-Activator--error_t2eyj:hover {
    --p-color-bg-surface-secondary-hover: var( --p-color-bg-surface-critical-hover )
}

.Online-Store-UI-ResourcePreview-Activator_1a4fx.Online-Store-UI-ResourcePreview-Activator--error_t2eyj:active {
    --p-color-bg-surface-secondary-active: var( --p-color-bg-surface-critical-active )
}

.Online-Store-UI-ResourcePreview-Activator_1a4fx.Online-Store-UI-ResourcePreview-Activator--warning_1615i {
    --p-color-bg-surface: var(--p-color-bg-surface-caution)
}

.Online-Store-UI-ResourcePreview-Activator_1a4fx.Online-Store-UI-ResourcePreview-Activator--warning_1615i:hover {
    --p-color-bg-surface-secondary-hover: var( --p-color-bg-surface-caution-hover )
}

.Online-Store-UI-ResourcePreview-Activator_1a4fx.Online-Store-UI-ResourcePreview-Activator--warning_1615i:active {
    --p-color-bg-surface-secondary-active: var( --p-color-bg-surface-caution-active )
}

.Online-Store-UI-SlimResourcePreview__DropzoneWrapper_10a8y,.Online-Store-UI-SlimResourcePreview__DropzoneWrapper_10a8y [class*=shopilike-DropZone__Container] {
    min-width: 0
}

.Online-Store-UI-SlimResourcePreview__PopoverContent_frjvk {
    width: 16rem
}

.Online-Store-UI-SlimResourcePreview__PopoverTopContent_xronk {
    padding: var(--p-space-300) var(--p-space-300) var(--p-space-200);
    border-bottom: var(--p-border-width-025) solid var(--p-color-border)
}

.Online-Store-UI-SlimResourcePreviewButton-PreviewImage__Container_wiazx {
    --osui-slim-resource-preview-image-action-display: none;
    --osui-slim-resource-preview-image-thumbnail-height: 5.625rem;
    position: relative;
    min-width: 0
}

.Online-Store-UI-SlimResourcePreviewButton-PreviewImage__ButtonContainer_1hpcc {
    position: relative;
    min-width: 0;
    --osui-slim-resource-preview-image-backdrop-background-color: transparent;
    --osui-slim-resource-preview-image-label-display: none;
    --osui-slim-resource-preview-title-display: block
}

.Online-Store-UI-SlimResourcePreviewButton-PreviewImage__ButtonContainer_1hpcc:hover,.Online-Store-UI-SlimResourcePreviewButton-PreviewImage__ButtonContainer_1hpcc:focus-within,.Online-Store-UI-SlimResourcePreviewButton-PreviewImage__Container_wiazx:has(.Online-Store-UI-SlimResourcePreviewButton-PreviewImage__AdditionalAction_1xsjh:hover,.Online-Store-UI-SlimResourcePreviewButton-PreviewImage__AdditionalAction_1xsjh:focus-within) .Online-Store-UI-SlimResourcePreviewButton-PreviewImage__ButtonContainer_1hpcc {
    --osui-slim-resource-preview-image-backdrop-background-color: rgba( 0, 0, 0, .4 );
    --osui-slim-resource-preview-image-label-display: flex;
    --osui-slim-resource-preview-title-display: none
}

.Online-Store-UI-SlimResourcePreviewButton-PreviewImage__Container_wiazx:hover,.Online-Store-UI-SlimResourcePreviewButton-PreviewImage__Container_wiazx:focus-within,.Online-Store-UI-SlimResourcePreviewButton-PreviewImage__Container_wiazx:has(.Online-Store-UI-SlimResourcePreviewButton-PreviewImage__ButtonContainer_1hpcc.Online-Store-UI-SlimResourcePreviewButton-PreviewImage--pressed_1tncf) {
    --osui-slim-resource-preview-image-action-display: block
}

.Online-Store-UI-SlimResourcePreviewButton-PreviewImage__ButtonContainer_1hpcc:active,.Online-Store-UI-SlimResourcePreviewButton-PreviewImage__ButtonContainer_1hpcc.Online-Store-UI-SlimResourcePreviewButton-PreviewImage--pressed_1tncf,.Online-Store-UI-SlimResourcePreviewButton-PreviewImage__Container_wiazx:has(.Online-Store-UI-SlimResourcePreviewButton-PreviewImage__AdditionalAction_1xsjh:hover,.Online-Store-UI-SlimResourcePreviewButton-PreviewImage__AdditionalAction_1xsjh:focus-within) .Online-Store-UI-SlimResourcePreviewButton-PreviewImage__ButtonContainer_1hpcc.Online-Store-UI-SlimResourcePreviewButton-PreviewImage--pressed_1tncf,.Online-Store-UI-SlimResourcePreviewButton-PreviewImage__Container_wiazx:has(.Online-Store-UI-SlimResourcePreviewButton-PreviewImage__AdditionalAction_1xsjh:hover,.Online-Store-UI-SlimResourcePreviewButton-PreviewImage__AdditionalAction_1xsjh:focus-within) .Online-Store-UI-SlimResourcePreviewButton-PreviewImage__ButtonContainer_1hpcc:active {
    --osui-slim-resource-preview-image-backdrop-background-color: rgba( 0, 0, 0, .45 );
    --osui-slim-resource-preview-image-label-display: flex;
    --osui-slim-resource-preview-title-display: none
}

.Online-Store-UI-SlimResourcePreviewButton-PreviewImage__Button_1yypv {
    all: unset;
    position: relative;
    box-sizing: border-box;
    display: flex;
    align-self: stretch;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    cursor: pointer;
    gap: var(--p-space-100);
    height: var(--osui-slim-resource-preview-image-thumbnail-height);
    border-radius: var(--p-border-radius-200)
}

.Online-Store-UI-SlimResourcePreviewButton-PreviewImage__Button_1yypv:focus-visible .Online-Store-UI-SlimResourcePreviewButton-PreviewImage__ImageBackdrop_1nmjg {
    outline: var(--p-border-width-050) solid var(--p-color-border-focus);
    outline-offset: var(--p-space-025)
}

.Online-Store-UI-SlimResourcePreviewButton-PreviewImage__Title_1o53p {
    z-index: 1;
    min-width: 0;
    flex-grow: 0;
    overflow-wrap: anywhere;
    color: var(--p-color-bg-surface);
    white-space: nowrap;
    text-overflow: ellipsis;
    pointer-events: none;
    font-size: var(--p-font-size-300);
    text-shadow: 0 0 .1875rem var(--p-color-bg-fill-transparent-secondary-active);
    display: var(--osui-slim-resource-preview-title-display)
}

.Online-Store-UI-SlimResourcePreviewButton-PreviewImage__Backdrop_48ioy {
    display: none
}

.Online-Store-UI-SlimResourcePreviewButton-PreviewImage__Thumbnail_1dmcn {
    position: relative;
    position: absolute;
    display: flex;
    justify-content: center;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.Online-Store-UI-SlimResourcePreviewButton-PreviewImage__Thumbnail_1dmcn img {
    background-color: var(--p-color-bg);
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    border-radius: var(--p-border-radius-200)
}

.Online-Store-UI-SlimResourcePreviewButton-PreviewImage__Thumbnail_1dmcn .Online-Store-UI-SlimResourcePreviewButton-PreviewImage__ImageTextLegibilityBackdrop_16wqf {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: var(--p-border-radius-200);
    background: linear-gradient(180deg,#0000 70%,#0006);
    opacity: .8;
    box-shadow: inset 0 0 0 var(--p-space-025) var(--p-color-bg-fill-transparent-active)
}

.Online-Store-UI-SlimResourcePreviewButton-PreviewImage__Thumbnail_1dmcn .Online-Store-UI-SlimResourcePreviewButton-PreviewImage__ImageBackdrop_1nmjg {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: var(--p-border-radius-200);
    background-color: var( --osui-slim-resource-preview-image-backdrop-background-color )
}

.Online-Store-UI-SlimResourcePreviewButton-PreviewImage__ImageLabel_rf4ji {
    color: var(--p-color-bg-surface);
    text-shadow: 0 var(--p-space-050) var(--p-space-050) var(--p-color-bg-fill-transparent-secondary-active);
    position: absolute;
    display: var(--osui-slim-resource-preview-image-label-display);
    justify-content: center;
    align-items: center;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.Online-Store-UI-SlimResourcePreviewButton-PreviewImage__LargeImageContent_15jqz {
    min-width: 0;
    height: 100%;
    padding: var(--p-space-150);
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.Online-Store-UI-SlimResourcePreviewButton-PreviewImage__AdditionalImageContent_4emd8 {
    color: var(--p-color-bg-surface);
    position: relative;
    border-radius: var(--p-border-radius-150);
    background-color: var(--p-color-video-thumbnail-play-button-bg-fill);
    padding: var(--p-space-100) var(--p-space-200) var(--p-space-100) var(--p-space-100);
    display: var(--osui-slim-resource-preview-title-display);
    margin-left: auto
}

.Online-Store-UI-SlimResourcePreviewButton-PreviewImage__AdditionalImageContent_4emd8 svg,.Online-Store-UI-SlimResourcePreviewButton-PreviewImage__AdditionalImageContent_4emd8 s-internal-icon {
    color: var(--p-color-bg-surface)
}

.Online-Store-UI-SlimResourcePreviewButton-PreviewImage__AdditionalAction_1xsjh {
    position: absolute;
    top: var(--p-space-100);
    right: var(--p-space-100);
    display: var(--osui-slim-resource-preview-image-action-display);
    color: var(--p-color-text-brand-on-bg-fill)
}

.Online-Store-UI-SlimResourcePreviewButton-PreviewImage__Skeleton_1xyrb {
    background: var(--p-color-bg-fill-tertiary);
    border-radius: var(--p-border-radius-200);
    height: var(--osui-slim-resource-preview-image-thumbnail-height);
    width: 100%;
    min-width: 0
}

.Online-Store-UI-FilenameWithExtension__FirstPart_17v2w {
    min-width: 0;
    flex-shrink: 1;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.Online-Store-UI-FilenameWithExtension__LastPart_1aj3r {
    min-width: 0;
    flex-shrink: 0;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.Online-Store-UI-SlimResourcePreviewButton-PreviewButton__ButtonContainer_15j57 {
    position: relative;
    min-width: 0;
    --osui-slim-resource-preview-icon-color: var(--p-color-icon-secondary);
    --osui-slim-resource-preview-background-color: var( --p-color-bg-surface-transparent );
    --osui-slim-resource-preview-border-color: var(--p-color-input-border);
    --osui-slim-resource-preview-text-color: var(--p-color-text);
    --osui-slim-resource-preview-subtitle-color: var(--p-color-text-secondary);
    --osui-slim-resource-preview-title-display: block
}

.Online-Store-UI-SlimResourcePreviewButton-PreviewButton__ButtonContainer_15j57:hover,.Online-Store-UI-SlimResourcePreviewButton-PreviewButton__ButtonContainer_15j57:focus-within {
    --osui-slim-resource-preview-border-color: var( --p-color-input-border-hover );
    --osui-slim-resource-preview-background-color: var( --p-color-input-bg-surface-hover )
}

.Online-Store-UI-SlimResourcePreviewButton-PreviewButton__ButtonContainer_15j57:active,.Online-Store-UI-SlimResourcePreviewButton-PreviewButton__ButtonContainer_15j57.Online-Store-UI-SlimResourcePreviewButton-PreviewButton--pressed_1dhko {
    --osui-slim-resource-preview-border-color: var( --p-color-input-border-active );
    --osui-slim-resource-preview-background-color: var( --p-color-input-bg-surface-active )
}

.Online-Store-UI-SlimResourcePreviewButton-PreviewButton--toneMagic_sar0r {
    --osui-slim-resource-preview-icon-color: var(--p-color-icon-ai);
    --osui-slim-resource-preview-background-color: var(--p-color-bg-surface-ai);
    --osui-slim-resource-preview-border-color: var(--p-color-border-ai-secondary);
    --osui-slim-resource-preview-text-color: var(--p-color-text-ai);
    --osui-slim-resource-preview-subtitle-color: var(--p-color-text-ai-secondary)
}

.Online-Store-UI-SlimResourcePreviewButton-PreviewButton--toneMagic_sar0r:hover,.Online-Store-UI-SlimResourcePreviewButton-PreviewButton--toneMagic_sar0r:focus-within {
    --osui-slim-resource-preview-background-color: var( --p-color-bg-surface-ai-hover );
    --osui-slim-resource-preview-border-color: var( --p-color-border-ai-secondary-hover )
}

.Online-Store-UI-SlimResourcePreviewButton-PreviewButton--toneMagic_sar0r:active,.Online-Store-UI-SlimResourcePreviewButton-PreviewButton--toneMagic_sar0r.Online-Store-UI-SlimResourcePreviewButton-PreviewButton--pressed_1dhko {
    --osui-slim-resource-preview-background-color: var( --p-color-bg-surface-ai-active );
    --osui-slim-resource-preview-border-color: var( --p-color-border-ai-secondary-hover )
}

.Online-Store-UI-SlimResourcePreviewButton-PreviewButton--toneInfo_b0j24 {
    --osui-slim-resource-preview-icon-color: var(--p-color-icon-info);
    --osui-slim-resource-preview-background-color: var(--p-color-bg-surface-info);
    --osui-slim-resource-preview-border-color: var(--p-color-border-info);
    --osui-slim-resource-preview-text-color: var(--p-color-text-info);
    --osui-slim-resource-preview-subtitle-color: var( --p-color-text-info-secondary )
}

.Online-Store-UI-SlimResourcePreviewButton-PreviewButton--toneInfo_b0j24:hover,.Online-Store-UI-SlimResourcePreviewButton-PreviewButton--toneInfo_b0j24:focus-within {
    --osui-slim-resource-preview-background-color: var( --p-color-bg-surface-info-hover );
    --osui-slim-resource-preview-border-color: var(--p-color-border-info)
}

.Online-Store-UI-SlimResourcePreviewButton-PreviewButton--toneInfo_b0j24:active,.Online-Store-UI-SlimResourcePreviewButton-PreviewButton--toneInfo_b0j24.Online-Store-UI-SlimResourcePreviewButton-PreviewButton--pressed_1dhko {
    --osui-slim-resource-preview-background-color: var( --p-color-bg-surface-info-active );
    --osui-slim-resource-preview-border-color: var(--p-color-border-info)
}

.Online-Store-UI-SlimResourcePreviewButton-PreviewButton--error_16d9q {
    --osui-slim-resource-preview-icon-color: var(--p-color-icon-critical);
    --osui-slim-resource-preview-background-color: var( --p-color-bg-surface-critical );
    --osui-slim-resource-preview-border-color: var(--p-color-border-critical);
    --osui-slim-resource-preview-text-color: var(--p-color-text-critical);
    --osui-slim-resource-preview-subtitle-color: var( --p-color-text-critical-secondary )
}

.Online-Store-UI-SlimResourcePreviewButton-PreviewButton--error_16d9q:hover,.Online-Store-UI-SlimResourcePreviewButton-PreviewButton--error_16d9q:focus-within {
    --osui-slim-resource-preview-background-color: var( --p-color-bg-surface-critical-hover );
    --osui-slim-resource-preview-border-color: var( --p-color-border-critical-secondary )
}

.Online-Store-UI-SlimResourcePreviewButton-PreviewButton--error_16d9q:active,.Online-Store-UI-SlimResourcePreviewButton-PreviewButton--error_16d9q.Online-Store-UI-SlimResourcePreviewButton-PreviewButton--pressed_1dhko {
    --osui-slim-resource-preview-background-color: var( --p-color-bg-surface-critical-active );
    --osui-slim-resource-preview-border-color: var( --p-color-border-critical-secondary )
}

.Online-Store-UI-SlimResourcePreviewButton-PreviewButton--warning_1x8mc {
    --osui-slim-resource-preview-icon-color: var(--p-color-icon-warning);
    --osui-slim-resource-preview-background-color: var( --p-color-bg-surface-warning );
    --osui-slim-resource-preview-border-color: var(--p-color-border-warning);
    --osui-slim-resource-preview-text-color: var(--p-color-text-caution);
    --osui-slim-resource-preview-subtitle-color: var( --p-color-text-caution-secondary )
}

.Online-Store-UI-SlimResourcePreviewButton-PreviewButton--warning_1x8mc:hover,.Online-Store-UI-SlimResourcePreviewButton-PreviewButton--warning_1x8mc:focus-within {
    --osui-slim-resource-preview-background-color: var( --p-color-bg-surface-warning-hover );
    --osui-slim-resource-preview-border-color: var(--p-color-border-warning)
}

.Online-Store-UI-SlimResourcePreviewButton-PreviewButton--warning_1x8mc:active,.Online-Store-UI-SlimResourcePreviewButton-PreviewButton--warning_1x8mc.Online-Store-UI-SlimResourcePreviewButton-PreviewButton--pressed_1dhko {
    --osui-slim-resource-preview-background-color: var( --p-color-bg-surface-warning-active );
    --osui-slim-resource-preview-border-color: var(--p-color-border-warning)
}

.Online-Store-UI-SlimResourcePreviewButton-PreviewButton--subdued_1dd2f {
    --osui-slim-resource-preview-icon-color: var(--p-color-icon);
    --osui-slim-resource-preview-background-color: var( --p-color-bg-surface-secondary );
    --osui-slim-resource-preview-border-color: var(--p-color-border);
    --osui-slim-resource-preview-text-color: var(--p-color-text);
    --osui-slim-resource-preview-subtitle-color: var(--p-color-text-secondary)
}

.Online-Store-UI-SlimResourcePreviewButton-PreviewButton--subdued_1dd2f:hover,.Online-Store-UI-SlimResourcePreviewButton-PreviewButton--subdued_1dd2f:focus-within {
    --osui-slim-resource-preview-background-color: var( --p-color-bg-surface-secondary-hover );
    --osui-slim-resource-preview-border-color: var(--p-color-border-hover)
}

.Online-Store-UI-SlimResourcePreviewButton-PreviewButton--subdued_1dd2f:active,.Online-Store-UI-SlimResourcePreviewButton-PreviewButton--subdued_1dd2f.Online-Store-UI-SlimResourcePreviewButton-PreviewButton--pressed_1dhko {
    --osui-slim-resource-preview-background-color: var( --p-color-bg-surface-secondary-active );
    --osui-slim-resource-preview-border-color: var(--p-color-border-hover)
}

.Online-Store-UI-SlimResourcePreviewButton-PreviewButton--loading_1x8xf {
    --osui-slim-resource-preview-background-color: var(--p-color-bg-surface);
    --osui-slim-resource-preview-border-color: var(--p-color-border-secondary)
}

.Online-Store-UI-SlimResourcePreviewButton-PreviewButton--loading_1x8xf:hover,.Online-Store-UI-SlimResourcePreviewButton-PreviewButton--loading_1x8xf:focus-within {
    --osui-slim-resource-preview-background-color: var(--p-color-bg-surface);
    --osui-slim-resource-preview-border-color: var(--p-color-border-secondary)
}

.Online-Store-UI-SlimResourcePreviewButton-PreviewButton--loading_1x8xf:active,.Online-Store-UI-SlimResourcePreviewButton-PreviewButton--loading_1x8xf.Online-Store-UI-SlimResourcePreviewButton-PreviewButton--pressed_1dhko {
    --osui-slim-resource-preview-background-color: var(--p-color-bg-surface);
    --osui-slim-resource-preview-border-color: var(--p-color-border-secondary)
}

.Online-Store-UI-SlimResourcePreviewButton-PreviewButton--disabled_1ytox {
    cursor: not-allowed;
    --osui-slim-resource-preview-background-color: var( --p-color-bg-surface-tertiary );
    --osui-slim-resource-preview-text-color: var(--p-color-text-disabled);
    --osui-slim-resource-preview-icon-color: var(--p-color-icon-disabled);
    --osui-slim-resource-preview-border-color: var(--p-color-border-disabled);
    --osui-slim-resource-preview-subtitle-color: var(--p-color-text-disabled)
}

.Online-Store-UI-SlimResourcePreviewButton-PreviewButton--disabled_1ytox:hover,.Online-Store-UI-SlimResourcePreviewButton-PreviewButton--disabled_1ytox:active,.Online-Store-UI-SlimResourcePreviewButton-PreviewButton--disabled_1ytox.Online-Store-UI-SlimResourcePreviewButton-PreviewButton--pressed_1dhko,.Online-Store-UI-SlimResourcePreviewButton-PreviewButton--disabled_1ytox:focus-within {
    --osui-slim-resource-preview-background-color: var( --p-color-bg-surface-tertiary );
    --osui-slim-resource-preview-border-color: var(--p-color-border-disabled)
}

.Online-Store-UI-SlimResourcePreviewButton-PreviewButton--disabled_1ytox .Online-Store-UI-SlimResourcePreviewButton-PreviewButton__Button_1fmb0 {
    cursor: not-allowed
}

.Online-Store-UI-SlimResourcePreviewButton-PreviewButton__Container_p1f8l {
    position: relative;
    min-width: 0
}

.Online-Store-UI-SlimResourcePreviewButton-PreviewButton__Button_1fmb0 {
    all: unset;
    position: relative;
    box-sizing: border-box;
    display: flex;
    align-self: stretch;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    cursor: pointer;
    gap: var(--p-space-100);
    height: calc(var(--p-height-1000) + var(--p-height-100));
    padding: var(--p-space-0);
    padding-right: var(--p-space-150)
}

@media (hover) and (pointer: fine),(min-width: 48em) {
    .Online-Store-UI-SlimResourcePreviewButton-PreviewButton__Button_1fmb0 {
        height:var(--p-height-800)
    }
}

.Online-Store-UI-SlimResourcePreviewButton-PreviewButton__Button_1fmb0.Online-Store-UI-SlimResourcePreviewButton-PreviewButton--withSubtitle_1pkd1 {
    height: var(--p-height-900)
}

.Online-Store-UI-SlimResourcePreviewButton-PreviewButton__Button_1fmb0 .Online-Store-UI-SlimResourcePreviewButton-PreviewButton__Backdrop_1y3d2 {
    position: absolute;
    display: block;
    border-width: var(--p-border-width-025);
    border-style: solid;
    border-radius: var(--p-border-radius-300);
    border-color: var(--osui-slim-resource-preview-border-color);
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: var(--osui-slim-resource-preview-background-color);
    pointer-events: none
}

@media (hover) and (pointer: fine),(min-width: 48em) {
    .Online-Store-UI-SlimResourcePreviewButton-PreviewButton__Button_1fmb0 .Online-Store-UI-SlimResourcePreviewButton-PreviewButton__Backdrop_1y3d2 {
        border-width:var(--p-border-width-0165);
        border-radius: var(--p-border-radius-200)
    }
}

.Online-Store-UI-SlimResourcePreviewButton-PreviewButton__Button_1fmb0:focus-visible .Online-Store-UI-SlimResourcePreviewButton-PreviewButton__Backdrop_1y3d2 {
    outline: var(--p-border-width-050) solid var(--p-color-border-focus);
    outline-offset: var(--p-space-025)
}

.Online-Store-UI-SlimResourcePreviewButton-PreviewButton__Button_1fmb0 svg,.Online-Store-UI-SlimResourcePreviewButton-PreviewButton__Button_1fmb0 s-internal-icon {
    color: var(--osui-slim-resource-preview-icon-color)
}

.Online-Store-UI-SlimResourcePreviewButton-PreviewButton__Title_16pa0 {
    position: relative;
    z-index: 1;
    min-width: 0;
    flex-grow: 1;
    overflow-wrap: anywhere;
    color: var(--osui-slim-resource-preview-text-color);
    white-space: nowrap;
    text-overflow: ellipsis;
    pointer-events: none;
    display: var(--osui-slim-resource-preview-title-display);
    font-size: var(--p-font-size-350);
    font-weight: var(--p-font-weight-regular);
    letter-spacing: var(--p-font-letter-spacing-dense);
    line-height: var(--p-font-line-height-500)
}

@media (hover) and (pointer: fine),(min-width: 48em) {
    .Online-Store-UI-SlimResourcePreviewButton-PreviewButton__Title_16pa0 {
        font-size:var(--p-font-size-300);
        letter-spacing: var(--p-font-letter-spacing-normal);
        line-height: var(--p-font-line-height-400)
    }
}

.Online-Store-UI-SlimResourcePreviewButton-PreviewButton--loading_1x8xf .Online-Store-UI-SlimResourcePreviewButton-PreviewButton__Title_16pa0,.Online-Store-UI-SlimResourcePreviewButton-PreviewButton--uploading_1bb1c .Online-Store-UI-SlimResourcePreviewButton-PreviewButton__Title_16pa0,.Online-Store-UI-SlimResourcePreviewButton-PreviewButton__Backdrop_1y3d2 {
    display: none
}

.Online-Store-UI-SlimResourcePreviewButton-PreviewButton__Thumbnail_1lo6i {
    position: relative;
    display: flex;
    justify-content: center
}

.Online-Store-UI-SlimResourcePreviewButton-PreviewButton__Thumbnail_1lo6i img {
    background-color: var(--p-color-bg);
    width: 100%;
    height: 100%;
    display: block
}

.Online-Store-UI-SlimResourcePreviewButton-PreviewButton__Thumbnail_1lo6i.Online-Store-UI-SlimResourcePreviewButton-PreviewButton--thumbshot_3sfqm {
    position: relative;
    margin-left: var(--p-space-100);
    width: var(--p-width-700);
    height: var(--p-height-600);
    border-radius: var(--p-border-radius-150);
    flex-shrink: 0
}

.Online-Store-UI-SlimResourcePreviewButton-PreviewButton__Thumbnail_1lo6i.Online-Store-UI-SlimResourcePreviewButton-PreviewButton--thumbshot_3sfqm .Online-Store-UI-SlimResourcePreviewButton-PreviewButton__InnerImageBorder_n0uir {
    position: absolute;
    border-radius: var(--p-border-radius-150);
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border: var(--p-border-width-0165) solid var(--p-color-bg-fill-disabled)
}

.Online-Store-UI-SlimResourcePreviewButton-PreviewButton__Thumbnail_1lo6i.Online-Store-UI-SlimResourcePreviewButton-PreviewButton--thumbshot_3sfqm img {
    object-fit: cover;
    border-radius: var(--p-border-radius-150)
}

.Online-Store-UI-SlimResourcePreviewButton-PreviewButton__Thumbnail_1lo6i.Online-Store-UI-SlimResourcePreviewButton-PreviewButton--icon_1w0gg {
    margin-left: var(--p-space-150);
    color: var(--osui-slim-resource-preview-icon-color)
}

.Online-Store-UI-SlimResourcePreviewButton-PreviewButton__Thumbnail_1lo6i.Online-Store-UI-SlimResourcePreviewButton-PreviewButton--node_1w0q4 {
    align-items: center
}

.Online-Store-UI-SlimResourcePreviewButton-PreviewButton__TitleContainer_1pkwg {
    min-width: 0;
    flex-grow: 1
}

.Online-Store-UI-SlimResourcePreviewButton-PreviewButton__Subtitle_10fd9 {
    --osui-slim-resource-preview-subtitle-chevron-width: .25rem;
    --osui-slim-resource-preview-subtitle-section-min-width: .625rem;
    --osui-slim-resource-preview-subtitle-section-gap: var(--p-space-100);
    --osui-slim-resource-preview-subtitle-section-count: 1;
    position: relative;
    min-width: 0;
    display: flex;
    flex-direction: row;
    gap: var(--osui-slim-resource-preview-subtitle-section-gap);
    align-items: center;
    color: var(--osui-slim-resource-preview-subtitle-color)
}

.Online-Store-UI-SlimResourcePreviewButton-PreviewButton__Subtitle_10fd9+.Online-Store-UI-SlimResourcePreviewButton-PreviewButton__Title_16pa0 {
    margin-top: calc(var(--p-space-025)*-1)
}

.Online-Store-UI-SlimResourcePreviewButton-PreviewButton__Subtitle_10fd9 svg {
    color: var(--osui-slim-resource-preview-subtitle-color);
    flex-shrink: 0;
    flex-grow: 0
}

.Online-Store-UI-SlimResourcePreviewButton-PreviewButton__SubtitleSection_1mjlx {
    position: relative;
    display: block;
    min-width: var(--osui-slim-resource-preview-subtitle-section-min-width);
    flex-basis: min-content;
    flex-shrink: 1;
    -webkit-user-select: none;
    user-select: none;
    overflow-wrap: anywhere;
    word-break: normal;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.Online-Store-UI-SlimResourcePreviewButton-PreviewButton__SubtitleSection_1mjlx.Online-Store-UI-SlimResourcePreviewButton-PreviewButton--lastSection_uzdzj {
    flex-shrink: 0;
    max-width: calc(100% - (var(--osui-slim-resource-preview-subtitle-section-min-width) + var(--osui-slim-resource-preview-subtitle-chevron-width) + var(--osui-slim-resource-preview-subtitle-section-gap)*2)*(var(--osui-slim-resource-preview-subtitle-section-count) - 1))
}

.Online-Store-UI-SlimResourcePreviewButton-PreviewButton__SubtitleSection_1mjlx {
    font-size: var(--p-font-size-300);
    font-weight: var(--p-font-weight-regular);
    letter-spacing: var(--p-font-letter-spacing-dense);
    line-height: var(--p-font-line-height-400)
}

@media (hover) and (pointer: fine),(min-width: 48em) {
    .Online-Store-UI-SlimResourcePreviewButton-PreviewButton__SubtitleSection_1mjlx {
        font-size:var(--p-font-size-275);
        letter-spacing: var(--p-font-letter-spacing-normal);
        line-height: calc(var(--p-font-line-height-300) + .0625rem)
    }
}

.Online-Store-UI-SlimResourcePreviewButton-PreviewButton__SubtitleSectionDots_8tqe5 {
    container-type: inline-size;
    pointer-events: none;
    position: absolute;
    display: block;
    min-width: 0;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

@container (max-width: 11px) {
    .Online-Store-UI-SlimResourcePreviewButton-PreviewButton__SubtitleSectionDots_8tqe5 .Online-Store-UI-SlimResourcePreviewButton-PreviewButton__Dots_1w0cj:before {
        content: "…";
        background: var(--osui-slim-resource-preview-background-color)
    }
}

.Online-Store-UI-SlimResourcePreviewButton-PreviewButton__SkeletonContainer_1gasr {
    position: relative;
    padding-left: var(--p-space-200);
    padding-right: var(--p-space-500);
    width: 100%
}

.Online-Store-UI-SlimResourcePreviewButton-PreviewButton__SkeletonThumbnail_1tv09 {
    background-color: var(--p-color-bg-fill-tertiary);
    border-radius: var(--p-border-radius-100);
    width: var(--p-width-500);
    height: var(--p-height-500)
}

@media screen and (-ms-high-contrast: active) {
    .Online-Store-UI-SlimResourcePreviewButton-PreviewButton__SkeletonThumbnail_1tv09 {
        background-color: grayText
    }
}

.Online-Store-UI-SlimResourcePreviewButton-PreviewButton__SkeletonText_17ln2 {
    background-color: var(--p-color-bg-fill-tertiary);
    border-radius: var(--p-border-radius-100);
    height: .625rem;
    flex-grow: 1
}

@media screen and (-ms-high-contrast: active) {
    .Online-Store-UI-SlimResourcePreviewButton-PreviewButton__SkeletonText_17ln2 {
        background-color: grayText
    }
}

.Online-Store-UI-ResourceSelector__ResourceLabel_9rfmh {
    display: flex;
    justify-content: space-between
}

.Online-Store-UI-ResourceSelector--label_2g2uk {
    justify-content: flex-start
}

.Online-Store-UI-ResourceSelector--hyperlink_1j5bq {
    justify-content: flex-end
}

.Online-Store-UI-ResourceSelector-ResourcePreview__PreviewArea_qxg0z {
    padding: var(--p-space-400);
    border: var(--p-border-width-025) solid var(--p-color-border-secondary);
    border-radius: var(--p-border-radius-100);
    background-color: var(--p-color-bg-surface-secondary)
}

.Online-Store-UI-ResourceSelector-ResourcePreview--error_1y8wo {
    border-color: var(--p-color-border-critical);
    background-color: var(--p-color-bg-surface-critical)
}

.Online-Store-UI-ResourceSelector-ResourcePreview__ButtonContainer_r56ki {
    padding-top: var(--p-space-400)
}

.Online-Store-UI-ResourceSelector-ResourcePreview--toneMagic_1xt1z {
    background-color: var(--p-color-bg-surface-ai)
}

.Online-Store-UI-ResourceSelector-Item_r3xem {
    display: flex;
    align-items: center
}

.Online-Store-UI-ResourceSelector-Item--icon_r3ryg {
    padding: calc(.375rem - var(--p-border-width-025)*2*.5)
}

.Online-Store-UI-ResourceSelector-Item--framed_128mn {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--p-border-radius-100);
    background-color: var(--p-color-bg-surface);
    border: var(--p-border-width-025) solid var(--p-color-border-secondary);
    padding: calc(.375rem - var(--p-border-width-025)*2*.5)
}

.Online-Store-UI-ResourceSelector-Item__ContentWrapper_1lazq {
    min-width: 0;
    max-width: 100%
}

.Online-Store-UI-ResourceSelector-Item__Thumbnail_iy5rs+.Online-Store-UI-ResourceSelector-Item__ContentWrapper_1lazq {
    margin-left: var(--p-space-300)
}

.Online-Store-UI-ResourceSelector-Item--toneMagic_ih6lf {
    background-color: var(--p-color-bg-surface-ai)
}

.Online-Store-UI-ResourceThumbnailNext__Thumbnail_1nymx {
    --pc-thumbnail-extra-small-size: var(--p-height-600);
    --pc-thumbnail-small-size: var(--p-height-800);
    --pc-thumbnail-medium-size: var(--p-height-1000);
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    background: var(--p-color-bg-surface);
    border-radius: var(--p-border-radius-150);
    aspect-ratio: 1
}

.Online-Store-UI-ResourceThumbnailNext__Thumbnail_1nymx.Online-Store-UI-ResourceThumbnailNext--border_s2pp4 {
    border: var(--p-border-width-025) solid var(--p-color-border)
}

.Online-Store-UI-ResourceThumbnailNext__Thumbnail_1nymx img {
    height: 100%;
    width: 100%;
    object-fit: cover
}

.Online-Store-UI-ResourceThumbnailNext--sizeExtraSmall_s9u0c {
    width: var(--pc-thumbnail-extra-small-size)
}

.Online-Store-UI-ResourceThumbnailNext--sizeSmall_1wufa {
    width: var(--pc-thumbnail-small-size)
}

.Online-Store-UI-ResourceThumbnailNext--sizeMedium_wd6nt {
    width: var(--pc-thumbnail-medium-size)
}

.Online-Store-UI-ResourceThumbnailNext--fillTransparent_blvtn {
    background: none
}

.Online-Store-UI-ResourceThumbnailNext--fillSecondary_jwtpz {
    background: var(--p-color-bg-surface-secondary)
}

.Online-Store-UI-ResourceThumbnailNext--fillTertiary_b30g1 {
    background: var(--p-color-bg-surface-tertiary)
}

.Online-Store-UI-ResourceThumbnailNext-Skeleton__SkeletonThumbnail_1ja4f {
    --skeleton-size: var(--p-height-800);
    display: flex;
    background-color: var(--p-color-bg-fill-tertiary);
    border-radius: var(--p-border-radius-200)
}

@media screen and (-ms-high-contrast: active) {
    .Online-Store-UI-ResourceThumbnailNext-Skeleton__SkeletonThumbnail_1ja4f {
        background-color: grayText
    }
}

.Online-Store-UI-ResourceThumbnailNext-Skeleton--sizeExtraSmall_1owx3 {
    --skeleton-size: var(--p-height-600)
}

.Online-Store-UI-ResourceThumbnailNext-Skeleton--sizeSmall_5uukm {
    --skeleton-size: var(--p-height-800)
}

.Online-Store-UI-ResourceThumbnailNext-Skeleton--sizeMedium_1gzhv {
    --skeleton-size: var(--p-height-1000)
}

.Online-Store-UI-ResourceThumbnailNext-Skeleton--sizeExtraSmall_1owx3,.Online-Store-UI-ResourceThumbnailNext-Skeleton--sizeSmall_5uukm,.Online-Store-UI-ResourceThumbnailNext-Skeleton--sizeMedium_1gzhv {
    height: var(--skeleton-size);
    width: var(--skeleton-size)
}

.Online-Store-UI-RichText-ResizeableCombo__Wrapper_1isna {
    z-index: 20;
    position: relative
}

.Online-Store-UI-RichText-ResizeableCombo__Wrapper_1isna.Online-Store-UI-RichText-ResizeableCombo--dense_b3696 {
    --osui_rte-border-width: var(--p-border-width-0165)
}

.Online-Store-UI-RichText-ResizeableCombo__CloneTarget_1ms9f,.Online-Store-UI-RichText-ResizeableCombo_jlf91 {
    --osui_rte-resizeable-children-min-height: calc(var(--p-space-400)*8)
}

.Online-Store-UI-RichText-ResizeableCombo_jlf91 {
    transition-property: top,left,bottom,width;
    transition-duration: var(--p-motion-duration-300);
    transition-timing-function: var(--p-motion-ease)
}

.Online-Store-UI-RichText-ResizeableCombo--animationBeforeExpanding_u2cts,.Online-Store-UI-RichText-ResizeableCombo--animationBeforeShrinking_1bexh,.Online-Store-UI-RichText-ResizeableCombo--animationExpanding_1a3r6,.Online-Store-UI-RichText-ResizeableCombo--animationShrinking_2wpww,.Online-Store-UI-RichText-ResizeableCombo--sizeExpanded_1wvc9,.Online-Store-UI-RichText-ResizeableCombo--sizeFullscreen_6pt0s {
    position: fixed;
    top: calc(var(--osui_height-frame-header) + 4rem + var(--p-space-400));
    bottom: var(--p-space-400);
    left: var(--p-space-400);
    width: var(--osui_width-sidebar-interior-desktop)
}

.Online-Store-UI-RichText-ResizeableCombo--sizeExpanded_1wvc9,.Online-Store-UI-RichText-ResizeableCombo--sizeFullscreen_6pt0s {
    --osui_rte-resizeable-children-max-height: 84vh;
    --osui_rte-toolbar-border-radius: 0
}

.Online-Store-UI-RichText-ResizeableCombo--sizeFullscreen_6pt0s {
    width: calc(100vw - var(--p-space-400)*2)
}

.Online-Store-UI-RichText-ResizeableCombo__CloneTarget_1ms9f {
    min-height: var(--osui_rte-resizeable-children-min-height, auto);
    max-height: var(--osui_rte-resizeable-children-max-height, 17.5rem);
    border: var(--osui_rte-border-width, var(--p-border-width-025)) solid var(--p-color-input-border);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    z-index: -1;
    position: fixed;
    top: 0;
    left: 0;
    width: var(--osui_width-sidebar-interior-card-desktop);
    overflow: hidden
}

.Online-Store-UI-RichText-ResizeableCombo__FooterChildren_10xn2,.Online-Store-UI-RichText-ResizeableCombo__SizeSwitcherWrapper_wxcs7 {
    min-width: 0;
    max-width: 100%
}

.Online-Store-UI-RichText-ResizeableCombo__FooterChildren_10xn2 {
    flex: 1 1 auto
}

.Online-Store-UI-RichText-ResizeableCombo__SizeSwitcherWrapper_wxcs7 {
    min-width: 0;
    max-width: 100%;
    flex: 0 0 auto;
    margin-left: auto
}

.Online-Store-UI-RichText-ResizeableCombo__FooterChildren_10xn2+.Online-Store-UI-RichText-ResizeableCombo__SizeSwitcherWrapper_wxcs7 {
    margin-left: var(--p-space-200)
}

.Online-Store-UI-ResizeableCombo-Backdrop_1b3os {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    will-change: opacity;
    animation: var(--osui_animation-name-fade-out) var(--p-motion-duration-300) 0ms var(--p-motion-ease) both;
    z-index: 40;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    width: calc(var(--osui_width-sidebar-desktop) - var(--p-space-200));
    background-color: var(--osui_color-frame-bg)
}

.Online-Store-UI-ResizeableCombo-Backdrop_1b3os:before {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    content: "";
    pointer-events: none;
    opacity: 0;
    background-color: var(--osui_color-frame-bg);
    transition: opacity var(--p-motion-duration-300) var(--p-motion-ease)
}

.Online-Store-UI-ResizeableCombo-Backdrop--show_x3cg4 {
    animation: var(--osui_animation-name-fade-in) var(--p-motion-duration-300) 0ms var(--p-motion-ease) both
}

.Online-Store-UI-ResizeableCombo-Backdrop--fullscreen_1ec7v:before {
    opacity: 1
}

.Online-Store-UI-RichText-Combo_16yb4 {
    position: relative;
    z-index: 40;
    display: grid;
    grid-template-columns: 100%;
    grid-template-rows: 0 auto 1fr auto;
    grid-template-areas: "header" "toolbar" "children" "footer"
}

.Online-Store-UI-RichText-Combo_16yb4:after {
    content: "";
    position: absolute;
    z-index: 1;
    top: -.0625rem;
    right: -.0625rem;
    bottom: -.0625rem;
    left: -.0625rem;
    display: block;
    pointer-events: none;
    box-shadow: 0 0 0 -.0625rem var(--p-color-border-focus);
    transition: box-shadow var(--p-motion-duration-100) var(--p-motion-ease);
    border-radius: calc(var(--p-border-radius-100) + .0625rem)
}

.Online-Store-UI-RichText-Combo_16yb4:after {
    inset: var(--p-border-width-025);
    grid-area: children
}

.Online-Store-UI-RichText-Combo_16yb4.Online-Store-UI-RichText-Combo--readOnly_178wx {
    background: var(--p-color-bg-surface-secondary);
    color: var(--p-color-text-disabled)
}

.Online-Store-UI-RichText-Combo_16yb4.Online-Store-UI-RichText-Combo--dense_16zea {
    --osui_rte-border-width: var(--p-border-width-0165)
}

@media (max-width: 41.685em) {
    .Online-Store-UI-RichText-Combo_16yb4.Online-Store-UI-RichText-Combo--dense_16zea {
        --osui_radius-sidebar-children: var(--p-border-radius-300)
    }
}

.Online-Store-UI-RichText-Combo--focused_r53qt:after {
    box-shadow: 0 0 0 .125rem var(--p-color-border-focus);
    outline: var(--osui_high-contrast-outline)
}

@media (max-width: 41.685em) {
    .Online-Store-UI-RichText-Combo--focused_r53qt.Online-Store-UI-RichText-Combo--dense_16zea:after {
        border-radius:var(--p-border-radius-300)
    }
}

.Online-Store-UI-RichText-Combo--focused_r53qt.Online-Store-UI-RichText-Combo--withHeader_n2fl2:after {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.Online-Store-UI-RichText-Combo--focused_r53qt.Online-Store-UI-RichText-Combo--withFooter_v56uk:after {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.Online-Store-UI-RichText-Combo__ToolbarWrapper_k882g {
    flex: 0 0 auto;
    padding: var(--p-space-200);
    background-color: var(--p-color-bg-surface-secondary);
    border: var(--osui_rte-border-width, var(--p-border-width-025)) solid var(--p-color-input-border);
    border-bottom: 0;
    border-top-left-radius: var(--osui_rte-toolbar-border-radius, var(--p-space-200));
    border-top-right-radius: var(--osui_rte-toolbar-border-radius, var(--p-space-200));
    z-index: 1;
    position: relative;
    grid-area: toolbar;
    transition: border-radius var(--p-motion-duration-300) var(--p-motion-ease)
}

.Online-Store-UI-RichText-Combo__ToolbarWrapper_k882g:before {
    content: "";
    z-index: 3;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: calc(var(--p-space-200) - var(--osui_rte-border-width, var(--p-border-width-025)));
    background-color: var(--p-color-bg-surface-secondary);
    border-top-left-radius: var(--osui_radius-sidebar-children)
}

.Online-Store-UI-RichText-Combo__ToolbarWrapper_k882g.Online-Store-UI-RichText-Combo--dense_16zea:before {
    width: calc((var(--p-space-200) - var(--osui_rte-border-width, var(--p-border-width-025)))*2)
}

.Online-Store-UI-RichText-Combo__ToolbarWrapper_k882g.Online-Store-UI-RichText-Combo--unframed_1fw5c {
    border: none;
    border-radius: 0;
    border-bottom: var(--p-border-width-025) solid var(--p-color-border-secondary)
}

.Online-Store-UI-RichText-Combo__ToolbarWrapper_k882g.Online-Store-UI-RichText-Combo--toneMagic_ljnw9 {
    border-color: var(--p-color-border-ai-secondary)
}

.Online-Store-UI-RichText-Combo__ToolbarWrapper_k882g.Online-Store-UI-RichText-Combo--dense_16zea {
    padding: var(--p-space-100)
}

@media (max-width: 41.685em) {
    .Online-Store-UI-RichText-Combo__ToolbarWrapper_k882g.Online-Store-UI-RichText-Combo--dense_16zea {
        padding:var(--p-space-200) var(--p-space-300);
        border-top-left-radius: var(--p-border-radius-300);
        border-top-right-radius: var(--p-border-radius-300)
    }
}

.Online-Store-UI-RichText-Combo_16yb4.Online-Store-UI-RichText-Combo--dense_16zea:not(.Online-Store-UI-RichText-Combo--focused_r53qt):not(:hover) .Online-Store-UI-RichText-Combo__ToolbarWrapper_k882g button {
    color: var(--p-color-text-secondary)
}

.Online-Store-UI-RichText-Combo__Children_14by9 {
    min-height: var(--osui_rte-resizeable-children-min-height, auto);
    max-height: var(--osui_rte-resizeable-children-max-height, 17.5rem);
    border: var(--osui_rte-border-width, var(--p-border-width-025)) solid var(--p-color-input-border);
    display: flex;
    flex: 1 1 auto;
    grid-area: children;
    overflow: auto;
    background-color: var(--p-color-bg-surface);
    transition: max-height var(--p-motion-duration-300) var(--p-motion-ease)
}

.Online-Store-UI-RichText-Combo__Children_14by9.Online-Store-UI-RichText-Combo--toneMagic_ljnw9 {
    border-color: var(--p-color-border-ai-secondary);
    background-color: var(--p-color-bg-surface-ai)
}

.Online-Store-UI-RichText-Combo__Children_14by9:only-child {
    border-top-color: #898f94
}

.Online-Store-UI-RichText-Combo__Children_14by9:first-child,.Online-Store-UI-RichText-Combo__Children_14by9:only-child {
    border-top-left-radius: var(--osui_radius-sidebar-children);
    border-top-right-radius: var(--osui_radius-sidebar-children)
}

.Online-Store-UI-RichText-Combo__Children_14by9:last-child,.Online-Store-UI-RichText-Combo__Children_14by9:only-child {
    border-bottom-left-radius: var(--osui_radius-sidebar-children);
    border-bottom-right-radius: var(--osui_radius-sidebar-children)
}

.Online-Store-UI-RichText-Combo__Children_14by9.Online-Store-UI-RichText-Combo--readOnly_178wx {
    background: var(--p-color-bg-surface-secondary)
}

.Online-Store-UI-RichText-Combo__Children_14by9.Online-Store-UI-RichText-Combo--unframed_1fw5c {
    border: none;
    border-radius: 0
}

.Online-Store-UI-RichText-Combo__SlateWrapper_nyxa4 {
    display: flex;
    width: 100%;
    flex: 1 1 auto
}

.Online-Store-UI-RichText-Combo__SlateWrapper_nyxa4.Online-Store-UI-RichText-Combo--toneMagic_ljnw9 * {
    color: var(--p-color-text-ai)
}

.Online-Store-UI-RichText-Combo__Slate_16zc6 {
    overflow: auto;
    margin-left: auto;
    margin-right: auto;
    padding: var(--p-space-300);
    width: 100%;
    max-width: 41.25rem;
    height: 100%;
    outline: none;
    font-size: var(--p-font-size-400);
    font-weight: var(--p-font-weight-regular);
    line-height: var(--p-font-line-height-500);
    border: none;
    letter-spacing: initial
}

@media (min-width: 48em) {
    .Online-Store-UI-RichText-Combo__Slate_16zc6 {
        font-size:var(--p-font-size-350)
    }
}

.Online-Store-UI-RichText-Combo__Slate_16zc6.Online-Store-UI-RichText-Combo--compact_1bat6 {
    padding-top: var(--p-space-150);
    padding-bottom: var(--p-space-150)
}

.Online-Store-UI-RichText-Combo__Slate_16zc6.Online-Store-UI-RichText-Combo--compact_1bat6>* {
    width: 100%
}

.Online-Store-UI-RichText-Combo__Slate_16zc6.Online-Store-UI-RichText-Combo--dense_16zea {
    font-size: var(--p-font-size-350);
    padding: var(--p-space-300)
}

@media (hover) and (pointer: fine),(min-width: 48em) {
    .Online-Store-UI-RichText-Combo__Slate_16zc6.Online-Store-UI-RichText-Combo--dense_16zea {
        font-size:var(--p-font-size-300);
        padding: var(--p-space-200)
    }
}

.Online-Store-UI-RichText-Combo__Slate_16zc6.Online-Store-UI-RichText-Combo--fullWidth_ob9kp {
    max-width: 100%
}

.Online-Store-UI-RichText-Combo--fixedWidth_l55qm {
    max-width: 41.25rem
}

.Online-Store-UI-Combo-Footer_y9bij {
    flex: 0 0 auto;
    padding: var(--p-space-200);
    background-color: var(--p-color-bg-surface-secondary);
    border: var(--osui_rte-border-width, var(--p-border-width-025)) solid var(--p-color-input-border);
    border-top: 0;
    border-bottom-left-radius: var(--osui_radius-sidebar-children);
    border-bottom-right-radius: var(--osui_radius-sidebar-children);
    display: flex;
    align-items: center;
    grid-area: footer
}

.Online-Store-UI-Combo-Footer_y9bij.Online-Store-UI-Combo-Footer--toneMagic_ugcx8 {
    border-color: var(--p-color-border-ai-secondary)
}

.Online-Store-UI-Combo-Footer_y9bij.Online-Store-UI-Combo-Footer--unframed_1l6rn {
    border: none;
    border-radius: 0;
    border-top: var(--p-border-width-025) solid var(--p-color-border-secondary)
}

.Online-Store-UI-Combo-Footer_y9bij.Online-Store-UI-Combo-Footer--dense_r6u8t {
    padding-top: var(--p-space-100);
    padding-bottom: 0
}

.Online-Store-UI-ResizeableCombo-Header_jfxek {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    will-change: opacity;
    animation: var(--osui_animation-name-fade-out) var(--p-motion-duration-300) 0ms var(--p-motion-ease) both;
    display: flex;
    flex: 0 0 auto;
    grid-area: header;
    width: 100%;
    height: 0
}

.Online-Store-UI-ResizeableCombo-Header--show_495v3 {
    animation: var(--osui_animation-name-fade-in) duration(slow) 0ms var(--p-motion-ease) both
}

.Online-Store-UI-ResizeableCombo-Header__Interior_1vvcx {
    width: 100%;
    height: 4rem;
    transform: translateY(-4rem)
}

.Online-Store-UI-ResizeableCombo-Header__Interior_1vvcx>header {
    border: var(--p-border-width-025) solid var(--p-color-border);
    border-bottom: 0;
    border-top-left-radius: var(--osui_radius-sidebar-children);
    border-top-right-radius: var(--osui_radius-sidebar-children)
}

.Online-Store-UI-RichText-editor-plugins-inlines-token-Token_16yue {
    --osui_token-surface: var(--p-color-bg-surface-tertiary);
    --osui_token-icon: var(--p-color-icon-secondary);
    --osui-token-horizontal-margin: clamp(.125rem, .14em, var(--p-space-400));
    --osui-token-vertical-margin: clamp(.0625rem, .07em, var(--p-space-400));
    --osui_token-color: var(--p-color-text);
    position: relative;
    display: inline-flex;
    align-items: baseline;
    min-height: auto;
    max-width: 65%;
    margin: var(--osui-token-vertical-margin) var(--osui-token-horizontal-margin);
    padding: .1875rem var(--p-space-150);
    border-radius: clamp(var(--p-border-radius-100),.5em,var(--p-border-radius-200));
    background-color: var(--osui_token-surface);
    color: var(--osui_token-color);
    font-size: clamp(.0625rem,.9em,12.5rem);
    font-weight: inherit;
    font-style: inherit;
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none;
    line-height: 1.42;
    -webkit-tap-highlight-color: rgba(0,0,0,0)
}

a .Online-Store-UI-RichText-editor-plugins-inlines-token-Token_16yue {
    color: var(--p-color-text-highlight)
}

.Online-Store-UI-RichText-editor-plugins-inlines-token-Token_16yue.Online-Store-UI-RichText-editor-plugins-inlines-token-Token--invalid_183bg {
    --osui_token-surface: var(--p-color-bg-surface-critical);
    --osui_token-icon: var(--p-color-icon-critical);
    --osui_token-color: var(--p-color-text-critical)
}

.Online-Store-UI-RichText-editor-plugins-inlines-token-Token_16yue.Online-Store-UI-RichText-editor-plugins-inlines-token-Token--warning_1i55x {
    --osui_token-border: var(--p-color-border-caution);
    --osui_token-surface: var(--p-color-bg-surface-caution);
    --osui_token-icon: var(--p-color-icon-caution);
    --osui_token-color: var(--p-color-text-caution)
}

.Online-Store-UI-RichText-editor-plugins-inlines-token-Token_16yue.Online-Store-UI-RichText-editor-plugins-inlines-token-Token--highlight_1rkql {
    --osui_token-surface: var(--p-color-bg-surface-info);
    --osui_token-icon: var(--p-color-icon-info);
    --osui_token-color: var(--p-color-text-info)
}

.Online-Store-UI-RichText-editor-plugins-inlines-token-Token_16yue.Online-Store-UI-RichText-editor-plugins-inlines-token-Token--loading_1i5du {
    height: 1.71em;
    min-width: 7.14em;
    padding: 0;
    justify-content: center
}

.Online-Store-UI-RichText-editor-plugins-inlines-token-Token_16yue.Online-Store-UI-RichText-editor-plugins-inlines-token-Token--loading_1i5du svg {
    position: relative;
    top: .165em;
    margin: 0;
    height: 1.223em;
    fill: var(--p-color-icon-disabled)
}

.Online-Store-UI-RichText-editor-plugins-inlines-token-Token_16yue:focus:not(.Online-Store-UI-RichText-editor-plugins-inlines-token-Token--invalid_183bg):not(.Online-Store-UI-RichText-editor-plugins-inlines-token-Token--warning_1i55x):not(.Online-Store-UI-RichText-editor-plugins-inlines-token-Token--highlight_1rkql),.Online-Store-UI-RichText-editor-plugins-inlines-token-Token_16yue.Online-Store-UI-RichText-editor-plugins-inlines-token-Token--selected_1l1ur:not(.Online-Store-UI-RichText-editor-plugins-inlines-token-Token--invalid_183bg):not(.Online-Store-UI-RichText-editor-plugins-inlines-token-Token--warning_1i55x):not(.Online-Store-UI-RichText-editor-plugins-inlines-token-Token--highlight_1rkql) {
    --osui_token-surface: var(--p-color-bg-fill-tertiary);
    --osui_token-icon: var(--p-color-icon-active)
}

.Online-Store-UI-RichText-editor-plugins-inlines-token-Token_16yue:focus.Online-Store-UI-RichText-editor-plugins-inlines-token-Token--invalid_183bg,.Online-Store-UI-RichText-editor-plugins-inlines-token-Token_16yue.Online-Store-UI-RichText-editor-plugins-inlines-token-Token--selected_1l1ur.Online-Store-UI-RichText-editor-plugins-inlines-token-Token--invalid_183bg {
    --osui_token-icon: var(--p-color-text-critical);
    --osui_token-color: var(--p-color-text-critical);
    --osui_token-surface: var(--p-color-bg-surface-critical-active)
}

.Online-Store-UI-RichText-editor-plugins-inlines-token-Token_16yue:focus.Online-Store-UI-RichText-editor-plugins-inlines-token-Token--warning_1i55x,.Online-Store-UI-RichText-editor-plugins-inlines-token-Token_16yue.Online-Store-UI-RichText-editor-plugins-inlines-token-Token--selected_1l1ur.Online-Store-UI-RichText-editor-plugins-inlines-token-Token--warning_1i55x {
    --osui_token-border: var(--p-color-border-caution);
    --osui_token-surface: var(--p-color-bg-surface-caution-active)
}

.Online-Store-UI-RichText-editor-plugins-inlines-token-Token_16yue:focus.Online-Store-UI-RichText-editor-plugins-inlines-token-Token--highlight_1rkql,.Online-Store-UI-RichText-editor-plugins-inlines-token-Token_16yue.Online-Store-UI-RichText-editor-plugins-inlines-token-Token--selected_1l1ur.Online-Store-UI-RichText-editor-plugins-inlines-token-Token--highlight_1rkql {
    --osui_token-surface: var(--p-color-bg-surface-info-active);
    --osui_token-icon: var(--p-color-text-info);
    --osui_token-color: var(--p-color-text-info-on-bg-fill)
}

.Online-Store-UI-RichText-editor-plugins-inlines-token-Token_16yue.Online-Store-UI-RichText-editor-plugins-inlines-token-Token--block_170u4 {
    width: auto;
    min-width: calc(100% - var(--osui-token-horizontal-margin)*2)
}

.Online-Store-UI-RichText-editor-plugins-inlines-token-Token__Label_17064 {
    display: inline-block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    color: inherit;
    flex-grow: 1;
    -webkit-user-select: none;
    user-select: none
}

.Online-Store-UI-RichText-editor-plugins-inlines-token-Token__Label_17064[data-label]:after {
    content: attr(data-label)
}

.Online-Store-UI-RichText-editor-plugins-inlines-token-Token__Icon_r4qfx {
    width: 1rem;
    height: 1rem;
    flex-shrink: 0;
    align-self: center;
    margin-right: var(--p-space-100);
    fill: var(--osui_token-icon)
}

.Online-Store-UI-RichText-editor-plugins-inlines-token-Token__Icon_r4qfx.Online-Store-UI-RichText-editor-plugins-inlines-token-Token--right_16u4d {
    margin-right: 0;
    margin-left: var(--p-space-100)
}

:nth-child(n+2)>span>.Online-Store-UI-RichText-editor-plugins-inlines-token-Token--block_170u4 {
    margin-top: var(--p-space-200)
}

:nth-last-child(n+2)>span>.Online-Store-UI-RichText-editor-plugins-inlines-token-Token--block_170u4 {
    margin-bottom: var(--p-space-200)
}

.Online-Store-UI-RichText-editor-plugins-inlines-link-Link_1hx7d {
    position: relative;
    text-decoration: none;
    color: var(--p-color-text-highlight)
}

.Online-Store-UI-RichText-editor-plugins-inlines-link-Link_1hx7d span {
    text-decoration: underline
}

.Online-Store-UI-RichText-editor-plugins-inlines-link-Link_1hx7d span[data-slate-length="0"] {
    color: var(--p-color-text)!important
}

.Online-Store-UI-RichText-editor-plugins-blocks-paragraph-Paragraph_jv8i5 {
    line-height: 1.42
}

.Online-Store-UI-RichText-editor-plugins-blocks-paragraph-Paragraph_jv8i5:nth-child(n+2) {
    margin-top: var(--p-space-200)
}

.Online-Store-UI-RichText-editor-plugins-blocks-paragraph-Paragraph_jv8i5:nth-last-child(n+2) {
    margin-bottom: var(--p-space-200)
}

.Online-Store-UI-RichText-editor-plugins-blocks-paragraph-Paragraph_jv8i5+.Online-Store-UI-RichText-editor-plugins-blocks-paragraph-Paragraph_jv8i5 {
    margin-top: var(--p-space-400)
}

.Online-Store-UI-RichText-editor-plugins-blocks-list-List_ase9o {
    padding-top: 0;
    padding-left: 0;
    margin: 0;
    margin-left: var(--p-space-400);
    line-height: 1.42
}

.Online-Store-UI-RichText-editor-plugins-blocks-list-List_ase9o:nth-child(n+2) {
    margin-top: var(--p-space-200)
}

.Online-Store-UI-RichText-editor-plugins-blocks-list-List_ase9o:nth-last-child(n+2) {
    margin-bottom: var(--p-space-200)
}

.Online-Store-UI-RichText-editor-plugins-blocks-list-ListItem_ybg49 {
    padding: 0
}

.Online-Store-UI-RichText-editor-plugins-blocks-heading-Heading_rvarn {
    line-height: 1.3;
    font-weight: 700
}

li .Online-Store-UI-RichText-editor-plugins-blocks-heading-Heading_rvarn {
    margin-bottom: 0;
    margin-top: 0
}

.Online-Store-UI-RichText-editor-plugins-blocks-heading-Heading_rvarn:nth-child(n+2) {
    margin-top: var(--p-space-400)
}

.Online-Store-UI-RichText-editor-plugins-blocks-heading-Heading_rvarn:nth-last-child(n+2) {
    margin-bottom: var(--p-space-200)
}

h6.Online-Store-UI-RichText-editor-plugins-blocks-heading-Heading_rvarn {
    color: #0000009f;
    font-size: 1em
}

@media (min-width: 48em) {
    h6.Online-Store-UI-RichText-editor-plugins-blocks-heading-Heading_rvarn {
        font-size:1em
    }
}

h5.Online-Store-UI-RichText-editor-plugins-blocks-heading-Heading_rvarn {
    color: #0000009f;
    font-size: 1.15em
}

@media (min-width: 48em) {
    h5.Online-Store-UI-RichText-editor-plugins-blocks-heading-Heading_rvarn {
        font-size:1.2em
    }
}

h4.Online-Store-UI-RichText-editor-plugins-blocks-heading-Heading_rvarn {
    color: #000;
    font-size: 1.3em
}

@media (min-width: 48em) {
    h4.Online-Store-UI-RichText-editor-plugins-blocks-heading-Heading_rvarn {
        font-size:1.4em
    }
}

h3.Online-Store-UI-RichText-editor-plugins-blocks-heading-Heading_rvarn {
    color: #000;
    font-size: 1.45em
}

@media (min-width: 48em) {
    h3.Online-Store-UI-RichText-editor-plugins-blocks-heading-Heading_rvarn {
        font-size:1.6em
    }
}

h2.Online-Store-UI-RichText-editor-plugins-blocks-heading-Heading_rvarn {
    color: #000;
    font-size: 1.6em
}

@media (min-width: 48em) {
    h2.Online-Store-UI-RichText-editor-plugins-blocks-heading-Heading_rvarn {
        font-size:1.8em
    }
}

h1.Online-Store-UI-RichText-editor-plugins-blocks-heading-Heading_rvarn {
    color: #000;
    font-size: 1.75em
}

@media (min-width: 48em) {
    h1.Online-Store-UI-RichText-editor-plugins-blocks-heading-Heading_rvarn {
        font-size:2em
    }
}

.Online-Store-UI-RichText-Toolbar_1h719 {
    display: flex;
    justify-content: space-between
}

.Online-Store-UI-RichText-Toolbar_1h719.Online-Store-UI-RichText-Toolbar--dense_eltje {
    justify-content: flex-start;
    gap: var(--p-space-150)
}

.Online-Store-UI-RichText-Toolbar__Group_eir7z,.Online-Store-UI-RichText-Toolbar__Section_1edrc {
    display: flex;
    margin: 0;
    padding: 0;
    list-style: none
}

.Online-Store-UI-RichText-Toolbar__Group_eir7z {
    flex-wrap: wrap;
    margin-top: -.25rem;
    margin-left: -.25rem
}

.Online-Store-UI-RichText-Toolbar__Group_eir7z.Online-Store-UI-RichText-Toolbar--dense_eltje {
    margin-bottom: -.25rem
}

.Online-Store-UI-ToolbarUI-Item_194z1 {
    position: relative;
    margin-top: .25rem;
    padding-left: .25rem
}

.Online-Store-UI-ToolbarUI-Item_194z1:last-child {
    margin-right: calc(.25rem + var(--osui_rte-border-width, var(--p-border-width-025)))
}

.Online-Store-UI-ToolbarUI-Item__Section_vuol8:last-child .Online-Store-UI-ToolbarUI-Item_194z1:last-child {
    margin-right: 0
}

.Online-Store-UI-ToolbarUI-Item__Section_vuol8+.Online-Store-UI-ToolbarUI-Item__Section_vuol8 .Online-Store-UI-ToolbarUI-Item_194z1:first-child {
    margin-left: calc(-.25rem + var(--osui_rte-border-width, var(--p-border-width-025))*-1);
    padding-left: calc(.5rem + var(--osui_rte-border-width, var(--p-border-width-025)))
}

.Online-Store-UI-ToolbarUI-Button_ky29r {
    position: relative;
    z-index: 4;
    display: flex;
    flex: 0 0 auto
}

@media (max-width: 41.685em) {
    .Online-Store-UI-ToolbarUI-Button--iconOnly_1nerb {
        flex-direction:column;
        width: var(--p-height-700);
        height: var(--p-height-700)
    }
}

.Online-Store-UI-ToolbarUI-Dropdown__ListItem_ff318 {
    display: flex;
    align-items: center;
    min-height: 3rem;
    width: 100%;
    padding: var(--p-space-200) var(--p-space-400) var(--p-space-200) var(--p-space-800);
    cursor: pointer;
    font-size: var(--p-font-size-400)
}

@media (min-width: 48em) {
    .Online-Store-UI-ToolbarUI-Dropdown__ListItem_ff318 {
        font-size:var(--p-font-size-350)
    }
}

.Online-Store-UI-ToolbarUI-Dropdown__ListItem_ff318.Online-Store-UI-ToolbarUI-Dropdown--active_8ksq4 {
    background-color: var(--p-color-bg-surface-brand-selected);
    padding-left: 0
}

.Online-Store-UI-ToolbarUI-Dropdown__ListItem_ff318:hover {
    background-color: var(--p-color-bg-surface-hover)
}

.Online-Store-UI-ToolbarUI-Dropdown__ListItem_ff318:hover.Online-Store-UI-ToolbarUI-Dropdown--active_8ksq4 {
    background-color: var(--p-color-bg-surface-brand-hover)
}

.Online-Store-UI-ToolbarUI-Dropdown__ListItem_ff318 .Online-Store-UI-ToolbarUI-Dropdown__SelectedCheck_10x00 {
    width: var(--p-space-800);
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%
}

.Online-Store-UI-RichTextFormattingList--h6_a8hjb,.Online-Store-UI-RichTextFormattingList--h5_a8hje,.Online-Store-UI-RichTextFormattingList--h4_a8hjd,.Online-Store-UI-RichTextFormattingList--h3_a8hjf,.Online-Store-UI-RichTextFormattingList--h2_a8hjf,.Online-Store-UI-RichTextFormattingList--h1_a8hjh {
    line-height: 1.3;
    font-weight: 700
}

li .Online-Store-UI-RichTextFormattingList--h6_a8hjb,li .Online-Store-UI-RichTextFormattingList--h5_a8hje,li .Online-Store-UI-RichTextFormattingList--h4_a8hjd,li .Online-Store-UI-RichTextFormattingList--h3_a8hjf,li .Online-Store-UI-RichTextFormattingList--h2_a8hjf,li .Online-Store-UI-RichTextFormattingList--h1_a8hjh {
    margin-bottom: 0;
    margin-top: 0
}

.Online-Store-UI-RichTextFormattingList--h6_a8hjb {
    color: #0000009f;
    font-size: 1em
}

@media (min-width: 48em) {
    .Online-Store-UI-RichTextFormattingList--h6_a8hjb {
        font-size:1em
    }
}

.Online-Store-UI-RichTextFormattingList--h5_a8hje {
    color: #0000009f;
    font-size: 1.15em
}

@media (min-width: 48em) {
    .Online-Store-UI-RichTextFormattingList--h5_a8hje {
        font-size:1.2em
    }
}

.Online-Store-UI-RichTextFormattingList--h4_a8hjd {
    color: #000;
    font-size: 1.3em
}

@media (min-width: 48em) {
    .Online-Store-UI-RichTextFormattingList--h4_a8hjd {
        font-size:1.4em
    }
}

.Online-Store-UI-RichTextFormattingList--h3_a8hjf {
    color: #000;
    font-size: 1.45em
}

@media (min-width: 48em) {
    .Online-Store-UI-RichTextFormattingList--h3_a8hjf {
        font-size:1.6em
    }
}

.Online-Store-UI-RichTextFormattingList--h2_a8hjf {
    color: #000;
    font-size: 1.6em
}

@media (min-width: 48em) {
    .Online-Store-UI-RichTextFormattingList--h2_a8hjf {
        font-size:1.8em
    }
}

.Online-Store-UI-RichTextFormattingList--h1_a8hjh {
    color: #000;
    font-size: 1.75em
}

@media (min-width: 48em) {
    .Online-Store-UI-RichTextFormattingList--h1_a8hjh {
        font-size:2em
    }
}

.Online-Store-UI-SearchPicker-SearchEmptyState_1nixk {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: var(--p-space-3200) var(--p-space-1000);
    text-align: center;
    width: 100%
}

.Online-Store-UI-SearchPicker-SearchEmptyState__SearchIcon_b277j {
    margin-bottom: var(--p-space-500);
    transform: scale(3);
    transform-origin: bottom
}

.Online-Store-UI-SelectionList__Section_17mti {
    padding-top: var(--p-space-200)
}

.Online-Store-UI-SelectionList__Section_17mti+.Online-Store-UI-SelectionList__Section_17mti {
    border-top: var(--p-border-width-025) solid var(--p-color-border-secondary)
}

.Online-Store-UI-SelectionList__Title_3ukbl {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: var(--p-space-200) var(--p-space-400)
}

.Online-Store-UI-SelectionList__List_1qjnx {
    margin: 0;
    padding: 0;
    list-style: none;
    padding-bottom: var(--p-space-200)
}

.Online-Store-UI-SearchPicker-Popover__ContentWrapper_aof9a {
    width: 21.5625rem
}

.Online-Store-UI-SearchPicker-SearchField__SearchFieldContainer_qtbqn {
    align-items: center;
    display: grid;
    grid-template-columns: 1fr;
    padding-top: var(--p-space-200);
    padding-inline:var(--p-space-200)}

.Online-Store-UI-SearchPicker-SearchField__SearchFieldContainer_qtbqn.Online-Store-UI-SearchPicker-SearchField--withCancelButton_7l36b {
    grid-template-columns: 1fr -webkit-min-content;
    grid-template-columns: 1fr min-content;
    grid-column-gap: var(--p-space-400);
    padding-right: var(--p-space-400)
}

.Online-Store-UI-SearchPicker-SearchField_dmt3v {
    flex: 1 1
}

.Online-Store-UI-SectionHeader_jacn8 {
    min-width: 0;
    max-width: 100%;
    font-weight: 600;
    display: flex;
    margin-bottom: var(--p-space-300)
}

.Online-Store-UI-SectionHeader_jacn8:last-child,.Online-Store-UI-SectionHeader_jacn8:only-child {
    margin-bottom: 0
}

.Online-Store-UI-SectionHeader_jacn8:not(.Online-Store-UI-SectionHeader--fullWidth_kikai) {
    padding-right: var(--osui_size-common-spacing);
    padding-left: var(--osui_size-common-spacing)
}

.Online-Store-UI-SectionHeader__Prefix_1h82x,.Online-Store-UI-SectionHeader__SubheadingWrapper_ebtu8 {
    min-width: 0;
    max-width: 100%
}

.Online-Store-UI-SectionHeader__Prefix_1h82x {
    flex: 0 0 auto;
    margin-right: var(--p-space-200)
}

.Online-Store-UI-SectionHeader__SubheadingWrapper_ebtu8 {
    flex: 1 1 auto
}

.Online-Store-UI-SettingsPanel__Interior_1n5eo {
    display: flex;
    flex-direction: column
}

@media (max-width: 41.685em) {
    .Online-Store-UI-SettingsPanel__Interior_1n5eo {
        padding-top:var(--p-space-400);
        padding-bottom: var(--p-space-400);
        min-height: 100%
    }
}

@media (min-width: 41.6875em) {
    .Online-Store-UI-SettingsPanel__Interior_1n5eo {
        height:100%
    }
}

.Online-Store-UI-SlidePanel_1b71b {
    transition-property: opacity,visibility,transform;
    transition-duration: var(--p-motion-duration-200);
    transition-timing-function: var(--p-motion-ease);
    z-index: 20;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.Online-Store-UI-SlidePanel_1b71b,.Online-Store-UI-SlidePanel_1b71b.Online-Store-UI-SlidePanel--exitDone_1vqs4,.Online-Store-UI-SlidePanel_1b71b.Online-Store-UI-SlidePanel--appear_w0zqp,.Online-Store-UI-SlidePanel_1b71b.Online-Store-UI-SlidePanel--appearActive_bizpe,.Online-Store-UI-SlidePanel_1b71b.Online-Store-UI-SlidePanel--appearDone_13dud {
    display: none
}

.Online-Store-UI-SlidePanel_1b71b.Online-Store-UI-SlidePanel--enter_i6xno,.Online-Store-UI-SlidePanel_1b71b.Online-Store-UI-SlidePanel--enterActive_lvdxr,.Online-Store-UI-SlidePanel_1b71b.Online-Store-UI-SlidePanel--enterDone_xhdml,.Online-Store-UI-SlidePanel_1b71b.Online-Store-UI-SlidePanel--exit_m2oiz,.Online-Store-UI-SlidePanel_1b71b.Online-Store-UI-SlidePanel--exitActive_744cy {
    display: block
}

.Online-Store-UI-SlidePanel__ChildrenWrapper_1l2f1 {
    transition-property: opacity,visibility,transform;
    transition-duration: var(--p-motion-duration-200);
    transition-timing-function: var(--p-motion-ease);
    height: 100%;
    background-color: var(--osui_color-panel-bg)
}

.Online-Store-UI-SlidePanel--enterActive_lvdxr .Online-Store-UI-SlidePanel__ChildrenWrapper_1l2f1,.Online-Store-UI-SlidePanel--enterDone_xhdml .Online-Store-UI-SlidePanel__ChildrenWrapper_1l2f1,.Online-Store-UI-SlidePanel--exit_m2oiz .Online-Store-UI-SlidePanel__ChildrenWrapper_1l2f1 {
    opacity: 1
}

.Online-Store-UI-SlidePanel--enterActive_lvdxr .Online-Store-UI-SlidePanel__ChildrenWrapper_1l2f1,.Online-Store-UI-SlidePanel--exit_m2oiz .Online-Store-UI-SlidePanel__ChildrenWrapper_1l2f1 {
    transform: translate(0)
}

.Online-Store-UI-SlidePanel--enterDone_xhdml .Online-Store-UI-SlidePanel__ChildrenWrapper_1l2f1 {
    transform: none
}

.Online-Store-UI-SlidePanel__ChildrenWrapper_1l2f1,.Online-Store-UI-SlidePanel--enter_i6xno .Online-Store-UI-SlidePanel__ChildrenWrapper_1l2f1,.Online-Store-UI-SlidePanel--exitActive_744cy .Online-Store-UI-SlidePanel__ChildrenWrapper_1l2f1,.Online-Store-UI-SlidePanel--exitDone_1vqs4 .Online-Store-UI-SlidePanel__ChildrenWrapper_1l2f1 {
    opacity: 0;
    transform: translate(var(--osui_motion-suspended-travel))
}

.Online-Store-UI-SlidePanel--scrollable_157h7 {
    height: 100%;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch
}

.Online-Store-UI-SidebarLayout_11mh1 {
    --osui_sidebar-action-offset: var(--p-space-100);
    display: flex;
    flex-direction: column;
    flex: 0 0 auto
}

.Online-Store-UI-SidebarLayout--sticky_147gz {
    padding-top: var(--p-space-400)
}

.Online-Store-UI-SidebarLayout--sticky_147gz:after {
    content: "";
    display: block;
    height: var(--p-border-width-025);
    background-color: var(--p-color-bg-fill-tertiary);
    margin-top: var(--p-space-400);
    width: 100%
}

.Online-Store-UI-SidebarLayout--fullHeight_1kr7d {
    flex: 1 1 auto;
    min-height: 100%
}

.Online-Store-UI-SidebarLayout--sticky_147gz+.Online-Store-UI-SidebarLayout--fullHeight_1kr7d {
    height: 100%;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    min-height: 0
}

.Online-Store-UI-SidebarLayout--spaceBefore_ebpgn {
    padding-top: var(--osui_sidebar-layout-spacing, 0)
}

.Online-Store-UI-SidebarLayout--sticky_147gz+.Online-Store-UI-SidebarLayout--spaceBefore_ebpgn {
    padding-top: var(--p-space-500)
}

.Online-Store-UI-SidebarLayout--spaceAfter_1m53f {
    padding-bottom: var(--osui_sidebar-layout-spacing, 0)
}

.Online-Store-UI-SidebarLayout--layoutSpacingNone_1q3pd,.Online-Store-UI-SidebarLayout--sectionSpacingNone_xe6ho,.Online-Store-UI-SidebarLayout--sectionSpacingDefault_1qgcp:first-of-type,.Online-Store-UI-SidebarLayout--sectionSpacingDefault_1qgcp:only-child {
    --osui_sidebar-layout-spacing: 0
}

.Online-Store-UI-SidebarLayout--layoutSpacingExtraTight_nwg71,.Online-Store-UI-SidebarLayout--sectionSpacingExtraTight_1rc05 {
    --osui_sidebar-layout-spacing: var(--p-space-100)
}

.Online-Store-UI-SidebarLayout--layoutSpacingTight_fnalx,.Online-Store-UI-SidebarLayout--sectionSpacingTight_1r1jv {
    --osui_sidebar-layout-spacing: var(--p-space-200)
}

.Online-Store-UI-SidebarLayout--layoutSpacingBaseTight_efxfo,.Online-Store-UI-SidebarLayout--sectionSpacingBaseTight_1you9 {
    --osui_sidebar-layout-spacing: var(--p-space-300)
}

.Online-Store-UI-SidebarLayout--layoutSpacingDefault_1jt60,.Online-Store-UI-SidebarLayout--layoutSpacingBase_4qgrf,.Online-Store-UI-SidebarLayout--sectionSpacingBase_mqcll {
    --osui_sidebar-layout-spacing: var(--p-space-400)
}

.Online-Store-UI-SidebarLayout--layoutSpacingLoose_6y9ru,.Online-Store-UI-SidebarLayout--sectionSpacingLoose_1jc4o {
    --osui_sidebar-layout-spacing: var(--p-space-500)
}

.Online-Store-UI-SidebarLayout--layoutSpacingExtraLoose_ui5w3,.Online-Store-UI-SidebarLayout--sectionSpacingExtraLoose_182ts {
    --osui_sidebar-layout-spacing: var(--p-space-800)
}

.Online-Store-UI-SidebarLayout--dividerShow_dymn9:before,.Online-Store-UI-SidebarLayout--divided_jku06>.Online-Store-UI-SidebarLayout__Section_3znsq:before {
    content: "";
    display: block;
    height: var(--p-border-width-025);
    background-color: var(--p-color-bg-fill-tertiary);
    margin-left: var(--p-space-400);
    margin-bottom: var(--osui_sidebar-layout-spacing, 0);
    width: calc(100% - var(--p-space-400)*2)
}

.Online-Store-UI-SidebarLayout--dividerHide_fjn9e:before,.Online-Store-UI-SidebarLayout--dividerShow_dymn9:first-of-type:before,.Online-Store-UI-SidebarLayout--dividerShow_dymn9:only-child:before,.Online-Store-UI-SidebarLayout--dividerShow_dymn9.Online-Store-UI-SidebarLayout--sectionSpacingNone_xe6ho:before,.Online-Store-UI-SidebarLayout--divided_jku06.Online-Store-UI-SidebarLayout--layoutSpacingNone_1q3pd .Online-Store-UI-SidebarLayout--sectionSpacingNone_xe6ho:before,.Online-Store-UI-SidebarLayout--divided_jku06.Online-Store-UI-SidebarLayout--layoutSpacingNone_1q3pd .Online-Store-UI-SidebarLayout--sectionSpacingDefault_1qgcp:before,.Online-Store-UI-SidebarLayout--divided_jku06>.Online-Store-UI-SidebarLayout__Section_3znsq:first-of-type:before,.Online-Store-UI-SidebarLayout--divided_jku06>.Online-Store-UI-SidebarLayout__Section_3znsq:only-child:before,.Online-Store-UI-SidebarLayout--divided_jku06>.Online-Store-UI-SidebarLayout--dividerHide_fjn9e:before,.Online-Store-UI-SidebarLayout--alignToBottom_13x9r:not(.Online-Store-UI-SidebarLayout--dividerShow_dymn9):before {
    content: none
}

.Online-Store-UI-SidebarLayout__Section_3znsq {
    position: relative;
    padding-top: var(--osui_sidebar-layout-spacing, 0)
}

.Online-Store-UI-SidebarLayout__ChildrenWrapper_1vu2l {
    padding: 0 var(--p-space-400)
}

.Online-Store-UI-SidebarLayout--fullWidth_1s8a6 {
    padding-right: 0;
    padding-left: 0
}

.Online-Store-UI-SidebarLayout--alignToBottom_13x9r {
    --osui_sidebar-layout-spacing: calc(var(--p-space-800)*2);
    margin-top: auto
}

.Online-Store-UI-SidebarLayout--alignToBottom_13x9r:before,.Online-Store-UI-SidebarLayout--divided_jku06>.Online-Store-UI-SidebarLayout--alignToBottom_13x9r:before {
    margin-bottom: var(--p-space-400)
}

.Online-Store-UI-SidebarHeader_vifpx {
    position: relative
}

.Online-Store-UI-SidebarHeader--slim_17a50 {
    display: flex;
    align-items: flex-start
}

.Online-Store-UI-SidebarHeader__Navigation_s4r5n {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: var(--p-space-100)
}

.Online-Store-UI-SidebarHeader--slim_17a50 .Online-Store-UI-SidebarHeader__Navigation_s4r5n {
    flex: 0 0 auto;
    margin-right: var(--p-space-400);
    margin-bottom: 0
}

.Online-Store-UI-SidebarHeader__MainContent_5k3a7 {
    display: flex;
    flex-wrap: wrap
}

.Online-Store-UI-SidebarHeader__MainContent_5k3a7>* {
    flex: 0 0 100%
}

.Online-Store-UI-SidebarHeader__MainContent_5k3a7>*+* {
    margin-top: var(--p-space-200)
}

.Online-Store-UI-SidebarHeader--slim_17a50 .Online-Store-UI-SidebarHeader__MainContent_5k3a7 {
    flex: 1 1 auto
}

.Online-Store-UI-SidebarHeader--slim_17a50 .Online-Store-UI-SidebarHeader__Navigation_s4r5n+.Online-Store-UI-SidebarHeader__MainContent_5k3a7 {
    padding-top: calc(var(--p-space-100)*.5)
}

.Online-Store-UI-SidebarHeader__SubheadingWrapper_1pelm {
    letter-spacing: .03125rem;
    color: var(--p-color-text-secondary)
}

.Online-Store-UI-SidebarHeader__TitleWrapper_wuzip {
    display: flex
}

.Online-Store-UI-SidebarHeader__Title_7j9or {
    min-width: 0;
    max-width: 100%;
    word-wrap: break-word;
    word-break: break-word;
    overflow-wrap: break-word;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    flex: 1 1 auto;
    margin-top: calc(var(--p-space-200)*-1);
    margin-left: calc(var(--p-space-200)*-1)
}

.Online-Store-UI-SidebarHeader__DisplayTextWrapper_1nguo,.Online-Store-UI-SidebarHeader__TitleMetadataWrapper_1y5jp {
    margin-top: var(--p-space-200);
    margin-left: var(--p-space-200)
}

.Online-Store-UI-SidebarHeader__DisplayTextWrapper_1nguo {
    flex: 1 1 auto
}

@supports (-webkit-line-clamp: 2) {
    .Online-Store-UI-SidebarHeader__DisplayTextWrapper_1nguo {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden
    }
}

.Online-Store-UI-SidebarHeader__TitleMetadataWrapper_1y5jp {
    flex: 0 0 auto
}

.Online-Store-UI-SidebarHeader__RollupMenuWrapper_1b0wc {
    flex: 0 0 auto;
    margin-top: calc(var(--p-space-100)*-1);
    margin-left: var(--p-space-100)
}

.Online-Store-UI-SidebarHeader-BackAction_4zznp {
    flex: 0 1 auto;
    max-width: 100%
}

.Online-Store-UI-SidebarCard_1pg39 {
    --osui_sidebarcard-section-padding-y: var(--p-space-400);
    --osui_sidebarcard-section-padding-x: var(--osui_size-common-spacing);
    background-color: var(--osui_color-frame-surface-bg);
    box-shadow: var(--p-shadow-200)
}

.Online-Store-UI-SidebarCard--rounded_tzpd7 {
    border-radius: var(--p-border-radius-200, var(--p-space-200))
}

.Online-Store-UI-SidebarCard--overflowHidden_drbkc {
    overflow: hidden
}

.Online-Store-UI-SidebarCard--slim_fzt4h {
    --osui_sidebarcard-section-padding-y: var(--p-space-200);
    --osui_sidebarcard-section-padding-x: var(--p-space-200)
}

.Online-Store-UI-SidebarCard--spacingVertical_tkch2 {
    --osui_sidebarcard-section-padding-y: var(--osui_size-common-spacing);
    --osui_sidebarcard-section-padding-x: 0
}

.Online-Store-UI-SidebarCard--spacingHorizontal_t9xr1 {
    --osui_sidebarcard-section-padding-y: 0;
    --osui_sidebarcard-section-padding-x: var(--osui_size-common-spacing)
}

.Online-Store-UI-SidebarCard--slim_fzt4h.Online-Store-UI-SidebarCard--spacingVertical_tkch2 {
    --osui_sidebarcard-section-padding-y: var(--p-space-200);
    --osui_sidebarcard-section-padding-x: 0
}

.Online-Store-UI-SidebarCard--slim_fzt4h.Online-Store-UI-SidebarCard--spacingHorizontal_t9xr1 {
    --osui_sidebarcard-section-padding-y: 0;
    --osui_sidebarcard-section-padding-x: var(--p-space-200)
}

.Online-Store-UI-SidebarCard__Section_ldgao {
    padding: var(--osui_sidebarcard-section-padding-y) var(--osui_sidebarcard-section-padding-x)
}

.Online-Store-UI-SidebarCard__Section_ldgao+.Online-Store-UI-SidebarCard__Section_ldgao {
    border-top: var(--p-border-width-025) solid var(--p-color-border-secondary)
}

.Online-Store-UI-SidebarCard--subdued_uby1b {
    background-color: var(--p-color-bg-surface-secondary)
}

.Online-Store-UI-SidebarCard--rounded_tzpd7 .Online-Store-UI-SidebarCard--subdued_uby1b:first-child {
    border-top-left-radius: var(--p-border-radius-200, var(--p-space-200));
    border-top-right-radius: var(--p-border-radius-200, var(--p-space-200))
}

.Online-Store-UI-SidebarCard--rounded_tzpd7 .Online-Store-UI-SidebarCard--subdued_uby1b:last-child {
    border-bottom-left-radius: var(--p-border-radius-200, var(--p-space-200));
    border-bottom-right-radius: var(--p-border-radius-200, var(--p-space-200))
}

.Online-Store-UI-SidebarCard__Title_et7mp {
    margin-bottom: var(--p-space-300)
}

.Online-Store-UI-SidebarRoot_f9r30 {
    transition-property: opacity,visibility,transform;
    transition-duration: var(--p-motion-duration-200);
    transition-timing-function: var(--p-motion-ease);
    height: 100%;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    background-color: var(--osui_color-frame-bg)
}

.Online-Store-UI-SidebarRoot--suspend_1qt2q {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translate(calc(var(--osui_motion-suspended-travel)*-1))
}

.Online-Store-UI-SidebarRoot__Interior_8zwgs {
    padding-top: var(--p-space-400);
    padding-bottom: var(--p-space-400);
    display: flex;
    flex-direction: column;
    min-height: 100%
}

.Online-Store-UI-SortableList_3i53m {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-direction: column
}

.Online-Store-UI-SortableList__DefaultItem_16cub {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: var(--p-space-200);
    background: var(--p-color-bg-surface)
}

.Online-Store-UI-SortableList__ItemTitle_1t5fr {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.Online-Store-UI-SortableListNext-SortableItem__Item_b36qu {
    outline: none
}

.Online-Store-UI-SortableItem-Ghost_ffid3 {
    display: flex;
    align-items: center
}

.Online-Store-UI-SortableItem-Ghost_ffid3:before {
    content: "";
    display: block;
    flex: 0 0 auto;
    margin-right: -var(--p-border-width-025);
    width: .75rem;
    height: .75rem;
    border: var(--p-border-width-050) solid var(--p-color-border-highlight);
    border-radius: 50%
}

.Online-Store-UI-SortableItem-Ghost_ffid3:after {
    content: "";
    flex: 1 1 auto;
    height: var(--p-border-width-050);
    background-color: var(--p-color-bg-fill-brand);
    border-radius: var(--p-border-width-050)
}

@keyframes Online-Store-UI-SortableListNext-OverlayItem__drag--lift_ne4hf {
    to {
        transform: translate3d(var(--p-space-500),0,0);
        margin-right: var(--p-space-200)
    }
}

.Online-Store-UI-SortableListNext-OverlayItem__Wrapper_1vrdf {
    z-index: 1000;
    cursor: grabbing;
    animation: Online-Store-UI-SortableListNext-OverlayItem__drag--lift_ne4hf .25s cubic-bezier(.2,1,.1,1) both;
    border-radius: var(--p-border-radius-100);
    box-shadow: 0 .0625rem .1875rem #00000080;
    background-color: var(--p-color-bg-surface);
    overflow: hidden
}

@media (prefers-reduced-motion) {
    .Online-Store-UI-SortableListNext-OverlayItem__Wrapper_1vrdf {
        animation-duration: 1ms
    }
}

.Online-Store-UI-SortableListNext-OverlayItem__Wrapper_1vrdf .Online-Store-UI-SortableListNext-OverlayItem__Inner_1tvhh {
    pointer-events: none;
    touch-action: none;
    -webkit-user-select: none;
    user-select: none
}

.Online-Store-UI-StatusIndicator_1mrzs {
    border-radius: 50%;
    height: .5rem;
    width: .5rem
}

.Online-Store-UI-StatusIndicator--base_aseor {
    background-color: var(--p-color-icon-disabled)
}

.Online-Store-UI-StatusIndicator--highlight_1klyk {
    background-color: var(--p-color-border-focus)
}

.Online-Store-UI-StatusIndicator--success_14sm5 {
    background-color: var(--p-color-bg-fill-brand)
}

.Online-Store-UI-StatusIndicator--critical_tto3a {
    background-color: var(--p-color-bg-fill-critical)
}

.Online-Store-UI-StatusIndicator--warning_1qayn {
    background-color: var(--p-color-icon-caution)
}

.Online-Store-UI-Switch_1bh97 {
    --osui_switch-color: var(--p-color-bg-fill);
    --osui_switch-background-color: var(--p-color-icon-secondary);
    --osui_switch-track-width: var(--p-space-800);
    --osui_switch-track-height: var(--p-space-500);
    --osui_switch-border-radius: var(--p-space-150);
    --osui_switch-thumb-width: var(--p-space-300);
    --osui_switch-thumb-border-radius: .1875rem;
    --osui_switch-thumb-offset: var(--p-space-100);
    --osui_switch-thumb-offset-right: calc(var(--osui_switch-track-width) - var(--osui_switch-thumb-width) - var( --osui_switch-thumb-offset )*2);
    outline: none;
    position: relative;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: transparent;
    border: 0;
    border-radius: var(--osui_switch-border-radius);
    cursor: pointer;
    display: inline-block;
    padding: 0;
    margin: 0;
    -webkit-user-select: none;
    user-select: none
}

.Online-Store-UI-Switch_1bh97:after {
    content: "";
    position: absolute;
    z-index: 1;
    top: -.0625rem;
    right: -.0625rem;
    bottom: -.0625rem;
    left: -.0625rem;
    display: block;
    pointer-events: none;
    box-shadow: 0 0 0 -.0625rem var(--p-color-border-focus);
    transition: box-shadow var(--p-motion-duration-100) var(--p-motion-ease);
    border-radius: calc(var(--p-border-radius-200) + .0625rem)
}

.Online-Store-UI-Switch_1bh97:focus:after {
    box-shadow: 0 0 0 .125rem var(--p-color-border-focus);
    outline: var(--osui_high-contrast-outline)
}

.Online-Store-UI-Switch_1bh97:focus:not(:focus-visible):after {
    box-shadow: 0 0 0 0 transparent
}

@media (-ms-high-contrast: active) {
    .Online-Store-UI-Switch_1bh97:focus:not(:focus-visible):after {
        outline: none
    }
}

.Online-Store-UI-Switch_1bh97:focus-visible:after {
    box-shadow: 0 0 0 .125rem var(--p-color-border-focus);
    outline: var(--osui_high-contrast-outline)
}

.Online-Store-UI-Switch_1bh97:after {
    border-radius: var(--osui_switch-border-radius)
}

.Online-Store-UI-Switch_1bh97.Online-Store-UI-Switch--disabled_258sw {
    cursor: default;
    pointer-events: none
}

@media (max-width: 41.685em) {
    .Online-Store-UI-Switch_1bh97.Online-Store-UI-Switch--denseUi_747z6 {
        --osui_switch-track-width: var(--p-space-1200);
        --osui_switch-track-height: 1.75rem;
        --osui_switch-border-radius: .625rem;
        --osui_switch-thumb-width: var(--p-space-500);
        --osui_switch-thumb-border-radius: var(--p-border-radius-150)
    }
}

.Online-Store-UI-Switch--toneDefault_xu3y6.Online-Store-UI-Switch--on_1b3gf {
    --osui_switch-background-color: var(--p-color-bg-fill-brand)
}

.Online-Store-UI-Switch--toneDefault_xu3y6:hover {
    --osui_switch-background-color: var(--p-color-icon-secondary-hover)
}

.Online-Store-UI-Switch--toneDefault_xu3y6.Online-Store-UI-Switch--on_1b3gf:hover {
    --osui_switch-background-color: var(--p-color-bg-fill-brand-hover)
}

.Online-Store-UI-Switch--toneDefault_xu3y6:active {
    --osui_switch-background-color: var(--p-color-bg-surface-brand-active)
}

.Online-Store-UI-Switch--toneDefault_xu3y6.Online-Store-UI-Switch--on_1b3gf:active {
    --osui_switch-background-color: var(--p-color-bg-fill-brand-active)
}

.Online-Store-UI-Switch--toneDefault_xu3y6.Online-Store-UI-Switch--disabled_258sw {
    --osui_switch-background-color: var(--p-color-bg-surface-disabled)
}

.Online-Store-UI-Switch--toneMagic_yuvsm.Online-Store-UI-Switch--on_1b3gf {
    --osui_switch-background-color: var(--p-color-bg-fill-ai)
}

.Online-Store-UI-Switch--toneMagic_yuvsm:hover {
    --osui_switch-background-color: var(--p-color-icon-secondary-hover)
}

.Online-Store-UI-Switch--toneMagic_yuvsm.Online-Store-UI-Switch--on_1b3gf:hover {
    --osui_switch-background-color: var(--p-color-text-ai-secondary)
}

.Online-Store-UI-Switch--toneMagic_yuvsm:active {
    --osui_switch-background-color: var(--p-color-bg-surface-brand-active)
}

.Online-Store-UI-Switch--toneMagic_yuvsm.Online-Store-UI-Switch--on_1b3gf:active {
    --osui_switch-background-color: var(--p-color-text-ai)
}

.Online-Store-UI-Switch--toneMagic_yuvsm.Online-Store-UI-Switch--disabled_258sw {
    --osui_switch-background-color: var(--p-color-bg-surface-disabled)
}

.Online-Store-UI-Switch__Track_zw825 {
    display: block;
    height: var(--osui_switch-track-height);
    width: var(--osui_switch-track-width);
    background-color: var(--osui_switch-background-color);
    border-radius: var(--osui_switch-border-radius);
    transition: background-color var(--p-motion-duration-50) var(--p-motion-ease)
}

.Online-Store-UI-Switch__Thumb_102al {
    position: absolute;
    top: var(--osui_switch-thumb-offset);
    left: var(--osui_switch-thumb-offset);
    width: var(--osui_switch-thumb-width);
    height: var(--osui_switch-thumb-width);
    background-color: var(--osui_switch-color);
    border-radius: var(--osui_switch-thumb-border-radius);
    transition: transform var(--p-motion-duration-50) var(--p-motion-ease);
    transform: translate(0)
}

.Online-Store-UI-Switch--on_1b3gf .Online-Store-UI-Switch__Thumb_102al {
    transform: translate(var(--osui_switch-thumb-offset-right))
}

.Online-Store-UI-Switch--disabled_258sw .Online-Store-UI-Switch__Thumb_102al {
    background-color: var(--p-color-bg-surface-secondary)
}

.Online-Store-UI-TopBar_3tnbt {
    position: relative;
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    height: var(--osui_height-frame-header);
    background-color: var(--osui_color-frame-surface-bg);
    border: 0;
    box-shadow: 0 .125rem .0625rem #0000000d,0 0 .0625rem #42474c73
}

.Online-Store-UI-TopBar--loading_vo6ie {
    padding-right: var(--p-space-400);
    padding-left: var(--p-space-400)
}

.Online-Store-UI-TopBar--slim_1kqca {
    --osui_height-frame-header: 2.75rem
}

.Online-Store-UI-TopBar--slim_1kqca.Online-Store-UI-TopBar--usesBottomSheet_qvlkc {
    --osui_height-frame-header: 3.5rem
}

.Online-Store-UI-TopBar__LoadingSkeleton_1eq5y {
    display: flex;
    flex: 1 1 auto;
    align-items: center;
    justify-content: space-between;
    height: 100%
}

.Online-Store-UI-TopBar__LoadingSkeleton_1eq5y>div {
    flex: 0 1 20%
}

@media (max-width: 41.685em) {
    .Online-Store-UI-TopBar__LoadingSkeleton_1eq5y>div:nth-child(3) {
        display:none
    }
}

.Online-Store-UI-TopBar-Divider_qm3i4 {
    width: var(--p-border-width-025);
    background-color: var(--p-color-border-secondary);
    height: var(--osui_height-divider);
    border-radius: var(--p-border-radius-300)
}

.Online-Store-UI-TopBar-ExitAction__ExitActionWrapper_1qbd5 {
    display: flex;
    align-items: center;
    flex: 0 1 auto;
    height: 100%
}

.Online-Store-UI-TopBar-ExitAction_143bg {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0;
    padding: 0;
    background: none;
    border: none;
    font-size: inherit;
    line-height: inherit;
    color: inherit;
    cursor: pointer;
    min-width: 0;
    font-weight: var(--osui_plain-action-font-weight);
    text-transform: initial;
    letter-spacing: initial;
    fill: var(--p-color-icon);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: var(--osui_height-common-control);
    max-width: 100%;
    min-height: var(--osui_height-common-control);
    border-radius: var(--p-border-radius-200);
    line-height: 1;
    text-decoration: none;
    color: var(--p-color-text);
    transition-property: color,background-color;
    transition-duration: var(--p-motion-duration-150);
    transition-timing-function: var(--p-motion-ease);
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    outline: none;
    position: relative;
    flex: 0 0 auto;
    text-align: left
}

.Online-Store-UI-TopBar-ExitAction_143bg:focus {
    outline: none
}

.Online-Store-UI-TopBar-ExitAction_143bg:after {
    content: "";
    position: absolute;
    z-index: 1;
    top: -.0625rem;
    right: -.0625rem;
    bottom: -.0625rem;
    left: -.0625rem;
    display: block;
    pointer-events: none;
    box-shadow: 0 0 0 -.0625rem var(--p-color-border-focus);
    transition: box-shadow var(--p-motion-duration-100) var(--p-motion-ease);
    border-radius: calc(var(--p-border-radius-200) + .0625rem)
}

.Online-Store-UI-TopBar-ExitAction_143bg:focus:after {
    box-shadow: 0 0 0 .125rem var(--p-color-border-focus);
    outline: var(--osui_high-contrast-outline)
}

.Online-Store-UI-TopBar-ExitAction_143bg:focus:not(:focus-visible):after {
    box-shadow: 0 0 0 0 transparent
}

@media (-ms-high-contrast: active) {
    .Online-Store-UI-TopBar-ExitAction_143bg:focus:not(:focus-visible):after {
        outline: none
    }
}

.Online-Store-UI-TopBar-ExitAction_143bg:focus-visible:after {
    box-shadow: 0 0 0 .125rem var(--p-color-border-focus);
    outline: var(--osui_high-contrast-outline)
}

.Online-Store-UI-TopBar-ExitAction_143bg s-internal-icon,.Online-Store-UI-TopBar-ExitAction_143bg svg {
    transition: color var(--p-motion-duration-150) var(--p-motion-ease)
}

.Online-Store-UI-TopBar-ExitAction_143bg:focus-visible {
    color: var(--p-color-text-brand);
    background-color: var(--p-color-bg-fill-transparent-secondary)
}

.Online-Store-UI-TopBar-ExitAction_143bg:focus-visible s-internal-icon,.Online-Store-UI-TopBar-ExitAction_143bg:focus-visible svg {
    color: var(--p-color-text-brand)
}

@media (-ms-high-contrast: active) {
    .Online-Store-UI-TopBar-ExitAction_143bg:focus-visible s-internal-icon,.Online-Store-UI-TopBar-ExitAction_143bg:focus-visible svg {
        color: var(--p-color-icon-secondary)
    }
}

@media (hover: hover) and (pointer: fine) {
    .Online-Store-UI-TopBar-ExitAction_143bg:hover {
        color:var(--p-color-text-brand);
        background-color: var(--p-color-bg-fill-transparent-secondary)
    }

    .Online-Store-UI-TopBar-ExitAction_143bg:hover s-internal-icon,.Online-Store-UI-TopBar-ExitAction_143bg:hover svg {
        color: var(--p-color-text-brand)
    }
}

@media (hover: hover) and (pointer: fine) and (-ms-high-contrast: active) {
    .Online-Store-UI-TopBar-ExitAction_143bg:hover s-internal-icon,.Online-Store-UI-TopBar-ExitAction_143bg:hover svg {
        color:var(--p-color-icon-secondary)
    }
}

.Online-Store-UI-TopBar-ExitAction_143bg:active {
    color: var(--p-color-text-brand);
    background-color: var(--p-color-bg-surface-tertiary)
}

.Online-Store-UI-TopBar-ExitAction_143bg:active s-internal-icon,.Online-Store-UI-TopBar-ExitAction_143bg:active svg {
    color: var(--p-color-text-brand)
}

@media (-ms-high-contrast: active) {
    .Online-Store-UI-TopBar-ExitAction_143bg:active s-internal-icon,.Online-Store-UI-TopBar-ExitAction_143bg:active svg {
        color: var(--p-color-icon-secondary)
    }
}

@media (min-width: 41.6875em) {
    .Online-Store-UI-TopBar-ExitAction_143bg {
        height:100%;
        justify-content: left;
        border-radius: 0;
        color: var(--p-color-text)
    }

    .Online-Store-UI-TopBar-ExitAction_143bg:after {
        inset: var(--p-border-width-050) var(--p-border-width-050) var(--p-border-width-050) var(--p-border-width-050);
        border-radius: var(--p-border-radius-200)
    }

    .Online-Store-UI-TopBar-ExitAction_143bg:focus-visible:before {
        opacity: 0
    }

    .Online-Store-UI-TopBar-ExitAction--animated_9m6nk .Online-Store-UI-TopBar-ExitAction_143bg {
        z-index: 2;
        position: absolute;
        top: 0;
        left: 0;
        background-color: var(--osui_color-frame-surface-bg)
    }

    .Online-Store-UI-TopBar-ExitAction--animated_9m6nk .Online-Store-UI-TopBar-ExitAction_143bg:hover {
        background-color: var(--osui_color-frame-surface-bg)
    }

    .Online-Store-UI-TopBar-ExitAction--animated_9m6nk .Online-Store-UI-TopBar-ExitAction_143bg:active {
        background-color: var(--osui_color-plain-button-bg-active)
    }
}

.Online-Store-UI-TopBar-ExitAction__Content_qn7vv {
    display: flex;
    align-items: center;
    overflow: hidden
}

@media (min-width: 41.6875em) {
    .Online-Store-UI-TopBar-ExitAction__Content_qn7vv {
        min-width:3.5rem;
        height: 100%
    }

    .Online-Store-UI-TopBar-ExitAction--animated_9m6nk .Online-Store-UI-TopBar-ExitAction__Content_qn7vv {
        max-width: 3.5rem;
        height: calc(100% - var(--p-border-width-025));
        transition: max-width var(--p-motion-duration-150) var(--p-motion-ease)
    }

    .Online-Store-UI-TopBar-ExitAction--animated_9m6nk .Online-Store-UI-TopBar-ExitAction_143bg:focus .Online-Store-UI-TopBar-ExitAction__Content_qn7vv,.Online-Store-UI-TopBar-ExitAction--animated_9m6nk .Online-Store-UI-TopBar-ExitAction_143bg:hover .Online-Store-UI-TopBar-ExitAction__Content_qn7vv {
        max-width: calc(10.5rem + var(--p-space-300))
    }
}

.Online-Store-UI-TopBar-ExitAction__Label_p8gsq,.Online-Store-UI-TopBar-ExitAction__IconWrapper_15fft {
    min-width: 0;
    max-width: 100%;
    flex: 0 0 auto
}

@media (min-width: 41.6875em) {
    .Online-Store-UI-TopBar-ExitAction__IconWrapper_15fft {
        display:flex;
        align-items: center;
        justify-content: center;
        width: 3.5rem;
        height: 100%
    }
}

.Online-Store-UI-TopBar-ExitAction__Label_p8gsq {
    margin-left: calc(var(--p-space-200)*-1);
    padding-right: var(--p-space-300);
    max-width: calc(7rem + var(--p-space-300))
}

.Online-Store-UI-TopBar-ExitAction__Label_p8gsq>* {
    padding-bottom: .14em;
    line-height: 1.1
}

@supports (-webkit-line-clamp: 2) {
    .Online-Store-UI-TopBar-ExitAction__Label_p8gsq>* {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden
    }
}

.Online-Store-UI-TopBar-ExitAction--animated_9m6nk .Online-Store-UI-TopBar-ExitAction__Label_p8gsq {
    opacity: 0;
    transform: translate(calc(var(--p-space-200)*-1));
    transition-property: opacity,transform;
    transition-duration: var(--p-motion-duration-150);
    transition-timing-function: var(--p-motion-ease)
}

.Online-Store-UI-TopBar-ExitAction--animated_9m6nk .Online-Store-UI-TopBar-ExitAction_143bg:focus .Online-Store-UI-TopBar-ExitAction__Label_p8gsq,.Online-Store-UI-TopBar-ExitAction--animated_9m6nk .Online-Store-UI-TopBar-ExitAction_143bg:hover .Online-Store-UI-TopBar-ExitAction__Label_p8gsq,.Online-Store-UI-TopBar-ExitAction--animated_9m6nk .Online-Store-UI-TopBar-ExitAction_143bg:active .Online-Store-UI-TopBar-ExitAction__Label_p8gsq {
    opacity: 1;
    transform: translate(0)
}

.Online-Store-UI-TopBar-ExitAction__ChildrenWrapper_11ibn {
    min-width: 0;
    max-width: 100%;
    z-index: 1;
    position: relative;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: var(--p-space-300);
    flex: 0 1 auto;
    padding-left: var(--p-space-200);
    height: 100%
}

@media (min-width: 41.6875em) {
    .Online-Store-UI-TopBar-ExitAction--animated_9m6nk .Online-Store-UI-TopBar-ExitAction__ChildrenWrapper_11ibn {
        padding-left:calc(3.5rem + var(--p-space-200));
        transition-property: opacity,transform;
        transition-duration: var(--p-motion-duration-150);
        transition-timing-function: var(--p-motion-ease)
    }

    .Online-Store-UI-TopBar-ExitAction--animated_9m6nk .Online-Store-UI-TopBar-ExitAction_143bg:focus+.Online-Store-UI-TopBar-ExitAction__ChildrenWrapper_11ibn,.Online-Store-UI-TopBar-ExitAction--animated_9m6nk .Online-Store-UI-TopBar-ExitAction_143bg:hover+.Online-Store-UI-TopBar-ExitAction__ChildrenWrapper_11ibn,.Online-Store-UI-TopBar-ExitAction--animated_9m6nk .Online-Store-UI-TopBar-ExitAction_143bg:active+.Online-Store-UI-TopBar-ExitAction__ChildrenWrapper_11ibn {
        opacity: 0;
        transform: translate(var(--p-space-200))
    }
}

.Online-Store-UI-ExitAction-Title_1w1hy>* {
    padding-bottom: .14em;
    line-height: 1.1
}

@supports (-webkit-line-clamp: 2) {
    .Online-Store-UI-ExitAction-Title_1w1hy>* {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden
    }
}

@media (min-width: 41.6875em) {
    .Online-Store-UI-ExitAction-Title_1w1hy {
        max-width:20vw
    }
}

.Online-Store-UI-TopBar-LayoutGroup_1txj6 {
    min-width: 0;
    max-width: 100%;
    display: flex;
    align-items: center;
    flex: 0 0 auto;
    height: 100%
}

.Online-Store-UI-TopBar-LayoutGroup--grow_1kvwd {
    flex-grow: 1
}

.Online-Store-UI-TopBar-LayoutGroup--shrink_mtbh8 {
    flex-shrink: 1
}

.Online-Store-UI-TopBar-LayoutGroup--center_br81y {
    justify-content: center
}

.Online-Store-UI-TopBar-LayoutGroup--distributeSpace_1ctiw {
    justify-content: space-between
}

.Online-Store-UI-TopBar-LayoutGroup--alignRight_9yh95 {
    margin-left: auto
}

.Online-Store-UI-TopBar-LayoutGroup--paddedBoth_1emzu {
    padding-right: var(--p-space-400);
    padding-left: var(--p-space-400)
}

.Online-Store-UI-TopBar-LayoutGroup--paddedBoth_1emzu.Online-Store-UI-TopBar-LayoutGroup--usesBottomSheet_16ooh {
    padding-right: var(--p-space-300);
    padding-left: var(--p-space-300)
}

.Online-Store-UI-TopBar-LayoutGroup--paddedLeft_1ga9m {
    padding-left: var(--p-space-400)
}

.Online-Store-UI-TopBar-LayoutGroup--paddedRight_175mb {
    padding-right: var(--p-space-400)
}

.Online-Store-UI-TopBar-LayoutGroup--spacingNone_162ba>*+* {
    margin-left: 0
}

.Online-Store-UI-TopBar-LayoutGroup--spacingBase_l0815>*+* {
    margin-left: var(--p-space-400)
}

.Online-Store-UI-TopBar-LayoutGroup--spacingTight_1lm6d>*+* {
    margin-left: var(--p-space-200)
}

.Online-Store-UI-TopBar-LayoutGroup--spacingLoose_1l5hi>*+* {
    margin-left: var(--p-space-500)
}

.Online-Store-UI-TopBar-LayoutGroup__spacingBase--tight_fktb2>*+* {
    margin-left: var(--p-space-300)
}

.Online-Store-UI-TopBar-LayoutGroup__spacingExtra--tight_1ywc4>*+* {
    margin-left: var(--p-space-100)
}

.Online-Store-UI-TopBar-LayoutGroup--alignBaseline_sblep {
    align-items: baseline
}

.Online-Store-UI-LayoutGroup-Item_cqdv4 {
    min-width: 0;
    max-width: 100%;
    flex: 0 0 auto
}

.Online-Store-UI-LayoutGroup-Item--offsetLeft_14s71 {
    margin-left: calc(var(--p-space-200)*-1)
}

.Online-Store-UI-LayoutGroup-Item--offsetRight_ir874 {
    margin-right: calc(var(--p-space-200)*-1)
}

.Online-Store-UI-LayoutGroup-Item--grow_cpr0f {
    flex: 1 1 auto;
    min-width: 4rem;
    max-width: 37.5rem
}

.Online-Store-UI-ThumbnailsStack--thumbnailsStack_mo10z {
    display: grid
}

.Online-Store-UI-ThumbnailsStack--single_1b94p {
    height: .875rem;
    width: .875rem;
    margin: .1875rem
}

.Online-Store-UI-ThumbnailsStack--single_1b94p .Online-Store-UI-ThumbnailsStack--primary_a1s9u,.Online-Store-UI-ThumbnailsStack--single_1b94p .Online-Store-UI-ThumbnailsStack--secondary_4ute1 {
    height: 100%;
    width: 100%
}

.Online-Store-UI-ThumbnailsStack--multiple_o9efj {
    margin: .125rem
}

.Online-Store-UI-ThumbnailsStack--multiple_o9efj .Online-Store-UI-ThumbnailsStack--primary_a1s9u,.Online-Store-UI-ThumbnailsStack--multiple_o9efj .Online-Store-UI-ThumbnailsStack--secondary_4ute1 {
    height: .75rem;
    width: .75rem
}

.Online-Store-UI-ThumbnailsStack--image_1amzv {
    object-fit: cover;
    width: 100%;
    height: 100%;
    vertical-align: top
}

.Online-Store-UI-ThumbnailsStack--subdued_5sorm .Online-Store-UI-ThumbnailsStack--image_1amzv {
    opacity: .6
}

.Online-Store-UI-ThumbnailsStack--primary_a1s9u,.Online-Store-UI-ThumbnailsStack--secondary_4ute1 {
    position: relative;
    grid-area: 1/1;
    border-radius: .125rem;
    overflow: hidden;
    background-color: #fff9
}

.Online-Store-UI-ThumbnailsStack--primary_a1s9u {
    z-index: 2
}

.Online-Store-UI-ThumbnailsStack--secondary_4ute1+.Online-Store-UI-ThumbnailsStack--primary_a1s9u {
    margin-top: .25rem;
    margin-left: .25rem;
    box-shadow: calc(var(--p-border-width-025)*-.5) calc(var(--p-border-width-025)*-.5) 0 0 var(--p-color-bg-surface)
}

.Online-Store-UI-ThumbnailsStack--secondary_4ute1 {
    z-index: 1
}

.Online-Store-UI-OverrideIcon_1ta82 {
    --osui_override-icon-size: .75rem;
    --osui_override-icon-offset: .3125rem;
    --osui_override-icon-border-width: var(--p-border-width-025);
    display: flex;
    justify-content: center;
    align-items: center
}

.Online-Store-UI-OverrideIcon_1ta82.Online-Store-UI-OverrideIcon--dotIcon_pwwxa {
    --osui_override-icon-size: .4375rem;
    --osui_override-icon-offset: .125rem;
    --osui_override-icon-border-width: var(--p-border-width-050)
}

.Online-Store-UI-OverrideIcon__Container_1w761 {
    position: relative
}

.Online-Store-UI-OverrideIcon__Container_1w761,.Online-Store-UI-OverrideIcon__ChildrenWrapper_wglef,.Online-Store-UI-OverrideIcon__IconWrapper_y0xcg {
    min-width: 0;
    max-width: 100%
}

.Online-Store-UI-OverrideIcon__ChildrenWrapper_wglef {
    z-index: 1;
    display: flex;
    min-width: 1.25rem;
    min-height: 1.25rem
}

.Online-Store-UI-OverrideIcon__IconWrapper_y0xcg {
    z-index: 2;
    position: absolute
}

.Online-Store-UI-OverrideIcon_1ta82:not(.Online-Store-UI-OverrideIcon--dotIcon_pwwxa) .Online-Store-UI-OverrideIcon__IconWrapper_y0xcg {
    transform: rotate(45deg)
}

.Online-Store-UI-OverrideIcon--bottom_v061a .Online-Store-UI-OverrideIcon__IconWrapper_y0xcg {
    bottom: calc(var(--osui_override-icon-offset)*-1)
}

.Online-Store-UI-OverrideIcon--top_8gkb0 .Online-Store-UI-OverrideIcon__IconWrapper_y0xcg {
    top: calc(var(--osui_override-icon-offset)*-1)
}

.Online-Store-UI-OverrideIcon--right_1e5fw .Online-Store-UI-OverrideIcon__IconWrapper_y0xcg {
    right: calc(var(--osui_override-icon-offset)*-1)
}

.Online-Store-UI-OverrideIcon--left_1u3d1 .Online-Store-UI-OverrideIcon__IconWrapper_y0xcg {
    left: calc(var(--osui_override-icon-offset)*-1)
}

.Online-Store-UI-OverrideIcon__Icon_1u3kw {
    display: flex;
    background: var(--p-color-bg-surface);
    border: var(--osui_override-icon-border-width) solid var(--p-color-bg-surface);
    border-radius: var(--p-border-radius-050);
    transition: background-color var(--p-motion-duration-150) var(--p-motion-ease),border-color var(--p-motion-duration-150) var(--p-motion-ease)
}

.Online-Store-UI-OverrideIcon__Icon_1u3kw s-internal-icon,.Online-Store-UI-OverrideIcon__Icon_1u3kw svg {
    color: var(--p-color-bg-fill-success);
    fill: var(--p-color-bg-fill-success)
}

.Online-Store-UI-OverrideIcon--dotIcon_pwwxa .Online-Store-UI-OverrideIcon__Icon_1u3kw {
    border-radius: 50%;
    border: var(--osui_override-icon-border-width) solid var(--p-color-bg-surface)
}

.Online-Store-UI-OverrideIcon--dotIcon_pwwxa.Online-Store-UI-OverrideIcon--disabled_1qufb .Online-Store-UI-OverrideIcon__Icon_1u3kw s-internal-icon,.Online-Store-UI-OverrideIcon--dotIcon_pwwxa.Online-Store-UI-OverrideIcon--disabled_1qufb .Online-Store-UI-OverrideIcon__Icon_1u3kw svg {
    color: var(--p-color-icon-disabled);
    fill: var(--p-color-icon-disabled)
}

.Online-Store-UI-OverrideIcon__Icon_1u3kw svg {
    width: var(--osui_override-icon-size);
    height: var(--osui_override-icon-size)
}

.Online-Store-UI-OverrideIcon_1ta82:not(.Online-Store-UI-OverrideIcon--dotIcon_pwwxa) .Online-Store-UI-OverrideIcon__Icon_1u3kw svg {
    transform: rotate(-45deg)
}

.Online-Store-UI-UrlPicker__PrefixIconWrapper_16c8e>span {
    width: var(--p-space-400);
    height: var(--p-space-400)
}

.Online-Store-UI-UrlPicker-UrlPickerActivator__PrefixWrapper_1yzkm svg {
    color: var(--p-color-text-inverse)
}

.Online-Store-UI-UrlPicker-UrlPickerActivator__PrefixWrapper_1yzkm.Online-Store-UI-UrlPicker-UrlPickerActivator--toneMagic_czblq svg {
    fill: var(--p-color-text-ai)
}

.Online-Store-UI-UrlPicker-UrlPickerList__UrlPickerListWrapper_n5d09:not(.Online-Store-UI-UrlPicker-UrlPickerList--fullWidth_1c5np) {
    width: 15rem
}

.Online-Store-UI-UrlPicker-UrlPickerList_1u0hc {
    margin: 0;
    padding: 0;
    list-style: none;
    width: 100%
}

.Online-Store-UI-UrlPicker-UrlPickerList__Loading_13erc {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 2.5rem
}

.Online-Store-UI-UrlPicker-UrlPickerList__BackButton_1d5c8 {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0;
    padding: 0;
    background: none;
    border: none;
    font-size: inherit;
    line-height: inherit;
    color: inherit;
    cursor: pointer;
    display: block;
    width: 100%;
    min-height: 2.5rem;
    padding: calc((2.5rem - var(--p-font-line-height-500))*.5) var(--p-space-400);
    text-align: left;
    border-radius: 0;
    display: flex;
    align-items: center
}

.Online-Store-UI-UrlPicker-UrlPickerList__BackButton_1d5c8:focus {
    outline: none
}

.Online-Store-UI-UrlPicker-UrlPickerList__BackButton_1d5c8::-moz-focus-inner {
    border: none
}

@media (hover: hover) and (pointer: fine) {
    .Online-Store-UI-UrlPicker-UrlPickerList__BackButton_1d5c8:hover {
        background-color:var(--p-color-bg-surface-secondary-hover);
        text-decoration: none;
        outline: var(--p-border-width-050) solid transparent
    }
}

.Online-Store-UI-UrlPicker-UrlPickerList__BackButton_1d5c8:active {
    background-color: var(--p-color-bg-surface-secondary-selected)
}

.Online-Store-UI-UrlPicker-UrlPickerList__BackButton_1d5c8:focus-visible {
    border-radius: var(--p-border-radius-300);
    outline: var(--p-border-width-050) solid var(--p-color-border-focus);
    outline-offset: calc(var(--p-border-width-050)*-1)
}

.Online-Store-UI-UrlPicker-UrlPickerList__BackIconWrapper_1pdki {
    flex: 0 0 auto;
    margin-left: calc(var(--p-space-100)*-1);
    margin-right: var(--p-space-100)
}

.Online-Store-UI-UrlPicker-UrlPickerList__ResultsCount_1kawv {
    flex: 1 1 auto;
    margin-left: auto;
    text-align: right
}

.Online-Store-UI-UrlPickerList-UrlPickerItem__Action_1wnji {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0;
    padding: 0;
    background: none;
    border: none;
    font-size: inherit;
    line-height: inherit;
    color: inherit;
    cursor: pointer;
    display: block;
    width: 100%;
    min-height: 2.5rem;
    padding: calc((2.5rem - var(--p-font-line-height-500))*.5) var(--p-space-400);
    text-align: left;
    border-radius: 0
}

.Online-Store-UI-UrlPickerList-UrlPickerItem__Action_1wnji:focus {
    outline: none
}

.Online-Store-UI-UrlPickerList-UrlPickerItem__Action_1wnji:active {
    background-color: var(--p-color-bg-surface-secondary-selected)
}

@media (hover: hover) and (pointer: fine) {
    .Online-Store-UI-UrlPickerList-UrlPickerItem__Action_1wnji:active:hover {
        background-color:var(--p-color-bg-surface-secondary-hover);
        text-decoration: none;
        outline: var(--p-border-width-050) solid transparent
    }
}

@media (hover: hover) and (pointer: fine) {
    .Online-Store-UI-UrlPickerList-UrlPickerItem__Action_1wnji:hover {
        background-color:var(--p-color-bg-surface-secondary-hover);
        text-decoration: none;
        outline: var(--p-border-width-050) solid transparent
    }
}

.Online-Store-UI-UrlPickerList-UrlPickerItem__Action_1wnji.Online-Store-UI-UrlPickerList-UrlPickerItem--disabled_b3hnf {
    background-image: none;
    color: var(--p-color-text-disabled);
    cursor: default
}

.Online-Store-UI-UrlPickerList-UrlPickerItem__Action_1wnji.Online-Store-UI-UrlPickerList-UrlPickerItem--disabled_b3hnf .Online-Store-UI-UrlPickerList-UrlPickerItem__VisualElement_jb6t3 svg {
    fill: var(--p-color-icon-disabled);
    color: var(--p-color-text-inverse)
}

.Online-Store-UI-UrlPickerList-UrlPickerItem__Action_1wnji::-moz-focus-inner {
    border: none
}

.Online-Store-UI-UrlPickerList-UrlPickerItem__Action_1wnji:focus-visible {
    border-radius: var(--p-border-radius-300);
    outline: var(--p-border-width-050) solid var(--p-color-border-focus);
    outline-offset: calc(var(--p-border-width-050)*-1)
}

.Online-Store-UI-UrlPickerList-UrlPickerItem__VisualElement_jb6t3 {
    display: flex;
    flex: 0 0 auto;
    justify-content: center;
    align-items: center;
    height: 1.25rem;
    width: 1.25rem;
    border-radius: var(--p-border-radius-100);
    margin: -.625rem var(--p-space-400) -.625rem 0;
    background-size: cover;
    background-position: center center
}

.Online-Store-UI-UrlPickerList-UrlPickerItem__VisualElement_jb6t3 svg {
    fill: var(--p-color-icon);
    color: var(--p-color-text-inverse)
}

.Online-Store-UI-UrlPickerList-UrlPickerItem__Text_jykuh {
    min-width: 0;
    max-width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    flex: 1 0 auto;
    width: 9.375rem
}

.Online-Store-UI-UrlPickerList-UrlPickerItem__Content_1om2l {
    display: flex;
    align-items: center
}

.Online-Store-UI-LabelledSetting__LabelWrapper_ggzix {
    word-break: break-word;
    overflow-wrap: break-word;
    display: flex;
    justify-content: space-between;
    align-items: center;
    min-height: 1.8125rem
}

@media (max-width: 67.4975em) {
    .Online-Store-UI-LabelledSetting__LabelWrapper_ggzix {
        margin-bottom:var(--p-space-100)
    }
}

.Online-Store-UI-LabelledSetting__Wrapper_1dm83 {
    display: grid;
    grid-template-columns: 1fr 10.625rem;
    align-items: start;
    gap: var(--p-space-150)
}

@media (max-width: 67.4975em) {
    .Online-Store-UI-LabelledSetting__Wrapper_1dm83 {
        grid-template-columns:minmax(0,2fr) minmax(0,5fr)
    }
}

.Online-Store-UI-LabelledSetting__Wrapper_1dm83 .Online-Store-UI-LabelledSetting__Label_pcxvv {
    margin-top: var(--p-space-050)
}

.Online-Store-UI-LabelledSetting__DenseLabelWrapper_re2ze {
    color: var(--osui_color-setting-label);
    word-break: break-word;
    overflow-wrap: break-word;
    display: flex;
    justify-content: space-between;
    height: 100%;
    padding-top: var(--osui-labelled-setting-label-top-padding)
}

.Online-Store-UI-LabelledSetting__DenseLabelWrapper_re2ze.Online-Store-UI-LabelledSetting--stacked_e49vl {
    padding-right: var(--p-space-100)
}

.Online-Store-UI-LabelledSetting__DenseLabelWrapper_re2ze.Online-Store-UI-LabelledSetting--withoutActions_lz2xl {
    padding-bottom: var(--p-space-150)
}

.Online-Store-UI-LabelledSetting__DenseLabelWrapper_re2ze.Online-Store-UI-LabelledSetting--blockAlignFlexible_173oj {
    padding-top: 0;
    display: grid;
    height: calc(100% - var(--osui-labelled-setting-label-top-padding));
    grid-template-rows: minmax(0,var(--osui-labelled-setting-label-top-padding)) 1fr
}

.Online-Store-UI-LabelledSetting__DenseLabelWrapper_re2ze.Online-Store-UI-LabelledSetting--blockAlignFlexible_173oj:before {
    content: ""
}

.Online-Store-UI-LabelledSetting__DenseLabelWrapper_re2ze.Online-Store-UI-LabelledSetting--blockAlignCenter_11wjz {
    align-items: center
}

.Online-Store-UI-LabelledSetting__DenseLabelWrapper_re2ze.Online-Store-UI-LabelledSetting--blockAlignStart_qte97 {
    align-items: flex-start
}

.Online-Store-UI-LabelledSetting__DenseWrapper_gi8tz {
    display: grid;
    grid-template-columns: var(--osui_width-labelled-setting-label) minmax(0,1fr);
    grid-template-rows: 1fr;
    align-items: start;
    gap: var(--p-space-150)
}

.Online-Store-UI-LabelledSetting__DenseWrapper_gi8tz.Online-Store-UI-LabelledSetting--unboundedLabel_oo6ca {
    grid-template-columns: minmax(0,auto) minmax(0,auto)
}

.Online-Store-UI-LabelledSetting__Label_pcxvv {
    margin-bottom: calc(var(--p-space-100)*.5);
    white-space: break-spaces
}

@supports (-webkit-line-clamp: 2) {
    .Online-Store-UI-LabelledSetting__Label_pcxvv {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden
    }
}

.Online-Store-UI-LabelledSetting__DenseLabel_1s8r5 {
    word-break: break-word;
    overflow-wrap: break-word;
    -webkit-hyphens: auto;
    hyphens: auto;
    -webkit-hyphenate-limit-before: 4;
    -webkit-hyphenate-limit-after: 10;
    -ms-hyphenate-limit-chars: 10 10 4;
    hyphenate-limit-chars: 10 10 4
}

.Online-Store-UI-LabelledSetting__Error_p3709 {
    word-break: break-word;
    overflow-wrap: break-word;
    margin-top: var(--p-space-100)
}

.Online-Store-UI-LabelledSetting__DenseError_1frkg {
    word-break: break-word;
    overflow-wrap: break-word
}

.Online-Store-UI-LabelledSetting__ChildrenWrapper_14cyy {
    flex-grow: 1;
    max-width: 100%
}

.Online-Store-UI-settings-LabelledSetting-InlineHighlight_1v02t {
    color: var(--p-color-text-info);
    fill: var(--p-color-icon-info)
}

.Online-Store-UI-settings-LabelledSetting-InlineHighlight__InfoIcon_1jd79 {
    fill: currentcolor;
    margin-left: calc(var(--p-space-050)*-1)
}

.Online-Store-UI-InfoText__DenseInfoText_1hai0 {
    color: #757575;
    line-height: var(--p-font-line-height-400)
}

.Online-Store-UI-InfoText__DenseInfoText_1hai0.Online-Store-UI-InfoText__MagicTone_96fu4 {
    color: var(--p-color-text-ai)
}

.Online-Store-UI-ParagraphSetting__Paragraph_1kcok {
    word-break: break-word;
    overflow-wrap: break-word;
    margin-top: var(--p-space-400)
}

.Online-Store-UI-ParagraphSetting__Paragraph_1kcok:last-child {
    margin-bottom: var(--p-space-400)
}

.Online-Store-UI-ParagraphSetting__Paragraph_1kcok:only-child {
    margin-top: 0;
    margin-bottom: 0
}

.Online-Store-UI-ButtonSetting__Button_1u5wm {
    cursor: pointer;
    padding: calc(var(--p-space-300) + var(--p-space-050)) var(--p-space-300);
    background-color: var(--p-color-bg-fill-secondary);
    color: var(--p-color-text);
    border: none;
    border-radius: var(--p-border-radius-300);
    font-size: var(--p-font-size-350);
    font-weight: var(--p-font-weight-medium);
    line-height: var(--p-font-line-height-400);
    min-width: 0
}

@media (hover) and (pointer: fine),(min-width: 48em) {
    .Online-Store-UI-ButtonSetting__Button_1u5wm {
        font-size:var(--p-font-size-300);
        padding: var(--p-space-200) var(--p-space-300);
        border-radius: var(--p-border-radius-200)
    }
}

.Online-Store-UI-ButtonSetting__Button_1u5wm.Online-Store-UI-ButtonSetting--withAction_14avp {
    border-start-start-radius: var(--p-border-radius-300);
    border-end-start-radius: var(--p-border-radius-300);
    border-start-end-radius: 0;
    border-end-end-radius: 0
}

@media (hover) and (pointer: fine),(min-width: 48em) {
    .Online-Store-UI-ButtonSetting__Button_1u5wm.Online-Store-UI-ButtonSetting--withAction_14avp {
        border-start-start-radius:var(--p-border-radius-200);
        border-end-start-radius: var(--p-border-radius-200)
    }
}

.Online-Store-UI-ButtonSetting__Button_1u5wm.Online-Store-UI-ButtonSetting--fullWidth_12ljo {
    width: 100%
}

.Online-Store-UI-ButtonSetting__Button_1u5wm:hover {
    background-color: var(--p-color-bg-fill-secondary-hover)
}

.Online-Store-UI-ButtonSetting__Button_1u5wm:active {
    background-color: var(--p-color-bg-fill-secondary-active)
}

.Online-Store-UI-ButtonSetting__Button_1u5wm.Online-Store-UI-ButtonSetting--toneMagic_ug8ds {
    background-color: var(--p-color-bg-surface-ai)
}

.Online-Store-UI-ButtonSetting__Button_1u5wm.Online-Store-UI-ButtonSetting--toneMagic_ug8ds:hover {
    background-color: var(--p-color-bg-surface-ai-hover)
}

.Online-Store-UI-ButtonSetting__Button_1u5wm.Online-Store-UI-ButtonSetting--toneMagic_ug8ds:active {
    background-color: var(--p-color-bg-surface-ai-active)
}

.Online-Store-UI-ButtonSetting__ButtonContent_f0ndx {
    display: block
}

@supports (-webkit-line-clamp: 2) {
    .Online-Store-UI-ButtonSetting__ButtonContent_f0ndx {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden
    }
}

.Online-Store-UI-ButtonSetting--toneMagic_ug8ds .Online-Store-UI-ButtonSetting__ButtonContent_f0ndx {
    color: var(--p-color-text-ai)
}

.Online-Store-UI-ButtonSetting__Action_1u668 {
    cursor: pointer;
    position: relative;
    display: flex;
    overflow: hidden;
    flex-shrink: 0;
    align-self: stretch;
    justify-content: center;
    align-items: center;
    width: calc(var(--p-space-1000) + var(--p-space-100));
    min-width: 0;
    border: none;
    background-color: var(--p-color-bg);
    color: var(--p-color-text);
    border-start-end-radius: var(--p-border-radius-300);
    border-end-end-radius: var(--p-border-radius-300)
}

@media (hover) and (pointer: fine),(min-width: 48em) {
    .Online-Store-UI-ButtonSetting__Action_1u668 {
        width:var(--p-space-800);
        border-start-end-radius: var(--p-border-radius-200);
        border-end-end-radius: var(--p-border-radius-200)
    }
}

.Online-Store-UI-ButtonSetting__Action_1u668:hover {
    background-color: var(--p-color-bg-fill-secondary-hover)
}

.Online-Store-UI-ButtonSetting__Action_1u668:active {
    background-color: var(--p-color-bg-fill-secondary-active)
}

.Online-Store-UI-ButtonSetting__Action_1u668.Online-Store-UI-ButtonSetting--toneMagic_ug8ds {
    background-color: var(--p-color-bg-surface-ai)
}

.Online-Store-UI-ButtonSetting__Action_1u668.Online-Store-UI-ButtonSetting--toneMagic_ug8ds:hover {
    background-color: var(--p-color-bg-surface-ai-hover)
}

.Online-Store-UI-ButtonSetting__Action_1u668.Online-Store-UI-ButtonSetting--toneMagic_ug8ds:active {
    background-color: var(--p-color-bg-surface-ai-active)
}

.Online-Store-UI-ButtonSetting__ActionActive_f2mfg {
    background-color: var(--p-color-bg-fill-secondary-active)
}

.Online-Store-UI-ButtonSetting__ActionActive_f2mfg s-internal-icon,.Online-Store-UI-ButtonSetting__ActionActive_f2mfg svg {
    color: var(--p-color-icon-highlight)
}

.Online-Store-UI-TreeList__Tree_pgpog {
    grid-area: tree
}

.Online-Store-UI-TreeList__TreeContainer_1rm1a {
    --item-icon-size: var(--p-width-500);
    --tree-connector-width: var(--p-width-300);
    --indent-size: 1.125rem;
    --tree-line-color: var(--p-color-border-hover);
    --tree-line-width: var(--p-border-width-025)
}

.Online-Store-UI-TreeList__TreeContainer_1rm1a ul {
    position: relative;
    padding: 0;
    list-style-type: none
}

.Online-Store-UI-TreeList__TreeRoot_n3t02 ul:before {
    left: calc(var(--tree-connector-width)/2)
}

.Online-Store-UI-TreeList__TreeRoot_n3t02 li:not(.Online-Store-UI-TreeList--treeItemRoot_1t6hx):before {
    content: "";
    position: absolute;
    left: var(--p-space-100);
    width: var(--tree-line-width);
    height: 100%;
    background: var(--tree-line-color)
}

.Online-Store-UI-TreeList__TreeRoot_n3t02 li:last-child:before {
    height: .625rem
}

.Online-Store-UI-TreeList__TreeRoot_n3t02>li {
    margin-left: 0
}

.Online-Store-UI-TreeList__TreeRoot_n3t02>li:first-of-type:before {
    top: .625rem
}

.Online-Store-UI-TreeList__TreeRoot_n3t02.Online-Store-UI-TreeList__Tree_pgpog {
    margin: 0
}

.Online-Store-UI-TreeList-TreeListItem__Tree_e72f3 {
    grid-area: tree
}

.Online-Store-UI-TreeList-TreeListItem_1nhv1 {
    position: relative;
    display: grid;
    grid-template-columns: auto 1fr;
    grid-template-rows: auto auto;
    grid-template-areas: "connector content" "tree tree";
    outline-offset: var(--p-border-width-025);
    overflow: hidden;
    text-overflow: ellipsis;
    padding-block-start:var(--p-space-050)}

.Online-Store-UI-TreeList-TreeListItem_1nhv1: focus-visible {
    z-index:var(--p-z-index-2)
}

.Online-Store-UI-TreeList-TreeListItem_1nhv1 ul {
    margin-left: var(--p-space-500)
}

.Online-Store-UI-TreeList-TreeListItem--treeListItemRoot_ox6u3 {
    grid-template-columns: 1fr;
    grid-template-rows: auto auto;
    grid-template-areas: "content" "tree"
}

.Online-Store-UI-TreeList-TreeListItem--treeListItemRoot_ox6u3>ul {
    margin-left: calc(var(--indent-size)/2)
}

.Online-Store-UI-TreeList-TreeListItem__TreeConnector_1uyu6 {
    grid-area: connector;
    margin-right: .625rem
}

.Online-Store-UI-TreeList-TreeListItem__TreeLeafLine_pr0yl {
    border-inline-start:var(--tree-line-width) solid var(--tree-line-color);border-block-end: var(--tree-line-width) solid var(--tree-line-color);
    border-end-start-radius: .125rem;
    height: 25%;
    margin-right: calc(var(--p-space-100)*-1);
    width: var(--p-space-100);
    transform-origin: center;
    transform: translate(100%,100%)
}

.Online-Store-UI-TreeList-TreeListItem__TreeListItemContent_hro1l {
    position: relative;
    display: flex;
    overflow: hidden;
    align-items: center;
    padding: 0;
    grid-area: content;
    gap: var(--p-space-100)
}

.Online-Store-UI-TreeList-TreeListButton_ks7lj {
    border-radius: var(--p-border-radius-200);
    display: flex;
    width: 100%;
    background-color: var(--p-color-bg-fill)
}

.Online-Store-UI-TreeList-TreeListButton_ks7lj.Online-Store-UI-TreeList-TreeListButton--selected_1bq9i {
    background-color: var(--p-color-bg-surface-active)
}

.Online-Store-UI-TreeList-TreeListButton_ks7lj:not(.Online-Store-UI-TreeList-TreeListButton--selected_1bq9i):hover,.Online-Store-UI-TreeList-TreeListButton_ks7lj:not(.Online-Store-UI-TreeList-TreeListButton--selected_1bq9i):focus-within {
    background: var(--p-color-bg-surface-active);
    z-index: var(--p-z-index-1)
}

.Online-Store-UI-TreeList-TreeListButton_ks7lj:hover .Online-Store-UI-TreeList-TreeListButton__TreeListButtonActions_bg7y5,.Online-Store-UI-TreeList-TreeListButton_ks7lj:focus-within .Online-Store-UI-TreeList-TreeListButton__TreeListButtonActions_bg7y5 {
    display: flex
}

.Online-Store-UI-TreeList-TreeListButton__UnstyledButton_19g1w {
    overflow: hidden;
    flex: 1 1;
    text-overflow: ellipsis;
    text-align: left;
    align-items: center;
    min-height: 1.875rem;
    padding: var(--p-space-100);
    width: 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0;
    background: none;
    border: none;
    font-size: inherit;
    line-height: inherit;
    color: inherit;
    cursor: pointer
}

@media (max-width: 41.685em) {
    .Online-Store-UI-TreeList-TreeListButton__UnstyledButton_19g1w {
        min-height:2.75rem
    }
}

.Online-Store-UI-TreeList-TreeListButton__TreeListButtonActions_bg7y5 {
    align-items: center;
    display: none;
    padding-bottom: var(--p-space-100);
    padding-top: var(--p-space-100)
}

.Online-Store-UI-TreeList-TreeListButton__TreeListButtonContent_1r6nc {
    flex: 1 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.Online-Store-UI-TreeList-TreeListButton__TreeItemIcon_1kyw7 {
    width: var(--item-icon-size)
}

.Online-Store-UI-TreeList-TreeListButton__SelectedIcon_tm400 {
    display: none
}

.Online-Store-UI-TreeList-TreeListButton--selected_1bq9i .Online-Store-UI-TreeList-TreeListButton__SelectedIcon_tm400 {
    display: block
}

.Online-Store-UI-TreeList-TreeListButton--hasActions_14aem:hover .Online-Store-UI-TreeList-TreeListButton__SelectedIcon_tm400 {
    display: none
}

.Analytics-UI-Components-MetricCardEmpty__Message,.Analytics-UI-Components-MetricCardError__Message {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%
}

.Analytics-UI-Components-ReportifyMetricCard {
    height: 100%;
    width: 100%
}

.Analytics-UI-Components-Pagination button {
    border: none!important;
    box-shadow: none!important;
    background-color: var(--p-color-bg-fill-tertiary)
}

:is(.Analytics-UI-Components-Pagination button):hover {
    background-color: var(--p-color-bg-fill-tertiary-hover)
}

@media (min-width: 48em) and (pointer: fine) {
    :is(.Analytics-UI-Components-Pagination button):active {
        box-shadow:var(--p-shadow-inset-200)!important
    }
}

:is(.Analytics-UI-Components-Pagination button):active,:is(.Analytics-UI-Components-Pagination button):focus {
    background-color: var(--p-color-bg-fill-tertiary-active)
}

.Analytics-UI-Components-Pagination.Analytics-UI-Components-Pagination--table {
    border-top: .0625rem solid var(--p-color-border)
}

.Analytics-UI-Components-Pagination.Analytics-UI-Components-Pagination--table button {
    --button-min-height: var(--p-height-700);
    background-color: var(--p-color-bg-surface-secondary-selected);
    min-height: var(--button-min-height);
    min-width: var(--button-min-height);
    height: var(--button-min-height);
    width: var(--button-min-height);
    display: flex;
    padding: unset
}

:is(.Analytics-UI-Components-Pagination.Analytics-UI-Components-Pagination--table button):hover {
    background-color: var(--p-color-bg-fill-tertiary-hover)
}

:is(.Analytics-UI-Components-Pagination.Analytics-UI-Components-Pagination--table button):hover s-internal-icon,:is(.Analytics-UI-Components-Pagination.Analytics-UI-Components-Pagination--table button):hover svg {
    color: var(--p-color-icon-hover)
}

:is(.Analytics-UI-Components-Pagination.Analytics-UI-Components-Pagination--table button):active,:is(.Analytics-UI-Components-Pagination.Analytics-UI-Components-Pagination--table button):focus {
    background-color: var(--p-color-bg-fill-tertiary-active)
}

:is(:is(.Analytics-UI-Components-Pagination.Analytics-UI-Components-Pagination--table button):active,:is(.Analytics-UI-Components-Pagination.Analytics-UI-Components-Pagination--table button):focus) s-internal-icon,:is(:is(.Analytics-UI-Components-Pagination.Analytics-UI-Components-Pagination--table button):active,:is(.Analytics-UI-Components-Pagination.Analytics-UI-Components-Pagination--table button):focus) svg {
    color: var(--p-color-icon-active)
}

:is(.Analytics-UI-Components-Pagination.Analytics-UI-Components-Pagination--table button):disabled s-internal-icon,:is(.Analytics-UI-Components-Pagination.Analytics-UI-Components-Pagination--table button):disabled svg {
    color: var(--p-color-icon-disabled)
}

.Analytics-UI-Components-Pagination [data-buttongroup-variant=segmented] {
    gap: var(--p-space-050)
}

.Analytics-UI-Components-Pagination__TablePaginationActions {
    display: flex;
    gap: var(--p-space-025);
    align-items: center;
    justify-content: start
}

.Analytics-UI-Components-DataTable {
    --pc-data-table-first-column-width: 9.0625rem;
    position: relative;
    max-width: 100vw;
    background-color: var(--p-color-bg-surface);
    border-radius: 0;
    overflow: hidden
}

@media (min-width: 30.625em) {
    .Analytics-UI-Components-DataTable {
        border-radius:var(--p-border-radius-300)
    }
}

.Analytics-UI-Components-DataTable--condensed .Analytics-UI-Components-DataTable__Navigation {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: var(--p-space-400) var(--p-space-300)
}

@media (min-width: 48em) {
    .Analytics-UI-Components-DataTable--condensed .Analytics-UI-Components-DataTable__Navigation {
        justify-content:flex-end
    }
}

.Analytics-UI-Components-DataTable__Navigation {
    display: none
}

.Analytics-UI-Components-DataTable__Pip {
    height: .375rem;
    width: .375rem;
    background: var(--p-color-icon-secondary);
    border-radius: var(--p-border-radius-100)
}

.Analytics-UI-Components-DataTable__Pip:not(:last-of-type) {
    margin-right: var(--p-space-100)
}

.Analytics-UI-Components-DataTable__Pip:first-of-type {
    margin-left: var(--p-space-100)
}

.Analytics-UI-Components-DataTable__Pip:last-of-type {
    margin-right: var(--p-space-100)
}

.Analytics-UI-Components-DataTable__Pip--visible {
    background: var(--p-color-icon)
}

.Analytics-UI-Components-DataTable__ScrollContainer {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scroll-behavior: smooth;
    background-color: inherit
}

.Analytics-UI-Components-DataTable__Table {
    width: 100%;
    border-spacing: 0
}

:is(.Analytics-UI-Components-DataTable__TableRow+.Analytics-UI-Components-DataTable__TableRow) .Analytics-UI-Components-DataTable__Cell {
    border-top: var(--p-border-width-025) solid var(--p-color-border-secondary)
}

.Analytics-UI-Components-DataTable__Cell {
    font-weight: var(--p-font-weight-regular);
    color: var(--p-color-text);
    white-space: nowrap;
    text-align: left;
    transition: background-color var(--p-motion-duration-200) var(--p-motion-ease-in-out);
    padding: var(--p-space-200) var(--p-space-150)
}

.Analytics-UI-Components-DataTable__Cell:first-child {
    padding-left: var(--p-space-300)
}

.Analytics-UI-Components-DataTable__Cell:last-child {
    padding-right: var(--p-space-300)
}

.Analytics-UI-Components-DataTable__IncreasedTableDensity .Analytics-UI-Components-DataTable__Cell {
    padding: var(--p-space-150)
}

:is(.Analytics-UI-Components-DataTable__IncreasedTableDensity .Analytics-UI-Components-DataTable__Cell):first-child {
    padding-left: var(--p-space-300)
}

:is(.Analytics-UI-Components-DataTable__IncreasedTableDensity .Analytics-UI-Components-DataTable__Cell):last-child {
    padding-right: var(--p-space-300)
}

.Analytics-UI-Components-DataTable__ZebraStripingOnData .Analytics-UI-Components-DataTable__TableRow:nth-child(odd) .Analytics-UI-Components-DataTable__Cell,.Analytics-UI-Components-DataTable__ZebraStripingOnData.Analytics-UI-Components-DataTable__RowCountIsEven .Analytics-UI-Components-DataTable__TableRow:nth-child(2n) .Analytics-UI-Components-DataTable__Cell,.Analytics-UI-Components-DataTable__ZebraStripingOnData.Analytics-UI-Components-DataTable__ShowTotalsInFooter .Analytics-UI-Components-DataTable__TableRow:nth-child(2n) .Analytics-UI-Components-DataTable__Cell,.Analytics-UI-Components-DataTable__ZebraStripingOnData.Analytics-UI-Components-DataTable__ShowTotalsInFooter.Analytics-UI-Components-DataTable__RowCountIsEven .Analytics-UI-Components-DataTable__TableRow:nth-child(odd) .Analytics-UI-Components-DataTable__Cell {
    background: none
}

.Analytics-UI-Components-DataTable__ZebraStripingOnData .Analytics-UI-Components-DataTable__TableRow:nth-child(2n) .Analytics-UI-Components-DataTable__Cell,.Analytics-UI-Components-DataTable__ZebraStripingOnData.Analytics-UI-Components-DataTable__RowCountIsEven .Analytics-UI-Components-DataTable__TableRow:nth-child(odd) .Analytics-UI-Components-DataTable__Cell,.Analytics-UI-Components-DataTable__ZebraStripingOnData.Analytics-UI-Components-DataTable__ShowTotalsInFooter .Analytics-UI-Components-DataTable__TableRow:nth-child(odd) .Analytics-UI-Components-DataTable__Cell,.Analytics-UI-Components-DataTable__ZebraStripingOnData.Analytics-UI-Components-DataTable__ShowTotalsInFooter.Analytics-UI-Components-DataTable__RowCountIsEven .Analytics-UI-Components-DataTable__TableRow:nth-child(2n) .Analytics-UI-Components-DataTable__Cell {
    background: var(--p-color-bg-surface-secondary)
}

.Analytics-UI-Components-DataTable__Cell--separate:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    border-right: var(--p-border-width-025) solid var(--p-color-border)
}

.Analytics-UI-Components-DataTable__Cell--firstColumn {
    text-align: left;
    white-space: normal
}

.Analytics-UI-Components-DataTable__Cell--numeric {
    text-align: right
}

.Analytics-UI-Components-DataTable__Cell--truncated {
    white-space: nowrap;
    overflow-x: hidden;
    text-overflow: ellipsis;
    max-width: var(--pc-data-table-first-column-width)
}

.Analytics-UI-Components-DataTable__Cell--header {
    font-weight: var(--p-font-weight-regular);
    color: var(--p-color-text);
    border-bottom: var(--p-border-width-025) solid var(--p-color-border);
    border-top: 0;
    padding-top: var(--p-space-300);
    padding-bottom: var(--p-space-300)
}

.Analytics-UI-Components-DataTable__IncreasedTableDensity .Analytics-UI-Components-DataTable__Cell--header {
    font-weight: var(--p-font-weight-regular)
}

.Analytics-UI-Components-DataTable__Cell--sortable {
    padding: 0
}

.Analytics-UI-Components-DataTable__Cell--sortable:first-child {
    padding-left: var(--p-space-200)
}

.Analytics-UI-Components-DataTable__Cell--sortable:last-child {
    padding-right: var(--p-space-200)
}

.Analytics-UI-Components-DataTable__IncreasedTableDensity .Analytics-UI-Components-DataTable__Cell--sortable {
    padding: 0
}

:is(.Analytics-UI-Components-DataTable__IncreasedTableDensity .Analytics-UI-Components-DataTable__Cell--sortable):first-child {
    padding-left: var(--p-space-200)
}

:is(.Analytics-UI-Components-DataTable__IncreasedTableDensity .Analytics-UI-Components-DataTable__Cell--sortable):last-child {
    padding-right: var(--p-space-200)
}

.Analytics-UI-Components-DataTable__IncreasedTableDensity .Analytics-UI-Components-DataTable__Cell--sortable .Analytics-UI-Components-DataTable__Heading--left {
    padding-right: 0;
    padding-left: var(--p-space-100)
}

.Analytics-UI-Components-DataTable__Cell--verticalAlignTop {
    vertical-align: top
}

.Analytics-UI-Components-DataTable__Cell--verticalAlignBottom {
    vertical-align: bottom
}

.Analytics-UI-Components-DataTable__Cell--verticalAlignMiddle {
    vertical-align: middle
}

.Analytics-UI-Components-DataTable__Cell--verticalAlignBaseline {
    vertical-align: baseline
}

@media (min-width: 48em) {
    .Analytics-UI-Components-DataTable--hoverable .Analytics-UI-Components-DataTable__Cell--hovered {
        background:var(--p-color-bg-surface-hover)
    }
}

.Analytics-UI-Components-DataTable__Icon {
    display: flex;
    align-self: flex-end;
    opacity: 0;
    transition: opacity var(--p-motion-duration-200) var(--p-motion-ease)
}

.Analytics-UI-Components-DataTable__Heading {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0;
    padding: 0;
    background: none;
    border: none;
    font-size: inherit;
    line-height: inherit;
    color: inherit;
    cursor: pointer
}

.Analytics-UI-Components-DataTable__Heading:focus {
    outline: none
}

.Analytics-UI-Components-DataTable__Heading {
    position: relative
}

.Analytics-UI-Components-DataTable__Heading:after {
    content: "";
    position: absolute;
    z-index: 1;
    top: -.0625rem;
    right: -.0625rem;
    bottom: -.0625rem;
    left: -.0625rem;
    display: block;
    pointer-events: none;
    box-shadow: 0 0 0 -.0625rem var(--p-color-border-focus);
    border-radius: var(--p-border-radius-100)
}

.Analytics-UI-Components-DataTable__Heading {
    position: relative;
    display: inline-flex;
    justify-content: flex-end;
    align-items: baseline;
    color: var(--p-color-text);
    transition: color var(--p-motion-duration-200) var(--p-motion-ease);
    cursor: pointer;
    margin: .1875rem;
    padding: .5625rem .1875rem
}

.Analytics-UI-Components-DataTable__Heading s-internal-icon,.Analytics-UI-Components-DataTable__Heading svg {
    color: var(--p-color-icon-disabled)
}

.Analytics-UI-Components-DataTable__StickyHeaderEnabled [data-sticky-active] .Analytics-UI-Components-DataTable__Heading {
    visibility: hidden
}

.Analytics-UI-Components-DataTable__StickyHeaderEnabled [data-sticky-active] .Analytics-UI-Components-DataTable__StickyHeaderWrapper .Analytics-UI-Components-DataTable__Heading {
    visibility: visible
}

.Analytics-UI-Components-DataTable__IncreasedTableDensity .Analytics-UI-Components-DataTable__Heading {
    margin: .1875rem;
    padding: .1875rem
}

.Analytics-UI-Components-DataTable__Heading:hover .Analytics-UI-Components-DataTable__Icon {
    opacity: 1
}

.Analytics-UI-Components-DataTable__Heading:focus-visible:not(:active):after {
    box-shadow: 0 0 0 .125rem var(--p-color-border-focus);
    outline: var(--p-border-width-025) solid transparent
}

.Analytics-UI-Components-DataTable__Heading:focus-visible:not(:active) .Analytics-UI-Components-DataTable__Icon {
    opacity: 1
}

:is(.Analytics-UI-Components-DataTable__Heading:focus-visible:not(:active) .Analytics-UI-Components-DataTable__Icon) s-internal-icon,:is(.Analytics-UI-Components-DataTable__Heading:focus-visible:not(:active) .Analytics-UI-Components-DataTable__Icon) svg {
    color: var(--p-color-icon-disabled)
}

.Analytics-UI-Components-DataTable__Heading--left {
    justify-content: flex-start;
    flex-direction: row-reverse
}

.Analytics-UI-Components-DataTable__Cell--sorted .Analytics-UI-Components-DataTable__Icon {
    opacity: 1
}

:is(.Analytics-UI-Components-DataTable__Cell--sorted .Analytics-UI-Components-DataTable__Icon) s-internal-icon,:is(.Analytics-UI-Components-DataTable__Cell--sorted .Analytics-UI-Components-DataTable__Icon) svg {
    color: var(--p-color-icon)
}

.Analytics-UI-Components-DataTable__Cell--sorted:hover s-internal-icon,.Analytics-UI-Components-DataTable__Cell--sorted:hover svg {
    color: var(--p-color-icon)
}

:is(.Analytics-UI-Components-DataTable__Cell--sorted .Analytics-UI-Components-DataTable__Heading:focus:not(:active)) s-internal-icon,:is(.Analytics-UI-Components-DataTable__Cell--sorted .Analytics-UI-Components-DataTable__Heading:focus:not(:active)) svg {
    color: var(--p-color-icon)
}

.Analytics-UI-Components-DataTable__Cell--total {
    font-weight: var(--p-font-weight-semibold);
    background: var(--p-color-bg-surface-secondary);
    border-bottom: var(--p-border-width-025) solid var(--p-color-border)
}

.Analytics-UI-Components-DataTable__ZebraStripingOnData.Analytics-UI-Components-DataTable__ShowTotals .Analytics-UI-Components-DataTable__Cell--total {
    background: var(--p-color-bg-surface-secondary)
}

.Analytics-UI-Components-DataTable__ZebraStripingOnData.Analytics-UI-Components-DataTable__ShowTotals.Analytics-UI-Components-DataTable__RowCountIsEven .Analytics-UI-Components-DataTable__Cell--total,.Analytics-UI-Components-DataTable__ZebraStripingOnData.Analytics-UI-Components-DataTable__ShowTotalsInFooter .Analytics-UI-Components-DataTable__Cell--total {
    background: none
}

.Analytics-UI-Components-DataTable--cellTotalFooter {
    border-top: var(--p-border-width-025) solid var(--p-color-border);
    border-bottom: none
}

.Analytics-UI-Components-DataTable__Footer {
    padding: var(--p-space-200) var(--p-space-300);
    background: var(--p-color-bg-surface-secondary);
    color: var(--p-color-text-secondary);
    text-align: center;
    border-top: var(--p-border-width-025) solid var(--p-color-border)
}

.Analytics-UI-Components-DataTable__IncreasedTableDensity .Analytics-UI-Components-DataTable__Footer {
    padding: var(--p-space-150) var(--p-space-300)
}

.Analytics-UI-Components-DataTable__ZebraStripingOnData .Analytics-UI-Components-DataTable__Footer {
    background: none
}

.Analytics-UI-Components-DataTable__StickyHeaderEnabled .Analytics-UI-Components-DataTable__StickyHeaderWrapper {
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    visibility: hidden;
    z-index: var(--p-z-index-1)
}

.Analytics-UI-Components-DataTable__StickyHeaderEnabled .Analytics-UI-Components-DataTable__StickyHeaderInner {
    position: absolute;
    display: flex;
    flex-direction: column;
    width: 100%;
    overflow: hidden;
    border-spacing: 0
}

:is(.Analytics-UI-Components-DataTable__StickyHeaderEnabled .Analytics-UI-Components-DataTable__StickyHeaderInner):not(.Analytics-UI-Components-DataTable__StickyHeaderInner--isSticky) {
    top: -624.9375rem;
    left: -624.9375rem
}

.Analytics-UI-Components-DataTable__StickyHeaderEnabled .Analytics-UI-Components-DataTable__StickyHeaderTable {
    border-collapse: collapse;
    display: block;
    overflow-x: auto;
    width: 100%;
    scrollbar-width: none
}

:is(.Analytics-UI-Components-DataTable__StickyHeaderEnabled .Analytics-UI-Components-DataTable__StickyHeaderTable)::-webkit-scrollbar {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    height: 0;
    width: 0
}

:is(.Analytics-UI-Components-DataTable__StickyHeaderEnabled .Analytics-UI-Components-DataTable__StickyHeaderTable) .Analytics-UI-Components-DataTable__FixedFirstColumn {
    bottom: 0;
    top: auto;
    padding-left: var(--p-space-300)
}

.Analytics-UI-Components-DataTable__StickyHeaderEnabled .Analytics-UI-Components-DataTable__StickyTableHeadingsRow {
    background-color: var(--p-color-bg-surface)
}

.Analytics-UI-Components-DataTable__StickyHeaderEnabled .Analytics-UI-Components-DataTable__StickyHeaderInner--isSticky {
    visibility: visible;
    background-color: var(--p-color-bg-surface);
    box-shadow: var(--p-shadow-100)
}

.Analytics-UI-Components-DataTable__FixedFirstColumn {
    position: absolute;
    background: inherit;
    z-index: 3;
    border-spacing: 0;
    top: 0;
    left: 0
}

@media (max-width: 47.9975em) {
    .Analytics-UI-Components-DataTable__FixedFirstColumn {
        z-index:1
    }
}

.Analytics-UI-Components-DataTable__TooltipContent {
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.Analytics-UI-Components-shopilikeVizMetricCard-List__ScrollableContainerWrapper {
    height: 100%
}

.Analytics-UI-Components-shopilikeVizMetricCard-List__ScrollableContainer {
    display: flex;
    height: 100%
}

.Analytics-UI-Components-shopilikeVizMetricCard-List__ListContainer {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 100%;
    height: 100%;
    gap: var(--p-space-100);
    padding: 0;
    margin: 0
}

.Analytics-UI-Components-shopilikeVizMetricCard-List__ListItem {
    display: flex;
    align-items: center;
    padding: var(--p-space-200) var(--p-space-300);
    border-radius: var(--p-border-radius-200);
    background-color: var(--p-color-bg-surface-hover);
    gap: var(--p-space-300);
    flex-grow: 1
}

.Analytics-UI-Components-shopilikeVizMetricCard-List__ListItemValue {
    display: flex;
    flex: none;
    margin-left: auto;
    gap: var(--p-space-200);
    overflow: hidden;
    justify-content: flex-end
}

.Analytics-UI-Components-shopilikeVizMetricCard-List__TrendIndicator {
    display: flex;
    min-width: 2.5rem;
    align-items: center;
    justify-content: center
}

.Analytics-UI-Components-shopilikeVizMetricCard-List__Label {
    width: 100%;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal
}

.Analytics-UI-Components-shopilikeVizMetricCard-SingleMetric__Metric {
    font-size: var(--p-font-size-750);
    font-weight: var(--p-font-weight-bold);
    line-height: 1
}

.Analytics-UI-Components-shopilikeVizMetricCard-SingleMetric__Container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100%;
    gap: var(--p-space-100)
}

.Analytics-UI-Components-shopilikeVizMetricCard-HorizontalBarChartContainer {
    height: 100%;
    width: 100%
}

.Analytics-UI-Components-shopilikeVizMetricCard-TruncateText__Content,.Analytics-UI-Components-shopilikeVizMetricCard-CompactHorizontalBar__Container {
    overflow: hidden;
    white-space: nowrap
}

.Analytics-UI-Components-shopilikeVizMetricCard-CompactHorizontalBar__Bar {
    height: var(--p-border-width-050);
    border-radius: var(--p-border-radius-full)
}

.Analytics-UI-Components-shopilikeVizMetricCard-CompactHorizontalBar__Value {
    font-size: var(--p-font-size-350);
    line-height: var(--p-font-line-height-300);
    font-weight: var(--p-font-weight-semibold)
}

.Analytics-UI-Components-CohortsTable-TooltipWrapper__Button {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    padding: 0;
    border: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: none
}

.Analytics-UI-Components-CohortsTable-TooltipWrapper__Button:before,.Analytics-UI-Components-CohortsTable-TooltipWrapper__Button:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.Analytics-UI-Components-CohortsTable-TooltipWrapper__Button:before {
    z-index: var(--p-z-index-2);
    border: var(--p-border-width-050) solid var(--p-color-border-highlight-active);
    opacity: 0;
    pointer-events: none
}

.Analytics-UI-Components-CohortsTable-TooltipWrapper__Button:after {
    z-index: var(--p-z-index-5)
}

:is(.Analytics-UI-Components-CohortsTable-TooltipWrapper__Button.Analytics-UI-Components-CohortsTable-TooltipWrapper__Active,.Analytics-UI-Components-CohortsTable-TooltipWrapper__Button:hover):before {
    opacity: 1
}

.Analytics-UI-Components-CohortsTable-Cell {
    margin: 0;
    padding: 0
}

.Analytics-UI-Components-CohortsTable-Cell>div:first-child {
    height: 100%
}

.Analytics-UI-Components-shopilikeVizMetricCard-CohortsTable__Table {
    border-collapse: separate;
    border-spacing: var(--p-space-025);
    width: 100%;
    height: 100%;
    table-layout: fixed
}

.Analytics-UI-Components-shopilikeVizMetricCard-CohortsTable__CellContent {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%
}

.Analytics-UI-Components-shopilikeVizMetricCard-Table__Container {
    --metric-table-container-box-shadow: initial;
    position: relative;
    z-index: 1;
    margin: calc(var(--p-space-400)*-1);
    margin-top: 0;
    border-top: .0625rem solid var(--p-color-border-secondary);
    overflow-y: auto;
    -ms-overflow-style: none
}

.Analytics-UI-Components-shopilikeVizMetricCard-Annotations__ListItemContent {
    display: flex;
    justify-content: space-between;
    margin-bottom: var(--p-space-100);
    gap: var(--p-space-400)
}

.Analytics-UI-Components-shopilikeVizMetricCard-Annotations__ListItemRow {
    display: flex;
    justify-content: space-between;
    margin-top: var(--p-space-200);
    margin-bottom: var(--p-space-200)
}

.Analytics-UI-Components-ButtonGroup {
    --pc-button-group-item: 10;
    --pc-button-group-focused: 20;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-top: calc(var(--p-space-200)*-1);
    margin-left: calc(var(--p-space-200)*-1)
}

.Analytics-UI-Components-ButtonGroup__Item {
    margin-top: var(--p-space-200);
    margin-left: var(--p-space-200)
}

.Analytics-UI-Components-ButtonGroup__Item--plain:not(:first-child) {
    margin-left: var(--p-space-200)
}

.Analytics-UI-Components-ButtonGroup__Item--plain:not(:last-child) {
    margin-right: var(--p-space-200)
}

.Analytics-UI-Components-ButtonGroup--variantSegmented {
    display: flex;
    flex-wrap: nowrap;
    margin-top: 0;
    margin-left: 0
}

.Analytics-UI-Components-ButtonGroup--variantSegmented .Analytics-UI-Components-ButtonGroup__Item {
    position: relative;
    margin-top: 0;
    margin-left: 0;
    line-height: 1
}

:is(.Analytics-UI-Components-ButtonGroup--variantSegmented .Analytics-UI-Components-ButtonGroup__Item):not(:first-child) {
    margin-left: calc(var(--p-space-025)*-1)
}

@media (min-width: 48em) {
    .Analytics-UI-Components-ButtonGroup--variantSegmented [aria-pressed=true] {
        z-index:var(--pc-button-group-item)
    }

    .Analytics-UI-Components-ButtonGroup--variantSegmented .Analytics-UI-Components-ButtonGroup__Item--focused {
        z-index: var(--pc-button-group-focused)
    }
}

.Analytics-UI-Components-ButtonGroup--fullWidth .Analytics-UI-Components-ButtonGroup__Item {
    flex: 1 1 auto
}

.Analytics-UI-Components-ButtonGroup--extraTight {
    margin-top: calc(var(--p-space-100)*-1);
    margin-left: calc(var(--p-space-100)*-1)
}

.Analytics-UI-Components-ButtonGroup--extraTight .Analytics-UI-Components-ButtonGroup__Item {
    margin-top: var(--p-space-100);
    margin-left: var(--p-space-100)
}

.Analytics-UI-Components-ButtonGroup--tight {
    margin-top: calc(var(--p-space-200)*-1);
    margin-left: calc(var(--p-space-200)*-1)
}

.Analytics-UI-Components-ButtonGroup--tight .Analytics-UI-Components-ButtonGroup__Item {
    margin-top: var(--p-space-200);
    margin-left: var(--p-space-200)
}

.Analytics-UI-Components-ButtonGroup--loose {
    margin-top: calc(var(--p-space-500)*-1);
    margin-left: calc(var(--p-space-500)*-1)
}

.Analytics-UI-Components-ButtonGroup--loose .Analytics-UI-Components-ButtonGroup__Item {
    margin-top: var(--p-space-500);
    margin-left: var(--p-space-500)
}

.Analytics-UI-Components-ButtonGroup--noWrap {
    display: flex;
    flex-wrap: nowrap
}

.Analytics-UI-Components-MetricsBar-HorizontalNavigation {
    display: flex;
    width: 100%;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
    -ms-overflow-style: none
}

@media (min-width: 30.625em) {
    .Analytics-UI-Components-MetricsBar-HorizontalNavigation {
        scroll-snap-type:none
    }
}

.Analytics-UI-Components-MetricsBar-HorizontalNavigation::-webkit-scrollbar {
    display: none
}

.Analytics-UI-Components-MetricsBar-HorizontalNavigation__GroupedHorizontalNavigation {
    gap: var(--p-space-400)
}

.Analytics-UI-Components-MetricsBar-HorizontalNavigation__GroupedHorizontalNavigation .Analytics-UI-Components-MetricsBar-HorizontalNavigation__Item {
    min-width: -webkit-fit-content;
    min-width: -moz-fit-content;
    min-width: fit-content
}

.Analytics-UI-Components-MetricsBar-HorizontalNavigation__GroupedHorizontalNavigation .Analytics-UI-Components-MetricsBar-HorizontalNavigation__Item:not(:last-of-type) {
    border-right: none
}

.Analytics-UI-Components-MetricsBar-HorizontalNavigation__GroupedHorizontalNavigation .Analytics-UI-Components-MetricsBar-HorizontalNavigation__OverflowGradient {
    background: linear-gradient(90deg,transparent 0%,var(--p-color-bg) 48.96%)
}

.Analytics-UI-Components-MetricsBar-HorizontalNavigation__GroupedHorizontalNavigation .Analytics-UI-Components-MetricsBar-HorizontalNavigation__ArrowsWrapper {
    padding-right: 0;
    box-shadow: 0 0 var(--p-width-500) var(--p-width-500) var(--p-color-bg);
    background-color: var(--p-color-bg)
}

.Analytics-UI-Components-MetricsBar-HorizontalNavigation:hover .Analytics-UI-Components-MetricsBar-HorizontalNavigation__ArrowsWrapper {
    opacity: 1
}

.Analytics-UI-Components-MetricsBar-HorizontalNavigation__Item {
    scroll-snap-align: start;
    flex: 1 0 auto;
    min-width: 12.5rem;
    max-width: 28.125rem
}

.Analytics-UI-Components-MetricsBar-HorizontalNavigation__Item:not(:last-of-type) {
    border-right: var(--p-border-width-025) solid var(--p-color-border-secondary)
}

.Analytics-UI-Components-MetricsBar-HorizontalNavigation__ShowArrows .Analytics-UI-Components-MetricsBar-HorizontalNavigation__Item:last-of-type {
    margin-right: var(--p-space-2000)
}

.Analytics-UI-Components-MetricsBar-HorizontalNavigation__ArrowsWrapper {
    transition: opacity var(--p-motion-duration-200) var(--p-motion-ease-in-out);
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    opacity: 0;
    padding-right: var(--p-space-400);
    box-shadow: 0 0 var(--p-width-500) var(--p-width-500) var(--p-color-bg-surface);
    background-color: var(--p-color-bg-surface)
}

.Analytics-UI-Components-MetricsBar-HorizontalNavigation__ArrowsWrapper:focus-within {
    opacity: 1
}

.Analytics-UI-Components-MetricsBar-HorizontalNavigation__OverflowGradient {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 3.375rem;
    background: linear-gradient(90deg,transparent 0%,var(--p-color-bg-surface) 48.96%)
}

.Analytics-UI-Components-RadioButton {
    position: relative
}

@media (min-width: 48em) {
    .Analytics-UI-Components-RadioButton {
        margin:var(--p-space-025)
    }
}

.Analytics-UI-Components-RadioButton__Input {
    position: absolute!important;
    top: 0;
    width: .0625rem!important;
    height: .0625rem!important;
    margin: 0!important;
    padding: 0!important;
    overflow: hidden!important;
    clip-path: inset(50%)!important;
    border: 0!important;
    white-space: nowrap!important
}

.Analytics-UI-Components-RadioButton__Input:focus-visible+.Analytics-UI-Components-RadioButton__Backdrop {
    outline: var(--p-border-width-050) solid var(--p-color-border-focus);
    outline-offset: var(--p-space-025)
}

:is(.Analytics-UI-Components-RadioButton__Input:focus-visible+.Analytics-UI-Components-RadioButton__Backdrop):after {
    border-radius: var(--p-border-radius-full)
}

:is(.Analytics-UI-Components-RadioButton__Input:checked+.Analytics-UI-Components-RadioButton__Backdrop),.Analytics-UI-Components-RadioButton__ChoiceLabel:hover :is(.Analytics-UI-Components-RadioButton__Input:checked+.Analytics-UI-Components-RadioButton__Backdrop) {
    border-color: var(--p-color-border-highlight)
}

:is(:is(.Analytics-UI-Components-RadioButton__Input:checked+.Analytics-UI-Components-RadioButton__Backdrop),.Analytics-UI-Components-RadioButton__ChoiceLabel:hover :is(.Analytics-UI-Components-RadioButton__Input:checked+.Analytics-UI-Components-RadioButton__Backdrop)):before {
    background-color: var(--p-color-text-brand-on-bg-fill);
    transition: opacity var(--p-motion-duration-150) var(--p-motion-ease-out),transform var(--p-motion-duration-150) var(--p-motion-ease-out);
    opacity: 1;
    transform: translate(-50%,-50%) scale(1)
}

:is(.Analytics-UI-Components-RadioButton__Input:checked:not([disabled])+.Analytics-UI-Components-RadioButton__Backdrop),.Analytics-UI-Components-RadioButton__ChoiceLabel:hover :is(.Analytics-UI-Components-RadioButton__Input:checked:not([disabled])+.Analytics-UI-Components-RadioButton__Backdrop) {
    background-color: var(--p-color-bg-fill-brand-selected);
    border-color: var(--p-color-bg-fill-brand-selected)
}

:is(.Analytics-UI-Components-RadioButton__Input.Analytics-UI-Components-RadioButton--toneMagic:checked:not([disabled])+.Analytics-UI-Components-RadioButton__Backdrop),.Analytics-UI-Components-RadioButton__ChoiceLabel:hover :is(.Analytics-UI-Components-RadioButton__Input.Analytics-UI-Components-RadioButton--toneMagic:checked:not([disabled])+.Analytics-UI-Components-RadioButton__Backdrop) {
    background-color: var(--p-color-bg-fill-ai);
    border-color: var(--p-color-bg-fill-ai)
}

:is(:is(.Analytics-UI-Components-RadioButton__Input.Analytics-UI-Components-RadioButton--toneMagic:checked:not([disabled])+.Analytics-UI-Components-RadioButton__Backdrop):before),.Analytics-UI-Components-RadioButton__ChoiceLabel:hover :is(:is(.Analytics-UI-Components-RadioButton__Input.Analytics-UI-Components-RadioButton--toneMagic:checked:not([disabled])+.Analytics-UI-Components-RadioButton__Backdrop):before) {
    background-color: var(--p-color-text-ai-on-bg-fill)
}

.Analytics-UI-Components-RadioButton__ChoiceLabel:hover :is(.Analytics-UI-Components-RadioButton__Input+.Analytics-UI-Components-RadioButton__Backdrop) {
    cursor: pointer;
    border-color: var(--p-color-input-border-hover);
    background: var(--p-color-input-bg-surface-hover)
}

.Analytics-UI-Components-RadioButton__ChoiceLabel:active :is(.Analytics-UI-Components-RadioButton__Input+.Analytics-UI-Components-RadioButton__Backdrop) {
    border-color: var(--p-color-bg-fill-brand);
    border-width: var(--p-border-width-050)
}

:is(.Analytics-UI-Components-RadioButton__Input:disabled+.Analytics-UI-Components-RadioButton__Backdrop),.Analytics-UI-Components-RadioButton__ChoiceLabel:hover :is(.Analytics-UI-Components-RadioButton__Input:disabled+.Analytics-UI-Components-RadioButton__Backdrop) {
    cursor: default;
    background-color: var(--p-color-radio-button-bg-surface-disabled);
    border: none
}

:is(:is(.Analytics-UI-Components-RadioButton__Input:disabled+.Analytics-UI-Components-RadioButton__Backdrop),.Analytics-UI-Components-RadioButton__ChoiceLabel:hover :is(.Analytics-UI-Components-RadioButton__Input:disabled+.Analytics-UI-Components-RadioButton__Backdrop)):before {
    background-color: var(--p-color-border-disabled)
}

:is(.Analytics-UI-Components-RadioButton__Input:disabled:checked+.Analytics-UI-Components-RadioButton__Backdrop:before),.Analytics-UI-Components-RadioButton__ChoiceLabel:hover :is(.Analytics-UI-Components-RadioButton__Input:disabled:checked+.Analytics-UI-Components-RadioButton__Backdrop:before) {
    background-color: var(--p-color-radio-button-icon-disabled)
}

.Analytics-UI-Components-RadioButton__Backdrop {
    --pc-icon-size-small: .625rem
}

@media (min-width: 48em) {
    .Analytics-UI-Components-RadioButton__Backdrop {
        --pc-icon-size-small:.5rem
    }
}

.Analytics-UI-Components-RadioButton__Backdrop {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    border: var(--p-border-width-025) solid var(--p-color-input-border);
    border-radius: var(--p-border-radius-full);
    background-color: var(--p-color-input-bg-surface);
    transition: border-color var(--p-motion-duration-100) var(--p-motion-ease-out)
}

@media (min-width: 48em) {
    .Analytics-UI-Components-RadioButton__Backdrop {
        border:var(--p-border-width-0165) solid var(--p-color-input-border)
    }
}

.Analytics-UI-Components-RadioButton__Backdrop:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    opacity: 0;
    transform: translate(-50%,-50%) scale(.1);
    transform-origin: 50% 50%;
    height: var(--pc-icon-size-small);
    width: var(--pc-icon-size-small);
    background-color: var(--p-color-bg-fill-brand);
    border-radius: var(--p-border-radius-full);
    transition: opacity var(--p-motion-duration-100) var(--p-motion-ease-out),transform var(--p-motion-duration-100) var(--p-motion-ease-out)
}

@media (forced-colors: active) {
    .Analytics-UI-Components-RadioButton__Backdrop:before {
        border: var(--p-border-width-100) solid transparent
    }
}

.Analytics-UI-Components-RadioButton__Backdrop {
    position: relative
}

.Analytics-UI-Components-RadioButton__Backdrop:after {
    content: "";
    position: absolute;
    z-index: 1;
    top: calc(var(--p-border-width-050)*-1 - .0625rem);
    right: calc(var(--p-border-width-050)*-1 - .0625rem);
    bottom: calc(var(--p-border-width-050)*-1 - .0625rem);
    left: calc(var(--p-border-width-050)*-1 - .0625rem);
    display: block;
    pointer-events: none;
    box-shadow: 0 0 0 calc(var(--p-border-width-050)*-1 - .0625rem) var(--p-color-border-focus);
    border-radius: var(--p-border-radius-100)
}

.Analytics-UI-Components-RadioButton__Backdrop:after {
    border-radius: var(--p-border-radius-full)
}

@media (min-width: 48em) {
    .Analytics-UI-Components-ChoiceList__ChoiceChildren {
        padding-left:calc(var(--p-space-200) + 1.25rem)
    }
}

.Analytics-UI-Components-MetricsBar-TimeframePicker__DropdownButton {
    border: none;
    height: 4.25rem;
    cursor: pointer;
    min-width: 8rem;
    background: none;
    border-right: var(--p-border-width-025) solid var(--p-color-border-secondary);
    -webkit-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    padding: var(--p-space-200);
    outline: none
}

:is(.Analytics-UI-Components-MetricsBar-TimeframePicker__DropdownButton:hover,.Analytics-UI-Components-MetricsBar-TimeframePicker__DropdownButton:focus) .Analytics-UI-Components-MetricsBar-TimeframePicker__DropdownButtonInnerWrapper {
    background: var(--p-color-bg-surface-tertiary)
}

.Analytics-UI-Components-MetricsBar-TimeframePicker__DropdownButton.Analytics-UI-Components-MetricsBar-TimeframePicker__Disabled {
    cursor: not-allowed;
    pointer-events: none;
    color: var(--p-color-text-disabled)
}

.Analytics-UI-Components-MetricsBar-TimeframePicker__DropdownButton:focus .Analytics-UI-Components-MetricsBar-TimeframePicker__DropdownButtonInnerWrapper {
    box-shadow: inset 0 0 0 var(--p-border-width-050) var(--p-color-border-highlight)
}

.Analytics-UI-Components-MetricsBar-TimeframePicker__IconDisabled svg {
    fill: var(--p-color-icon-disabled)
}

.Analytics-UI-Components-MetricsBar-TimeframePicker__DropdownButtonInnerWrapper {
    border-radius: var(--p-border-radius-200);
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

.Analytics-UI-Components-MetricsBar-TimeframePicker__DropdownButtonInnerWrapper.Analytics-UI-Components-MetricsBar-TimeframePicker__DropdownIsOpen {
    background: var(--p-color-bg-surface-hover)
}

.Analytics-UI-Components-MetricsBar-TimeframePicker__LocaleEN,.Analytics-UI-Components-MetricsBar-TimeframePicker__LocaleCS,.Analytics-UI-Components-MetricsBar-TimeframePicker__LocaleDA,.Analytics-UI-Components-MetricsBar-TimeframePicker__LocaleDE,.Analytics-UI-Components-MetricsBar-TimeframePicker__LocaleES,.Analytics-UI-Components-MetricsBar-TimeframePicker__LocaleIT,.Analytics-UI-Components-MetricsBar-TimeframePicker__LocaleNB,.Analytics-UI-Components-MetricsBar-TimeframePicker__LocalePT,.Analytics-UI-Components-MetricsBar-TimeframePicker__LocaleSV,.Analytics-UI-Components-MetricsBar-TimeframePicker__LocaleTH,.Analytics-UI-Components-MetricsBar-TimeframePicker__LocaleTR,.Analytics-UI-Components-MetricsBar-TimeframePicker__LocaleVI {
    width: 8rem
}

.Analytics-UI-Components-MetricsBar-TimeframePicker__LocaleFI,.Analytics-UI-Components-MetricsBar-TimeframePicker__LocaleFR,.Analytics-UI-Components-MetricsBar-TimeframePicker__LocaleNL {
    width: 9.25rem
}

.Analytics-UI-Components-MetricsBar-TimeframePicker__LocaleJA,.Analytics-UI-Components-MetricsBar-TimeframePicker__LocaleKO,.Analytics-UI-Components-MetricsBar-TimeframePicker__LocaleZH {
    min-width: 7.375rem;
    width: 7.375rem
}

.Analytics-UI-Components-MetricsBar-TimeframePicker__LocaleHI,.Analytics-UI-Components-MetricsBar-TimeframePicker__LocaleMS,.Analytics-UI-Components-MetricsBar-TimeframePicker__LocalePL {
    width: 8rem
}

.Analytics-UI-Components-MetricsBar__ContentWrapper {
    position: relative;
    display: block
}

@media (min-width: 30.625em) {
    .Analytics-UI-Components-MetricsBar__ContentWrapper {
        display:flex;
        align-items: center
    }
}

.Analytics-UI-Components-MetricsBar__HoverContainer {
    border-radius: var(--p-border-radius-200);
    padding: var(--p-space-100) var(--p-space-300);
    margin: var(--p-space-200)
}

.Analytics-UI-Components-MetricsBar__HoverContainer:hover,.Analytics-UI-Components-MetricsBar__HoverContainer:focus-visible,.Analytics-UI-Components-MetricsBar__HoverContainer:focus-within {
    background: var(--p-color-bg-surface-hover)
}

.Analytics-UI-Components-SkeletonDisplayText__DisplayText {
    --pc-skeleton-display-text-height: var(--p-font-line-height-500);
    --pc-skeleton-display-text-height-not-condensed: var( --p-font-line-height-500 );
    max-width: var(--pc-skeleton-display-text-max-width, 120px);
    display: flex;
    background-color: var(--p-color-bg-fill-tertiary);
    border-radius: var(--p-border-radius-100)
}

@media screen and (-ms-high-contrast: active) {
    .Analytics-UI-Components-SkeletonDisplayText__DisplayText {
        background-color: grayText
    }
}

.Analytics-UI-Components-SkeletonDisplayText__DisplayText {
    height: var(--pc-skeleton-display-text-height)
}

@media (min-width: 48em) {
    .Analytics-UI-Components-SkeletonDisplayText__DisplayText {
        height:var(--pc-skeleton-display-text-height-not-condensed)
    }
}

.Analytics-UI-Components-SkeletonDisplayText--sizeSmall {
    --pc-skeleton-display-text-height: var(--p-font-line-height-600);
    --pc-skeleton-display-text-height-not-condensed: var( --p-font-line-height-700 )
}

.Analytics-UI-Components-SkeletonDisplayText--sizeMedium,.Analytics-UI-Components-SkeletonDisplayText--sizeLarge {
    --pc-skeleton-display-text-height: var(--p-font-line-height-700);
    --pc-skeleton-display-text-height-not-condensed: var( --p-font-line-height-800 )
}

.Analytics-UI-Components-SkeletonDisplayText--sizeExtraLarge {
    --pc-skeleton-display-text-height: 2.25rem;
    --pc-skeleton-display-text-height-not-condensed: 2.75rem
}

.Analytics-UI-Components-SkeletonBodyText__SkeletonBodyTextContainer {
    width: 100%
}

.Analytics-UI-Components-SkeletonBodyText {
    height: var(--p-space-200);
    display: flex;
    background-color: var(--p-color-bg-fill-tertiary);
    border-radius: var(--p-border-radius-100)
}

@media screen and (-ms-high-contrast: active) {
    .Analytics-UI-Components-SkeletonBodyText {
        background-color: grayText
    }
}

.Analytics-UI-Components-SkeletonBodyText:last-child:not(:first-child) {
    width: 80%
}

.Analytics-UI-Components-SkeletonBodyText+.Analytics-UI-Components-SkeletonBodyText {
    margin-top: var(--p-space-300)
}

.Analytics-UI-Components-MetricCardLoading__VisualizationSkeleton {
    flex-grow: 1
}

.Analytics-UI-Components-MetricCardLoading__CompactPrimaryMetricSkeleton {
    height: 1.25rem;
    padding: var(--p-space-100) 0
}

.Analytics-UI-Components-MetricCardLoading__TitleSkeleton {
    width: 9.375rem;
    height: 1.25rem;
    display: flex;
    align-items: center
}

.Analytics-UI-Components-MetricCardError__Message {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%
}

.Analytics-UI-Components-MetricCardEmpty__Message {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%
}

:root,.p-theme-light {
    --p-border-radius-0: 0rem;
    --p-border-radius-050: .125rem;
    --p-border-radius-100: .25rem;
    --p-border-radius-150: .375rem;
    --p-border-radius-200: .5rem;
    --p-border-radius-300: .75rem;
    --p-border-radius-400: 1rem;
    --p-border-radius-500: 1.25rem;
    --p-border-radius-750: 1.875rem;
    --p-border-radius-full: 624.9375rem;
    --p-border-width-0: 0rem;
    --p-border-width-0165: .04125rem;
    --p-border-width-025: .0625rem;
    --p-border-width-050: .125rem;
    --p-border-width-100: .25rem;
    --p-breakpoints-xs: 0rem;
    --p-breakpoints-sm: 30.625rem;
    --p-breakpoints-md: 48rem;
    --p-breakpoints-lg: 65rem;
    --p-breakpoints-xl: 90rem;
    color-scheme: light;
    --p-color-bg: rgba(241, 241, 241, 1);
    --p-color-bg-inverse: rgba(26, 26, 26, 1);
    --p-color-bg-surface: rgba(255, 255, 255, 1);
    --p-color-bg-surface-hover: rgba(247, 247, 247, 1);
    --p-color-bg-surface-active: rgba(243, 243, 243, 1);
    --p-color-bg-surface-selected: rgba(241, 241, 241, 1);
    --p-color-bg-surface-disabled: rgba(0, 0, 0, .05);
    --p-color-bg-surface-secondary: rgba(247, 247, 247, 1);
    --p-color-bg-surface-secondary-hover: rgba(241, 241, 241, 1);
    --p-color-bg-surface-secondary-active: rgba(235, 235, 235, 1);
    --p-color-bg-surface-secondary-selected: rgba(235, 235, 235, 1);
    --p-color-bg-surface-tertiary: rgba(243, 243, 243, 1);
    --p-color-bg-surface-tertiary-hover: rgba(235, 235, 235, 1);
    --p-color-bg-surface-tertiary-active: rgba(227, 227, 227, 1);
    --p-color-bg-surface-brand: rgba(227, 227, 227, 1);
    --p-color-bg-surface-brand-hover: rgba(235, 235, 235, 1);
    --p-color-bg-surface-brand-active: rgba(241, 241, 241, 1);
    --p-color-bg-surface-brand-selected: rgba(241, 241, 241, 1);
    --p-color-bg-surface-info: rgba(234, 244, 255, 1);
    --p-color-bg-surface-info-hover: rgba(224, 240, 255, 1);
    --p-color-bg-surface-info-active: rgba(202, 230, 255, 1);
    --p-color-bg-surface-success: rgba(205, 254, 212, 1);
    --p-color-bg-surface-success-hover: rgba(175, 254, 191, 1);
    --p-color-bg-surface-success-active: rgba(146, 252, 172, 1);
    --p-color-bg-surface-caution: rgba(255, 248, 219, 1);
    --p-color-bg-surface-caution-hover: rgba(255, 244, 191, 1);
    --p-color-bg-surface-caution-active: rgba(255, 239, 157, 1);
    --p-color-bg-surface-warning: rgba(255, 241, 227, 1);
    --p-color-bg-surface-warning-hover: rgba(255, 235, 213, 1);
    --p-color-bg-surface-warning-active: rgba(255, 228, 198, 1);
    --p-color-bg-surface-critical: rgba(254, 232, 235, 1);
    --p-color-bg-surface-critical-hover: rgba(254, 225, 230, 1);
    --p-color-bg-surface-critical-active: rgba(254, 217, 223, 1);
    --p-color-bg-surface-highlight: rgba(240, 242, 255, 1);
    --p-color-bg-surface-highlight-hover: rgba(234, 237, 255, 1);
    --p-color-bg-surface-highlight-active: rgba(226, 231, 255, 1);
    --p-color-bg-surface-ai: rgba(248, 247, 255, 1);
    --p-color-bg-surface-ai-hover: rgba(243, 241, 255, 1);
    --p-color-bg-surface-ai-active: rgba(233, 229, 255, 1);
    --p-color-bg-surface-inverse: rgba(48, 48, 48, 1);
    --p-color-bg-surface-transparent: rgba(0, 0, 0, 0);
    --p-color-bg-fill: rgba(255, 255, 255, 1);
    --p-color-bg-fill-hover: rgba(250, 250, 250, 1);
    --p-color-bg-fill-active: rgba(247, 247, 247, 1);
    --p-color-bg-fill-selected: rgba(204, 204, 204, 1);
    --p-color-bg-fill-disabled: rgba(0, 0, 0, .05);
    --p-color-bg-fill-secondary: rgba(241, 241, 241, 1);
    --p-color-bg-fill-secondary-hover: rgba(235, 235, 235, 1);
    --p-color-bg-fill-secondary-active: rgba(227, 227, 227, 1);
    --p-color-bg-fill-secondary-selected: rgba(227, 227, 227, 1);
    --p-color-bg-fill-tertiary: rgba(227, 227, 227, 1);
    --p-color-bg-fill-tertiary-hover: rgba(212, 212, 212, 1);
    --p-color-bg-fill-tertiary-active: rgba(204, 204, 204, 1);
    --p-color-bg-fill-brand: rgba(48, 48, 48, 1);
    --p-color-bg-fill-brand-hover: rgba(26, 26, 26, 1);
    --p-color-bg-fill-brand-active: rgba(26, 26, 26, 1);
    --p-color-bg-fill-brand-selected: rgba(48, 48, 48, 1);
    --p-color-bg-fill-brand-disabled: rgba(0, 0, 0, .17);
    --p-color-bg-fill-info: rgba(145, 208, 255, 1);
    --p-color-bg-fill-info-hover: rgba(81, 192, 255, 1);
    --p-color-bg-fill-info-active: rgba(0, 148, 213, 1);
    --p-color-bg-fill-info-secondary: rgba(213, 235, 255, 1);
    --p-color-bg-fill-success: rgba(4, 123, 93, 1);
    --p-color-bg-fill-success-hover: rgba(3, 94, 76, 1);
    --p-color-bg-fill-success-active: rgba(1, 75, 64, 1);
    --p-color-bg-fill-success-secondary: rgba(175, 254, 191, 1);
    --p-color-bg-fill-warning: rgba(255, 184, 0, 1);
    --p-color-bg-fill-warning-hover: rgba(229, 165, 0, 1);
    --p-color-bg-fill-warning-active: rgba(178, 132, 0, 1);
    --p-color-bg-fill-warning-secondary: rgba(255, 214, 164, 1);
    --p-color-bg-fill-caution: rgba(255, 230, 0, 1);
    --p-color-bg-fill-caution-hover: rgba(234, 211, 0, 1);
    --p-color-bg-fill-caution-active: rgba(225, 203, 0, 1);
    --p-color-bg-fill-caution-secondary: rgba(255, 235, 120, 1);
    --p-color-bg-fill-critical: rgba(199, 10, 36, 1);
    --p-color-bg-fill-critical-hover: rgba(163, 10, 36, 1);
    --p-color-bg-fill-critical-active: rgba(142, 11, 33, 1);
    --p-color-bg-fill-critical-selected: rgba(142, 11, 33, 1);
    --p-color-bg-fill-critical-secondary: rgba(254, 209, 215, 1);
    --p-color-bg-fill-highlight: rgba(0, 91, 211, 1);
    --p-color-bg-fill-highlight-hover: rgba(0, 66, 153, 1);
    --p-color-bg-fill-highlight-active: rgba(0, 46, 106, 1);
    --p-color-bg-fill-ai: rgba(128, 81, 255, 1);
    --p-color-bg-fill-ai-secondary: rgba(233, 229, 255, 1);
    --p-color-bg-fill-ai-secondary-hover: rgba(228, 222, 255, 1);
    --p-color-bg-fill-ai-secondary-active: rgba(223, 217, 255, 1);
    --p-color-bg-fill-inverse: rgba(48, 48, 48, 1);
    --p-color-bg-fill-inverse-hover: rgba(74, 74, 74, 1);
    --p-color-bg-fill-inverse-active: rgba(97, 97, 97, 1);
    --p-color-bg-fill-transparent: rgba(0, 0, 0, .02);
    --p-color-bg-fill-transparent-hover: rgba(0, 0, 0, .05);
    --p-color-bg-fill-transparent-active: rgba(0, 0, 0, .08);
    --p-color-bg-fill-transparent-selected: rgba(0, 0, 0, .08);
    --p-color-bg-fill-transparent-secondary: rgba(0, 0, 0, .06);
    --p-color-bg-fill-transparent-secondary-hover: rgba(0, 0, 0, .08);
    --p-color-bg-fill-transparent-secondary-active: rgba(0, 0, 0, .11);
    --p-color-text: rgba(48, 48, 48, 1);
    --p-color-text-secondary: rgba(97, 97, 97, 1);
    --p-color-text-disabled: rgba(181, 181, 181, 1);
    --p-color-text-link: rgba(0, 91, 211, 1);
    --p-color-text-link-hover: rgba(0, 66, 153, 1);
    --p-color-text-link-active: rgba(0, 46, 106, 1);
    --p-color-text-brand: rgba(74, 74, 74, 1);
    --p-color-text-brand-hover: rgba(48, 48, 48, 1);
    --p-color-text-brand-on-bg-fill: rgba(255, 255, 255, 1);
    --p-color-text-brand-on-bg-fill-hover: rgba(227, 227, 227, 1);
    --p-color-text-brand-on-bg-fill-active: rgba(204, 204, 204, 1);
    --p-color-text-brand-on-bg-fill-disabled: rgba(255, 255, 255, 1);
    --p-color-text-info: rgba(0, 58, 90, 1);
    --p-color-text-info-hover: rgba(0, 58, 90, 1);
    --p-color-text-info-active: rgba(0, 33, 51, 1);
    --p-color-text-info-secondary: rgba(0, 124, 180, 1);
    --p-color-text-info-on-bg-fill: rgba(0, 33, 51, 1);
    --p-color-text-success: rgba(1, 75, 64, 1);
    --p-color-text-success-hover: rgba(7, 54, 48, 1);
    --p-color-text-success-active: rgba(2, 38, 34, 1);
    --p-color-text-success-secondary: rgba(4, 123, 93, 1);
    --p-color-text-success-on-bg-fill: rgba(250, 255, 251, 1);
    --p-color-text-caution: rgba(79, 71, 0, 1);
    --p-color-text-caution-hover: rgba(51, 46, 0, 1);
    --p-color-text-caution-active: rgba(31, 28, 0, 1);
    --p-color-text-caution-secondary: rgba(130, 117, 0, 1);
    --p-color-text-caution-on-bg-fill: rgba(51, 46, 0, 1);
    --p-color-text-warning: rgba(94, 66, 0, 1);
    --p-color-text-warning-hover: rgba(65, 45, 0, 1);
    --p-color-text-warning-active: rgba(37, 26, 0, 1);
    --p-color-text-warning-secondary: rgba(149, 111, 0, 1);
    --p-color-text-warning-on-bg-fill: rgba(37, 26, 0, 1);
    --p-color-text-critical: rgba(142, 11, 33, 1);
    --p-color-text-critical-hover: rgba(95, 7, 22, 1);
    --p-color-text-critical-active: rgba(47, 4, 11, 1);
    --p-color-text-critical-secondary: rgba(199, 10, 36, 1);
    --p-color-text-critical-on-bg-fill: rgba(255, 250, 251, 1);
    --p-color-text-highlight: rgba(0, 91, 211, 1);
    --p-color-text-highlight-hover: rgba(0, 66, 153, 1);
    --p-color-text-highlight-active: rgba(0, 46, 106, 1);
    --p-color-text-highlight-on-bg-fill: rgba(252, 253, 255, 1);
    --p-color-text-highlight-on-bg-fill-hover: rgba(226, 231, 255, 1);
    --p-color-text-highlight-on-bg-fill-active: rgba(213, 220, 255, 1);
    --p-color-text-ai: rgba(87, 0, 209, 1);
    --p-color-text-ai-secondary: rgba(113, 38, 255, 1);
    --p-color-text-ai-on-bg-fill: rgba(253, 253, 255, 1);
    --p-color-text-inverse: rgba(227, 227, 227, 1);
    --p-color-text-inverse-secondary: rgba(181, 181, 181, 1);
    --p-color-text-link-inverse: rgba(197, 208, 255, 1);
    --p-color-border: rgba(227, 227, 227, 1);
    --p-color-border-hover: rgba(204, 204, 204, 1);
    --p-color-border-disabled: rgba(235, 235, 235, 1);
    --p-color-border-secondary: rgba(235, 235, 235, 1);
    --p-color-border-tertiary: rgba(204, 204, 204, 1);
    --p-color-border-focus: rgba(0, 91, 211, 1);
    --p-color-border-brand: rgba(227, 227, 227, 1);
    --p-color-border-info: rgba(168, 216, 255, 1);
    --p-color-border-success: rgba(146, 252, 172, 1);
    --p-color-border-caution: rgba(255, 235, 120, 1);
    --p-color-border-warning: rgba(255, 200, 121, 1);
    --p-color-border-critical: rgba(254, 193, 199, 1);
    --p-color-border-critical-secondary: rgba(142, 11, 33, 1);
    --p-color-border-highlight: rgba(0, 91, 211, 1);
    --p-color-border-highlight-hover: rgba(0, 66, 153, 1);
    --p-color-border-highlight-active: rgba(0, 46, 106, 1);
    --p-color-border-ai: rgba(228, 222, 255, 1);
    --p-color-border-ai-secondary: rgba(148, 116, 255, 1);
    --p-color-border-ai-secondary-hover: rgba(128, 81, 255, 1);
    --p-color-border-inverse: rgba(97, 97, 97, 1);
    --p-color-border-inverse-hover: rgba(204, 204, 204, 1);
    --p-color-border-inverse-active: rgba(227, 227, 227, 1);
    --p-color-tooltip-tail-down-border: rgba(212, 212, 212, 1);
    --p-color-tooltip-tail-up-border: rgba(227, 227, 227, 1);
    --p-color-icon: rgba(74, 74, 74, 1);
    --p-color-icon-hover: rgba(48, 48, 48, 1);
    --p-color-icon-active: rgba(26, 26, 26, 1);
    --p-color-icon-disabled: rgba(204, 204, 204, 1);
    --p-color-icon-secondary: rgba(138, 138, 138, 1);
    --p-color-icon-secondary-hover: rgba(97, 97, 97, 1);
    --p-color-icon-secondary-active: rgba(74, 74, 74, 1);
    --p-color-icon-brand: rgba(26, 26, 26, 1);
    --p-color-icon-info: rgba(0, 148, 213, 1);
    --p-color-icon-success: rgba(4, 123, 93, 1);
    --p-color-icon-caution: rgba(153, 138, 0, 1);
    --p-color-icon-warning: rgba(178, 132, 0, 1);
    --p-color-icon-critical: rgba(226, 44, 56, 1);
    --p-color-icon-highlight: rgba(0, 91, 211, 1);
    --p-color-icon-highlight-hover: rgba(0, 66, 153, 1);
    --p-color-icon-highlight-active: rgba(0, 46, 106, 1);
    --p-color-icon-ai: rgba(128, 81, 255, 1);
    --p-color-icon-inverse: rgba(227, 227, 227, 1);
    --p-color-avatar-bg-fill: rgba(181, 181, 181, 1);
    --p-color-avatar-five-bg-fill: rgba(253, 75, 146, 1);
    --p-color-avatar-five-text-on-bg-fill: rgba(255, 246, 248, 1);
    --p-color-avatar-four-bg-fill: rgba(81, 192, 255, 1);
    --p-color-avatar-four-text-on-bg-fill: rgba(0, 33, 51, 1);
    --p-color-avatar-one-bg-fill: rgba(197, 48, 197, 1);
    --p-color-avatar-one-text-on-bg-fill: rgba(253, 239, 253, 1);
    --p-color-avatar-seven-bg-fill: rgba(148, 116, 255, 1);
    --p-color-avatar-seven-text-on-bg-fill: rgba(248, 247, 255, 1);
    --p-color-avatar-six-bg-fill: rgba(37, 232, 43, 1);
    --p-color-avatar-six-text-on-bg-fill: rgba(3, 61, 5, 1);
    --p-color-avatar-text-on-bg-fill: rgba(255, 255, 255, 1);
    --p-color-avatar-three-bg-fill: rgba(44, 224, 212, 1);
    --p-color-avatar-three-text-on-bg-fill: rgba(3, 60, 57, 1);
    --p-color-avatar-two-bg-fill: rgba(82, 244, 144, 1);
    --p-color-avatar-two-text-on-bg-fill: rgba(1, 75, 64, 1);
    --p-color-backdrop-bg: rgba(0, 0, 0, .71);
    --p-color-button-gradient-bg-fill: linear-gradient(180deg, rgba(48, 48, 48, 0) 63.53%, rgba(255, 255, 255, .15) 100%);
    --p-color-checkbox-bg-surface-disabled: rgba(0, 0, 0, .08);
    --p-color-checkbox-icon-disabled: rgba(255, 255, 255, 1);
    --p-color-input-bg-surface: rgba(253, 253, 253, 1);
    --p-color-input-bg-surface-hover: rgba(250, 250, 250, 1);
    --p-color-input-bg-surface-active: rgba(247, 247, 247, 1);
    --p-color-input-border: rgba(138, 138, 138, 1);
    --p-color-input-border-hover: rgba(97, 97, 97, 1);
    --p-color-input-border-active: rgba(26, 26, 26, 1);
    --p-color-nav-bg: rgba(235, 235, 235, 1);
    --p-color-nav-bg-surface: rgba(0, 0, 0, .02);
    --p-color-nav-bg-surface-hover: rgba(241, 241, 241, 1);
    --p-color-nav-bg-surface-active: rgba(250, 250, 250, 1);
    --p-color-nav-bg-surface-selected: rgba(250, 250, 250, 1);
    --p-color-radio-button-bg-surface-disabled: rgba(0, 0, 0, .08);
    --p-color-radio-button-icon-disabled: rgba(255, 255, 255, 1);
    --p-color-video-thumbnail-play-button-bg-fill-hover: rgba(0, 0, 0, .81);
    --p-color-video-thumbnail-play-button-bg-fill: rgba(0, 0, 0, .71);
    --p-color-video-thumbnail-play-button-text-on-bg-fill: rgba(255, 255, 255, 1);
    --p-color-scrollbar-thumb-bg-hover: rgba(138, 138, 138, 1);
    --p-color-scrollbar-thumb-bg: rgba(181, 181, 181, 1);
    --p-font-family-sans: "Inter", -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
    --p-font-family-mono: ui-monospace, SFMono-Regular, "SF Mono", Consolas, "Liberation Mono", Menlo, monospace;
    --p-font-size-275: .6875rem;
    --p-font-size-300: .75rem;
    --p-font-size-325: .8125rem;
    --p-font-size-350: .875rem;
    --p-font-size-400: 1rem;
    --p-font-size-450: 1.125rem;
    --p-font-size-500: 1.25rem;
    --p-font-size-550: 1.375rem;
    --p-font-size-600: 1.5rem;
    --p-font-size-750: 1.875rem;
    --p-font-size-800: 2rem;
    --p-font-size-900: 2.25rem;
    --p-font-size-1000: 2.5rem;
    --p-font-weight-regular: 450;
    --p-font-weight-medium: 550;
    --p-font-weight-semibold: 600;
    --p-font-weight-bold: 650;
    --p-font-letter-spacing-densest: -.0291em;
    --p-font-letter-spacing-denser: -.0166em;
    --p-font-letter-spacing-dense: -.00833em;
    --p-font-letter-spacing-normal: 0rem;
    --p-font-line-height-300: .75rem;
    --p-font-line-height-400: 1rem;
    --p-font-line-height-500: 1.25rem;
    --p-font-line-height-600: 1.5rem;
    --p-font-line-height-700: 1.75rem;
    --p-font-line-height-800: 2rem;
    --p-font-line-height-1000: 2.5rem;
    --p-font-line-height-1200: 3rem;
    --p-height-0: 0rem;
    --p-height-025: .0625rem;
    --p-height-050: .125rem;
    --p-height-100: .25rem;
    --p-height-150: .375rem;
    --p-height-200: .5rem;
    --p-height-300: .75rem;
    --p-height-400: 1rem;
    --p-height-500: 1.25rem;
    --p-height-600: 1.5rem;
    --p-height-700: 1.75rem;
    --p-height-800: 2rem;
    --p-height-900: 2.25rem;
    --p-height-1000: 2.5rem;
    --p-height-1200: 3rem;
    --p-height-1600: 4rem;
    --p-height-2000: 5rem;
    --p-height-2400: 6rem;
    --p-height-2800: 7rem;
    --p-height-3200: 8rem;
    --p-motion-duration-0: 0ms;
    --p-motion-duration-50: 50ms;
    --p-motion-duration-100: .1s;
    --p-motion-duration-150: .15s;
    --p-motion-duration-200: .2s;
    --p-motion-duration-250: .25s;
    --p-motion-duration-300: .3s;
    --p-motion-duration-350: .35s;
    --p-motion-duration-400: .4s;
    --p-motion-duration-450: .45s;
    --p-motion-duration-500: .5s;
    --p-motion-duration-5000: 5s;
    --p-motion-ease: cubic-bezier(.25, .1, .25, 1);
    --p-motion-ease-in: cubic-bezier(.42, 0, 1, 1);
    --p-motion-ease-out: cubic-bezier(.19, .91, .38, 1);
    --p-motion-ease-in-out: cubic-bezier(.42, 0, .58, 1);
    --p-motion-linear: cubic-bezier(0, 0, 1, 1);
    --p-motion-keyframes-bounce: p-motion-keyframes-bounce;
    --p-motion-keyframes-fade-in: p-motion-keyframes-fade-in;
    --p-motion-keyframes-pulse: p-motion-keyframes-pulse;
    --p-motion-keyframes-spin: p-motion-keyframes-spin;
    --p-motion-keyframes-appear-above: p-motion-keyframes-appear-above;
    --p-motion-keyframes-appear-below: p-motion-keyframes-appear-below;
    --p-shadow-0: none;
    --p-shadow-100: 0rem .3125rem .3125rem -.15625rem rgba(0, 0, 0, .03), 0rem .1875rem .1875rem -.09375rem rgba(0, 0, 0, .02), 0rem .125rem .125rem -.0625rem rgba(0, 0, 0, .02), 0rem .0625rem .0625rem -.03125rem rgba(0, 0, 0, .03), 0rem .03125rem .03125rem 0rem rgba(0, 0, 0, .04), 0rem 0rem 0rem .0625rem rgba(0, 0, 0, .06);
    --p-shadow-200: 0rem .5rem .625rem -.3125rem rgba(0, 0, 0, .08), 0rem .3125rem .3125rem -.15625rem rgba(0, 0, 0, .03), 0rem .1875rem .1875rem -.09375rem rgba(0, 0, 0, .02), 0rem .125rem .125rem -.0625rem rgba(0, 0, 0, .02), 0rem .0625rem .0625rem -.03125rem rgba(0, 0, 0, .03), 0rem .03125rem .03125rem 0rem rgba(0, 0, 0, .04), 0rem 0rem 0rem .0625rem rgba(0, 0, 0, .06);
    --p-shadow-300: 0rem .5rem 1.5rem -.5rem rgba(0, 0, 0, .28), 0rem .5rem 1rem -.25rem rgba(0, 0, 0, .05), 0rem .1875rem .375rem 0rem rgba(0, 0, 0, .05), 0rem .125rem .25rem 0rem rgba(0, 0, 0, .05), 0rem .0625rem .125rem 0rem rgba(0, 0, 0, .05), 0rem 0rem 0rem .0625rem rgba(0, 0, 0, .06);
    --p-shadow-400: 0rem 1.25rem 2rem -.75rem rgba(0, 0, 0, .2), 0rem .625rem 1rem -.375rem rgba(0, 0, 0, .08), 0rem .1875rem .375rem 0rem rgba(0, 0, 0, .08), 0rem .125rem .25rem 0rem rgba(0, 0, 0, .08), 0rem .0625rem .125rem 0rem rgba(0, 0, 0, .05), 0rem 0rem 0rem .0625rem rgba(0, 0, 0, .06);
    --p-shadow-500: 0rem 1.5rem 2.25rem -.75rem rgba(0, 0, 0, .12), 0rem 1.5rem 1.5rem -.75rem rgba(0, 0, 0, .08), 0rem .5rem 1rem -.375rem rgba(0, 0, 0, .08), 0rem .1875rem .375rem 0rem rgba(0, 0, 0, .08), 0rem .125rem .25rem 0rem rgba(0, 0, 0, .08), 0rem .0625rem .125rem 0rem rgba(0, 0, 0, .05), 0rem 0rem 0rem .0625rem rgba(0, 0, 0, .06);
    --p-shadow-600: 0rem 1.5rem 3.5rem -.75rem rgba(0, 0, 0, .24), 0rem 1.5rem 1.5rem -.75rem rgba(0, 0, 0, .12), 0rem .1875rem .375rem 0rem rgba(0, 0, 0, .05), 0rem .125rem .25rem 0rem rgba(0, 0, 0, .05), 0rem .0625rem .125rem 0rem rgba(0, 0, 0, .05), 0rem 0rem 0rem .0625rem rgba(0, 0, 0, .07);
    --p-shadow-bevel-100: .0625rem 0rem 0rem 0rem rgba(0, 0, 0, .13) inset, -.0625rem 0rem 0rem 0rem rgba(0, 0, 0, .13) inset, 0rem -.0625rem 0rem 0rem rgba(0, 0, 0, .17) inset, 0rem .0625rem 0rem 0rem rgba(204, 204, 204, .5) inset;
    --p-shadow-inset-100: 0rem .0625rem .125rem 0rem rgba(26, 26, 26, .15) inset, 0rem .0625rem .0625rem 0rem rgba(26, 26, 26, .15) inset;
    --p-shadow-inset-200: 0rem .125rem .0625rem 0rem rgba(26, 26, 26, .2) inset, .0625rem 0rem .0625rem 0rem rgba(26, 26, 26, .12) inset, -.0625rem 0rem .0625rem 0rem rgba(26, 26, 26, .12) inset;
    --p-shadow-button: 0rem -.0625rem 0rem 0rem #b5b5b5 inset, 0rem 0rem 0rem .0625rem rgba(0, 0, 0, .1) inset, 0rem .03125rem 0rem .09375rem #FFF inset;
    --p-shadow-button-hover: 0rem .0625rem 0rem 0rem #EBEBEB inset, -.0625rem 0rem 0rem 0rem #EBEBEB inset, .0625rem 0rem 0rem 0rem #EBEBEB inset, 0rem -.0625rem 0rem 0rem #CCC inset;
    --p-shadow-button-inset: -.0625rem 0rem .0625rem 0rem rgba(26, 26, 26, .122) inset, .0625rem 0rem .0625rem 0rem rgba(26, 26, 26, .122) inset, 0rem .125rem .0625rem 0rem rgba(26, 26, 26, .2) inset;
    --p-shadow-button-primary: 0rem -.0625rem 0rem .0625rem rgba(0, 0, 0, .8) inset, 0rem 0rem 0rem .0625rem rgba(48, 48, 48, 1) inset, 0rem .03125rem 0rem .09375rem rgba(255, 255, 255, .25) inset;
    --p-shadow-button-primary-hover: 0rem .0625rem 0rem 0rem rgba(255, 255, 255, .24) inset, .0625rem 0rem 0rem 0rem rgba(255, 255, 255, .2) inset, -.0625rem 0rem 0rem 0rem rgba(255, 255, 255, .2) inset, 0rem -.0625rem 0rem 0rem #000 inset, 0rem -.0625rem 0rem .0625rem #1A1A1A;
    --p-shadow-button-primary-inset: 0rem .1875rem 0rem 0rem rgb(0, 0, 0) inset;
    --p-shadow-button-primary-critical: 0rem -.0625rem 0rem .0625rem rgba(142, 11, 33, .8) inset, 0rem 0rem 0rem .0625rem rgba(163, 10, 36, .8) inset, 0rem .03125rem 0rem .09375rem rgba(247, 128, 134, .64) inset;
    --p-shadow-button-primary-critical-hover: 0rem -.0625rem 0rem .0625rem rgba(142, 11, 33, .8) inset, 0rem 0rem 0rem .0625rem rgba(163, 10, 36, .8) inset, 0rem .03125rem 0rem .09375rem rgba(247, 128, 134, .44) inset;
    --p-shadow-button-primary-critical-inset: -.0625rem 0rem .0625rem 0rem rgba(0, 0, 0, .2) inset, .0625rem 0rem .0625rem 0rem rgba(0, 0, 0, .2) inset, 0rem .125rem 0rem 0rem rgba(0, 0, 0, .6) inset;
    --p-shadow-button-primary-success: 0rem -.0625rem 0rem .0625rem rgba(12, 81, 50, .8) inset, 0rem 0rem 0rem .0625rem rgba(19, 111, 69, .8) inset, 0rem .03125rem 0rem .09375rem rgba(255, 255, 255, .251) inset;
    --p-shadow-button-primary-success-hover: 0rem .0625rem 0rem 0rem rgba(255, 255, 255, .48) inset, .0625rem 0rem 0rem 0rem rgba(255, 255, 255, .2) inset, -.0625rem 0rem 0rem 0rem rgba(255, 255, 255, .2) inset, 0rem -.09375rem 0rem 0rem rgba(0, 0, 0, .25) inset;
    --p-shadow-button-primary-success-inset: -.0625rem 0rem .0625rem 0rem rgba(0, 0, 0, .2) inset, .0625rem 0rem .0625rem 0rem rgba(0, 0, 0, .2) inset, 0rem .125rem 0rem 0rem rgba(0, 0, 0, .6) inset;
    --p-shadow-border-inset: 0rem 0rem 0rem .0625rem rgba(0, 0, 0, .08) inset;
    --p-space-0: 0rem;
    --p-space-025: .0625rem;
    --p-space-050: .125rem;
    --p-space-100: .25rem;
    --p-space-150: .375rem;
    --p-space-200: .5rem;
    --p-space-300: .75rem;
    --p-space-400: 1rem;
    --p-space-500: 1.25rem;
    --p-space-600: 1.5rem;
    --p-space-700: 1.75rem;
    --p-space-800: 2rem;
    --p-space-1000: 2.5rem;
    --p-space-1200: 3rem;
    --p-space-1600: 4rem;
    --p-space-2000: 5rem;
    --p-space-2400: 6rem;
    --p-space-2800: 7rem;
    --p-space-3200: 8rem;
    --p-space-button-group-gap: var(--p-space-200);
    --p-space-card-gap: var(--p-space-400);
    --p-space-card-padding: var(--p-space-400);
    --p-space-table-cell-padding: var(--p-space-150);
    --p-width-0: 0rem;
    --p-width-025: .0625rem;
    --p-width-050: .125rem;
    --p-width-100: .25rem;
    --p-width-150: .375rem;
    --p-width-200: .5rem;
    --p-width-300: .75rem;
    --p-width-400: 1rem;
    --p-width-500: 1.25rem;
    --p-width-600: 1.5rem;
    --p-width-700: 1.75rem;
    --p-width-800: 2rem;
    --p-width-900: 2.25rem;
    --p-width-1000: 2.5rem;
    --p-width-1200: 3rem;
    --p-width-1600: 4rem;
    --p-width-2000: 5rem;
    --p-width-2400: 6rem;
    --p-width-2800: 7rem;
    --p-width-3200: 8rem;
    --p-z-index-0: auto;
    --p-z-index-1: 100;
    --p-z-index-2: 400;
    --p-z-index-3: 510;
    --p-z-index-4: 512;
    --p-z-index-5: 513;
    --p-z-index-6: 514;
    --p-z-index-7: 515;
    --p-z-index-8: 516;
    --p-z-index-9: 517;
    --p-z-index-10: 518;
    --p-z-index-11: 519;
    --p-z-index-12: 520
}

.p-partial-theme-dark-experimental {
    color-scheme: dark;
    --p-color-bg: rgba(26, 26, 26, 1);
    --p-color-bg-surface: rgba(48, 48, 48, 1);
    --p-color-bg-fill: rgba(48, 48, 48, 1);
    --p-color-icon: rgba(227, 227, 227, 1);
    --p-color-icon-secondary: rgba(181, 181, 181, 1);
    --p-color-icon-disabled: rgba(74, 74, 74, 1);
    --p-color-text: rgba(227, 227, 227, 1);
    --p-color-text-secondary: rgba(181, 181, 181, 1);
    --p-color-text-disabled: rgba(97, 97, 97, 1);
    --p-color-bg-surface-secondary-active: rgba(255, 255, 255, .14);
    --p-color-bg-surface-secondary-hover: rgba(255, 255, 255, .06);
    --p-color-bg-fill-transparent: rgba(255, 255, 255, .11);
    --p-color-bg-fill-brand: rgba(255, 255, 255, 1);
    --p-color-text-brand-on-bg-fill: rgba(48, 48, 48, 1);
    --p-color-bg-surface-hover: rgba(74, 74, 74, 1);
    --p-color-bg-fill-hover: rgba(255, 255, 255, .05);
    --p-color-bg-fill-transparent-hover: rgba(255, 255, 255, .14);
    --p-color-bg-fill-brand-hover: rgba(243, 243, 243, 1);
    --p-color-bg-surface-selected: rgba(97, 97, 97, 1);
    --p-color-bg-fill-selected: rgba(97, 97, 97, 1);
    --p-color-bg-fill-transparent-selected: rgba(255, 255, 255, .22);
    --p-color-bg-fill-brand-selected: rgba(212, 212, 212, 1);
    --p-color-bg-surface-active: rgba(97, 97, 97, 1);
    --p-color-bg-fill-active: rgba(97, 97, 97, 1);
    --p-color-bg-fill-transparent-active: rgba(255, 255, 255, .17);
    --p-color-bg-fill-brand-active: rgba(247, 247, 247, 1);
    --p-color-bg-fill-secondary: rgba(255, 255, 255, .08);
    --p-color-bg-fill-secondary-hover: rgba(255, 255, 255, .11);
    --p-color-bg-fill-secondary-selected: rgba(255, 255, 255, .17);
    --p-color-bg-surface-brand-selected: rgba(74, 74, 74, 1);
    --p-color-border-secondary: rgba(74, 74, 74, 1);
    --p-color-bg-surface-tertiary: rgba(255, 255, 255, .08);
    --p-color-icon-brand: rgba(74, 74, 74, 1);
    --p-color-bg-fill-disabled: rgba(255, 255, 255, .05);
    --p-color-text-brand-on-bg-fill-disabled: rgba(138, 138, 138, 1);
    --p-color-bg-fill-brand-disabled: rgba(255, 255, 255, .22);
    --p-color-bg-fill-tertiary: rgba(48, 48, 48, 1);
    --p-color-tooltip-tail-down-border: rgba(60, 60, 60, 1);
    --p-color-tooltip-tail-up-border: rgba(71, 71, 71, 1);
    --p-shadow-bevel-100: .0625rem 0rem 0rem 0rem rgba(204, 204, 204, .08) inset, -.0625rem 0rem 0rem 0rem rgba(204, 204, 204, .08) inset, 0rem -.0625rem 0rem 0rem rgba(204, 204, 204, .08) inset, 0rem .0625rem 0rem 0rem rgba(204, 204, 204, .16) inset
}

.p-partial-theme-mobile {
    --p-font-weight-regular: 400;
    --p-font-weight-medium: 500;
    --p-font-weight-semibold: 600;
    --p-font-weight-bold: 700;
    --p-font-letter-spacing-densest: -.03375rem;
    --p-font-letter-spacing-denser: -.01875rem;
    --p-font-letter-spacing-dense: -.0125rem
}

@keyframes p-motion-keyframes-bounce {
    0%,65%,85% {
        transform: scale(1)
    }

    75% {
        transform: scale(.85)
    }

    82.5% {
        transform: scale(1.05)
    }
}

@keyframes p-motion-keyframes-fade-in {
    to {
        opacity: 1
    }
}

@keyframes p-motion-keyframes-pulse {
    0%,75% {
        transform: scale(.85);
        opacity: 1
    }

    to {
        transform: scale(2.5);
        opacity: 0
    }
}

@keyframes p-motion-keyframes-spin {
    to {
        transform: rotate(1turn)
    }
}

@keyframes p-motion-keyframes-appear-above {
    0% {
        transform: translateY(var(--p-space-100));
        opacity: 0
    }

    to {
        transform: none;
        opacity: 1
    }
}

@keyframes p-motion-keyframes-appear-below {
    0% {
        transform: translateY(calc(var(--p-space-100)*-1));
        opacity: 0
    }

    to {
        transform: none;
        opacity: 1
    }
}

:root {
    --polaris-version-number: "{{POLARIS_VERSION}}";
    --pg-navigation-width: 15rem;
    --pg-dangerous-magic-space-4: 1rem;
    --pg-dangerous-magic-space-5: 1.25rem;
    --pg-dangerous-magic-space-8: 2rem;
    --pg-layout-width-primary-min: 30rem;
    --pg-layout-width-primary-max: 41.375rem;
    --pg-layout-width-secondary-min: 15rem;
    --pg-layout-width-secondary-max: 20rem;
    --pg-layout-width-one-half-width-base: 28.125rem;
    --pg-layout-width-one-third-width-base: 15rem;
    --pg-layout-width-nav-base: var(--pg-navigation-width);
    --pg-layout-width-page-content-partially-condensed: 28.125rem;
    --pg-layout-width-inner-spacing-base: var(--pg-dangerous-magic-space-4);
    --pg-layout-width-outer-spacing-min: var(--pg-dangerous-magic-space-5);
    --pg-layout-width-outer-spacing-max: var(--pg-dangerous-magic-space-8);
    --pg-layout-relative-size: 2;
    --pg-dismiss-icon-size: 2rem;
    --pg-top-bar-height: 3.5rem;
    --pg-mobile-nav-width: calc(100vw - var(--pg-dismiss-icon-size) - var(--pg-dangerous-magic-space-8));
    --pg-control-height: 2rem;
    --pg-control-vertical-padding: calc((2.25rem - var(--p-font-line-height-600) - var(--p-space-050))/2);
    --pg-system-alert-banner-height: 0rem
}

html,body {
    font-size: var(--p-font-size-400);
    line-height: var(--p-font-line-height-600);
    font-weight: var(--p-font-weight-regular);
    font-feature-settings: "calt" 0;
    letter-spacing: initial;
    color: var(--p-color-text);
    -webkit-tap-highlight-color: transparent
}

@media (hover) and (pointer: fine),(min-width: 48em) {
    html,body {
        font-size:var(--p-font-size-325);
        line-height: var(--p-font-line-height-500)
    }
}

html,body,button {
    font-family: var(--p-font-family-sans)
}

html {
    position: relative;
    font-size: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    text-size-adjust: 100%;
    text-rendering: optimizeLegibility
}

html::-webkit-scrollbar {
    width: .6875rem;
    background-color: var(--p-color-bg)
}

html::-webkit-scrollbar-thumb {
    background-color: var(--p-color-bg);
    border: var(--p-border-width-050) solid transparent;
    border-radius: var(--p-border-radius-300);
    background-clip: content-box
}

html {
    scrollbar-width: thin;
    scrollbar-color: var(--p-color-bg) var(--p-color-bg);
    transition: scrollbar-color var(--p-motion-duration-100) var(--p-motion-ease-in)
}

html:hover {
    scrollbar-color: var(--p-color-scrollbar-thumb-bg-hover) var(--p-color-bg)
}

html:hover::-webkit-scrollbar-thumb {
    background-color: var(--p-color-scrollbar-thumb-bg-hover)
}

@supports (font: -apple-system-body) and (-webkit-touch-callout: none) {
    html {
        font:-apple-system-body;
        -webkit-text-size-adjust: 94.11765%
    }
}

body {
    min-height: 100%;
    margin: 0;
    padding: 0;
    background-color: #f1f2f4;
    scrollbar-color: var(--p-color-scrollbar-thumb-bg-hover) transparent
}

@media print {
    body {
        background-color: transparent!important
    }
}

*,*:before,*:after {
    box-sizing: border-box
}

h1,h2,h3,h4,h5,h6,p {
    margin: 0;
    font-size: 1em;
    font-weight: var(--p-font-weight-regular)
}

button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner {
    border-style: none
}

html[class~=shopilike-Safari-16-Font-Optical-Sizing-Patch] {
    font-variation-settings: "opsz" 14
}

.Analytics-UI-Components-MetricCard-Footer {
    display: flex;
    width: 100%;
    align-self: flex-end;
    justify-content: space-between;
    align-items: flex-end;
    flex-wrap: nowrap
}

.Analytics-UI-Components-Card {
    overflow: clip;
    --pc-card-box-shadow-xs: initial;
    --pc-card-box-shadow-sm: initial;
    --pc-card-box-shadow-md: initial;
    --pc-card-box-shadow-lg: initial;
    --pc-card-box-shadow-xl: initial;
    --pc-card-box-shadow: var(--pc-card-box-shadow-xs)
}

@media (min-width: 30.625em) {
    .Analytics-UI-Components-Card {
        --pc-card-box-shadow: var( --pc-card-box-shadow-sm, var(--pc-card-box-shadow-xs) )
    }
}

@media (min-width: 48em) {
    .Analytics-UI-Components-Card {
        --pc-card-box-shadow: var( --pc-card-box-shadow-md, var( --pc-card-box-shadow-sm, var(--pc-card-box-shadow-xs) ) )
    }
}

@media (min-width: 65em) {
    .Analytics-UI-Components-Card {
        --pc-card-box-shadow: var( --pc-card-box-shadow-lg, var( --pc-card-box-shadow-md, var( --pc-card-box-shadow-sm, var(--pc-card-box-shadow-xs) ) ) )
    }
}

@media (min-width: 90em) {
    .Analytics-UI-Components-Card {
        --pc-card-box-shadow: var( --pc-card-box-shadow-xl, var( --pc-card-box-shadow-lg, var( --pc-card-box-shadow-md, var( --pc-card-box-shadow-sm, var(--pc-card-box-shadow-xs) ) ) ) )
    }
}

.Analytics-UI-Components-Card {
    --pc-card-border-radius-xs: initial;
    --pc-card-border-radius-sm: initial;
    --pc-card-border-radius-md: initial;
    --pc-card-border-radius-lg: initial;
    --pc-card-border-radius-xl: initial;
    --pc-card-border-radius: var(--pc-card-border-radius-xs)
}

@media (min-width: 30.625em) {
    .Analytics-UI-Components-Card {
        --pc-card-border-radius: var( --pc-card-border-radius-sm, var(--pc-card-border-radius-xs) )
    }
}

@media (min-width: 48em) {
    .Analytics-UI-Components-Card {
        --pc-card-border-radius: var( --pc-card-border-radius-md, var( --pc-card-border-radius-sm, var(--pc-card-border-radius-xs) ) )
    }
}

@media (min-width: 65em) {
    .Analytics-UI-Components-Card {
        --pc-card-border-radius: var( --pc-card-border-radius-lg, var( --pc-card-border-radius-md, var( --pc-card-border-radius-sm, var(--pc-card-border-radius-xs) ) ) )
    }
}

@media (min-width: 90em) {
    .Analytics-UI-Components-Card {
        --pc-card-border-radius: var( --pc-card-border-radius-xl, var( --pc-card-border-radius-lg, var( --pc-card-border-radius-md, var( --pc-card-border-radius-sm, var(--pc-card-border-radius-xs) ) ) ) )
    }
}

.Analytics-UI-Components-Card {
    background-color: var(--pc-card-background);
    box-shadow: var(--pc-card-box-shadow);
    border-radius: var(--pc-card-border-radius)
}

.Analytics-UI-Components-Bleed {
    --pc-bleed-margin-block-start-xs: initial;
    --pc-bleed-margin-block-start-sm: var(--pc-bleed-margin-block-start-xs);
    --pc-bleed-margin-block-start-md: var(--pc-bleed-margin-block-start-sm);
    --pc-bleed-margin-block-start-lg: var(--pc-bleed-margin-block-start-md);
    --pc-bleed-margin-block-start-xl: var(--pc-bleed-margin-block-start-lg);
    --pc-bleed-margin-block-end-xs: initial;
    --pc-bleed-margin-block-end-sm: var(--pc-bleed-margin-block-end-xs);
    --pc-bleed-margin-block-end-md: var(--pc-bleed-margin-block-end-sm);
    --pc-bleed-margin-block-end-lg: var(--pc-bleed-margin-block-end-md);
    --pc-bleed-margin-block-end-xl: var(--pc-bleed-margin-block-end-lg);
    --pc-bleed-margin-inline-start-xs: initial;
    --pc-bleed-margin-inline-start-sm: var(--pc-bleed-margin-inline-start-xs);
    --pc-bleed-margin-inline-start-md: var(--pc-bleed-margin-inline-start-sm);
    --pc-bleed-margin-inline-start-lg: var(--pc-bleed-margin-inline-start-md);
    --pc-bleed-margin-inline-start-xl: var(--pc-bleed-margin-inline-start-lg);
    --pc-bleed-margin-inline-end-xs: initial;
    --pc-bleed-margin-inline-end-sm: var(--pc-bleed-margin-inline-end-xs);
    --pc-bleed-margin-inline-end-md: var(--pc-bleed-margin-inline-end-sm);
    --pc-bleed-margin-inline-end-lg: var(--pc-bleed-margin-inline-end-md);
    --pc-bleed-margin-inline-end-xl: var(--pc-bleed-margin-inline-end-lg);
    margin-block-start:calc(var(--pc-bleed-margin-block-start-xs)*-1);margin-block-end: calc(var(--pc-bleed-margin-block-end-xs)*-1);
    margin-inline-start:calc(var(--pc-bleed-margin-inline-start-xs)*-1);margin-inline-end: calc(var(--pc-bleed-margin-inline-end-xs)*-1)
}

@media (min-width: 30.625em) {
    .Analytics-UI-Components-Bleed {
        margin-block-start:calc(var(--pc-bleed-margin-block-start-sm)*-1);
        margin-block-end:calc(var(--pc-bleed-margin-block-end-sm)*-1);margin-inline-start: calc(var(--pc-bleed-margin-inline-start-sm)*-1);
        margin-inline-end:calc(var(--pc-bleed-margin-inline-end-sm)*-1)}
}

@media (min-width: 48em) {
    .Analytics-UI-Components-Bleed {
        margin-block-start:calc(var(--pc-bleed-margin-block-start-md)*-1);
        margin-block-end:calc(var(--pc-bleed-margin-block-end-md)*-1);margin-inline-start: calc(var(--pc-bleed-margin-inline-start-md)*-1);
        margin-inline-end:calc(var(--pc-bleed-margin-inline-end-md)*-1)}
}

@media (min-width: 65em) {
    .Analytics-UI-Components-Bleed {
        margin-block-start:calc(var(--pc-bleed-margin-block-start-lg)*-1);
        margin-block-end:calc(var(--pc-bleed-margin-block-end-lg)*-1);margin-inline-start: calc(var(--pc-bleed-margin-inline-start-lg)*-1);
        margin-inline-end:calc(var(--pc-bleed-margin-inline-end-lg)*-1)}
}

@media (min-width: 90em) {
    .Analytics-UI-Components-Bleed {
        margin-block-start:calc(var(--pc-bleed-margin-block-start-xl)*-1);
        margin-block-end:calc(var(--pc-bleed-margin-block-end-xl)*-1);margin-inline-start: calc(var(--pc-bleed-margin-inline-start-xl)*-1);
        margin-inline-end:calc(var(--pc-bleed-margin-inline-end-xl)*-1)}
}

.Analytics-UI-Components-MetricCard-CloseButton {
    cursor: pointer;
    pointer-events: all
}

.Analytics-UI-Components-MetricCard-MetricLayout {
    position: relative;
    display: flex;
    height: 100%;
    width: 100%;
    flex-direction: column;
    /* gap: var(--p-space-100) */
}

.Analytics-UI-Components-MetricCard-MetricLayout__CardWrapper {
    height: 100%
}

.Analytics-UI-Components-MetricCard-MetricLayout__CardWrapper>[class*=Analytics-UI-Components-Card] {
    height: 100%
}

:is(.Analytics-UI-Components-MetricCard-MetricLayout__CardWrapper>[class*=Analytics-UI-Components-Card])>[class=Analytics-UI-Components-Box] {
    height: 100%;
    padding-inline:var(--p-space-400)}

.Analytics-UI-Components-MetricCard-MetricLayout__HeaderButton: hover {
    background:var(--p-color-bg-surface-hover)
}

.Analytics-UI-Components-MetricCard-MetricLayout__Content {
    display: flex;
    justify-content: flex-start;
    flex-direction: column;
    gap: var(--p-space-400);
    flex-grow: 1;
    min-height: 0
}

.Analytics-UI-Components-MetricCard-MetricLayout__Content.Analytics-UI-Components-MetricCard-MetricLayout__Compact {
    align-items: center;
    flex-direction: row;
    justify-content: space-between
}

.Analytics-UI-Components-MetricCard-MetricLayout__CohortsCard {
    justify-content: space-between
}

.Analytics-UI-Components-MetricCard-MetricLayout__Title {
    flex-grow: 1;
    min-width: 0;
    min-height: 1.25rem
}

.Analytics-UI-Components-MetricCard-MetricLayout__Title.Analytics-UI-Components-MetricCard-MetricLayout__HasPrimaryAction {
    margin-right: var(--p-space-600)
}

.Analytics-UI-Components-MetricCard-MetricLayout__PrimaryAction {
    position: absolute;
    top: 0;
    right: 0
}

.Analytics-UI-Components-MetricCard-MetricLayout__Button {
    background: unset;
    border: unset;
    text-align: unset;
    color: unset;
    text-decoration: unset;
    display: block;
    height: 100%
}

:is(.Analytics-UI-Components-MetricCard-MetricLayout__CompactButtonHover :hover)>[class=Analytics-UI-Components-Box] {
    background: var(--p-color-bg-surface-hover)
}

.Analytics-UI-Components-MetricCard-BenchmarksSummary__BenchmarksDataContainer {
    border-radius: var(--p-border-radius-100);
    padding: var(--p-space-050) var(--p-space-150) var(--p-space-100) var(--p-space-150)
}

.Analytics-UI-Components-MetricCard-BenchmarksSummary__BenchmarksDataContainer:hover,.Analytics-UI-Components-MetricCard-BenchmarksSummary__BenchmarksDataContainer:active {
    background: var(--p-color-bg-surface-hover);
    cursor: pointer
}

.Analytics-UI-Components-MetricCard-BenchmarksSummary__BenchmarksSummaryContainer {
    width: 100%
}

@media (max-width: 30.6225em) {
    .Analytics-UI-Components-MetricCard-BenchmarksSummary__BenchmarksSummaryContainer {
        width:-webkit-max-content;
        width: max-content
    }
}

@media (max-width: 30.6225em) {
    .Analytics-UI-Components-MetricCard-BenchmarksSummary--scrollContainer {
        overflow:scroll
    }
}

@media (max-width: 30.6225em) {
    .Analytics-UI-Components-MetricCard-BenchmarksSummary__ScrollContainerWithGradients {
        -webkit-mask-image:linear-gradient(to right,var(--gradient-left, var(--p-color-bg-surface)),var(--p-color-bg-surface) calc(100% - 2.5rem),var(--gradient-right, var(--p-color-bg-surface)));
        mask-image: linear-gradient(to right,var(--gradient-left, var(--p-color-bg-surface)),var(--p-color-bg-surface) calc(100% - 2.5rem),var(--gradient-right, var(--p-color-bg-surface)))
    }
}

.Analytics-UI-Components-MetricCard-BenchmarksSummary__NoBenchmarkBadgeContainer {
    padding: var(--p-space-100)
}

.Analytics-UI-Components-MetricCard-BenchmarksSummary__NoBenchmarkBadgeContainer span {
    white-space: nowrap
}

.Analytics-UI-Components-MetricCard-BenchmarksSummary__GradientLeft {
    --gradient-left: transparent
}

.Analytics-UI-Components-MetricCard-BenchmarksSummary__GradientRight {
    --gradient-right: transparent
}

.Analytics-UI-Components-MetricCard-BenchmarksSummary__NoGradient {
    --gradient-left: var(--p-color-bg-surface);
    --gradient-right: var(--p-color-bg-surface)
}

.Analytics-UI-Components-MetricCard-Title h2 {
    line-height: 1.5
}

.Analytics-UI-Components-MetricCard-Title__Button {
    display: inline-block;
    justify-content: center;
    align-items: center;
    text-align: left;
    max-width: 100%;
    cursor: pointer;
    border: none;
    background: transparent;
    color: unset;
    vertical-align: top
}

.Analytics-UI-Components-MetricCard-Title__Button:hover,.Analytics-UI-Components-MetricCard-Title__Button:active {
    outline: none;
    border: none;
    border-width: 0;
    background: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.Analytics-UI-Components-MetricCard-VisualizationWrapper {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    min-height: 0
}

.Analytics-UI-Components-MetricCard-VisualizationWrapper__CompactVisualizationWrapper {
    width: 100%
}

.Analytics-UI-Components-MetricCard-VisualizationWrapper__CompactVisualizationWrapper.Analytics-UI-Components-MetricCard-VisualizationWrapper__HasPrimaryMetric {
    max-width: 5rem;
    min-width: 0;
    align-items: end
}

.Analytics-UI-Components-MetricCard-VisualizationWrapper__CompactVisualizationWrapper.Analytics-UI-Components-MetricCard-VisualizationWrapper__Hidden {
    visibility: hidden
}

.Analytics-UI-Components-PrimaryMetric {
    display: flex;
    align-items: center;
    gap: var(--p-space-200);
    min-width: 0
}

.Analytics-UI-Components-PrimaryMetric.Analytics-UI-Components-PrimaryMetric__Compact {
    flex-grow: 1
}

.Analytics-UI-Components-PrimaryMetric:not(:only-child) {
    flex-shrink: 0
}

.Analytics-UI-Components-PrimaryMetric__TrendIndicator {
    display: flex;
    flex-shrink: 0
}

.Analytics-UI-Components-PrimaryMetric__TrendIndicator svg {
    overflow: visible
}

.Analytics-UI-Components-PrimaryMetric__PrimaryMetricWrapper {
    min-width: 0
}

.Analytics-UI-Components-MetricTable-HeaderCell__Container {
    display: flex;
    align-items: center;
    text-wrap: nowrap;
    width: 100%
}

.Analytics-UI-Components-MetricTable-HeaderCell__AlignEnd {
    flex-direction: row-reverse;
    justify-content: end
}

@media print {
    .Analytics-UI-Components-MetricTable-HeaderCell {
        min-width: 0!important
    }
}

.Analytics-UI-Components-MetricTable-HeaderCell__Sticky {
    position: sticky;
    left: 0;
    z-index: var(--p-z-index-1);
    background: inherit
}

@media print {
    .Analytics-UI-Components-MetricTable-HeaderCell__Sticky {
        min-width: 0!important
    }
}

.Analytics-UI-Components-MetricTable-EmptyState__Container {
    --container-height: 22.5rem;
    align-items: center;
    background: var(--p-color-bg-surface);
    display: flex;
    height: var(--container-height);
    justify-content: center
}

:root {
    --metric-group-right-shadow: var(--p-space-025) 0 0 0 var(--p-color-border-secondary);
    --metric-group-bottom-shadow: 0 var(--p-space-025) 0 0 var(--p-color-border-secondary)
}

.Analytics-UI-Components-MetricTable-Row {
    position: relative;
    display: flex;
    flex-grow: 1
}

.Analytics-UI-Components-MetricTable-Row:first-child .Analytics-UI-Components-MetricTable-Row__Sticky {
    box-shadow: var(--metric-group-right-shadow)
}

.Analytics-UI-Components-MetricTable-Row:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    pointer-events: none;
    box-shadow: var(--metric-group-bottom-shadow);
    z-index: var(--p-z-index-1)
}

.Analytics-UI-Components-MetricTable-Row:first-of-type .Analytics-UI-Components-MetricTable-Row__Sticky:after {
    display: none
}

@media print {
    .Analytics-UI-Components-MetricTable-Row {
        break-inside: avoid
    }
}

.Analytics-UI-Components-MetricTable-Row__Column {
    position: relative;
    width: 100%
}

.Analytics-UI-Components-MetricTable-Row__Column:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    pointer-events: none
}

.Analytics-UI-Components-MetricTable-Row__Column:empty:after {
    box-shadow: inset 0 var(--p-space-025) 0 0 var(--p-color-bg-surface)
}

.Analytics-UI-Components-MetricTable-Row__Sticky {
    left: 0;
    position: sticky;
    background: var(--p-color-bg-surface);
    z-index: var(--p-z-index-1);
    box-shadow: var(--metric-group-right-shadow)
}

.Analytics-UI-Components-MetricTable-Row__Sticky:not(:empty):after {
    box-shadow: inset var(--metric-group-bottom-shadow)
}

.Analytics-UI-Components-MetricTable-Row__RightBorder {
    box-shadow: var(--metric-group-right-shadow)
}

.Analytics-UI-Components-MetricTable-SummaryCell {
    width: 100%;
    padding: var(--p-space-200) var(--p-space-400);
    display: flex;
    gap: var(--p-space-100);
    flex-direction: column
}

.Analytics-UI-Components-MetricTable-SummaryCell__AlignEnd {
    justify-content: flex-end;
    align-items: flex-end
}

.Analytics-UI-Components-MetricTable-SummaryCell__Sticky {
    position: sticky;
    left: 0;
    z-index: var(--p-z-index-1);
    background: inherit
}

@media print {
    .Analytics-UI-Components-MetricTable-SummaryCell__Sticky {
        min-width: 0!important
    }
}

:root {
    --metric-table-container-box-shadow: var(--p-shadow-100);
    --metric-table-shadow-color: rgba(26, 26, 26, .1);
    --portrait-orientation-print-zoom: 1;
    --landscape-orientation-print-zoom: 1
}

.Analytics-UI-Components-MetricTable__Container {
    position: relative;
    margin-top: calc(var(--p-space-025)*-1);
    scrollbar-color: auto
}

.Analytics-UI-Components-MetricTable__Container.Analytics-UI-Components-MetricTable__RoundTopCorners:before {
    border-radius: var(--p-border-radius-300)
}

.Analytics-UI-Components-MetricTable__Container:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    pointer-events: none;
    z-index: var(--p-z-index-4);
    box-shadow: var(--metric-table-container-box-shadow);
    border-radius: 0 0 var(--p-border-radius-300) var(--p-border-radius-300)
}

@media (max-width: 30.6225em) {
    .Analytics-UI-Components-MetricTable__Container:before {
        border-radius:0
    }
}

.Analytics-UI-Components-MetricTable__NoRows {
    border-radius: var(--p-border-radius-300);
    overflow: hidden
}

.Analytics-UI-Components-MetricTable__NoRows:before {
    border-radius: var(--p-border-radius-300)
}

.Analytics-UI-Components-MetricTable__ScrollWrap {
    overflow-x: auto;
    overscroll-behavior-x: none;
    -ms-overflow-style: none;
    scrollbar-width: none;
    border-radius: inherit;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.Analytics-UI-Components-MetricTable__ScrollWrap::-webkit-scrollbar {
    display: none
}

.Analytics-UI-Components-MetricTable__LeftShadow,.Analytics-UI-Components-MetricTable__RightShadow {
    content: "";
    position: absolute;
    z-index: var(--p-z-index-4);
    top: 0;
    right: 0;
    height: 100%;
    width: var(--p-space-150);
    background: linear-gradient(to left,var(--metric-table-shadow-color),transparent);
    pointer-events: none;
    opacity: 0;
    transition: opacity var(--p-motion-duration-300) var(--p-motion-ease)
}

.Analytics-UI-Components-MetricTable__RoundTopCorners:is(.Analytics-UI-Components-MetricTable__LeftShadow,.Analytics-UI-Components-MetricTable__RightShadow) {
    top: .125rem;
    height: calc(100% - .125rem);
    border-radius: 0 var(--p-border-radius-full) 0 0
}

@media print {
    .Analytics-UI-Components-MetricTable__LeftShadow,.Analytics-UI-Components-MetricTable__RightShadow {
        display: none
    }
}

.Analytics-UI-Components-MetricTable__LeftShadow {
    background: linear-gradient(to right,var(--metric-table-shadow-color),transparent);
    top: 0;
    border-radius: 0;
    height: 100%
}

@media (max-width: 30.6225em) {
    .Analytics-UI-Components-MetricTable__LeftShadow {
        display:none
    }
}

.Analytics-UI-Components-MetricTable__TableWrapper {
    position: relative;
    background: var(--p-color-bg-surface)
}

.Analytics-UI-Components-MetricTable__TableWrapper.Analytics-UI-Components-MetricTable__RoundTopCorners {
    border-top-left-radius: var(--p-border-radius-300);
    border-top-right-radius: var(--p-border-radius-300)
}

.Analytics-UI-Components-MetricTable__TableWrapper.Analytics-UI-Components-MetricTable__HideFooterRow {
    border-bottom-right-radius: var(--p-border-radius-300);
    border-bottom-left-radius: var(--p-border-radius-300)
}

@media print and (orientation: portrait) {
    .Analytics-UI-Components-MetricTable__TableWrapper {
        zoom:var(--portrait-orientation-print-zoom)
    }
}

@media print and (orientation: landscape) {
    .Analytics-UI-Components-MetricTable__TableWrapper {
        zoom:var(--landscape-orientation-print-zoom)
    }
}

.Analytics-UI-Components-MetricTable__Table {
    background: var(--p-color-bg-surface);
    position: relative
}

@media print {
    .Analytics-UI-Components-MetricTable__Table {
        height: -webkit-fit-content!important;
        height: -moz-fit-content!important;
        height: fit-content!important
    }
}

.Analytics-UI-Components-MetricTable__Header {
    border-bottom: var(--p-space-025) solid var(--p-color-border-secondary);
    background: var(--p-color-bg-surface);
    display: flex
}

.Analytics-UI-Components-MetricTable__Header>div:first-child {
    box-shadow: var(--p-space-025) 0 0 0 var(--p-color-border-secondary)
}

.Analytics-UI-Components-MetricTable__SummaryRow {
    border-bottom: var(--p-border-width-025) solid var(--p-color-border-secondary);
    background: var(--p-color-bg-surface-tertiary);
    display: flex
}

.Analytics-UI-Components-MetricTable__SummaryRow>div:first-child {
    box-shadow: var(--p-space-025) 0 0 0 var(--p-color-border-secondary)
}

.Analytics-UI-Components-MetricTable__StickyHeader {
    position: sticky;
    top: 0;
    z-index: var(--p-z-index-3);
    overflow: hidden;
    overflow-x: auto;
    overscroll-behavior-x: none;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.Analytics-UI-Components-MetricTable__StickyHeader.Analytics-UI-Components-MetricTable__RoundTopCorners {
    border-radius: var(--p-border-radius-300) var(--p-border-radius-300) 0 0
}

.Analytics-UI-Components-MetricTable__StickyHeader::-webkit-scrollbar {
    display: none
}

@media print {
    .Analytics-UI-Components-MetricTable__StickyHeader {
        position: relative;
        top: 0
    }
}

.Analytics-UI-Components-MetricTable__ScrollBarContainer {
    position: sticky;
    bottom: 0;
    z-index: var(--p-z-index-5);
    padding: var(--p-space-050);
    background-color: var(--p-color-bg-surface)
}

.Analytics-UI-Components-MetricTable__ScrollBarContainer.Analytics-UI-Components-MetricTable__HideFooterRow {
    border-radius: 0 0 var(--p-border-radius-300) var(--p-border-radius-300)
}

.Analytics-UI-Components-MetricTable__ScrollBarContainer.Analytics-UI-Components-MetricTable__HasVerticalScroll {
    border-bottom-right-radius: 0
}

.Analytics-UI-Components-MetricTable__ScrollBarContainer.Analytics-UI-Components-MetricTable__Hidden {
    display: none
}

@media print {
    .Analytics-UI-Components-MetricTable__ScrollBarContainer {
        display: none
    }
}

.Analytics-UI-Components-MetricTable__ScrollBarContent {
    height: var(--p-space-025);
    width: var(--metric-table-scroll-bar-content-width)
}

.Analytics-UI-Components-MetricTable__ScrollBar {
    overflow-x: scroll;
    width: 100%;
    margin: 0;
    padding: 0
}

.Analytics-UI-Components-MetricTable__ScrollBar::-webkit-scrollbar-track {
    border-radius: var(--p-border-radius-100);
    background-color: transparent
}

.Analytics-UI-Components-MetricTable__ScrollBar::-webkit-scrollbar {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    height: var(--p-space-200);
    width: var(--p-space-200);
    background-color: transparent
}

.Analytics-UI-Components-MetricTable__ScrollBar::-webkit-scrollbar-thumb {
    border-radius: var(--p-border-radius-100);
    background-color: var(--p-color-border-tertiary);
    -webkit-transition: background-color var(--p-motion-duration-100) var(--p-motion-ease-out);
    transition: background-color var(--p-motion-duration-100) var(--p-motion-ease-out)
}

.Analytics-UI-Components-MetricTable__ScrollBar:hover::-webkit-scrollbar-thumb {
    background-color: var(--p-color-border-inverse)
}

.Analytics-UI-Components-DistributionChart--xAxis path,.Analytics-UI-Components-DistributionChart--xAxis line {
    stroke: none
}

.Analytics-UI-Components-DistributionChart--xAxis text {
    fill: var(--p-color-text-disabled)
}

.Analytics-UI-Components-DistributionChart--chartContainer {
    position: relative
}

.Analytics-UI-Components-DistributionChart--chartContainer line {
    pointer-events: none
}

.Analytics-UI-Components-DistributionChart--chartContainer>svg {
    cursor: pointer
}

:is(.Analytics-UI-Components-DistributionChart--chartContainer>svg):focus {
    outline: none
}

.Analytics-UI-Components-DistributionChart--barLabelPanel {
    position: absolute
}

.Analytics-UI-Components-DistributionChart--bar {
    transition: opacity var(--p-motion-duration-200) ease-in-out
}

.Analytics-UI-Components-DistributionChart--faded {
    opacity: .3
}

:root {
    --keyword-token-color: #003a5a;
    --column-token-color: #086b5a;
    --bracket-token-color: #8a8a8a;
    --comment-token-color: #8a8a8a;
    --default-font-stack: "GeistMonoRegular", "Monaco", "Consolas", "monospace"
}

.Analytics-UI-Components-MetricDefinition__Container {
    max-width: 20rem
}

.Analytics-UI-Components-MetricDefinition__Formula {
    font-family: JetBrainsMono,var(--default-font-stack);
    font-size: var(--p-font-size-275);
    font-weight: var(--p-font-weight-regular);
    color: var(--p-color-text-secondary);
    line-height: var(--p-font-line-height-400)
}

.Analytics-UI-Components-MetricDefinition__Token,.Analytics-UI-Components-MetricDefinition__Whitespace {
    margin: 0
}

.Analytics-UI-Components-MetricDefinition__Metric,.Analytics-UI-Components-MetricDefinition__Operator {
    color: var(--keyword-token-color)
}

.Analytics-UI-Components-MetricDefinition__Variable {
    color: var(--column-token-color)
}

.Analytics-UI-Components-MetricDefinition__Bracket {
    color: var(--bracket-token-color)
}

.Analytics-UI-Components-MetricDefinition__StatementSeparator {
    color: var(--comment-token-color)
}

.Analytics-UI-Components-MetricTable-CellWithImage__CellWithImageWrapper {
    width: 100%
}

.Analytics-UI-Components-MetricTable-CellWithImage__CellWithImageWrapper.Analytics-UI-Components-MetricTable-CellWithImage__VerticalAlignmentStart {
    margin-top: calc(var(--p-space-100)*-1)
}

.Analytics-UI-Components-MetricTable-CellWithImage__CellWithImageTextWrapper {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 100%
}

.Analytics-UI-Components-ButtonWithNotificationDot__Wrapper {
    position: relative;
    display: flex
}

.Analytics-UI-Components-ButtonWithNotificationDot__Dot {
    position: absolute;
    top: -.625rem;
    right: -.625rem
}

.Analytics-UI-Components-Divider {
    border: 0;
    margin: 0
}

.Analytics-UI-Components-InlineGrid {
    --pc-inline-grid-gap-xs: initial;
    --pc-inline-grid-gap-sm: initial;
    --pc-inline-grid-gap-md: initial;
    --pc-inline-grid-gap-lg: initial;
    --pc-inline-grid-gap-xl: initial;
    gap: var(--pc-inline-grid-gap-xs)
}

@media (min-width: 30.625em) {
    .Analytics-UI-Components-InlineGrid {
        gap:var( --pc-inline-grid-gap-sm, var(--pc-inline-grid-gap-xs) )
    }
}

@media (min-width: 48em) {
    .Analytics-UI-Components-InlineGrid {
        gap:var( --pc-inline-grid-gap-md, var( --pc-inline-grid-gap-sm, var(--pc-inline-grid-gap-xs) ) )
    }
}

@media (min-width: 65em) {
    .Analytics-UI-Components-InlineGrid {
        gap:var( --pc-inline-grid-gap-lg, var( --pc-inline-grid-gap-md, var( --pc-inline-grid-gap-sm, var(--pc-inline-grid-gap-xs) ) ) )
    }
}

@media (min-width: 90em) {
    .Analytics-UI-Components-InlineGrid {
        gap:var( --pc-inline-grid-gap-xl, var( --pc-inline-grid-gap-lg, var( --pc-inline-grid-gap-md, var( --pc-inline-grid-gap-sm, var(--pc-inline-grid-gap-xs) ) ) ) )
    }
}

.Analytics-UI-Components-InlineGrid {
    --pc-inline-grid-grid-template-columns-xs: initial;
    --pc-inline-grid-grid-template-columns-sm: initial;
    --pc-inline-grid-grid-template-columns-md: initial;
    --pc-inline-grid-grid-template-columns-lg: initial;
    --pc-inline-grid-grid-template-columns-xl: initial;
    grid-template-columns: var(--pc-inline-grid-grid-template-columns-xs)
}

@media (min-width: 30.625em) {
    .Analytics-UI-Components-InlineGrid {
        grid-template-columns:var( --pc-inline-grid-grid-template-columns-sm, var(--pc-inline-grid-grid-template-columns-xs) )
    }
}

@media (min-width: 48em) {
    .Analytics-UI-Components-InlineGrid {
        grid-template-columns:var( --pc-inline-grid-grid-template-columns-md, var( --pc-inline-grid-grid-template-columns-sm, var(--pc-inline-grid-grid-template-columns-xs) ) )
    }
}

@media (min-width: 65em) {
    .Analytics-UI-Components-InlineGrid {
        grid-template-columns:var( --pc-inline-grid-grid-template-columns-lg, var( --pc-inline-grid-grid-template-columns-md, var( --pc-inline-grid-grid-template-columns-sm, var(--pc-inline-grid-grid-template-columns-xs) ) ) )
    }
}

@media (min-width: 90em) {
    .Analytics-UI-Components-InlineGrid {
        grid-template-columns:var( --pc-inline-grid-grid-template-columns-xl, var( --pc-inline-grid-grid-template-columns-lg, var( --pc-inline-grid-grid-template-columns-md, var( --pc-inline-grid-grid-template-columns-sm, var(--pc-inline-grid-grid-template-columns-xs) ) ) ) )
    }
}

.Analytics-UI-Components-InlineGrid {
    --pc-inline-grid-align-items: initial;
    display: grid;
    align-items: var(--pc-inline-grid-align-items)
}

.Analytics-UI-Components-DatePicker {
    --pc-date-picker-range-end-border-radius: var(--p-border-radius-200);
    position: relative
}

.Analytics-UI-Components-DatePicker__MonthLayout {
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(var(--p-space-400)*-1);
    margin-left: calc(var(--p-space-400)*-1)
}

.Analytics-UI-Components-DatePicker__MonthContainer {
    flex: 1 1 14.375rem;
    margin-top: var(--p-space-400);
    margin-left: var(--p-space-400);
    max-width: calc(100% - var(--p-space-400));
    min-width: 14.375rem
}

.Analytics-UI-Components-DatePicker__Month {
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
    border: none;
    border-spacing: 0
}

.Analytics-UI-Components-DatePicker__DayCell {
    width: 14.28571%;
    background: transparent;
    margin: 0;
    padding: 0;
    border-radius: var(--p-border-radius-100)
}

.Analytics-UI-Components-DatePicker__DayCell--inRange {
    border-radius: 0
}

.Analytics-UI-Components-DatePicker__Day {
    display: block;
    height: 100%;
    width: 100%;
    margin: 0;
    padding: var(--p-space-200);
    background: transparent;
    border: none;
    border-radius: var(--p-border-radius-200);
    outline: none;
    color: var(--p-color-text);
    cursor: pointer
}

.Analytics-UI-Components-DatePicker__Day:hover {
    background: var(--p-color-bg-fill-brand-hover);
    color: var(--p-color-text-brand-on-bg-fill);
    outline: var(--p-border-width-025) solid transparent
}

.Analytics-UI-Components-DatePicker__Day {
    position: relative
}

.Analytics-UI-Components-DatePicker__Day:after {
    content: "";
    position: absolute;
    z-index: 1;
    top: -.0625rem;
    right: -.0625rem;
    bottom: -.0625rem;
    left: -.0625rem;
    display: block;
    pointer-events: none;
    box-shadow: 0 0 0 -.0625rem var(--p-color-border-focus);
    border-radius: var(--p-border-radius-100)
}

.Analytics-UI-Components-DatePicker__Day:focus-visible:not(:active):after {
    box-shadow: 0 0 0 .125rem var(--p-color-border-focus);
    outline: var(--p-border-width-025) solid transparent
}

.Analytics-UI-Components-DatePicker__Day--inRange {
    background: var(--p-color-bg-surface-brand-selected);
    border-radius: 0
}

@media (-ms-high-contrast: active) {
    .Analytics-UI-Components-DatePicker__Day--inRange {
        -ms-high-contrast-adjust: none;
        background-color: Highlight;
        color: HighlightText
    }

    .Analytics-UI-Components-DatePicker__Day--inRange:hover {
        background-color: HighlightText;
        color: Highlight;
        outline: var(--p-border-width-050) solid Highlight
    }
}

.Analytics-UI-Components-DatePicker__Day--selected {
    background: var(--p-color-bg-fill-brand-selected);
    color: var(--p-color-text-brand-on-bg-fill)
}

@media (-ms-high-contrast: active) {
    .Analytics-UI-Components-DatePicker__Day--selected {
        -ms-high-contrast-adjust: none;
        background-color: Highlight;
        color: HighlightText
    }

    .Analytics-UI-Components-DatePicker__Day--selected:hover {
        background-color: HighlightText;
        color: Highlight;
        outline: var(--p-border-width-050) solid Highlight
    }
}

.Analytics-UI-Components-DatePicker__Day--disabled,.Analytics-UI-Components-DatePicker__Day--disabled:hover {
    background-color: transparent;
    color: var(--p-color-text-disabled)
}

@media (-ms-high-contrast) {
    .Analytics-UI-Components-DatePicker__Day--disabled {
        -ms-high-contrast-adjust: none;
        color: grayText
    }

    .Analytics-UI-Components-DatePicker__Day--disabled:hover {
        color: grayText;
        outline: none
    }
}

.Analytics-UI-Components-DatePicker__Day--disabled:focus:after {
    content: none
}

.Analytics-UI-Components-DatePicker__EmptyDayCell {
    width: 14.28571%;
    margin: 0;
    padding: 0
}

.Analytics-UI-Components-DatePicker__Weekday {
    padding: var(--p-space-200);
    background: transparent
}

.Analytics-UI-Components-DatePicker__Header {
    position: absolute;
    top: var(--p-space-400);
    display: flex;
    justify-content: space-between;
    width: 100%
}

.Analytics-UI-Components-DatePicker__Title {
    flex: 1 1 auto;
    padding-bottom: var(--p-space-100)
}

.Analytics-UI-Components-DatePicker__Day--firstInRange {
    border-radius: var(--p-border-radius-200)
}

.Analytics-UI-Components-DatePicker__Day--firstInRange.Analytics-UI-Components-DatePicker__Day--hasRange,.Analytics-UI-Components-DatePicker__Day--firstInRange.Analytics-UI-Components-DatePicker__Day--hoverRight {
    border-radius: var(--pc-date-picker-range-end-border-radius) 0 0 var(--pc-date-picker-range-end-border-radius)
}

:is(.Analytics-UI-Components-DatePicker__Day--firstInRange.Analytics-UI-Components-DatePicker__Day--hasRange,.Analytics-UI-Components-DatePicker__Day--firstInRange.Analytics-UI-Components-DatePicker__Day--hoverRight):after {
    border-radius: var(--pc-date-picker-range-end-border-radius) 0 0 var(--pc-date-picker-range-end-border-radius)
}

.Analytics-UI-Components-DatePicker__Day--lastInRange {
    border-radius: 0 var(--pc-date-picker-range-end-border-radius) var(--pc-date-picker-range-end-border-radius) 0
}

.Analytics-UI-Components-DatePicker__Day--lastInRange:after {
    border-radius: 0 var(--pc-date-picker-range-end-border-radius) var(--pc-date-picker-range-end-border-radius) 0
}

.Analytics-UI-Components-DatePicker__Week {
    margin-bottom: var(--p-space-050)
}

.Analytics-UI-Components-DatePicker__Week>.Analytics-UI-Components-DatePicker__Day--inRange:first-child:not(.Analytics-UI-Components-DatePicker__Day--firstInRange):not(.Analytics-UI-Components-DatePicker__Day--lastInRange) {
    border-radius: var(--p-border-radius-100) 0 0 var(--p-border-radius-100)
}

.Analytics-UI-Components-DatePicker__Week>.Analytics-UI-Components-DatePicker__Day--inRange:last-child:not(.Analytics-UI-Components-DatePicker__Day--firstInRange):not(.Analytics-UI-Components-DatePicker__Day--lastInRange) {
    border-radius: 0 var(--p-border-radius-100) var(--p-border-radius-100) 0
}

:is(.Analytics-UI-Components-DatePicker__Day--inRange,.Analytics-UI-Components-DatePicker__Day--inRange:not(:hover)+.Analytics-UI-Components-DatePicker__Day):after {
    border-radius: 0 var(--pc-date-picker-range-end-border-radius) var(--pc-date-picker-range-end-border-radius) 0
}

.Analytics-UI-Components-Label {
    -webkit-tap-highlight-color: transparent
}

.Analytics-UI-Components-Label--hidden {
    position: absolute!important;
    top: 0;
    width: .0625rem!important;
    height: .0625rem!important;
    margin: 0!important;
    padding: 0!important;
    overflow: hidden!important;
    clip-path: inset(50%)!important;
    border: 0!important;
    white-space: nowrap!important
}

.Analytics-UI-Components-Label__Text {
    display: block;
    flex: 1 1 auto;
    color: currentColor;
    -webkit-tap-highlight-color: transparent
}

.Analytics-UI-Components-Label__RequiredIndicator:after {
    content: "*";
    color: var(--p-color-text-critical);
    margin-left: var(--p-space-100)
}

.Analytics-UI-Components-InlineError {
    display: flex;
    color: var(--p-color-text-critical);
    fill: var(--p-color-text-critical)
}

.Analytics-UI-Components-InlineError>p {
    margin-top: var(--p-space-050)
}

@media (max-width: 30.6225em) {
    .Analytics-UI-Components-InlineError>p {
        padding-top:var(--p-space-025)
    }
}

.Analytics-UI-Components-InlineError__Icon {
    display: flex;
    align-items: center;
    fill: var(--p-color-text-critical);
    margin-left: calc(var(--p-space-050)*-1);
    margin-right: var(--p-space-100)
}

:root {
    --pc-label-as-placeholder-y: 1.25rem
}

.Analytics-UI-Components-Labelled--hidden>.Analytics-UI-Components-Labelled__LabelWrapper {
    position: absolute!important;
    top: 0;
    width: .0625rem!important;
    height: .0625rem!important;
    margin: 0!important;
    padding: 0!important;
    overflow: hidden!important;
    clip-path: inset(50%)!important;
    border: 0!important;
    white-space: nowrap!important
}

.Analytics-UI-Components-Labelled--disabled>.Analytics-UI-Components-Labelled__LabelWrapper {
    color: var(--p-color-text-disabled)
}

.Analytics-UI-Components-Labelled--disabled>.Analytics-UI-Components-Labelled__HelpText>p {
    color: var(--p-color-text-disabled)
}

.Analytics-UI-Components-Labelled--readOnly>.Analytics-UI-Components-Labelled__LabelWrapper {
    color: var(--p-color-text-secondary)
}

.Analytics-UI-Components-Labelled__LabelWrapper.Analytics-UI-Components-Labelled--insideWrapper,.Analytics-UI-Components-Labelled__LabelWrapper.Analytics-UI-Components-Labelled--insidePlaceholderWrapper {
    white-space: nowrap;
    right: var(--p-space-200);
    flex-wrap: nowrap;
    overflow: hidden;
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content
}

:is(.Analytics-UI-Components-Labelled__LabelWrapper.Analytics-UI-Components-Labelled--insideWrapper,.Analytics-UI-Components-Labelled__LabelWrapper.Analytics-UI-Components-Labelled--insidePlaceholderWrapper) [class~=shopilike-Label] {
    max-width: 100%
}

.Analytics-UI-Components-Labelled__LabelWrapper {
    word-wrap: break-word;
    word-break: break-word;
    overflow-wrap: break-word;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: baseline;
    margin-bottom: var(--p-space-100)
}

.Analytics-UI-Components-Labelled--animated,.Analytics-UI-Components-Labelled--animated span {
    transition: all var(--p-motion-duration-150) var(--p-motion-ease-in-out)
}

@media (prefers-reduced-motion) {
    .Analytics-UI-Components-Labelled--animated,.Analytics-UI-Components-Labelled--animated span {
        transition: none
    }
}

.Analytics-UI-Components-Labelled--inside,.Analytics-UI-Components-Labelled--insidePlaceholder {
    position: relative
}

.Analytics-UI-Components-Labelled--disabled:is(.Analytics-UI-Components-Labelled--inside,.Analytics-UI-Components-Labelled--insidePlaceholder) span {
    color: var(--p-color-text-disabled)
}

.Analytics-UI-Components-Labelled--hasAccessory:is(:is(.Analytics-UI-Components-Labelled--inside,.Analytics-UI-Components-Labelled--insidePlaceholder) .Analytics-UI-Components-Labelled__LabelWrapper) {
    margin-right: var(--p-space-800)
}

:is(.Analytics-UI-Components-Labelled--inside,.Analytics-UI-Components-Labelled--insidePlaceholder) .Analytics-UI-Components-Labelled__LabelWrapper {
    position: absolute;
    left: var(--p-space-300);
    z-index: var(--p-z-index-2)
}

:is(.Analytics-UI-Components-Labelled--inside,.Analytics-UI-Components-Labelled--insidePlaceholder) .Analytics-UI-Components-Labelled__HelpText {
    margin-left: var(--p-space-300)
}

.Analytics-UI-Components-Labelled--inside .Analytics-UI-Components-Labelled__LabelWrapper {
    top: var(--p-space-300)
}

.Analytics-UI-Components-Labelled--insidePlaceholder .Analytics-UI-Components-Labelled__LabelWrapper {
    top: var(--pc-label-as-placeholder-y)
}

.Analytics-UI-Components-Labelled__HelpText {
    margin-top: var(--p-space-100)
}

.Analytics-UI-Components-Labelled__Error {
    word-wrap: break-word;
    word-break: break-word;
    overflow-wrap: break-word;
    margin-top: var(--p-space-100)
}

.Analytics-UI-Components-Labelled__Action {
    flex: 0 0 auto
}

.Analytics-UI-Components-Connected {
    --pc-connected-item: 10;
    --pc-connected-primary: 20;
    --pc-connected-focused: 30;
    position: relative;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: var(--p-space-100)
}

@media (hover) and (pointer: fine),(min-width: 30.625em) {
    .Analytics-UI-Components-Connected {
        flex-wrap:initial
    }
}

.Analytics-UI-Components-Connected__Item {
    position: relative;
    z-index: var(--pc-connected-item);
    flex: 0 0 auto
}

.Analytics-UI-Components-Connected__Item--primary {
    z-index: var(--pc-connected-primary);
    flex: 1 1;
    min-width: -webkit-min-content;
    min-width: min-content
}

@media (hover) and (pointer: fine),(min-width: 30.625em) {
    .Analytics-UI-Components-Connected__Item--primary {
        flex:1 1 auto;
        min-width: initial
    }
}

.Analytics-UI-Components-Connected__Item--focused {
    z-index: var(--pc-connected-focused)
}

.Analytics-UI-Components-TextField {
    --pc-text-field-contents: 20;
    --pc-text-field-backdrop: 10;
    --pc-text-field-sm-screen-label-spacing: 1.75rem;
    --pc-text-field-sm-screen-no-label-spacing: .625rem;
    font-size: var(--p-font-size-400);
    font-weight: var(--p-font-weight-regular);
    line-height: var(--p-font-line-height-600);
    border: none;
    letter-spacing: initial
}

@media (min-width: 48em) {
    .Analytics-UI-Components-TextField {
        font-size:var(--p-font-size-325);
        line-height: var(--p-font-line-height-500)
    }
}

.Analytics-UI-Components-TextField {
    line-height: var(--p-font-line-height-500);
    position: relative;
    display: flex;
    align-items: center;
    color: var(--p-color-text);
    cursor: text
}

@media (pointer: coarse) and (max-width: 47.9975em) {
    .Analytics-UI-Components-TextField {
        position:relative
    }
}

.Analytics-UI-Components-TextField s-internal-icon,.Analytics-UI-Components-TextField svg {
    color: var(--p-color-icon-secondary)
}

.Analytics-UI-Components-TextField .Analytics-UI-Components-TextField--disabledStepperButton s-internal-icon,.Analytics-UI-Components-TextField .Analytics-UI-Components-TextField--disabledStepperButton svg {
    color: var(--p-color-icon-disabled)
}

.Analytics-UI-Components-TextField:focus-within .Analytics-UI-Components-TextField__ClearButton {
    visibility: visible;
    opacity: 1
}

.Analytics-UI-Components-TextField:focus-within .Analytics-UI-Components-TextField__Loading:has(+.Analytics-UI-Components-TextField__ClearButton) {
    margin-right: 0
}

.Analytics-UI-Components-TextField:not(:focus-within) .Analytics-UI-Components-TextField__ClearButton {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    right: 0
}

:is(.Analytics-UI-Components-TextField:not(.Analytics-UI-Components-TextField--disabled):not(.Analytics-UI-Components-TextField--error):not(.Analytics-UI-Components-TextField--readOnly)>.Analytics-UI-Components-TextField__Input:hover:not(:focus-visible))~.Analytics-UI-Components-TextField__Backdrop {
    border-color: var(--p-color-input-border-hover);
    background-color: var(--p-color-input-bg-surface-hover)
}

.Analytics-UI-Components-TextField--multiline {
    padding: 0;
    flex-wrap: wrap
}

.Analytics-UI-Components-TextField--multiline>.Analytics-UI-Components-TextField__Input {
    overflow: auto;
    padding-left: var(--p-space-300);
    padding-right: var(--p-space-300);
    resize: none
}

.Analytics-UI-Components-TextField--hasValue {
    color: var(--p-color-text)
}

.Analytics-UI-Components-TextField--focus>.Analytics-UI-Components-TextField__Input,.Analytics-UI-Components-TextField--focus>.Analytics-UI-Components-TextField__VerticalContent,.Analytics-UI-Components-TextField--focus>.Analytics-UI-Components-TextField__InputAndSuffixWrapper,.Analytics-UI-Components-TextField:focus-within>.Analytics-UI-Components-TextField__Input,.Analytics-UI-Components-TextField__Input:focus-visible {
    outline: none
}

:is(:is(.Analytics-UI-Components-TextField--focus>.Analytics-UI-Components-TextField__Input,.Analytics-UI-Components-TextField--focus>.Analytics-UI-Components-TextField__VerticalContent,.Analytics-UI-Components-TextField--focus>.Analytics-UI-Components-TextField__InputAndSuffixWrapper,.Analytics-UI-Components-TextField:focus-within>.Analytics-UI-Components-TextField__Input,.Analytics-UI-Components-TextField__Input:focus-visible)~.Analytics-UI-Components-TextField__Backdrop):after {
    content: none
}

:is(.Analytics-UI-Components-TextField--focus>.Analytics-UI-Components-TextField__Input,.Analytics-UI-Components-TextField--focus>.Analytics-UI-Components-TextField__VerticalContent,.Analytics-UI-Components-TextField--focus>.Analytics-UI-Components-TextField__InputAndSuffixWrapper,.Analytics-UI-Components-TextField:focus-within>.Analytics-UI-Components-TextField__Input,.Analytics-UI-Components-TextField__Input:focus-visible)~.Analytics-UI-Components-TextField__Backdrop {
    border-width: var(--p-border-width-050);
    border-color: var(--p-color-border-focus)
}

@media (hover) and (pointer: fine),(min-width: 48em) {
    :is(.Analytics-UI-Components-TextField--focus>.Analytics-UI-Components-TextField__Input,.Analytics-UI-Components-TextField--focus>.Analytics-UI-Components-TextField__VerticalContent,.Analytics-UI-Components-TextField--focus>.Analytics-UI-Components-TextField__InputAndSuffixWrapper,.Analytics-UI-Components-TextField:focus-within>.Analytics-UI-Components-TextField__Input,.Analytics-UI-Components-TextField__Input:focus-visible)~.Analytics-UI-Components-TextField__Backdrop {
        border-color:var(--p-color-input-border-active);
        border-width: var(--p-border-width-025);
        background-color: var(--p-color-input-bg-surface-active);
        outline: var(--p-border-width-050) solid var(--p-color-border-focus);
        outline-offset: var(--p-space-025)
    }
}

.Analytics-UI-Components-TextField--error .Analytics-UI-Components-TextField__Backdrop,.Analytics-UI-Components-TextField--error .Analytics-UI-Components-TextField__Input:active~.Analytics-UI-Components-TextField__Backdrop,.Analytics-UI-Components-TextField--error .Analytics-UI-Components-TextField__Input:focus-visible~.Analytics-UI-Components-TextField__Backdrop {
    border-width: var(--p-border-width-050)
}

@media (hover) and (pointer: fine),(min-width: 48em) {
    .Analytics-UI-Components-TextField--error .Analytics-UI-Components-TextField__Backdrop,.Analytics-UI-Components-TextField--error .Analytics-UI-Components-TextField__Input:active~.Analytics-UI-Components-TextField__Backdrop,.Analytics-UI-Components-TextField--error .Analytics-UI-Components-TextField__Input:focus-visible~.Analytics-UI-Components-TextField__Backdrop {
        border-width:var(--p-border-width-025)
    }
}

.Analytics-UI-Components-TextField--error .Analytics-UI-Components-TextField__Input:hover~.Analytics-UI-Components-TextField__Backdrop {
    border-color: var(--p-color-border-critical-secondary)
}

@media (hover) and (pointer: fine),(min-width: 48em) {
    .Analytics-UI-Components-TextField--error .Analytics-UI-Components-TextField__Input:hover~.Analytics-UI-Components-TextField__Backdrop {
        background-color:var(--p-color-bg-surface-critical)
    }
}

.Analytics-UI-Components-TextField--error .Analytics-UI-Components-TextField__Input:focus-visible~.Analytics-UI-Components-TextField__Backdrop {
    border-color: var(--p-color-border-focus)
}

@media (hover) and (pointer: fine),(min-width: 48em) {
    .Analytics-UI-Components-TextField--error .Analytics-UI-Components-TextField__Input:focus-visible~.Analytics-UI-Components-TextField__Backdrop {
        border-color:var(--p-color-border-critical-secondary);
        background-color: var(--p-color-bg-surface-critical)
    }
}

@media (hover) and (pointer: fine),(min-width: 48em) {
    .Analytics-UI-Components-TextField--error>.Analytics-UI-Components-TextField__Input~.Analytics-UI-Components-TextField__Backdrop,.Analytics-UI-Components-TextField--error>.Analytics-UI-Components-TextField__InputAndSuffixWrapper~.Analytics-UI-Components-TextField__Backdrop {
        background-color:var(--p-color-bg-surface-critical)
    }
}

.Analytics-UI-Components-TextField--error>.Analytics-UI-Components-TextField__Input~.Analytics-UI-Components-TextField__Backdrop,.Analytics-UI-Components-TextField--error>.Analytics-UI-Components-TextField__InputAndSuffixWrapper~.Analytics-UI-Components-TextField__Backdrop {
    border-color: var(--p-color-border-critical-secondary)
}

:is(.Analytics-UI-Components-TextField--error>.Analytics-UI-Components-TextField__Input~.Analytics-UI-Components-TextField__Backdrop,.Analytics-UI-Components-TextField--error>.Analytics-UI-Components-TextField__InputAndSuffixWrapper~.Analytics-UI-Components-TextField__Backdrop):after {
    border-color: var(--p-color-border-focus)
}

.Analytics-UI-Components-TextField--readOnly.Analytics-UI-Components-TextField--readOnly>.Analytics-UI-Components-TextField__Input {
    color: var(--p-color-text-secondary)
}

.Analytics-UI-Components-TextField--readOnly.Analytics-UI-Components-TextField--readOnly>.Analytics-UI-Components-TextField__Backdrop {
    background-color: var(--p-color-bg-surface-disabled);
    border-color: transparent
}

.Analytics-UI-Components-TextField--readOnly.Analytics-UI-Components-TextField--readOnly.Analytics-UI-Components-TextField--focus>.Analytics-UI-Components-TextField__Backdrop {
    background-color: var(--p-color-bg-surface-disabled);
    border-color: transparent
}

.Analytics-UI-Components-TextField--toneMagic>.Analytics-UI-Components-TextField__Backdrop {
    background-color: var(--p-color-bg-surface-ai);
    border-color: var(--p-color-border-ai-secondary)
}

.Analytics-UI-Components-TextField--toneMagic .Analytics-UI-Components-TextField__Segment {
    background-color: var(--p-color-bg-fill-ai-secondary)
}

:is(.Analytics-UI-Components-TextField--toneMagic .Analytics-UI-Components-TextField__Segment):active {
    background: var(--p-color-bg-fill-ai-secondary-active)
}

@media (hover) and (pointer: fine),(min-width: 48em) {
    :is(.Analytics-UI-Components-TextField--toneMagic .Analytics-UI-Components-TextField__Segment):hover {
        background:var(--p-color-bg-fill-ai-secondary-hover)
    }

    :is(.Analytics-UI-Components-TextField--toneMagic .Analytics-UI-Components-TextField__Segment):active {
        background: var(--p-color-bg-fill-ai-secondary-active)
    }
}

.Analytics-UI-Components-TextField--toneMagic:not(.Analytics-UI-Components-TextField--disabled):not(.Analytics-UI-Components-TextField--error):not(.Analytics-UI-Components-TextField--readOnly) .Analytics-UI-Components-TextField__Prefix,.Analytics-UI-Components-TextField--toneMagic:not(.Analytics-UI-Components-TextField--disabled):not(.Analytics-UI-Components-TextField--error):not(.Analytics-UI-Components-TextField--readOnly) .Analytics-UI-Components-TextField__Suffix,.Analytics-UI-Components-TextField--toneMagic:not(.Analytics-UI-Components-TextField--disabled):not(.Analytics-UI-Components-TextField--error):not(.Analytics-UI-Components-TextField--readOnly) .Analytics-UI-Components-TextField__CharacterCount {
    color: var(--p-color-text-ai-secondary)
}

.Analytics-UI-Components-TextField--toneMagic:not(.Analytics-UI-Components-TextField--disabled):not(.Analytics-UI-Components-TextField--error):not(.Analytics-UI-Components-TextField--readOnly) s-internal-icon,.Analytics-UI-Components-TextField--toneMagic:not(.Analytics-UI-Components-TextField--disabled):not(.Analytics-UI-Components-TextField--error):not(.Analytics-UI-Components-TextField--readOnly) svg {
    color: var(--p-color-icon-ai)
}

.Analytics-UI-Components-TextField--toneMagic:not(.Analytics-UI-Components-TextField--disabled):not(.Analytics-UI-Components-TextField--error):not(.Analytics-UI-Components-TextField--readOnly)>.Analytics-UI-Components-TextField__Input {
    color: var(--p-color-text-ai)
}

:is(.Analytics-UI-Components-TextField--toneMagic:not(.Analytics-UI-Components-TextField--disabled):not(.Analytics-UI-Components-TextField--error):not(.Analytics-UI-Components-TextField--readOnly)>.Analytics-UI-Components-TextField__Input:hover:not(:focus-visible))~.Analytics-UI-Components-TextField__Backdrop {
    background-color: var(--p-color-bg-surface-ai-hover);
    border-color: var(--p-color-border-ai-secondary-hover)
}

.Analytics-UI-Components-TextField--toneMagic:not(.Analytics-UI-Components-TextField--disabled):not(.Analytics-UI-Components-TextField--error):not(.Analytics-UI-Components-TextField--readOnly)>.Analytics-UI-Components-TextField__Input:focus-visible~.Analytics-UI-Components-TextField__Backdrop,.Analytics-UI-Components-TextField--toneMagic.Analytics-UI-Components-TextField--focus:not(.Analytics-UI-Components-TextField--disabled):not(.Analytics-UI-Components-TextField--error):not(.Analytics-UI-Components-TextField--readOnly)>.Analytics-UI-Components-TextField__VerticalContent~.Analytics-UI-Components-TextField__Backdrop {
    background-color: var(--p-color-bg-surface-ai)
}

.Analytics-UI-Components-TextField--disabled {
    color: var(--p-color-text-disabled);
    cursor: initial
}

.Analytics-UI-Components-TextField--disabled>.Analytics-UI-Components-TextField__Backdrop {
    border: none;
    background-color: var(--p-color-bg-surface-disabled)
}

.Analytics-UI-Components-TextField--disabled s-internal-icon,.Analytics-UI-Components-TextField--disabled svg {
    color: var(--p-color-icon-disabled)
}

.Analytics-UI-Components-TextField__InputAndSuffixWrapper {
    display: flex;
    align-items: center;
    flex: 1 1;
    width: 100%
}

.Analytics-UI-Components-TextField__AutoSizeWrapper {
    position: relative;
    display: inline-grid;
    align-items: center
}

.Analytics-UI-Components-TextField__AutoSizeWrapper:after {
    content: attr(data-auto-size-value);
    visibility: hidden;
    white-space: pre-wrap;
    max-height: var(--pg-control-height)
}

.Analytics-UI-Components-TextField__AutoSizeWrapper:after,.Analytics-UI-Components-TextField__AutoSizeWrapper input,.Analytics-UI-Components-TextField__AutoSizeWrapper textarea {
    width: auto;
    min-width: 1em;
    grid-area: 1 / 2;
    padding-inline:var(--p-space-300);font-size: var(--p-font-size-400);
    font-weight: var(--p-font-weight-regular);
    line-height: var(--p-font-line-height-600)
}

@media (hover) and (pointer: fine),(min-width: 48em) {
    .Analytics-UI-Components-TextField__AutoSizeWrapper:after,.Analytics-UI-Components-TextField__AutoSizeWrapper input,.Analytics-UI-Components-TextField__AutoSizeWrapper textarea {
        font-size:var(--p-font-size-325);
        line-height: var(--p-font-line-height-500)
    }
}

@supports (field-sizing: content) {
    .Analytics-UI-Components-TextField__AutoSizeWrapper: after,.Analytics-UI-Components-TextField__AutoSizeWrapper input,.Analytics-UI-Components-TextField__AutoSizeWrapper textarea {
        field-sizing:content
    }
}

.Analytics-UI-Components-TextField--hasLgStepper {
    flex-wrap: wrap;
    gap: var(--space-100)
}

.Analytics-UI-Components-TextField--hasLgStepper input {
    min-width: 3ch;
    padding-right: 0
}

:is(.Analytics-UI-Components-TextField__Prefix+.Analytics-UI-Components-TextField__InputAndSuffixWrapper) .Analytics-UI-Components-TextField__AutoSizeWrapper:after,:is(.Analytics-UI-Components-TextField__Prefix+.Analytics-UI-Components-TextField__InputAndSuffixWrapper) input,:is(.Analytics-UI-Components-TextField__Prefix+.Analytics-UI-Components-TextField__InputAndSuffixWrapper) textarea {
    padding-left: 0
}

.Analytics-UI-Components-TextField__AutoSizeWrapperWithSuffix:after,.Analytics-UI-Components-TextField__AutoSizeWrapperWithSuffix input,.Analytics-UI-Components-TextField__AutoSizeWrapperWithSuffix textarea {
    padding-right: 0
}

.Analytics-UI-Components-TextField__Input {
    font-size: var(--p-font-size-400);
    font-weight: var(--p-font-weight-regular);
    line-height: var(--p-font-line-height-600);
    letter-spacing: initial;
    position: relative;
    z-index: var(--pc-text-field-contents)
}

@media (hover) and (pointer: fine),(min-width: 48em) {
    .Analytics-UI-Components-TextField__Input {
        display:flex
    }
}

.Analytics-UI-Components-TextField__Input {
    flex: 1 1;
    width: 100%;
    min-width: 0;
    min-height: var(--pg-control-height);
    padding: var(--p-space-150) var(--p-space-300);
    background: none;
    border: none;
    font-family: var(--p-font-family-sans);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    caret-color: var(--p-color-border-focus);
    color: var(--p-color-text);
    align-items: center
}

@media (hover) and (pointer: fine),(min-width: 48em) {
    .Analytics-UI-Components-TextField__Input {
        font-size:var(--p-font-size-325);
        line-height: var(--p-font-line-height-500);
        caret-color: var(--p-color-text)
    }
}

.Analytics-UI-Components-TextField__Prefix+.Analytics-UI-Components-TextField__Input {
    padding-left: 0
}

.Analytics-UI-Components-TextField__Input:disabled {
    opacity: 1;
    background: none;
    color: var(--p-color-text-disabled);
    -webkit-text-fill-color: var(--p-color-text-disabled)
}

.Analytics-UI-Components-TextField__Input:invalid {
    box-shadow: none
}

.Analytics-UI-Components-TextField__Input::placeholder {
    color: var(--p-color-text-secondary)
}

.Analytics-UI-Components-TextField__Input[type=number] {
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    appearance: textfield
}

.Analytics-UI-Components-TextField__Input[type=number]::-webkit-outer-spin-button,.Analytics-UI-Components-TextField__Input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0
}

.Analytics-UI-Components-TextField__Input:-webkit-autofill {
    border-radius: var(--p-border-radius-100)
}

.Analytics-UI-Components-TextField__Input.Analytics-UI-Components-TextField--suggestion::selection {
    color: var(--p-color-text-disabled);
    background: transparent
}

.Analytics-UI-Components-TextField__Input.Analytics-UI-Components-TextField--compact {
    font-size: var(--p-font-size-300);
    padding-inline:var(--p-space-150)}

.Analytics-UI-Components-TextField--labelInsidePlaceholder .Analytics-UI-Components-TextField__Input {
    padding-block: 1.1875rem
}

@media (pointer: coarse) and (max-width: 47.9975em) {
    .Analytics-UI-Components-TextField__Input,.Analytics-UI-Components-TextField__Backdrop {
        padding-block:var(--pc-text-field-sm-screen-no-label-spacing)
    }
}

.Analytics-UI-Components-TextField--multiline:is(.Analytics-UI-Components-TextField--labelInside,.Analytics-UI-Components-TextField--labelInside.Analytics-UI-Components-TextField--slim) {
    padding-block-start:var(--pc-text-field-sm-screen-label-spacing)}

.Analytics-UI-Components-TextField--multiline: is(.Analytics-UI-Components-TextField--labelInside,.Analytics-UI-Components-TextField--labelInside.Analytics-UI-Components-TextField--slim) .Analytics-UI-Components-TextField__Input {
                                                                                                                                                                                               padding-block-start:0
                                                                                                                                                                                           }

:is(.Analytics-UI-Components-TextField--labelInside,.Analytics-UI-Components-TextField--labelInside.Analytics-UI-Components-TextField--slim) .Analytics-UI-Components-TextField__Input,:is(.Analytics-UI-Components-TextField--labelInside,.Analytics-UI-Components-TextField--labelInside.Analytics-UI-Components-TextField--slim) .Analytics-UI-Components-TextField__Prefix,:is(.Analytics-UI-Components-TextField--labelInside,.Analytics-UI-Components-TextField--labelInside.Analytics-UI-Components-TextField--slim) .Analytics-UI-Components-TextField__Suffix {
    padding-block-start:var(--pc-text-field-sm-screen-label-spacing);padding-block-end: var(--pc-text-field-sm-screen-no-label-spacing)
}

@media (pointer: coarse) and (max-width: 30.6225em) {
    .Analytics-UI-Components-TextField--centeredSuffix .Analytics-UI-Components-TextField__Suffix {
        padding-block:var(--pc-text-field-sm-screen-no-label-spacing)
    }
}

.Analytics-UI-Components-TextField--borderless .Analytics-UI-Components-TextField__Input,.Analytics-UI-Components-TextField--borderless .Analytics-UI-Components-TextField__Backdrop {
    border: none;
    min-height: var(--p-space-800)
}

.Analytics-UI-Components-TextField--borderless:focus-within .Analytics-UI-Components-TextField__Backdrop {
    border: var(--p-border-width-050) solid var(--p-color-border-focus)
}

@media (hover) and (pointer: fine),(min-width: 48em) {
    .Analytics-UI-Components-TextField--borderless:focus-within .Analytics-UI-Components-TextField__Backdrop {
        border:none
    }
}

.Analytics-UI-Components-TextField--slim .Analytics-UI-Components-TextField__Input,.Analytics-UI-Components-TextField--slim .Analytics-UI-Components-TextField__Backdrop {
    min-height: 1.75rem;
    padding-block:var(--p-space-050)}

.Analytics-UI-Components-TextField--slim.Analytics-UI-Components-TextField--borderless.Analytics-UI-Components-TextField--slim.Analytics-UI-Components-TextField--borderless .Analytics-UI-Components-TextField__Input,.Analytics-UI-Components-TextField--slim.Analytics-UI-Components-TextField--borderless.Analytics-UI-Components-TextField--slim.Analytics-UI-Components-TextField--borderless .Analytics-UI-Components-TextField__Backdrop {
    outline-offset: 0
}

.Analytics-UI-Components-TextField__Input--hasClearButton[type=search]::-webkit-search-cancel-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.Analytics-UI-Components-TextField__Input--suffixed {
    padding-right: 0
}

.Analytics-UI-Components-TextField__Input--alignRight {
    text-align: right
}

.Analytics-UI-Components-TextField__Input--alignLeft {
    text-align: left
}

.Analytics-UI-Components-TextField__Input--alignCenter {
    text-align: center
}

.Analytics-UI-Components-TextField__Input--autoSize {
    flex: initial;
    width: auto
}

.Analytics-UI-Components-TextField__Backdrop {
    position: relative
}

.Analytics-UI-Components-TextField__Backdrop:after {
    content: "";
    position: absolute;
    z-index: 1;
    top: -.125rem;
    right: -.125rem;
    bottom: -.125rem;
    left: -.125rem;
    display: block;
    pointer-events: none;
    box-shadow: 0 0 0 -.125rem var(--p-color-border-focus);
    border-radius: var(--p-border-radius-100)
}

.Analytics-UI-Components-TextField__Backdrop {
    position: absolute;
    z-index: var(--pc-text-field-backdrop);
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: var(--p-color-input-bg-surface);
    border-width: var(--p-border-width-025);
    border-style: solid;
    border-color: var(--p-color-input-border)
}

@media (hover) and (pointer: fine),(min-width: 48em) {
    .Analytics-UI-Components-TextField__Backdrop {
        border-width:var(--p-border-width-0165)
    }
}

.Analytics-UI-Components-TextField__Backdrop {
    border-radius: var(--p-border-radius-300);
    pointer-events: none
}

@media (hover) and (pointer: fine),(min-width: 48em) {
    .Analytics-UI-Components-TextField__Backdrop {
        border-radius:var(--p-border-radius-200)
    }
}

.Analytics-UI-Components-TextField__Prefix,.Analytics-UI-Components-TextField__Suffix {
    position: relative;
    z-index: var(--pc-text-field-contents);
    display: flex;
    align-items: center;
    flex: 0 0 auto;
    color: var(--p-color-text-secondary);
    -webkit-user-select: none;
    user-select: none
}

.Analytics-UI-Components-TextField__StepperSuffix {
    color: var(--p-color-text);
    font-size: var(--p-font-size-400);
    font-weight: var(--p-font-weight-regular);
    line-height: var(--p-font-line-height-600)
}

.Analytics-UI-Components-TextField__Prefix {
    margin-left: var(--p-space-300);
    margin-right: var(--p-space-150)
}

@media (hover) and (pointer: fine),(min-width: 48em) {
    .Analytics-UI-Components-TextField__Prefix {
        font-size:var(--p-font-size-325)
    }
}

.Analytics-UI-Components-TextField__PrefixIcon {
    margin-left: var(--p-space-200);
    margin-right: var(--p-space-100)
}

.Analytics-UI-Components-TextField__Suffix {
    margin-left: var(--p-space-100);
    margin-right: var(--p-space-300)
}

@media (hover) and (pointer: fine),(min-width: 48em) {
    .Analytics-UI-Components-TextField__Suffix {
        font-size:var(--p-font-size-325)
    }
}

.Analytics-UI-Components-TextField__VerticalContent {
    position: relative;
    z-index: var(--pc-text-field-contents);
    color: var(--p-color-text-secondary);
    padding: var(--p-space-200) var(--p-space-200) 0 var(--p-space-200);
    max-height: 8.75rem;
    overflow: auto;
    border: var(--p-border-width-025) solid transparent;
    width: 100%
}

.Analytics-UI-Components-TextField__VerticalContent>.Analytics-UI-Components-TextField__Input {
    padding-left: 0;
    padding-right: 0
}

@media (min-width: 30.625em) {
    .Analytics-UI-Components-TextField__VerticalContent {
        max-height:20.5rem
    }
}

.Analytics-UI-Components-TextField__Loading {
    z-index: var(--pc-text-field-contents);
    margin-right: var(--p-space-300)
}

.Analytics-UI-Components-TextField__Loading svg {
    display: block
}

.Analytics-UI-Components-TextField__CharacterCount {
    color: var(--p-color-text-secondary);
    z-index: var(--pc-text-field-contents);
    margin: 0 var(--p-space-300) 0 var(--p-space-100);
    pointer-events: none;
    text-align: right
}

.Analytics-UI-Components-TextField__AlignFieldBottom {
    align-self: flex-end;
    width: 100%;
    padding-bottom: var(--p-space-200)
}

.Analytics-UI-Components-TextField__ClearButton {
    position: relative
}

.Analytics-UI-Components-TextField__ClearButton:after {
    content: "";
    position: absolute;
    z-index: 1;
    top: -.0625rem;
    right: -.0625rem;
    bottom: -.0625rem;
    left: -.0625rem;
    display: block;
    pointer-events: none;
    box-shadow: 0 0 0 -.0625rem var(--p-color-border-focus);
    border-radius: var(--p-border-radius-100)
}

.Analytics-UI-Components-TextField__ClearButton {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0;
    padding: 0;
    background: none;
    border: none;
    font-size: inherit;
    line-height: inherit;
    color: inherit;
    cursor: pointer
}

.Analytics-UI-Components-TextField__ClearButton:focus {
    outline: none
}

.Analytics-UI-Components-TextField__ClearButton {
    z-index: var(--pc-text-field-contents);
    margin: 0 var(--p-space-300) 0 var(--p-space-100);
    transition: visibility var(--p-motion-duration-100) var(--p-motion-ease-out),opacity var(--p-motion-duration-100) var(--p-motion-ease-out)
}

.Analytics-UI-Components-TextField__ClearButton:focus-visible:enabled:after {
    box-shadow: 0 0 0 .125rem var(--p-color-border-focus);
    outline: var(--p-border-width-025) solid transparent
}

.Analytics-UI-Components-TextField__ClearButton:disabled {
    cursor: default
}

.Analytics-UI-Components-TextField__Stepper {
    z-index: var(--pc-text-field-contents);
    padding-block:var(--p-space-100);padding-inline: var(--p-space-100);
    color: var(--p-color-icon);
    visibility: visible;
    display: flex;
    align-self: stretch;
    cursor: pointer;
    flex-direction: row-reverse;
    justify-content: center;
    align-items: center;
    gap: var(--p-space-100)
}

@media (hover) and (pointer: fine),(min-width: 48em) {
    .Analytics-UI-Components-TextField__Stepper {
        z-index:var(--pc-text-field-contents);
        margin: var(--p-space-100);
        padding: 0;
        color: var(--p-color-icon);
        display: flex;
        visibility: hidden;
        align-self: stretch;
        flex-direction: column;
        width: 1.375rem;
        cursor: pointer;
        gap: 0;
        justify-content: center
    }

    .Analytics-UI-Components-TextField--focus .Analytics-UI-Components-TextField__Stepper,.Analytics-UI-Components-TextField:hover .Analytics-UI-Components-TextField__Stepper {
        visibility: visible
    }
}

.Analytics-UI-Components-TextField__StepperWithLabelInside {
    padding-inline-start:var(--p-space-100);padding-inline-end: var(--p-space-200)
}

.Analytics-UI-Components-TextField__StepperIcon {
    position: absolute;
    pointer-events: none;
    -webkit-user-select: none;
    user-select: none
}

.Analytics-UI-Components-TextField__StepperIcon s-internal-icon,.Analytics-UI-Components-TextField__StepperIcon svg {
    color: var(--p-color-icon)
}

.Analytics-UI-Components-TextField__Resizer {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 0;
    visibility: hidden;
    overflow: hidden
}

.Analytics-UI-Components-TextField__DummyInput {
    font-size: var(--p-font-size-400);
    font-weight: var(--p-font-weight-regular);
    line-height: var(--p-font-line-height-600);
    border: none;
    letter-spacing: initial
}

@media (min-width: 48em) {
    .Analytics-UI-Components-TextField__DummyInput {
        font-size:var(--p-font-size-325);
        line-height: var(--p-font-line-height-500)
    }
}

.Analytics-UI-Components-TextField__DummyInput {
    padding: var(--pg-control-vertical-padding) var(--p-space-300);
    word-wrap: break-word;
    word-break: break-word;
    overflow-wrap: break-word;
    white-space: pre-wrap
}

.Analytics-UI-Components-TextField__Segment {
    background: var(--p-color-bg-fill-secondary);
    border-radius: var(--p-border-radius-200);
    display: flex;
    flex: 1 1;
    justify-content: center;
    align-items: center;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    width: 2.25rem;
    height: 2.25rem
}

@media (hover) and (pointer: fine),(min-width: 48em) {
    .Analytics-UI-Components-TextField__Segment {
        background:var(--p-color-bg-fill-tertiary);
        border-radius: var(--p-border-radius-100);
        width: inherit;
        height: auto
    }
}

.Analytics-UI-Components-TextField__Segment:focus {
    outline: none
}

.Analytics-UI-Components-TextField__Segment:active {
    background: var(--p-color-bg-fill-secondary-active)
}

@media (hover) and (pointer: fine),(min-width: 48em) {
    .Analytics-UI-Components-TextField__Segment:hover {
        background:var(--p-color-bg-fill-tertiary-hover)
    }

    .Analytics-UI-Components-TextField__Segment:active {
        background: var(--p-color-bg-fill-tertiary-active)
    }

    .Analytics-UI-Components-TextField__Segment:first-child {
        margin-bottom: 0;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0
    }

    .Analytics-UI-Components-TextField__Segment:last-child {
        border-top-left-radius: 0;
        border-top-right-radius: 0
    }

    .Analytics-UI-Components-TextField__Segment:not(:first-child) {
        margin-top: 0
    }
}

.Analytics-UI-Components-TextField--segmentWithLabelInside {
    width: 2.5rem;
    height: 2.5rem
}

.Analytics-UI-Components-TextField--disabledStepperButton {
    background: var(--p-color-bg-fill-disabled);
    color: var(--p-color-text-disabled);
    -webkit-user-select: none;
    user-select: none;
    pointer-events: none
}

.Analytics-UI-Components-TextField--monospaced {
    font-family: var(--p-font-family-mono)
}

.Analytics-UI-Components-Select {
    --pc-select-backdrop: 10;
    --pc-select-content: 20;
    --pc-select-input: 30;
    --pc-select-sm-scrn-spacing: .625rem;
    position: relative
}

.Analytics-UI-Components-Select select::-ms-expand {
    display: none
}

.Analytics-UI-Components-Select:not(.Analytics-UI-Components-Select--disabled):not(.Analytics-UI-Components-Select--error):hover .Analytics-UI-Components-Select__Backdrop {
    border-color: var(--p-color-input-border-hover);
    background-color: var(--p-color-input-bg-surface-hover)
}

.Analytics-UI-Components-Select:not(.Analytics-UI-Components-Select--disabled):not(.Analytics-UI-Components-Select--error) .Analytics-UI-Components-Select__Input:active~.Analytics-UI-Components-Select__Backdrop {
    border: none
}

@media (hover) and (pointer: fine),(min-width: 48em) {
    .Analytics-UI-Components-Select:not(.Analytics-UI-Components-Select--disabled):not(.Analytics-UI-Components-Select--error) .Analytics-UI-Components-Select__Input:active~.Analytics-UI-Components-Select__Backdrop {
        box-shadow:var(--p-shadow-inset-200)
    }
}

.Analytics-UI-Components-Select:not(.Analytics-UI-Components-Select--disabled):not(.Analytics-UI-Components-Select--error) .Analytics-UI-Components-Select__Input:active~.Analytics-UI-Components-Select__Backdrop {
    background-color: var(--p-color-input-bg-surface-active)
}

.Analytics-UI-Components-Select--disabled .Analytics-UI-Components-Select__Content {
    color: var(--p-color-text-disabled)
}

.Analytics-UI-Components-Select--disabled .Analytics-UI-Components-Select__InlineLabel {
    color: inherit
}

.Analytics-UI-Components-Select--disabled .Analytics-UI-Components-Select__Icon {
    color: var(--p-color-icon-disabled)
}

.Analytics-UI-Components-Select--disabled .Analytics-UI-Components-Select__Backdrop {
    border-color: var(--p-color-border-disabled);
    background-color: var(--p-color-bg-surface-disabled)
}

:is(.Analytics-UI-Components-Select--disabled .Analytics-UI-Components-Select__Backdrop):before {
    background-color: var(--p-color-input-bg-surface)
}

:is(.Analytics-UI-Components-Select--disabled .Analytics-UI-Components-Select__Backdrop):hover {
    cursor: default
}

.Analytics-UI-Components-Select__Content {
    font-size: var(--p-font-size-400);
    font-weight: var(--p-font-weight-regular);
    line-height: var(--p-font-line-height-600);
    border: none;
    letter-spacing: initial
}

@media (min-width: 48em) {
    .Analytics-UI-Components-Select__Content {
        font-size:var(--p-font-size-325);
        line-height: var(--p-font-line-height-500)
    }
}

.Analytics-UI-Components-Select__Content {
    position: relative;
    z-index: var(--pc-select-content);
    display: flex;
    align-items: center;
    width: 100%;
    min-height: var(--pg-control-height);
    padding: var(--p-space-150) var(--p-space-200) var(--p-space-150) var(--p-space-300);
    font-size: var(--p-font-size-400);
    line-height: var(--p-font-line-height-600)
}

@media (hover) and (pointer: fine),(min-width: 48em) {
    .Analytics-UI-Components-Select__Content {
        line-height:var(--p-font-line-height-500);
        font-size: var(--p-font-size-325)
    }
}

@media (pointer: coarse) and (max-width: 47.9975em) {
    .Analytics-UI-Components-Select__Content div>span {
        font-size:var(--p-font-size-400);
        line-height: var(--p-font-line-height-500)
    }
}

@media (pointer: coarse) and (max-width: 47.9975em) {
    .Analytics-UI-Components-Select__Content.Analytics-UI-Components-Select--notLabelInside {
        padding-block:var(--pc-select-sm-scrn-spacing)
    }
}

.Analytics-UI-Components-Select__Content.Analytics-UI-Components-Select--compactContent {
    font-size: var(--p-font-size-300);
    line-height: var(--p-font-line-height-400);
    padding-inline:var(--p-space-150)}

.Analytics-UI-Components-Select__SelectedOption {
    flex: 1 1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.Analytics-UI-Components-Select--labelInside .Analytics-UI-Components-Select__SelectedOption,.Analytics-UI-Components-Select--labelInside .Analytics-UI-Components-Select__Prefix {
    padding-block-start:calc(var(--p-space-150) + var(--p-space-400));padding-block-end: var(--p-space-100)
}

.Analytics-UI-Components-Select__Prefix {
    display: flex;
    align-items: center;
    padding-right: var(--p-space-100)
}

.Analytics-UI-Components-Select__Icon {
    display: inline-flex;
    align-items: center;
    color: var(--p-color-icon-secondary)
}

.Analytics-UI-Components-Select__Input {
    font-size: var(--p-font-size-400);
    font-weight: var(--p-font-weight-regular);
    line-height: var(--p-font-line-height-600);
    font-family: var(--p-font-family-sans);
    letter-spacing: initial;
    position: absolute;
    text-rendering: auto;
    top: 0;
    left: 0;
    z-index: var(--pc-select-input);
    width: 100%;
    height: 100%;
    margin: 0;
    opacity: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    padding: var(--p-space-150) var(--p-space-200) var(--p-space-150) var(--p-space-300)
}

@media (hover) and (pointer: fine),(min-width: 48em) {
    .Analytics-UI-Components-Select__Input {
        font-size:var(--p-font-size-325);
        line-height: var(--p-font-line-height-500)
    }
}

@media (pointer: coarse) and (max-width: 47.9975em) {
    .Analytics-UI-Components-Select__Input {
        padding-block:var(--pc-select-sm-scrn-spacing)
    }
}

.Analytics-UI-Components-Select__Input.Analytics-UI-Components-Select--compactInput {
    font-size: var(--p-font-size-300)
}

.Analytics-UI-Components-Select__Backdrop {
    z-index: var(--pc-select-backdrop);
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border: var(--p-border-width-025) solid var(--p-color-input-border)
}

@media (hover) and (pointer: fine),(min-width: 48em) {
    .Analytics-UI-Components-Select__Backdrop {
        border:var(--p-border-width-0165) solid var(--p-color-input-border)
    }
}

.Analytics-UI-Components-Select__Backdrop {
    border-radius: var(--p-border-radius-300)
}

@media (hover) and (pointer: fine),(min-width: 48em) {
    .Analytics-UI-Components-Select__Backdrop {
        border-radius:var(--p-border-radius-200)
    }
}

.Analytics-UI-Components-Select__Backdrop {
    background-color: var(--p-color-input-bg-surface);
    position: absolute
}

@media (pointer: coarse) and (max-width: 47.9975em) {
    .Analytics-UI-Components-Select__Backdrop {
        padding-block:var(--pc-select-sm-scrn-spacing)
    }
}

.Analytics-UI-Components-Select--error .Analytics-UI-Components-Select__Backdrop {
    border-color: var(--p-color-border-critical-secondary)
}

@media (hover) and (pointer: fine),(min-width: 48em) {
    .Analytics-UI-Components-Select--error .Analytics-UI-Components-Select__Backdrop {
        background-color:var(--p-color-bg-surface-critical)
    }
}

.Analytics-UI-Components-Select--error .Analytics-UI-Components-Select__Backdrop {
    border-width: var(--p-border-width-050)
}

@media (hover) and (pointer: fine),(min-width: 48em) {
    .Analytics-UI-Components-Select--error .Analytics-UI-Components-Select__Backdrop {
        border-width:var(--p-border-width-025)
    }
}

.Analytics-UI-Components-Select--hover:is(.Analytics-UI-Components-Select--error .Analytics-UI-Components-Select__Backdrop),:is(.Analytics-UI-Components-Select--error .Analytics-UI-Components-Select__Backdrop):hover {
    border-color: var(--p-color-border-critical)
}

.Analytics-UI-Components-Select--error .Analytics-UI-Components-Select__Input:focus-visible~.Analytics-UI-Components-Select__Backdrop {
    border-color: var(--p-color-border-critical-secondary);
    background-color: var(--p-color-bg-surface-critical);
    border-width: var(--p-border-width-050)
}

@media (hover) and (pointer: fine),(min-width: 48em) {
    .Analytics-UI-Components-Select--error .Analytics-UI-Components-Select__Input:focus-visible~.Analytics-UI-Components-Select__Backdrop {
        border-width:var(--p-border-width-025)
    }
}

.Analytics-UI-Components-Select__Input:focus-visible~.Analytics-UI-Components-Select__Backdrop {
    border-width: var(--p-border-width-050);
    border-color: var(--p-color-border-focus)
}

@media (hover) and (pointer: fine),(min-width: 48em) {
    .Analytics-UI-Components-Select__Input:focus-visible~.Analytics-UI-Components-Select__Backdrop {
        border-color:var(--p-color-input-border-active);
        border-width: var(--p-border-width-025);
        background-color: var(--p-color-input-bg-surface-active);
        outline: var(--p-border-width-050) solid var(--p-color-border-focus);
        outline-offset: var(--p-space-025)
    }
}

.Analytics-UI-Components-Select--toneMagic .Analytics-UI-Components-Select__Content {
    color: var(--p-color-text-ai)
}

.Analytics-UI-Components-Select--toneMagic .Analytics-UI-Components-Select__InlineLabel {
    color: inherit
}

.Analytics-UI-Components-Select--toneMagic .Analytics-UI-Components-Select__Backdrop {
    border-color: var(--p-color-border-ai-secondary);
    background-color: var(--p-color-bg-surface-ai)
}

.Analytics-UI-Components-Select--toneMagic .Analytics-UI-Components-Select__Icon svg {
    color: var(--p-color-icon-ai)
}

.Analytics-UI-Components-Select--toneMagic .Analytics-UI-Components-Select__Icon s-internal-icon {
    color: var(--p-color-icon-ai)
}

.Analytics-UI-Components-Select--toneMagic:not(.Analytics-UI-Components-Select--disabled):not(.Analytics-UI-Components-Select--error):not(:focus-within):hover .Analytics-UI-Components-Select__Backdrop {
    border-color: var(--p-color-border-ai-secondary-hover);
    background-color: var(--p-color-bg-surface-ai-hover)
}

:is(.Analytics-UI-Components-Select--toneMagic:not(.Analytics-UI-Components-Select--disabled):not(.Analytics-UI-Components-Select--error) .Analytics-UI-Components-Select__Input:focus-visible)~.Analytics-UI-Components-Select__Content {
    color: var(--p-color-text)
}

:is(:is(.Analytics-UI-Components-Select--toneMagic:not(.Analytics-UI-Components-Select--disabled):not(.Analytics-UI-Components-Select--error) .Analytics-UI-Components-Select__Input:focus-visible)~.Analytics-UI-Components-Select__Content) .Analytics-UI-Components-Select__Icon s-internal-icon,:is(:is(.Analytics-UI-Components-Select--toneMagic:not(.Analytics-UI-Components-Select--disabled):not(.Analytics-UI-Components-Select--error) .Analytics-UI-Components-Select__Input:focus-visible)~.Analytics-UI-Components-Select__Content) .Analytics-UI-Components-Select__Icon svg {
    color: var(--p-color-icon-secondary)
}

@media (-ms-high-contrast: active) {
    .Analytics-UI-Components-Select__Content {
        color: FieldText;
        -ms-high-contrast-adjust: none
    }

    .Analytics-UI-Components-Select__InlineLabel {
        color: inherit
    }

    .Analytics-UI-Components-Select__InlineLabel:after {
        content: ":"
    }

    .Analytics-UI-Components-Select__SelectedOption {
        color: inherit
    }

    .Analytics-UI-Components-Select__Icon s-internal-icon,.Analytics-UI-Components-Select__Icon svg {
        color: buttonText
    }

    .Analytics-UI-Components-Select__Backdrop:after {
        display: none
    }

    .Analytics-UI-Components-Select__Input:focus~.Analytics-UI-Components-Select__Content {
        color: highlightText
    }

    .Analytics-UI-Components-Select__Input:focus~.Analytics-UI-Components-Select__Backdrop {
        background-color: highlight
    }

    .Analytics-UI-Components-Select--disabled .Analytics-UI-Components-Select__Content {
        color: grayText
    }

    .Analytics-UI-Components-Select--disabled .Analytics-UI-Components-Select__Icon {
        opacity: 1
    }

    :is(.Analytics-UI-Components-Select--disabled .Analytics-UI-Components-Select__Icon) svg {
        color: grayText
    }

    :is(.Analytics-UI-Components-Select--disabled .Analytics-UI-Components-Select__Icon) s-internal-icon {
        color: grayText
    }
}

.Analytics-UI-Components-Choice {
    --pc-choice-space-0: 0rem;
    --pc-choice-bleed-block-start-xs: initial;
    --pc-choice-bleed-block-start-sm: initial;
    --pc-choice-bleed-block-start-md: initial;
    --pc-choice-bleed-block-start-lg: initial;
    --pc-choice-bleed-block-start-xl: initial;
    --pc-choice-bleed-block-start: var(--pc-choice-bleed-block-start-xs)
}

@media (min-width: 30.625em) {
    .Analytics-UI-Components-Choice {
        --pc-choice-bleed-block-start: var( --pc-choice-bleed-block-start-sm, var(--pc-choice-bleed-block-start-xs) )
    }
}

@media (min-width: 48em) {
    .Analytics-UI-Components-Choice {
        --pc-choice-bleed-block-start: var( --pc-choice-bleed-block-start-md, var( --pc-choice-bleed-block-start-sm, var(--pc-choice-bleed-block-start-xs) ) )
    }
}

@media (min-width: 65em) {
    .Analytics-UI-Components-Choice {
        --pc-choice-bleed-block-start: var( --pc-choice-bleed-block-start-lg, var( --pc-choice-bleed-block-start-md, var( --pc-choice-bleed-block-start-sm, var(--pc-choice-bleed-block-start-xs) ) ) )
    }
}

@media (min-width: 90em) {
    .Analytics-UI-Components-Choice {
        --pc-choice-bleed-block-start: var( --pc-choice-bleed-block-start-xl, var( --pc-choice-bleed-block-start-lg, var( --pc-choice-bleed-block-start-md, var( --pc-choice-bleed-block-start-sm, var(--pc-choice-bleed-block-start-xs) ) ) ) )
    }
}

.Analytics-UI-Components-Choice {
    --pc-choice-bleed-block-end-xs: initial;
    --pc-choice-bleed-block-end-sm: initial;
    --pc-choice-bleed-block-end-md: initial;
    --pc-choice-bleed-block-end-lg: initial;
    --pc-choice-bleed-block-end-xl: initial;
    --pc-choice-bleed-block-end: var(--pc-choice-bleed-block-end-xs)
}

@media (min-width: 30.625em) {
    .Analytics-UI-Components-Choice {
        --pc-choice-bleed-block-end: var( --pc-choice-bleed-block-end-sm, var(--pc-choice-bleed-block-end-xs) )
    }
}

@media (min-width: 48em) {
    .Analytics-UI-Components-Choice {
        --pc-choice-bleed-block-end: var( --pc-choice-bleed-block-end-md, var( --pc-choice-bleed-block-end-sm, var(--pc-choice-bleed-block-end-xs) ) )
    }
}

@media (min-width: 65em) {
    .Analytics-UI-Components-Choice {
        --pc-choice-bleed-block-end: var( --pc-choice-bleed-block-end-lg, var( --pc-choice-bleed-block-end-md, var( --pc-choice-bleed-block-end-sm, var(--pc-choice-bleed-block-end-xs) ) ) )
    }
}

@media (min-width: 90em) {
    .Analytics-UI-Components-Choice {
        --pc-choice-bleed-block-end: var( --pc-choice-bleed-block-end-xl, var( --pc-choice-bleed-block-end-lg, var( --pc-choice-bleed-block-end-md, var( --pc-choice-bleed-block-end-sm, var(--pc-choice-bleed-block-end-xs) ) ) ) )
    }
}

.Analytics-UI-Components-Choice {
    --pc-choice-bleed-inline-start-xs: initial;
    --pc-choice-bleed-inline-start-sm: initial;
    --pc-choice-bleed-inline-start-md: initial;
    --pc-choice-bleed-inline-start-lg: initial;
    --pc-choice-bleed-inline-start-xl: initial;
    --pc-choice-bleed-inline-start: var(--pc-choice-bleed-inline-start-xs)
}

@media (min-width: 30.625em) {
    .Analytics-UI-Components-Choice {
        --pc-choice-bleed-inline-start: var( --pc-choice-bleed-inline-start-sm, var(--pc-choice-bleed-inline-start-xs) )
    }
}

@media (min-width: 48em) {
    .Analytics-UI-Components-Choice {
        --pc-choice-bleed-inline-start: var( --pc-choice-bleed-inline-start-md, var( --pc-choice-bleed-inline-start-sm, var(--pc-choice-bleed-inline-start-xs) ) )
    }
}

@media (min-width: 65em) {
    .Analytics-UI-Components-Choice {
        --pc-choice-bleed-inline-start: var( --pc-choice-bleed-inline-start-lg, var( --pc-choice-bleed-inline-start-md, var( --pc-choice-bleed-inline-start-sm, var(--pc-choice-bleed-inline-start-xs) ) ) )
    }
}

@media (min-width: 90em) {
    .Analytics-UI-Components-Choice {
        --pc-choice-bleed-inline-start: var( --pc-choice-bleed-inline-start-xl, var( --pc-choice-bleed-inline-start-lg, var( --pc-choice-bleed-inline-start-md, var( --pc-choice-bleed-inline-start-sm, var(--pc-choice-bleed-inline-start-xs) ) ) ) )
    }
}

.Analytics-UI-Components-Choice {
    --pc-choice-bleed-inline-end-xs: initial;
    --pc-choice-bleed-inline-end-sm: initial;
    --pc-choice-bleed-inline-end-md: initial;
    --pc-choice-bleed-inline-end-lg: initial;
    --pc-choice-bleed-inline-end-xl: initial;
    --pc-choice-bleed-inline-end: var(--pc-choice-bleed-inline-end-xs)
}

@media (min-width: 30.625em) {
    .Analytics-UI-Components-Choice {
        --pc-choice-bleed-inline-end: var( --pc-choice-bleed-inline-end-sm, var(--pc-choice-bleed-inline-end-xs) )
    }
}

@media (min-width: 48em) {
    .Analytics-UI-Components-Choice {
        --pc-choice-bleed-inline-end: var( --pc-choice-bleed-inline-end-md, var( --pc-choice-bleed-inline-end-sm, var(--pc-choice-bleed-inline-end-xs) ) )
    }
}

@media (min-width: 65em) {
    .Analytics-UI-Components-Choice {
        --pc-choice-bleed-inline-end: var( --pc-choice-bleed-inline-end-lg, var( --pc-choice-bleed-inline-end-md, var( --pc-choice-bleed-inline-end-sm, var(--pc-choice-bleed-inline-end-xs) ) ) )
    }
}

@media (min-width: 90em) {
    .Analytics-UI-Components-Choice {
        --pc-choice-bleed-inline-end: var( --pc-choice-bleed-inline-end-xl, var( --pc-choice-bleed-inline-end-lg, var( --pc-choice-bleed-inline-end-md, var( --pc-choice-bleed-inline-end-sm, var(--pc-choice-bleed-inline-end-xs) ) ) ) )
    }
}

.Analytics-UI-Components-Choice {
    --pc-choice-fill-xs: initial;
    --pc-choice-fill-sm: initial;
    --pc-choice-fill-md: initial;
    --pc-choice-fill-lg: initial;
    --pc-choice-fill-xl: initial;
    --pc-choice-fill: var(--pc-choice-fill-xs)
}

@media (min-width: 30.625em) {
    .Analytics-UI-Components-Choice {
        --pc-choice-fill: var( --pc-choice-fill-sm, var(--pc-choice-fill-xs) )
    }
}

@media (min-width: 48em) {
    .Analytics-UI-Components-Choice {
        --pc-choice-fill: var( --pc-choice-fill-md, var( --pc-choice-fill-sm, var(--pc-choice-fill-xs) ) )
    }
}

@media (min-width: 65em) {
    .Analytics-UI-Components-Choice {
        --pc-choice-fill: var( --pc-choice-fill-lg, var( --pc-choice-fill-md, var( --pc-choice-fill-sm, var(--pc-choice-fill-xs) ) ) )
    }
}

@media (min-width: 90em) {
    .Analytics-UI-Components-Choice {
        --pc-choice-fill: var( --pc-choice-fill-xl, var( --pc-choice-fill-lg, var( --pc-choice-fill-md, var( --pc-choice-fill-sm, var(--pc-choice-fill-xs) ) ) ) )
    }
}

.Analytics-UI-Components-Choice {
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    cursor: pointer;
    padding-block-start:calc(var(--pc-choice-bleed-block-start, var(--pc-choice-space-0)) + var(--p-space-300));padding-block-end: calc(var(--pc-choice-bleed-block-end, var(--pc-choice-space-0)) + var(--p-space-300));
    padding-inline-start:var( --pc-choice-bleed-inline-start, var(--pc-choice-space-0) );padding-inline-end: var( --pc-choice-bleed-inline-end, var(--pc-choice-space-0) );
    margin-block-start:calc(var(--pc-choice-bleed-block-start, var(--pc-choice-space-0))*-1);margin-block-end: calc(var(--pc-choice-bleed-block-end, var(--pc-choice-space-0))*-1);
    margin-inline-start:calc(var(--pc-choice-bleed-inline-start, var(--pc-choice-space-0))*-1);margin-inline-end: calc(var(--pc-choice-bleed-inline-end, var(--pc-choice-space-0))*-1);
    inline-size: calc(var(--pc-choice-fill, auto) + var(--pc-choice-bleed-inline-start, var(--pc-choice-space-0)) + var(--pc-choice-bleed-inline-end, var(--pc-choice-space-0)));
    block-size: calc(var(--pc-choice-fill, auto) + var(--pc-choice-bleed-block-start, var(--pc-choice-space-0)) + var(--pc-choice-bleed-block-end, var(--pc-choice-space-0)))
}

@media (min-width: 48em),(hover) and (pointer: fine) {
    .Analytics-UI-Components-Choice {
        padding-block-start:calc(var(--pc-choice-bleed-block-start, var(--pc-choice-space-0)) + var(--p-space-100));
        padding-block-end:calc(var(--pc-choice-bleed-block-end, var(--pc-choice-space-0)) + var(--p-space-100))}
}

.Analytics-UI-Components-Choice__LabelContent {
    display: flex;
    align-items: flex-start
}

.Analytics-UI-Components-Choice--labelHidden {
    padding-block-start:var( --pc-choice-bleed-block-start, var(--pc-choice-space-0) );padding-block-end: var(--pc-choice-bleed-block-end, var(--pc-choice-space-0))
}

.Analytics-UI-Components-Choice--labelHidden .Analytics-UI-Components-Choice__Control {
    margin-top: 0;
    margin-right: 0
}

.Analytics-UI-Components-Choice--disabled {
    cursor: default
}

.Analytics-UI-Components-Choice--disabled .Analytics-UI-Components-Choice__Label {
    color: var(--p-color-text-disabled)
}

:is(.Analytics-UI-Components-Choice--disabled .Analytics-UI-Components-Choice__Label):hover {
    cursor: default
}

@media (-ms-high-contrast: active) {
    .Analytics-UI-Components-Choice--disabled .Analytics-UI-Components-Choice__Label {
        color: grayText
    }
}

.Analytics-UI-Components-Choice--toneMagic .Analytics-UI-Components-Choice__Label {
    color: var(--p-color-text-ai)
}

.Analytics-UI-Components-Choice--disabled+.Analytics-UI-Components-Choice__Descriptions {
    color: var(--p-color-text-disabled)
}

.Analytics-UI-Components-Choice__Control {
    --pc-choice-size: 1.25rem
}

@media (min-width: 48em),(hover) and (pointer: fine) {
    .Analytics-UI-Components-Choice__Control {
        --pc-choice-size:1.125rem
    }
}

.Analytics-UI-Components-Choice__Control {
    display: flex;
    flex: 0 0 auto;
    align-items: stretch;
    width: var(--pc-choice-size);
    height: var(--pc-choice-size);
    margin-right: var(--p-space-200)
}

.Analytics-UI-Components-Choice__Control>* {
    width: 100%
}

.Analytics-UI-Components-Choice:not(.Analytics-UI-Components-Choice--labelHidden) .Analytics-UI-Components-Choice__Control {
    transform: translateY(var(--p-space-050))
}

@media (hover) and (pointer: fine),(min-width: 48em) {
    .Analytics-UI-Components-Choice:not(.Analytics-UI-Components-Choice--labelHidden) .Analytics-UI-Components-Choice__Control {
        transform:translateY(var(--p-space-025))
    }
}

.Analytics-UI-Components-Choice__Label {
    -webkit-tap-highlight-color: transparent
}

.Analytics-UI-Components-Choice__Label:hover {
    cursor: pointer
}

.Analytics-UI-Components-Choice__Descriptions {
    --pc-choice-size: 1.25rem;
    margin-top: calc(var(--p-space-200)*-1);
    padding-left: calc(var(--p-space-200) + var(--pc-choice-size))
}

@media (min-width: 48em),(hover) and (pointer: fine) {
    .Analytics-UI-Components-Choice__Descriptions {
        --pc-choice-size:1.125rem;
        margin-top: 0
    }
}

.Analytics-UI-Components-Choice__HelpText {
    margin-bottom: var(--p-space-100)
}

.Analytics-UI-Components-Checkbox {
    position: relative
}

@media (min-width: 48em),(hover) and (pointer: fine) {
    .Analytics-UI-Components-Checkbox {
        margin:var(--p-space-025)
    }
}

.Analytics-UI-Components-Checkbox__ChoiceLabel .Analytics-UI-Components-Checkbox__Backdrop {
    border-width: 0;
    box-shadow: inset 0 0 0 var(--p-border-width-025) var(--p-color-input-border);
    transition: border-color var(--p-motion-duration-100) var(--p-motion-ease-out),border-width var(--p-motion-duration-100) var(--p-motion-ease-out),box-shadow var(--p-motion-duration-100) var(--p-motion-ease-out);
    transform: translateZ(0)
}

@media (min-width: 48em),(hover) and (pointer: fine) {
    .Analytics-UI-Components-Checkbox__ChoiceLabel .Analytics-UI-Components-Checkbox__Backdrop {
        box-shadow:inset 0 0 0 var(--p-border-width-0165) var(--p-color-input-border)
    }
}

.Analytics-UI-Components-Checkbox__ChoiceLabel:hover .Analytics-UI-Components-Checkbox__Backdrop {
    border-color: var(--p-color-input-border-hover);
    box-shadow: inset 0 0 0 var(--p-border-width-025) var(--p-color-input-border-hover);
    background-color: var(--p-color-input-bg-surface-hover)
}

@media (min-width: 48em),(hover) and (pointer: fine) {
    .Analytics-UI-Components-Checkbox__ChoiceLabel:hover .Analytics-UI-Components-Checkbox__Backdrop {
        box-shadow:inset 0 0 0 var(--p-border-width-0165) var(--p-color-input-border-hover)
    }
}

.Analytics-UI-Components-Checkbox__ChoiceLabel:active .Analytics-UI-Components-Checkbox__Backdrop,.Analytics-UI-Components-Checkbox__ChoiceLabel:checked .Analytics-UI-Components-Checkbox__Backdrop {
    border-color: var(--p-color-bg-fill-brand);
    border-width: 0;
    box-shadow: inset 0 0 0 var(--p-space-050) var(--p-color-bg-fill-brand)
}

.Analytics-UI-Components-Checkbox__Input {
    position: absolute;
    z-index: var(--p-z-index-1);
    width: 100%;
    height: 100%;
    opacity: 0;
    margin: 0
}

:is(.Analytics-UI-Components-Checkbox__Input:focus-visible+.Analytics-UI-Components-Checkbox__Backdrop):after {
    box-shadow: 0 0 0 .125rem var(--p-color-border-focus);
    outline: var(--p-border-width-025) solid transparent
}

.Analytics-UI-Components-Checkbox__Input:focus-visible+.Analytics-UI-Components-Checkbox__Backdrop {
    outline: var(--p-border-width-050) solid var(--p-color-border-focus);
    outline-offset: var(--p-space-025);
    background-color: var(--p-color-input-bg-surface-hover);
    border-width: 0
}

:is(.Analytics-UI-Components-Checkbox__Input:checked,.Analytics-UI-Components-Checkbox__Input.Analytics-UI-Components-Checkbox__Input--indeterminate)+.Analytics-UI-Components-Checkbox__Backdrop {
    border-color: var(--p-color-border-highlight)
}

:is(:is(.Analytics-UI-Components-Checkbox__Input:checked,.Analytics-UI-Components-Checkbox__Input.Analytics-UI-Components-Checkbox__Input--indeterminate)+.Analytics-UI-Components-Checkbox__Backdrop):before {
    opacity: 1;
    transform: scale(1)
}

@media (-ms-high-contrast: active) {
    :is(:is(.Analytics-UI-Components-Checkbox__Input:checked,.Analytics-UI-Components-Checkbox__Input.Analytics-UI-Components-Checkbox__Input--indeterminate)+.Analytics-UI-Components-Checkbox__Backdrop):before {
        border: var(--p-border-width-050) solid FieldText
    }
}

:is(.Analytics-UI-Components-Checkbox__Input:checked,.Analytics-UI-Components-Checkbox__Input.Analytics-UI-Components-Checkbox__Input--indeterminate)+.Analytics-UI-Components-Checkbox__Backdrop {
    border-color: var(--p-color-bg-fill-brand);
    background-color: var(--p-color-bg-fill-brand-selected);
    box-shadow: inset 0 0 0 var(--p-space-800) var(--p-color-bg-fill-brand-selected)
}

:is(.Analytics-UI-Components-Checkbox__Input:checked,.Analytics-UI-Components-Checkbox__Input.Analytics-UI-Components-Checkbox__Input--indeterminate)~.Analytics-UI-Components-Checkbox__Icon {
    transition: opacity var(--p-motion-duration-150) var(--p-motion-ease-out),transform var(--p-motion-duration-150) var(--p-motion-ease-out);
    opacity: 1
}

:is(:is(.Analytics-UI-Components-Checkbox__Input:checked,.Analytics-UI-Components-Checkbox__Input.Analytics-UI-Components-Checkbox__Input--indeterminate)~.Analytics-UI-Components-Checkbox__Icon) s-internal-icon,:is(:is(.Analytics-UI-Components-Checkbox__Input:checked,.Analytics-UI-Components-Checkbox__Input.Analytics-UI-Components-Checkbox__Input--indeterminate)~.Analytics-UI-Components-Checkbox__Icon) svg {
    color: var(--p-color-text-brand-on-bg-fill)
}

.Analytics-UI-Components-Checkbox--animated:is(:is(.Analytics-UI-Components-Checkbox__Input:checked,.Analytics-UI-Components-Checkbox__Input.Analytics-UI-Components-Checkbox__Input--indeterminate)~.Analytics-UI-Components-Checkbox__Icon) {
    transition: initial
}

.Analytics-UI-Components-Checkbox__Input:disabled+.Analytics-UI-Components-Checkbox__Backdrop {
    border-color: var(--p-color-border-disabled)
}

:is(.Analytics-UI-Components-Checkbox__Input:disabled+.Analytics-UI-Components-Checkbox__Backdrop):before {
    background-color: var(--p-color-bg-surface-disabled)
}

:is(.Analytics-UI-Components-Checkbox__Input:disabled+.Analytics-UI-Components-Checkbox__Backdrop):hover {
    cursor: default
}

.Analytics-UI-Components-Checkbox__Input:disabled+.Analytics-UI-Components-Checkbox__Backdrop {
    border-color: transparent;
    background-color: var(--p-color-checkbox-bg-surface-disabled);
    box-shadow: none
}

:is(.Analytics-UI-Components-Checkbox__Input:disabled+.Analytics-UI-Components-Checkbox__Backdrop):before {
    background-color: transparent
}

.Analytics-UI-Components-Checkbox__Input:disabled~.Analytics-UI-Components-Checkbox__Icon s-internal-icon,.Analytics-UI-Components-Checkbox__Input:disabled~.Analytics-UI-Components-Checkbox__Icon svg {
    color: var(--p-color-checkbox-icon-disabled)
}

:is(.Analytics-UI-Components-Checkbox__Input:disabled:checked,.Analytics-UI-Components-Checkbox__Input.Analytics-UI-Components-Checkbox__Input--indeterminate:disabled)+.Analytics-UI-Components-Checkbox__Backdrop {
    background-color: var(--p-color-checkbox-bg-surface-disabled)
}

:is(:is(.Analytics-UI-Components-Checkbox__Input:disabled:checked,.Analytics-UI-Components-Checkbox__Input.Analytics-UI-Components-Checkbox__Input--indeterminate:disabled)+.Analytics-UI-Components-Checkbox__Backdrop):before {
    background-color: transparent
}

.Analytics-UI-Components-Checkbox__Input.Analytics-UI-Components-Checkbox--toneMagic+.Analytics-UI-Components-Checkbox__Backdrop {
    background-color: var(--p-color-bg-surface-ai);
    box-shadow: inset 0 0 0 var(--p-border-width-0165) var(--p-color-border-ai-secondary)
}

.Analytics-UI-Components-Checkbox__ChoiceLabel:hover :is(.Analytics-UI-Components-Checkbox__Input.Analytics-UI-Components-Checkbox--toneMagic+.Analytics-UI-Components-Checkbox__Backdrop) {
    background-color: var(--p-color-bg-surface-ai-hover);
    box-shadow: inset 0 0 0 var(--p-border-width-0165) var(--p-color-border-ai-secondary-hover)
}

:is(.Analytics-UI-Components-Checkbox__Input.Analytics-UI-Components-Checkbox--toneMagic:checked,.Analytics-UI-Components-Checkbox__Input.Analytics-UI-Components-Checkbox--toneMagic.Analytics-UI-Components-Checkbox__Input--indeterminate)+.Analytics-UI-Components-Checkbox__Backdrop {
    border-color: var(--p-color-bg-fill-ai);
    background-color: var(--p-color-bg-fill-ai);
    box-shadow: inset 0 0 0 var(--p-space-800) var(--p-color-bg-fill-ai)
}

.Analytics-UI-Components-Checkbox__ChoiceLabel:hover :is(:is(.Analytics-UI-Components-Checkbox__Input.Analytics-UI-Components-Checkbox--toneMagic:checked,.Analytics-UI-Components-Checkbox__Input.Analytics-UI-Components-Checkbox--toneMagic.Analytics-UI-Components-Checkbox__Input--indeterminate)+.Analytics-UI-Components-Checkbox__Backdrop) {
    border-color: var(--p-color-bg-fill-ai);
    background-color: var(--p-color-bg-fill-ai);
    box-shadow: inset 0 0 0 var(--p-space-800) var(--p-color-bg-fill-ai)
}

.Analytics-UI-Components-Checkbox__Backdrop {
    position: relative;
    border: var(--p-border-width-050) solid var(--p-color-input-border);
    background-color: var(--p-color-bg-surface);
    border-radius: var(--p-border-radius-100)
}

.Analytics-UI-Components-Checkbox__Backdrop.Analytics-UI-Components-Checkbox--hover,.Analytics-UI-Components-Checkbox__Backdrop:hover {
    cursor: pointer;
    border-color: var(--p-color-border-hover)
}

.Analytics-UI-Components-Checkbox__Backdrop {
    position: relative;
    display: block;
    width: 100%;
    height: 100%
}

.Analytics-UI-Components-Checkbox__Icon {
    position: absolute;
    transform-origin: 50% 50%;
    pointer-events: none;
    opacity: 0;
    transition: opacity var(--p-motion-duration-100) var(--p-motion-ease-out),transform var(--p-motion-duration-100) var(--p-motion-ease-out);
    top: calc(var(--p-space-050)*-1);
    left: calc(var(--p-space-050)*-1);
    bottom: calc(var(--p-space-050)*-1);
    right: calc(var(--p-space-050)*-1)
}

.Analytics-UI-Components-Checkbox__Icon.Analytics-UI-Components-Checkbox--animated {
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: var(--p-space-050);
    transition: initial
}

.Analytics-UI-Components-Checkbox__Icon svg {
    color: var(--p-color-text-brand-on-bg-fill);
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0
}

@media (-ms-high-contrast: active) {
    .Analytics-UI-Components-Checkbox__Icon {
        fill: FieldText
    }
}

.Analytics-UI-Components-Checkbox__IconIndeterminate {
    padding: var(--p-space-050)
}

@media (min-width: 48em),(hover) and (pointer: fine) {
    .Analytics-UI-Components-Checkbox__IconIndeterminate {
        padding:0
    }
}

.Analytics-UI-Components-Checkbox--error .Analytics-UI-Components-Checkbox__Icon s-internal-icon,.Analytics-UI-Components-Checkbox--error .Analytics-UI-Components-Checkbox__Icon svg {
    color: var(--p-color-text-critical-on-bg-fill)
}

:is(.Analytics-UI-Components-Checkbox--error .Analytics-UI-Components-Checkbox__Input) .Analytics-UI-Components-Checkbox__Backdrop {
    border-color: var(--p-color-border-critical);
    background-color: var(--p-color-bg-fill-critical-secondary)
}

.Analytics-UI-Components-Checkbox--hover:is(:is(.Analytics-UI-Components-Checkbox--error .Analytics-UI-Components-Checkbox__Input) .Analytics-UI-Components-Checkbox__Backdrop),:is(:is(.Analytics-UI-Components-Checkbox--error .Analytics-UI-Components-Checkbox__Input) .Analytics-UI-Components-Checkbox__Backdrop):hover {
    border-color: var(--p-color-border-critical)
}

:is(:is(.Analytics-UI-Components-Checkbox--error .Analytics-UI-Components-Checkbox__Input) .Analytics-UI-Components-Checkbox__Backdrop):before {
    background-color: var(--p-color-border-critical)
}

:is(.Analytics-UI-Components-Checkbox--error .Analytics-UI-Components-Checkbox__Input) .Analytics-UI-Components-Checkbox__Backdrop {
    background-color: var(--p-color-bg-surface-critical);
    box-shadow: inset 0 0 0 var(--p-border-width-0165) var(--p-color-bg-fill-critical-active)
}

:is(.Analytics-UI-Components-Checkbox--error .Analytics-UI-Components-Checkbox__Backdrop):active {
    box-shadow: inset 0 0 0 var(--p-space-050) var(--p-color-bg-fill-critical-active)
}

:is(.Analytics-UI-Components-Checkbox--error .Analytics-UI-Components-Checkbox__Input:checked,.Analytics-UI-Components-Checkbox--error .Analytics-UI-Components-Checkbox__Input.Analytics-UI-Components-Checkbox__Input--indeterminate)+.Analytics-UI-Components-Checkbox__Backdrop {
    background-color: var(--p-color-bg-fill-critical-selected);
    box-shadow: inset 0 0 0 var(--p-space-300) var(--p-color-bg-fill-critical-selected)
}

:is(.Analytics-UI-Components-Checkbox--error .Analytics-UI-Components-Checkbox__Input:active)+.Analytics-UI-Components-Checkbox__Backdrop {
    background-color: var(--p-color-border-critical);
    box-shadow: inset 0 0 0 var(--p-space-050) var(--p-color-bg-fill-critical-active)
}

:is(.Analytics-UI-Components-Checkbox--error .Analytics-UI-Components-Checkbox__Input:focus-visible+.Analytics-UI-Components-Checkbox__Backdrop),.Analytics-UI-Components-Checkbox__ChoiceLabel:hover :is(.Analytics-UI-Components-Checkbox--error .Analytics-UI-Components-Checkbox__Input:focus-visible+.Analytics-UI-Components-Checkbox__Backdrop) {
    border-color: var(--p-color-border-critical-secondary);
    background-color: var(--p-color-bg-surface-critical)
}

.Analytics-UI-Components-Checkbox--animated s-internal-icon>path,.Analytics-UI-Components-Checkbox--animated svg>path {
    stroke-dasharray: 2;
    stroke-dashoffset: 2
}

.Analytics-UI-Components-Checkbox--checked:is(.Analytics-UI-Components-Checkbox--animated s-internal-icon>path,.Analytics-UI-Components-Checkbox--animated svg>path) {
    animation-name: Analytics-UI-Components-Checkbox--pathAnimation;
    animation-duration: var(--p-motion-duration-150);
    animation-fill-mode: forwards;
    animation-timing-function: linear;
    animation-direction: normal;
    animation-iteration-count: 1;
    opacity: 1
}

@keyframes Analytics-UI-Components-Checkbox--pathAnimation {
    0% {
        stroke-dashoffset: 2
    }

    to {
        stroke-dashoffset: 0
    }
}

.Analytics-UI-Components-OptionList-Option {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0;
    padding: 0;
    background: none;
    border: none;
    font-size: inherit;
    line-height: inherit;
    color: inherit;
    cursor: pointer
}

.Analytics-UI-Components-OptionList-Option:focus {
    outline: none
}

.Analytics-UI-Components-OptionList-Option {
    width: 100%;
    min-height: var(--pg-control-height);
    text-align: left;
    text-decoration: none;
    border-radius: var(--p-border-radius-100);
    margin-top: var(--p-space-100);
    color: inherit
}

.Analytics-UI-Components-OptionList-Option:visited {
    color: inherit
}

.Analytics-UI-Components-OptionList-Option:first-child {
    margin-top: 0
}

.Analytics-UI-Components-OptionList-Option__SingleSelectOption {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0;
    padding: 0;
    background: none;
    border: none;
    font-size: inherit;
    line-height: inherit;
    color: inherit;
    cursor: pointer
}

.Analytics-UI-Components-OptionList-Option__SingleSelectOption:focus {
    outline: none
}

.Analytics-UI-Components-OptionList-Option__SingleSelectOption {
    text-align: left;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between
}

.Analytics-UI-Components-OptionList-Option__SingleSelectOption.Analytics-UI-Components-OptionList-Option--focused:focus-visible:not(:active) {
    outline: var(--p-border-width-050) solid var(--p-color-border-focus);
    outline-offset: var(--p-space-025);
    background-color: var(--p-color-bg-surface-secondary-hover)
}

.Analytics-UI-Components-OptionList-Option__SingleSelectOption.Analytics-UI-Components-OptionList-Option--active {
    background: var(--p-color-bg-surface-secondary-selected)
}

.Analytics-UI-Components-OptionList-Option__SingleSelectOption:not(.Analytics-UI-Components-OptionList-Option--disabled) {
    color: inherit
}

.Analytics-UI-Components-OptionList-Option__SingleSelectOption.Analytics-UI-Components-OptionList-Option--select,.Analytics-UI-Components-OptionList-Option__SingleSelectOption.Analytics-UI-Components-OptionList-Option--select:hover:not(.Analytics-UI-Components-OptionList-Option--disabled),.Analytics-UI-Components-OptionList-Option__SingleSelectOption.Analytics-UI-Components-OptionList-Option--active {
    font-weight: var(--p-font-weight-semibold);
    background: var(--p-color-bg-surface-secondary-active)
}

.Analytics-UI-Components-OptionList-Option__SingleSelectOption .Analytics-UI-Components-OptionList-Option__Media {
    padding: 0 var(--p-space-200) 0 0
}

.Analytics-UI-Components-OptionList-Option__Label,.Analytics-UI-Components-OptionList-Option__SingleSelectOption,.Analytics-UI-Components-OptionList-Option__MultiSelectOption {
    display: flex;
    align-items: flex-start;
    width: 100%;
    cursor: pointer;
    border-radius: var(--p-border-radius-200);
    padding: var(--p-space-150);
    word-wrap: break-word;
    word-break: break-word;
    overflow-wrap: break-word
}

:is(.Analytics-UI-Components-OptionList-Option__Label,.Analytics-UI-Components-OptionList-Option__SingleSelectOption,.Analytics-UI-Components-OptionList-Option__MultiSelectOption):hover:not(.Analytics-UI-Components-OptionList-Option--disabled) {
    background-color: var(--p-color-bg-surface-secondary-hover)
}

:is(.Analytics-UI-Components-OptionList-Option__Label,.Analytics-UI-Components-OptionList-Option__SingleSelectOption,.Analytics-UI-Components-OptionList-Option__MultiSelectOption):active:not(.Analytics-UI-Components-OptionList-Option--disabled) {
    background: var(--p-color-bg-surface-secondary-active)
}

:is(.Analytics-UI-Components-OptionList-Option__Label,.Analytics-UI-Components-OptionList-Option__SingleSelectOption,.Analytics-UI-Components-OptionList-Option__MultiSelectOption):hover:not(.Analytics-UI-Components-OptionList-Option--disabled),:is(.Analytics-UI-Components-OptionList-Option__Label,.Analytics-UI-Components-OptionList-Option__SingleSelectOption,.Analytics-UI-Components-OptionList-Option__MultiSelectOption):active:not(.Analytics-UI-Components-OptionList-Option--disabled),.Analytics-UI-Components-OptionList-Option--select:is(.Analytics-UI-Components-OptionList-Option__Label,.Analytics-UI-Components-OptionList-Option__SingleSelectOption,.Analytics-UI-Components-OptionList-Option__MultiSelectOption),.Analytics-UI-Components-OptionList-Option--select:is(.Analytics-UI-Components-OptionList-Option__Label,.Analytics-UI-Components-OptionList-Option__SingleSelectOption,.Analytics-UI-Components-OptionList-Option__MultiSelectOption):hover:not(.Analytics-UI-Components-OptionList-Option--disabled) {
    outline: var(--p-border-width-025) solid transparent
}

:is(.Analytics-UI-Components-OptionList-Option__Label,.Analytics-UI-Components-OptionList-Option__SingleSelectOption,.Analytics-UI-Components-OptionList-Option__MultiSelectOption) .Analytics-UI-Components-OptionList-Option__Media {
    padding: 0 var(--p-space-200) 0 0
}

.Analytics-UI-Components-OptionList-Option--disabled:is(.Analytics-UI-Components-OptionList-Option__Label,.Analytics-UI-Components-OptionList-Option__SingleSelectOption,.Analytics-UI-Components-OptionList-Option__MultiSelectOption) {
    background: transparent;
    cursor: default;
    color: var(--p-color-text-disabled)
}

.Analytics-UI-Components-OptionList-Option__MultiSelectOption.Analytics-UI-Components-OptionList-Option--select.Analytics-UI-Components-OptionList-Option__CheckboxLabel {
    background-color: transparent
}

.Analytics-UI-Components-OptionList-Option__MultiSelectOption.Analytics-UI-Components-OptionList-Option--select s-internal-icon,.Analytics-UI-Components-OptionList-Option__MultiSelectOption.Analytics-UI-Components-OptionList-Option--select svg {
    color: var(--p-color-icon-active)
}

.Analytics-UI-Components-OptionList-Option__MultiSelectOption.Analytics-UI-Components-OptionList-Option--select:hover:not(.Analytics-UI-Components-OptionList-Option--disabled) {
    background-color: var(--p-color-bg-surface-secondary-hover)
}

.Analytics-UI-Components-OptionList-Option--disabled .Analytics-UI-Components-OptionList-Option__Media svg {
    color: var(--p-color-icon-disabled)
}

.Analytics-UI-Components-OptionList-Option--disabled .Analytics-UI-Components-OptionList-Option__Media s-internal-icon {
    color: var(--p-color-icon-disabled)
}

.Analytics-UI-Components-OptionList-Option__Media {
    display: flex;
    align-items: center
}

.Analytics-UI-Components-OptionList-Option__Media svg {
    fill: var(--p-color-icon)
}

.Analytics-UI-Components-OptionList-Option--verticalAlignTop {
    align-items: flex-start
}

.Analytics-UI-Components-OptionList-Option--verticalAlignCenter {
    align-items: center
}

.Analytics-UI-Components-OptionList-Option--verticalAlignBottom {
    align-items: flex-end
}

.Analytics-UI-Components-OptionList-Option__Icon {
    display: flex;
    align-items: center;
    margin-left: var(--p-space-200)
}

.Analytics-UI-Components-OptionList-Option__Icon svg {
    fill: var(--p-color-icon-brand)
}

.Analytics-UI-Components-OptionList-Option__Checkbox {
    box-sizing: border-box;
    display: flex;
    flex-shrink: 0;
    width: 1.25rem;
    height: 1.25rem;
    margin-right: var(--p-space-200);
    align-items: center
}

.Analytics-UI-Components-Badge {
    --pc-badge-horizontal-padding: var(--p-space-200);
    --pc-badge-vertical-padding: var(--p-space-050);
    display: inline-flex;
    align-items: center;
    padding: var(--pc-badge-vertical-padding) var(--pc-badge-horizontal-padding);
    background-color: var(--p-color-bg-fill-transparent-secondary);
    border-radius: var(--p-border-radius-200);
    color: var(--p-color-text-secondary);
    font-weight: var(--p-font-weight-medium);
    max-block-size: var(--p-height-500)
}

.Analytics-UI-Components-Badge svg {
    color: var(--p-color-text-secondary)
}

@media print {
    .Analytics-UI-Components-Badge {
        border: solid var(--p-border-width-025) var(--p-color-border)
    }
}

.Analytics-UI-Components-Badge--toneSuccess {
    background-color: var(--p-color-bg-fill-success-secondary);
    color: var(--p-color-text-success)
}

.Analytics-UI-Components-Badge--toneSuccess svg {
    color: var(--p-color-text-success)
}

.Analytics-UI-Components-Badge__toneSuccess--strong {
    color: var(--p-color-text-success-on-bg-fill);
    background-color: var(--p-color-bg-fill-success)
}

.Analytics-UI-Components-Badge__toneSuccess--strong svg {
    color: var(--p-color-text-success-on-bg-fill)
}

.Analytics-UI-Components-Badge--toneInfo {
    background-color: var(--p-color-bg-fill-info-secondary);
    color: var(--p-color-text-info)
}

.Analytics-UI-Components-Badge--toneInfo svg {
    color: var(--p-color-text-info)
}

.Analytics-UI-Components-Badge__toneInfo--strong {
    color: var(--p-color-text-info-on-bg-fill);
    background-color: var(--p-color-bg-fill-info)
}

.Analytics-UI-Components-Badge__toneInfo--strong svg {
    color: var(--p-color-text-info-on-bg-fill)
}

.Analytics-UI-Components-Badge--toneAttention {
    background-color: var(--p-color-bg-fill-caution-secondary);
    color: var(--p-color-text-caution)
}

.Analytics-UI-Components-Badge--toneAttention svg {
    color: var(--p-color-text-caution)
}

.Analytics-UI-Components-Badge__toneAttention--strong {
    color: var(--p-color-text-caution-on-bg-fill);
    background-color: var(--p-color-bg-fill-caution)
}

.Analytics-UI-Components-Badge__toneAttention--strong svg {
    color: var(--p-color-text-caution-on-bg-fill)
}

.Analytics-UI-Components-Badge--toneWarning {
    background-color: var(--p-color-bg-fill-warning-secondary);
    color: var(--p-color-text-warning)
}

.Analytics-UI-Components-Badge--toneWarning svg {
    color: var(--p-color-text-warning)
}

.Analytics-UI-Components-Badge__toneWarning--strong {
    color: var(--p-color-text-warning-on-bg-fill);
    background-color: var(--p-color-bg-fill-warning)
}

.Analytics-UI-Components-Badge__toneWarning--strong svg {
    color: var(--p-color-text-warning-on-bg-fill)
}

.Analytics-UI-Components-Badge--toneCritical {
    background-color: var(--p-color-bg-fill-critical-secondary);
    color: var(--p-color-text-critical)
}

.Analytics-UI-Components-Badge--toneCritical svg {
    color: var(--p-color-text-critical)
}

.Analytics-UI-Components-Badge__toneCritical--strong {
    color: var(--p-color-text-critical-on-bg-fill);
    background-color: var(--p-color-bg-fill-critical)
}

.Analytics-UI-Components-Badge__toneCritical--strong svg {
    color: var(--p-color-text-critical-on-bg-fill)
}

.Analytics-UI-Components-Badge--toneNew {
    border: none;
    background-color: var(--p-color-bg-fill-transparent-secondary);
    color: var(--p-color-text-secondary);
    font-weight: var(--p-font-weight-bold);
    border-radius: var(--p-border-radius-200)
}

.Analytics-UI-Components-Badge--toneNew svg {
    color: var(--p-color-text-secondary)
}

.Analytics-UI-Components-Badge--toneMagic {
    background-color: var(--p-color-bg-fill-ai-secondary);
    color: var(--p-color-text-ai)
}

.Analytics-UI-Components-Badge--toneMagic svg {
    color: var(--p-color-text-ai)
}

.Analytics-UI-Components-Badge__toneRead--only {
    color: var(--p-color-text-secondary);
    background-color: transparent
}

.Analytics-UI-Components-Badge__toneRead--only svg {
    color: var(--p-color-text-secondary)
}

.Analytics-UI-Components-Badge--toneEnabled {
    color: var(--p-color-text)
}

.Analytics-UI-Components-Badge--toneEnabled svg {
    color: var(--p-color-icon-success)
}

.Analytics-UI-Components-Badge--sizeLarge {
    max-block-size: var(--p-height-600);
    padding: var(--p-space-100) var(--p-space-200)
}

.Analytics-UI-Components-Badge--sizeLarge.Analytics-UI-Components-Badge--withPrefix {
    max-block-size: var(--p-height-700)
}

.Analytics-UI-Components-Badge--withinFilter {
    border-radius: var(--p-border-radius-100)
}

.Analytics-UI-Components-Badge__Icon {
    margin: calc(var(--p-space-050)*-1) 0 calc(var(--p-space-050)*-1) calc(var(--p-space-200)*-1)
}

.Analytics-UI-Components-Badge__Icon svg {
    display: inline-block;
    vertical-align: top
}

.Analytics-UI-Components-Badge--sizeLarge .Analytics-UI-Components-Badge__Icon {
    margin: 0 var(--p-space-100) 0 calc(var(--p-space-050)*-1)
}

.Analytics-UI-Components-Badge__Icon+* {
    margin-left: 0
}

.Analytics-UI-Components-Badge__PipContainer {
    display: grid;
    align-items: center;
    margin-left: calc(var(--p-space-050)*-1);
    margin-right: var(--p-space-100)
}

.Analytics-UI-Components-Badge-Pip {
    --pc-pip-size: var(--p-space-200);
    --pc-pip-color: var(--p-color-text-secondary);
    --pc-border-width: .07813rem;
    display: inline-block;
    color: var(--pc-pip-color);
    height: var(--pc-pip-size);
    width: var(--pc-pip-size);
    border: var(--p-border-width-050) solid var(--pc-pip-color);
    flex-shrink: 0;
    border-radius: .1875rem;
    border-width: var(--pc-border-width)
}

.Analytics-UI-Components-Badge-Pip--toneInfo {
    --pc-pip-color: var(--p-color-icon-info)
}

.Analytics-UI-Components-Badge-Pip--toneSuccess {
    --pc-pip-color: var(--p-color-icon-success)
}

.Analytics-UI-Components-Badge-Pip--toneNew {
    --pc-pip-color: var(--p-color-text-secondary)
}

.Analytics-UI-Components-Badge-Pip--toneAttention {
    --pc-pip-color: var(--p-color-icon-caution)
}

.Analytics-UI-Components-Badge-Pip--toneWarning {
    --pc-pip-color: var(--p-color-icon-warning)
}

.Analytics-UI-Components-Badge-Pip--toneCritical {
    --pc-pip-color: var(--p-color-icon-critical)
}

.Analytics-UI-Components-Badge-Pip--progressIncomplete {
    background: transparent
}

.Analytics-UI-Components-Badge-Pip--progressPartiallyComplete {
    background: linear-gradient(to top,currentColor,currentColor 50%,transparent 50%,transparent)
}

.Analytics-UI-Components-Badge-Pip--progressPartiallyComplete.Analytics-UI-Components-Badge-Pip {
    background: none;
    position: relative;
    overflow: hidden
}

.Analytics-UI-Components-Badge-Pip--progressPartiallyComplete.Analytics-UI-Components-Badge-Pip:after {
    content: "";
    position: absolute;
    top: calc(var(--pc-border-width)*-1);
    left: calc(var(--pc-border-width)*-1);
    width: .25rem;
    height: .5rem;
    margin: 0 .1275rem;
    border-right: var(--pc-border-width) solid currentColor;
    border-left: var(--pc-border-width) solid currentColor;
    font-size: 0;
    transform: rotate(-45deg)
}

@media print {
    .Analytics-UI-Components-Badge-Pip--progressPartiallyComplete {
        background: none;
        box-shadow: 0 -6.375rem 0 -6.25rem currentColor inset
    }
}

.Analytics-UI-Components-Badge-Pip--progressComplete {
    background: currentColor
}

@media print {
    .Analytics-UI-Components-Badge-Pip--progressComplete {
        background: none;
        box-shadow: 0 0 0 6.25rem currentColor inset
    }
}

.Analytics-UI-Components-Collapsible {
    padding-top: 0;
    padding-bottom: 0;
    max-height: 0;
    overflow: hidden;
    transition-property: max-height;
    transition-duration: var(--p-motion-duration-100);
    transition-timing-function: var(--p-motion-ease-out)
}

.Analytics-UI-Components-Collapsible--isFullyClosed {
    display: none
}

@media print {
    .Analytics-UI-Components-Collapsible--expandOnPrint {
        max-height: none!important;
        max-width: none!important;
        overflow: visible;
        display: block
    }
}

.Analytics-UI-Components-Collapsible--inline {
    max-height: none;
    transition-property: max-width
}

.Analytics-UI-Components-Collapsible--inline.Analytics-UI-Components-Collapsible--animateIn {
    max-width: none
}

.Analytics-UI-Components-Collapsible--inline.Analytics-UI-Components-Collapsible--hidden {
    position: absolute;
    visibility: hidden;
    width: 100%
}

.Analytics-UI-Components-QuickPicksSidebarSection__Container {
    display: flex;
    width: 100%;
    flex-direction: column;
    margin-bottom: var(--p-space-150) 0
}

.Analytics-UI-Components-QuickPicksSidebarSection__Section {
    display: flex;
    width: 100%;
    flex-direction: column;
    margin: var(--p-space-150) 0
}

.Analytics-UI-Components-QuickPicksSidebarSection__Section:last-child {
    margin-bottom: var(--p-space-150)
}

.Analytics-UI-Components-QuickPicksSidebarSection__Button {
    background: none;
    border: none;
    font-size: inherit;
    line-height: inherit;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex: 1 1;
    text-align: left;
    padding: var(--p-space-200);
    margin: 0 var(--p-space-100);
    border-radius: var(--p-border-radius-200)
}

.Analytics-UI-Components-QuickPicksSidebarSection__Button:hover,.Analytics-UI-Components-QuickPicksSidebarSection__Button:focus {
    background: var(--p-color-bg-surface-hover);
    outline: var(--p-border-width-025) solid transparent;
    cursor: pointer
}

.Analytics-UI-Components-QuickPicksSidebarSection__Content *>li>button {
    padding-left: var(--p-space-600)
}

.Analytics-UI-Components-QuickPicksSidebarSection__Content *>ul {
    padding-top: 0;
    padding-bottom: 0
}

.Analytics-UI-Components-DefinitionPopover__Button {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: left;
    margin-left: calc(var(--p-space-100)*-1);
    padding: 0;
    border-radius: var(--p-border-radius-100);
    border: var(--p-border-width-025) solid transparent;
    cursor: default;
    background: transparent;
    color: unset
}

.Analytics-UI-Components-DefinitionPopover__Button.Analytics-UI-Components-DefinitionPopover__Active {
    border-color: var(--p-color-border-highlight)
}

.Analytics-UI-Components-DefinitionPopover__Button:hover {
    background: var(--p-color-bg-fill-transparent-secondary-hover)
}

.Analytics-UI-Components-DefinitionPopover__Button:active {
    background-color: var(--p-color-bg-surface-active)
}

.Analytics-UI-Components-DefinitionPopover__Inline {
    padding: 0;
    margin-left: 0
}

.Analytics-UI-Components-DefinitionPopover__WrappedContent {
    border-bottom: .125rem dotted var(--p-color-border-tertiary);
    border-color: var(--p-color-border-tertiary)
}

.Analytics-UI-Components-DefinitionPopover__DefinitionContainer {
    max-width: 15.625rem
}

.Analytics-UI-Components-AnalyticsTooltip__Value {
    font-feature-settings: "tnum"
}

.Analytics-UI-Components-AnalyticsTooltip__Hidden {
    visibility: hidden
}

.Analytics-UI-Components-AnalyticsTooltip__DefaultPreview {
    height: var(--p-space-200);
    width: var(--p-space-200);
    border-radius: var(--p-border-radius-500);
    flex: none;
    overflow: hidden
}

.Analytics-UI-Components-AnalyticsTooltip__TrendIndicator {
    margin-top: -.1875rem
}

.Analytics-UI-Components-Link {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: inline;
    text-align: inherit;
    padding: 0;
    background: none;
    border: 0;
    font-size: inherit;
    font-weight: inherit;
    color: var(--p-color-text-link);
    text-decoration: underline;
    cursor: pointer;
    touch-action: manipulation
}

.Analytics-UI-Components-Link:hover {
    color: var(--p-color-text-link-hover);
    text-decoration: underline
}

.Analytics-UI-Components-Link:focus,.Analytics-UI-Components-Link:focus-visible {
    outline: var(--p-color-border-focus) auto var(--p-border-width-050);
    outline-offset: var(--p-space-050);
    border-radius: var(--p-border-radius-150)
}

.Analytics-UI-Components-Link:active {
    position: relative;
    color: var(--p-color-text-link-active)
}

@media print {
    .Analytics-UI-Components-Link {
        text-decoration-color: var(--p-color-border-tertiary)
    }
}

.Analytics-UI-Components-Link--monochrome {
    color: inherit
}

.Analytics-UI-Components-Link--monochrome:hover,.Analytics-UI-Components-Link--monochrome:focus,.Analytics-UI-Components-Link--monochrome:active {
    color: inherit
}

.Analytics-UI-Components-Link--removeUnderline {
    text-decoration: none
}

.Analytics-UI-Components-Link--removeUnderline:hover {
    text-decoration: underline
}

.Analytics-UI-Components-useChartAnnotations__ListItem {
    display: list-item;
    list-style-type: disc;
    margin-left: var(--p-space-500)
}

.Analytics-UI-Components-useFormatDonutChart__InnerContentLabel {
    width: 40%;
    text-align: center
}

.Analytics-UI-Components-useFormatDonutChart__InnerValueContents {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.Analytics-UI-Components-ProductListCell__ProductListCellWrapper {
    width: 100%
}

.Analytics-UI-Components-ProductListCell__ProductListCellWrapper.Analytics-UI-Components-ProductListCell__VerticalAlignmentStart {
    margin-top: calc(var(--p-space-100)*-1)
}

.Analytics-UI-Components-ProductListCell__ProductListCellTextWrapper {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 100%
}

.Analytics-UI-Components-Text--root {
    margin: 0;
    text-align: inherit
}

@media (max-width: 30.6225em) {
    .Analytics-UI-Components-Text--root {
        overflow-wrap:anywhere;
        word-break: normal
    }
}

.Analytics-UI-Components-Text--root:focus-visible {
    outline: none
}

.Analytics-UI-Components-Text--block {
    display: block
}

.Analytics-UI-Components-Text--truncate {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.Analytics-UI-Components-Text--lineClamp {
    display: -webkit-box;
    -webkit-line-clamp: var(--pc-text-line-clamp);
    -webkit-box-orient: vertical;
    overflow: hidden
}

.Analytics-UI-Components-Text--visuallyHidden {
    position: absolute!important;
    top: 0;
    width: .0625rem!important;
    height: .0625rem!important;
    margin: 0!important;
    padding: 0!important;
    overflow: hidden!important;
    clip-path: inset(50%)!important;
    border: 0!important;
    white-space: nowrap!important
}

.Analytics-UI-Components-Text--start {
    text-align: start
}

.Analytics-UI-Components-Text--center {
    text-align: center
}

.Analytics-UI-Components-Text--end {
    text-align: end
}

.Analytics-UI-Components-Text--justify {
    text-align: justify
}

.Analytics-UI-Components-Text--base {
    color: var(--p-color-text)
}

.Analytics-UI-Components-Text--inherit {
    color: inherit
}

.Analytics-UI-Components-Text--disabled {
    color: var(--p-color-text-disabled)
}

.Analytics-UI-Components-Text--success {
    color: var(--p-color-text-success)
}

.Analytics-UI-Components-Text--critical {
    color: var(--p-color-text-critical)
}

.Analytics-UI-Components-Text--caution {
    color: var(--p-color-text-caution)
}

.Analytics-UI-Components-Text--warning {
    color: var(--p-color-text-warning)
}

.Analytics-UI-Components-Text__warning--secondary {
    color: var(--p-color-text-warning-secondary)
}

.Analytics-UI-Components-Text--subdued {
    color: var(--p-color-text-secondary)
}

.Analytics-UI-Components-Text--magic {
    color: var(--p-color-text-ai)
}

.Analytics-UI-Components-Text__magic--subdued {
    color: var(--p-color-text-ai-secondary)
}

.Analytics-UI-Components-Text__text--inverse {
    color: var(--p-color-text-inverse)
}

.Analytics-UI-Components-Text--textInverseSecondary {
    color: var(--p-color-text-inverse-secondary)
}

.Analytics-UI-Components-Text--headingXs {
    font-size: var(--p-font-size-300);
    font-weight: var(--p-font-weight-semibold);
    letter-spacing: var(--p-font-letter-spacing-normal);
    line-height: var(--p-font-line-height-400)
}

.Analytics-UI-Components-Text--headingSm {
    font-size: var(--p-font-size-400);
    font-weight: var(--p-font-weight-semibold);
    letter-spacing: var(--p-font-letter-spacing-dense);
    line-height: var(--p-font-line-height-500)
}

@media (hover) and (pointer: fine),(min-width: 48em) {
    .Analytics-UI-Components-Text--headingSm {
        font-size:var(--p-font-size-325);
        letter-spacing: var(--p-font-letter-spacing-normal)
    }
}

.Analytics-UI-Components-Text--headingMd {
    font-size: var(--p-font-size-400);
    font-weight: var(--p-font-weight-semibold);
    letter-spacing: var(--p-font-letter-spacing-dense);
    line-height: var(--p-font-line-height-500)
}

@media (hover) and (pointer: fine),(min-width: 48em) {
    .Analytics-UI-Components-Text--headingMd {
        letter-spacing:var(--p-font-letter-spacing-normal);
        font-size: var(--p-font-size-350)
    }
}

.Analytics-UI-Components-Text--headingLg {
    font-size: var(--p-font-size-500);
    font-weight: var(--p-font-weight-semibold);
    letter-spacing: var(--p-font-letter-spacing-dense);
    line-height: var(--p-font-line-height-600)
}

.Analytics-UI-Components-Text--headingXl {
    font-size: var(--p-font-size-550);
    font-weight: var(--p-font-weight-bold);
    letter-spacing: var(--p-font-letter-spacing-dense);
    line-height: var(--p-font-line-height-800)
}

@media (hover) and (pointer: fine),(min-width: 48em) {
    .Analytics-UI-Components-Text--headingXl {
        font-size:var(--p-font-size-600)
    }
}

.Analytics-UI-Components-Text--heading2xl {
    font-size: var(--p-font-size-600);
    font-weight: var(--p-font-weight-bold);
    letter-spacing: var(--p-font-letter-spacing-denser);
    line-height: var(--p-font-line-height-800)
}

@media (hover) and (pointer: fine),(min-width: 48em) {
    .Analytics-UI-Components-Text--heading2xl {
        font-size:var(--p-font-size-750);
        line-height: var(--p-font-line-height-1000)
    }
}

.Analytics-UI-Components-Text--heading3xl {
    font-size: var(--p-font-size-800);
    font-weight: var(--p-font-weight-bold);
    letter-spacing: var(--p-font-letter-spacing-denser);
    line-height: var(--p-font-line-height-1000)
}

.Analytics-UI-Components-Text--bodyXs {
    font-size: var(--p-font-size-300);
    font-weight: var(--p-font-weight-regular);
    letter-spacing: var(--p-font-letter-spacing-dense);
    line-height: var(--p-font-line-height-400)
}

@media (hover) and (pointer: fine),(min-width: 48em) {
    .Analytics-UI-Components-Text--bodyXs {
        font-size:var(--p-font-size-275);
        letter-spacing: var(--p-font-letter-spacing-normal);
        line-height: var(--p-font-line-height-300)
    }
}

.Analytics-UI-Components-Text--bodySm {
    font-size: var(--p-font-size-350);
    font-weight: var(--p-font-weight-regular);
    letter-spacing: var(--p-font-letter-spacing-dense);
    line-height: var(--p-font-line-height-500)
}

@media (hover) and (pointer: fine),(min-width: 48em) {
    .Analytics-UI-Components-Text--bodySm {
        font-size:var(--p-font-size-300);
        letter-spacing: var(--p-font-letter-spacing-normal);
        line-height: var(--p-font-line-height-400)
    }
}

.Analytics-UI-Components-Text--bodyMd {
    font-size: var(--p-font-size-400);
    font-weight: var(--p-font-weight-regular);
    letter-spacing: var(--p-font-letter-spacing-dense);
    line-height: var(--p-font-line-height-600)
}

@media (hover) and (pointer: fine),(min-width: 48em) {
    .Analytics-UI-Components-Text--bodyMd {
        font-size:var(--p-font-size-325);
        letter-spacing: var(--p-font-letter-spacing-normal);
        line-height: var(--p-font-line-height-500)
    }
}

.Analytics-UI-Components-Text--bodyLg {
    font-size: var(--p-font-size-450);
    font-weight: var(--p-font-weight-regular);
    letter-spacing: var(--p-font-letter-spacing-dense);
    line-height: var(--p-font-line-height-600)
}

@media (hover) and (pointer: fine),(min-width: 48em) {
    .Analytics-UI-Components-Text--bodyLg {
        font-size:var(--p-font-size-350);
        letter-spacing: var(--p-font-letter-spacing-normal);
        line-height: var(--p-font-line-height-500)
    }
}

.Analytics-UI-Components-Text--regular {
    font-weight: var(--p-font-weight-regular)
}

.Analytics-UI-Components-Text--medium {
    font-weight: var(--p-font-weight-medium)
}

.Analytics-UI-Components-Text--semibold {
    font-weight: var(--p-font-weight-semibold)
}

.Analytics-UI-Components-Text--bold {
    font-weight: var(--p-font-weight-bold)
}

@media (max-width: 30.6225em) {
    .Analytics-UI-Components-Text--breakNever {
        overflow-wrap:initial;
        word-break: initial
    }
}

.Analytics-UI-Components-Text--breakAlways {
    overflow-wrap: anywhere;
    word-break: normal
}

.Analytics-UI-Components-Text--numeric {
    font-variant-numeric: tabular-nums lining-nums
}

.Analytics-UI-Components-Text__line--through {
    text-decoration-line: line-through
}

.Analytics-UI-Components-ThemeProvider--themeContainer {
    color: var(--p-color-text)
}

.Analytics-UI-Components-Scrollable {
    --pc-scrollable-shadow-size: var(--p-space-500);
    --pc-scrollable-shadow-color: rgba(0, 0, 0, .15);
    --pc-scrollable-shadow-bottom: 0 var(--pc-scrollable-shadow-size) var(--pc-scrollable-shadow-size) var(--pc-scrollable-shadow-size) var(--pc-scrollable-shadow-color);
    --pc-scrollable-shadow-top: 0 calc(var(--pc-scrollable-shadow-size)*-1) var(--pc-scrollable-shadow-size) var(--pc-scrollable-shadow-size) var(--pc-scrollable-shadow-color);
    --pc-scrollable-max-height: none;
    -webkit-overflow-scrolling: touch;
    position: relative;
    max-height: var(--pc-scrollable-max-height);
    overflow-x: hidden;
    overflow-y: hidden;
    isolation: isolate
}

.Analytics-UI-Components-Scrollable:focus {
    outline: none
}

.Analytics-UI-Components-Scrollable.Analytics-UI-Components-Scrollable--focusable:focus-visible {
    outline: var(--p-border-width-050) solid var(--p-color-border-focus);
    outline-offset: var(--p-space-050)
}

:is(.Analytics-UI-Components-Scrollable.Analytics-UI-Components-Scrollable--hasTopShadow,.Analytics-UI-Components-Scrollable.Analytics-UI-Components-Scrollable--hasBottomShadow):before,:is(.Analytics-UI-Components-Scrollable.Analytics-UI-Components-Scrollable--hasTopShadow,.Analytics-UI-Components-Scrollable.Analytics-UI-Components-Scrollable--hasBottomShadow):after {
    content: "";
    position: sticky;
    left: 0;
    display: block;
    pointer-events: none;
    height: var(--p-space-0);
    width: 100%;
    z-index: 32
}

:is(.Analytics-UI-Components-Scrollable.Analytics-UI-Components-Scrollable--hasTopShadow,.Analytics-UI-Components-Scrollable.Analytics-UI-Components-Scrollable--hasBottomShadow):before {
    top: 0
}

:is(.Analytics-UI-Components-Scrollable.Analytics-UI-Components-Scrollable--hasTopShadow,.Analytics-UI-Components-Scrollable.Analytics-UI-Components-Scrollable--hasBottomShadow):after {
    bottom: 0
}

.Analytics-UI-Components-Scrollable.Analytics-UI-Components-Scrollable--hasTopShadow:before {
    box-shadow: var(--pc-scrollable-shadow-top)
}

.Analytics-UI-Components-Scrollable.Analytics-UI-Components-Scrollable--hasBottomShadow:after {
    box-shadow: var(--pc-scrollable-shadow-bottom)
}

.Analytics-UI-Components-Scrollable--horizontal {
    overflow-x: auto
}

.Analytics-UI-Components-Scrollable--vertical {
    overflow-y: auto
}

.Analytics-UI-Components-Scrollable--scrollbarWidthThin {
    scrollbar-width: thin
}

.Analytics-UI-Components-Scrollable--scrollbarWidthNone {
    scrollbar-width: none
}

.Analytics-UI-Components-Scrollable--scrollbarWidthAuto {
    scrollbar-width: auto
}

.Analytics-UI-Components-Scrollable--scrollbarGutterStable {
    scrollbar-gutter: stable
}

.Analytics-UI-Components-Scrollable__scrollbarGutterStableboth--edges {
    scrollbar-gutter: stable both-edges
}

.Analytics-UI-Components-PositionedOverlay {
    position: absolute;
    z-index: var(--p-z-index-2)
}

.Analytics-UI-Components-PositionedOverlay--fixed {
    position: fixed
}

.Analytics-UI-Components-PositionedOverlay--calculating {
    visibility: hidden
}

.Analytics-UI-Components-PositionedOverlay--preventInteraction {
    pointer-events: none
}

.Analytics-UI-Components-Tooltip-TooltipOverlay {
    --pc-tooltip-chevron-x-pos: initial;
    --pc-tooltip-border-radius: initial;
    --pc-tooltip-padding: initial;
    --pc-tooltip-overlay-offset: var(--p-space-300);
    position: relative;
    margin: var(--pc-tooltip-overlay-offset) var(--p-space-100) var(--p-space-100);
    opacity: 1;
    box-shadow: var(--p-shadow-300);
    border-radius: var(--pc-tooltip-border-radius);
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    will-change: opacity,left,top,transform;
    transform: none;
    transition: none;
    min-width: 4ch
}

@media screen and (-ms-high-contrast: active) {
    .Analytics-UI-Components-Tooltip-TooltipOverlay {
        border: var(--p-border-width-050) solid ButtonBorder
    }
}

.Analytics-UI-Components-Tooltip-TooltipOverlay .Analytics-UI-Components-Tooltip-TooltipOverlay__Tail {
    position: absolute;
    top: calc(var(--p-space-200)*-1 + .05rem);
    left: calc(var(--pc-tooltip-chevron-x-pos) - var(--p-space-150) - var(--p-space-400))
}

.Analytics-UI-Components-Tooltip-TooltipOverlay.Analytics-UI-Components-Tooltip-TooltipOverlay--positionedAbove:after {
    top: auto;
    bottom: calc(var(--p-space-400)*-1);
    border-color: var(--p-color-bg-surface) transparent transparent transparent
}

.Analytics-UI-Components-Tooltip-TooltipOverlay.Analytics-UI-Components-Tooltip-TooltipOverlay--positionedAbove .Analytics-UI-Components-Tooltip-TooltipOverlay__Tail {
    top: unset;
    bottom: calc(var(--p-space-200)*-1);
    filter: drop-shadow(0 .1875rem .125rem rgba(26,26,26,.1))
}

.Analytics-UI-Components-Tooltip-TooltipOverlay--measuring {
    opacity: 0
}

.Analytics-UI-Components-Tooltip-TooltipOverlay--measured:not(.Analytics-UI-Components-Tooltip-TooltipOverlay--instant) {
    animation: var(--p-motion-keyframes-appear-below) var(--p-motion-duration-50) var(--p-motion-ease-out) var(--p-motion-duration-100) 1 both
}

@media (prefers-reduced-motion) {
    .Analytics-UI-Components-Tooltip-TooltipOverlay--measured:not(.Analytics-UI-Components-Tooltip-TooltipOverlay--instant) {
        animation: none
    }
}

.Analytics-UI-Components-Tooltip-TooltipOverlay--measured.Analytics-UI-Components-Tooltip-TooltipOverlay--positionedAbove:not(.Analytics-UI-Components-Tooltip-TooltipOverlay--instant) {
    animation: var(--p-motion-keyframes-appear-above) var(--p-motion-duration-50) var(--p-motion-ease-out) var(--p-motion-duration-100) 1 both
}

@media (prefers-reduced-motion) {
    .Analytics-UI-Components-Tooltip-TooltipOverlay--measured.Analytics-UI-Components-Tooltip-TooltipOverlay--positionedAbove:not(.Analytics-UI-Components-Tooltip-TooltipOverlay--instant) {
        animation: none
    }
}

.Analytics-UI-Components-Tooltip-TooltipOverlay--positionedAbove {
    margin: var(--p-space-100) var(--p-space-100) var(--pc-tooltip-overlay-offset)
}

.Analytics-UI-Components-Tooltip-TooltipOverlay__Content {
    position: relative;
    background-color: var(--p-color-bg-surface);
    color: var(--p-color-text);
    word-break: break-word;
    border-radius: var(--pc-tooltip-border-radius);
    padding: var(--pc-tooltip-padding)
}

.Analytics-UI-Components-Tooltip-TooltipOverlay--default {
    max-width: 12.5rem
}

.Analytics-UI-Components-Tooltip-TooltipOverlay--wide {
    max-width: 17.1875rem
}

[data-polaris-tooltip-activator] {
    outline: 0;
    position: relative
}

[data-polaris-tooltip-activator]:after {
    content: "";
    position: absolute;
    z-index: 1;
    top: -.0625rem;
    right: -.0625rem;
    bottom: -.0625rem;
    left: -.0625rem;
    display: block;
    pointer-events: none;
    box-shadow: 0 0 0 -.0625rem var(--p-color-border-focus);
    border-radius: var(--p-border-radius-100)
}

[data-polaris-tooltip-activator]:focus-visible:after {
    box-shadow: 0 0 0 .125rem var(--p-color-border-focus);
    outline: var(--p-border-width-025) solid transparent
}

.Analytics-UI-Components-Tooltip__TooltipContainer {
    display: flex
}

.Analytics-UI-Components-Tooltip__HasUnderline {
    border-bottom: var(--p-border-width-050) dotted var(--p-color-border)
}

.Analytics-UI-Components-CellText__Wrapper {
    overflow: auto
}

@media print {
    button:has(.Analytics-UI-Components-CellText__Wrapper) {
        height: -webkit-fit-content!important;
        height: -moz-fit-content!important;
        height: fit-content!important
    }
}

@media print {
    .Analytics-UI-Components-CellText__Wrapper * {
        overflow: hidden;
        white-space: initial;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2
    }
}

.Analytics-UI-Components-CellText__TooltipWrapper {
    min-width: 0
}

.Analytics-UI-Components-DefaultCellValues__Container {
    display: flex;
    flex-direction: column;
    gap: var(--p-space-100);
    width: 100%;
    min-width: 0
}

.Analytics-UI-Components-Cell {
    position: relative;
    margin: 0;
    text-wrap: nowrap;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: var(--p-space-200);
    height: 100%;
    width: 100%
}

@media print {
    .Analytics-UI-Components-Cell {
        min-width: 0!important
    }
}

.Analytics-UI-Components-Cell__HasPadding {
    padding: var(--p-space-200) var(--p-space-400)
}

.Analytics-UI-Components-Cell__AlignEnd {
    justify-content: end
}

@media print {
    .Analytics-UI-Components-Cell__AlignEnd {
        max-width: 100%
    }
}

.Analytics-UI-Components-Cell__AlignTop {
    align-items: start
}

.Analytics-UI-Components-Cell__Sticky {
    position: sticky;
    left: 0;
    z-index: var(--p-z-index-1);
    background: inherit;
    box-shadow: var(--p-space-025) 0 0 0 var(--p-color-border-secondary);
    height: auto
}

@media print {
    .Analytics-UI-Components-Cell__Sticky {
        position: relative
    }
}

.Analytics-UI-Components-Box--listReset {
    list-style-type: none;
    margin-block-start:0;margin-block-end:0;outline: none;
    padding-inline-start:0}

.Analytics-UI-Components-Box {
    --pc-box-padding-block-end-xs: initial;
    --pc-box-padding-block-end-sm: initial;
    --pc-box-padding-block-end-md: initial;
    --pc-box-padding-block-end-lg: initial;
    --pc-box-padding-block-end-xl: initial;
    padding-block-end:var(--pc-box-padding-block-end-xs)}

@media (min-width: 30.625em) {
    .Analytics-UI-Components-Box {
        padding-block-end:var( --pc-box-padding-block-end-sm, var(--pc-box-padding-block-end-xs) )
    }
}

@media (min-width: 48em) {
    .Analytics-UI-Components-Box {
        padding-block-end:var( --pc-box-padding-block-end-md, var( --pc-box-padding-block-end-sm, var(--pc-box-padding-block-end-xs) ) )
    }
}

@media (min-width: 65em) {
    .Analytics-UI-Components-Box {
        padding-block-end:var( --pc-box-padding-block-end-lg, var( --pc-box-padding-block-end-md, var( --pc-box-padding-block-end-sm, var(--pc-box-padding-block-end-xs) ) ) )
    }
}

@media (min-width: 90em) {
    .Analytics-UI-Components-Box {
        padding-block-end:var( --pc-box-padding-block-end-xl, var( --pc-box-padding-block-end-lg, var( --pc-box-padding-block-end-md, var( --pc-box-padding-block-end-sm, var(--pc-box-padding-block-end-xs) ) ) ) )
    }
}

.Analytics-UI-Components-Box {
    --pc-box-padding-block-start-xs: initial;
    --pc-box-padding-block-start-sm: initial;
    --pc-box-padding-block-start-md: initial;
    --pc-box-padding-block-start-lg: initial;
    --pc-box-padding-block-start-xl: initial;
    padding-block-start:var(--pc-box-padding-block-start-xs)}

@media (min-width: 30.625em) {
    .Analytics-UI-Components-Box {
        padding-block-start:var( --pc-box-padding-block-start-sm, var(--pc-box-padding-block-start-xs) )
    }
}

@media (min-width: 48em) {
    .Analytics-UI-Components-Box {
        padding-block-start:var( --pc-box-padding-block-start-md, var( --pc-box-padding-block-start-sm, var(--pc-box-padding-block-start-xs) ) )
    }
}

@media (min-width: 65em) {
    .Analytics-UI-Components-Box {
        padding-block-start:var( --pc-box-padding-block-start-lg, var( --pc-box-padding-block-start-md, var( --pc-box-padding-block-start-sm, var(--pc-box-padding-block-start-xs) ) ) )
    }
}

@media (min-width: 90em) {
    .Analytics-UI-Components-Box {
        padding-block-start:var( --pc-box-padding-block-start-xl, var( --pc-box-padding-block-start-lg, var( --pc-box-padding-block-start-md, var( --pc-box-padding-block-start-sm, var(--pc-box-padding-block-start-xs) ) ) ) )
    }
}

.Analytics-UI-Components-Box {
    --pc-box-padding-inline-start-xs: initial;
    --pc-box-padding-inline-start-sm: initial;
    --pc-box-padding-inline-start-md: initial;
    --pc-box-padding-inline-start-lg: initial;
    --pc-box-padding-inline-start-xl: initial;
    padding-inline-start:var(--pc-box-padding-inline-start-xs)}

@media (min-width: 30.625em) {
    .Analytics-UI-Components-Box {
        padding-inline-start:var( --pc-box-padding-inline-start-sm, var(--pc-box-padding-inline-start-xs) )
    }
}

@media (min-width: 48em) {
    .Analytics-UI-Components-Box {
        padding-inline-start:var( --pc-box-padding-inline-start-md, var( --pc-box-padding-inline-start-sm, var(--pc-box-padding-inline-start-xs) ) )
    }
}

@media (min-width: 65em) {
    .Analytics-UI-Components-Box {
        padding-inline-start:var( --pc-box-padding-inline-start-lg, var( --pc-box-padding-inline-start-md, var( --pc-box-padding-inline-start-sm, var(--pc-box-padding-inline-start-xs) ) ) )
    }
}

@media (min-width: 90em) {
    .Analytics-UI-Components-Box {
        padding-inline-start:var( --pc-box-padding-inline-start-xl, var( --pc-box-padding-inline-start-lg, var( --pc-box-padding-inline-start-md, var( --pc-box-padding-inline-start-sm, var(--pc-box-padding-inline-start-xs) ) ) ) )
    }
}

.Analytics-UI-Components-Box {
    --pc-box-padding-inline-end-xs: initial;
    --pc-box-padding-inline-end-sm: initial;
    --pc-box-padding-inline-end-md: initial;
    --pc-box-padding-inline-end-lg: initial;
    --pc-box-padding-inline-end-xl: initial;
    padding-inline-end:var(--pc-box-padding-inline-end-xs)}

@media (min-width: 30.625em) {
    .Analytics-UI-Components-Box {
        padding-inline-end:var( --pc-box-padding-inline-end-sm, var(--pc-box-padding-inline-end-xs) )
    }
}

@media (min-width: 48em) {
    .Analytics-UI-Components-Box {
        padding-inline-end:var( --pc-box-padding-inline-end-md, var( --pc-box-padding-inline-end-sm, var(--pc-box-padding-inline-end-xs) ) )
    }
}

@media (min-width: 65em) {
    .Analytics-UI-Components-Box {
        padding-inline-end:var( --pc-box-padding-inline-end-lg, var( --pc-box-padding-inline-end-md, var( --pc-box-padding-inline-end-sm, var(--pc-box-padding-inline-end-xs) ) ) )
    }
}

@media (min-width: 90em) {
    .Analytics-UI-Components-Box {
        padding-inline-end:var( --pc-box-padding-inline-end-xl, var( --pc-box-padding-inline-end-lg, var( --pc-box-padding-inline-end-md, var( --pc-box-padding-inline-end-sm, var(--pc-box-padding-inline-end-xs) ) ) ) )
    }
}

.Analytics-UI-Components-Box {
    --pc-box-shadow: initial;
    --pc-box-background: initial;
    --pc-box-border-radius: initial;
    --pc-box-border-end-start-radius: var(--pc-box-border-radius);
    --pc-box-border-end-end-radius: var(--pc-box-border-radius);
    --pc-box-border-start-start-radius: var(--pc-box-border-radius);
    --pc-box-border-start-end-radius: var(--pc-box-border-radius);
    --pc-box-color: initial;
    --pc-box-min-height: initial;
    --pc-box-min-width: initial;
    --pc-box-max-width: initial;
    --pc-box-outline-color: initial;
    --pc-box-outline-style: initial;
    --pc-box-outline-width: initial;
    --pc-box-overflow-x: initial;
    --pc-box-overflow-y: initial;
    --pc-box-width: initial;
    --pc-box-border-style: initial;
    --pc-box-border-color: initial;
    --pc-box-border-width: 0;
    --pc-box-border-block-start-width: var(--pc-box-border-width);
    --pc-box-border-block-end-width: var(--pc-box-border-width);
    --pc-box-border-inline-start-width: var(--pc-box-border-width);
    --pc-box-border-inline-end-width: var(--pc-box-border-width);
    --pc-box-inset-block-start: initial;
    --pc-box-inset-block-end: initial;
    --pc-box-inset-inline-start: initial;
    --pc-box-inset-inline-end: initial;
    inset-block-start: var(--pc-box-inset-block-start);
    inset-block-end: var(--pc-box-inset-block-end);
    inset-inline-start: var(--pc-box-inset-inline-start);
    inset-inline-end: var(--pc-box-inset-inline-end);
    background-color: var(--pc-box-background);
    box-shadow: var(--pc-box-shadow);
    border-end-start-radius: var(--pc-box-border-end-start-radius);
    border-end-end-radius: var(--pc-box-border-end-end-radius);
    border-start-start-radius: var(--pc-box-border-start-start-radius);
    border-start-end-radius: var(--pc-box-border-start-end-radius);
    border-color: var(--pc-box-border-color);
    border-style: var(--pc-box-border-style);
    border-block-start-width:var(--pc-box-border-block-start-width);border-block-end-width: var(--pc-box-border-block-end-width);
    border-inline-start-width:var(--pc-box-border-inline-start-width);border-inline-end-width: var(--pc-box-border-inline-end-width);
    color: var(--pc-box-color);
    min-height: var(--pc-box-min-height);
    min-width: var(--pc-box-min-width);
    max-width: var(--pc-box-max-width);
    outline-color: var(--pc-box-outline-color);
    outline-style: var(--pc-box-outline-style);
    outline-width: var(--pc-box-outline-width);
    overflow-x: var(--pc-box-overflow-x);
    overflow-y: var(--pc-box-overflow-y);
    width: var(--pc-box-width);
    -webkit-overflow-scrolling: touch
}

.Analytics-UI-Components-Box--visuallyHidden {
    position: absolute!important;
    top: 0;
    width: .0625rem!important;
    height: .0625rem!important;
    margin: 0!important;
    padding: 0!important;
    overflow: hidden!important;
    clip-path: inset(50%)!important;
    border: 0!important;
    white-space: nowrap!important
}

@media print {
    .Analytics-UI-Components-Box--printHidden {
        display: none!important
    }
}

.Analytics-UI-Components-Popover {
    --pc-popover-visible-portion-of-arrow: .3125rem;
    --pc-popover-vertical-motion-offset: -.3125rem;
    max-width: calc(100vw - var(--p-space-800));
    margin: var(--pc-popover-visible-portion-of-arrow) var(--p-space-200) var(--p-space-400);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    will-change: left,top;
    box-shadow: var(--p-shadow-300);
    border-radius: var(--p-border-radius-300)
}

.Analytics-UI-Components-Popover__PopoverOverlay {
    opacity: 0;
    transition: opacity var(--p-motion-duration-100) var(--p-motion-ease),transform var(--p-motion-duration-100) var(--p-motion-ease);
    transform: translateY(var(--pc-popover-vertical-motion-offset))
}

.Analytics-UI-Components-Popover__PopoverOverlay--noAnimation {
    transition: opacity var(--p-motion-duration-100) var(--p-motion-ease)
}

.Analytics-UI-Components-Popover__PopoverOverlay--entering {
    opacity: 1;
    transform: translateY(0)
}

.Analytics-UI-Components-Popover__PopoverOverlay--open {
    opacity: 1;
    transform: none
}

.Analytics-UI-Components-Popover--measuring:not(.Analytics-UI-Components-Popover__PopoverOverlay--exiting) {
    opacity: 0;
    transform: translateY(var(--pc-popover-vertical-motion-offset))
}

.Analytics-UI-Components-Popover--fullWidth {
    margin: var(--pc-popover-visible-portion-of-arrow) auto 0 auto
}

.Analytics-UI-Components-Popover--fullWidth .Analytics-UI-Components-Popover__Content {
    max-width: none
}

.Analytics-UI-Components-Popover--positionedAbove {
    margin: var(--p-space-400) var(--p-space-200) var(--pc-popover-visible-portion-of-arrow)
}

.Analytics-UI-Components-Popover--positionedAbove.Analytics-UI-Components-Popover--fullWidth {
    margin: 0 auto var(--pc-popover-visible-portion-of-arrow) auto
}

.Analytics-UI-Components-Popover--positionedCover {
    margin: 0;
    border-radius: var(--p-border-radius-200)
}

.Analytics-UI-Components-Popover--positionedCover .Analytics-UI-Components-Popover__ContentContainer {
    border-radius: var(--p-border-radius-200)
}

.Analytics-UI-Components-Popover__ContentContainer {
    position: relative;
    overflow: hidden;
    background: var(--p-color-bg-surface);
    border-radius: var(--p-space-300);
    isolation: isolate
}

.Analytics-UI-Components-Popover__Content {
    position: relative;
    display: flex;
    flex-direction: column;
    border-radius: var(--p-border-radius-100);
    max-width: 25rem;
    max-height: 31.25rem
}

.Analytics-UI-Components-Popover__Content:focus {
    outline: none
}

.Analytics-UI-Components-Popover__Content--fullHeight {
    max-height: 100vh
}

.Analytics-UI-Components-Popover__Content--fluidContent {
    max-height: none;
    max-width: none
}

.Analytics-UI-Components-Popover__Pane {
    flex: 1 1 auto;
    max-width: 100%
}

.Analytics-UI-Components-Popover__Pane:focus {
    outline: none
}

.Analytics-UI-Components-Popover__Pane--fixed {
    overflow: visible;
    flex: 0 0 auto
}

.Analytics-UI-Components-Popover__Pane--subdued {
    background-color: var(--p-color-bg-surface-secondary)
}

.Analytics-UI-Components-Popover__Pane--captureOverscroll {
    overscroll-behavior: contain
}

.Analytics-UI-Components-Popover__Section+.Analytics-UI-Components-Popover__Section {
    border-top: var(--p-border-width-025) solid var(--p-color-border-secondary)
}

.Analytics-UI-Components-Popover__FocusTracker {
    position: absolute!important;
    top: 0;
    width: .0625rem!important;
    height: .0625rem!important;
    margin: 0!important;
    padding: 0!important;
    overflow: hidden!important;
    clip-path: inset(50%)!important;
    border: 0!important;
    white-space: nowrap!important
}

@media print {
    .Analytics-UI-Components-Popover__PopoverOverlay--hideOnPrint {
        display: none!important
    }
}

.Analytics-UI-Components-ProductsBasketCell__ProductNamesWrapper {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    margin-left: var(--p-space-200);
    overflow: hidden;
    flex: 1 1
}

@media (max-width: 30.6225em) {
    .Analytics-UI-Components-ProductsBasketCell__ProductNamesWrapper {
        display:none
    }
}

.Analytics-UI-Components-ProductsBasketCell__ProductNamesWrapper.Analytics-UI-Components-ProductsBasketCell__ListView {
    width: 100%
}

.Analytics-UI-Components-ProductsBasketCell__ProductNamesWrapper p {
    flex: 1 1
}

.Analytics-UI-Components-ProductsBasketCell__ProductsListWrapper {
    display: flex;
    flex-direction: column;
    height: 100%
}

.Analytics-UI-Components-ProductsBasketCell__ProductsListItemsWrapper {
    display: flex;
    flex-direction: column;
    align-items: normal;
    justify-content: normal;
    gap: var(--p-space-150);
    width: 90%;
    flex: 1 1;
    max-width: 21.875rem
}

.Analytics-UI-Components-ProductsBasketCell__ProductsListItemsWrapper:not(.Analytics-UI-Components-ProductsBasketCell__ListView) {
    max-width: -webkit-max-content;
    max-width: max-content
}

.Analytics-UI-Components-ProductsBasketCell__ProductsListPopover {
    padding: var(--p-space-200);
    margin: 0;
    flex: 1 1;
    overflow-y: auto
}

.Analytics-UI-Components-ProductsBasketCell__ProductsListPopover:not(.Analytics-UI-Components-ProductsBasketCell__CompactMode) {
    padding: var(--p-space-100)
}

.Analytics-UI-Components-ProductsBasketCell__ProductsListPopover ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-direction: column;
    min-width: 21.875rem;
    max-height: 16.25rem
}

@media (max-width: 30.6225em) {
    .Analytics-UI-Components-ProductsBasketCell__ProductsListPopover ul {
        max-height:none;
        min-width: auto
    }
}

@media (max-width: 47.9975em) {
    .Analytics-UI-Components-ProductsBasketCell__ProductsListPopover ul {
        max-height:none;
        min-width: 15.625rem
    }
}

.Analytics-UI-Components-ProductsBasketCell__ProductsListPopover.Analytics-UI-Components-ProductsBasketCell__CompactMode ul {
    gap: var(--p-space-100)
}

@media (max-width: 30.6225em) {
    .Analytics-UI-Components-ProductsBasketCell__ProductsListPopover:not(.Analytics-UI-Components-ProductsBasketCell__CompactMode) li {
        border-bottom:.0625rem solid var(--p-color-bg-surface-tertiary)
    }
}

.Analytics-UI-Components-ProductsBasketCell__PopoverProduct {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    border-radius: var(--p-space-200);
    padding: var(--p-space-200);
    cursor: pointer;
    text-decoration: none;
    color: inherit
}

.Analytics-UI-Components-ProductsBasketCell__PopoverProduct>div {
    flex: 1 1
}

.Analytics-UI-Components-ProductsBasketCell__PopoverProduct:hover {
    background-color: var(--p-color-bg-surface-active)
}

.Analytics-UI-Components-ProductsBasketCell__MoreProductsLabelWrapper {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    border-radius: var(--p-space-200);
    padding: var(--p-space-100);
    margin-left: var(--p-space-500)
}

.Analytics-UI-Components-ProductsBasketCell__MoreProductsLabelWrapper.Analytics-UI-Components-ProductsBasketCell__CompactMode {
    cursor: pointer
}

.Analytics-UI-Components-ProductsBasketCell__MoreProductsLabelWrapper.Analytics-UI-Components-ProductsBasketCell__CompactMode:hover {
    background-color: var(--p-color-bg-surface-active)
}

.Analytics-UI-Components-ProductsBasketCell__ProductsActions {
    padding: var(--p-space-300);
    padding-top: var(--p-space-150)
}

.Analytics-UI-Components-ProductsBasketCell__ProductsActions.Analytics-UI-Components-ProductsBasketCell__Scrollable {
    border-top: .0625rem solid var(--p-color-border)
}

.Analytics-UI-Components-ProductsBasketCell__ProductsBasket {
    display: flex;
    white-space: break-spaces;
    align-items: center;
    gap: var(--p-space-100)
}

.Analytics-UI-Components-ProductsBasketCell__ProductsBasket:not(.Analytics-UI-Components-ProductsBasketCell__ListView) {
    margin: var(--p-space-200);
    container-type: inline-size;
    container-name: product-cell
}

.Analytics-UI-Components-ProductsBasketCell__ProductsBasket.Analytics-UI-Components-ProductsBasketCell__ListView {
    padding: var(--p-space-050)
}

.Analytics-UI-Components-ProductsBasketCell {
    white-space: break-spaces
}

@media (max-width: 30.6225em) {
    .Analytics-UI-Components-ProductsBasketCell {
        width:100%
    }
}

.Analytics-UI-Components-ProductsBasketCell.Analytics-UI-Components-ProductsBasketCell__ListView {
    width: 100%
}

.Analytics-UI-Components-ProductsBasketCell .Analytics-UI-Components-ProductsBasketCell--analyticsUiComponentsButtonIcon {
    display: none
}

.Analytics-UI-Components-ProductsBasketCell__DownArrow {
    display: none;
    flex-shrink: 0;
    width: var(--p-width-600);
    margin-left: var(--p-space-100)
}

.Analytics-UI-Components-ProductsBasketCell:hover .Analytics-UI-Components-ProductsBasketCell__DownArrow,.Analytics-UI-Components-ProductsBasketCell__DownArrowActive {
    display: flex
}

.Analytics-UI-Components-ProductsBasketCell__VariantInfo {
    flex: 1 1
}

.Analytics-UI-Components-ProductsBasketCell__ThumbnailWrapper {
    border: var(--p-width-050) solid var(--p-color-bg-surface);
    border-radius: var(--p-border-radius-200);
    background-color: var(--p-color-bg-surface-secondary);
    box-shadow: var(--p-shadow-200);
    margin-top: var(--p-space-050);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--p-color-text-secondary);
    font-size: var(--p-font-size-275);
    font-weight: var(--p-font-weight-medium);
    width: var(--p-width-800)
}

@media (max-width: 30.6225em) {
    .Analytics-UI-Components-ProductsBasketCell__ThumbnailWrapper {
        width:var(--p-width-1000)
    }
}

.Analytics-UI-Components-ProductsBasketCell__ThumbnailWrapper span:after {
    box-shadow: none
}

.Analytics-UI-Components-ProductsBasketCell__IconButton {
    position: absolute;
    padding: 0;
    border: none;
    background: none;
    cursor: pointer
}

.Analytics-UI-Components-ProductsBasketCell__IconButton svg {
    color: var(--p-color-bg-fill-inverse)
}

.Analytics-UI-Components-ProductsBasketCell__MobileBackground {
    background: var(--p-color-bg-surface);
    padding-inline:var(--p-space-100)}

.Analytics-UI-Components-ProductsBasketCell__OverlayBackground {
    --overlay-transition: opacity var(--p-motion-duration-300) var(--p-motion-ease-in-out), transform var(--p-motion-duration-300) var(--p-motion-ease-in-out);
    --top-bar-height: 3.5rem;
    --z-index-518: 518;
    position: fixed;
    z-index: var(--z-index-518);
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    top: var(--top-bar-height);
    background: var(--p-color-bg-surface);
    display: flex;
    flex-direction: column;
    border-top-left-radius: var(--p-border-radius-300);
    border-top-right-radius: var(--p-border-radius-300)
}

.Analytics-UI-Components-ProductsBasketCell__BasketItemsMobilePopover {
    display: flex;
    flex-direction: column;
    max-height: 90%;
    flex: 1 1
}

.Analytics-UI-Components-ProductsBasketCell__SeriesColorIndicator {
    height: var(--p-space-200);
    width: var(--p-space-200);
    border-radius: var(--p-border-radius-full);
    flex: none
}

@media print {
    .Analytics-UI-Components-ProductsBasketCell__SeriesColorIndicator {
        display: none
    }
}

.Analytics-UI-Components-ProductsBasketCell__ProductBlock {
    max-width: 20rem
}

.Analytics-UI-Components-ProductsBasketCell__ProductBlock>span {
    margin-bottom: var(--p-space-050)
}

.Analytics-UI-Components-ProductsBasketCell__ProductsWrapper {
    padding: var(--p-space-100);
    display: flex;
    flex-direction: column;
    gap: var(--p-space-150);
    overflow: hidden;
    flex: 1 1
}

.Analytics-UI-Components-ProductsBasketCell__ProductsWrapper>p {
    padding-left: 1.75rem
}

.metric-table-cell-hovered .Analytics-UI-Components-ProductsBasketCell__WithPopover,.Analytics-UI-Components-ProductsBasketCell__WithPopover:hover {
    cursor: pointer;
    border-radius: var(--p-space-200);
    box-shadow: 0 0 0 .0625rem var(--p-color-border-tertiary)
}

:is(.metric-table-cell-hovered .Analytics-UI-Components-ProductsBasketCell__WithPopover,.Analytics-UI-Components-ProductsBasketCell__WithPopover:hover) .Analytics-UI-Components-ProductsBasketCell__CaretIconWrapper {
    display: block
}

@media (max-width: 47.9975em) {
    .metric-table-cell-hovered .Analytics-UI-Components-ProductsBasketCell__WithPopover,.Analytics-UI-Components-ProductsBasketCell__WithPopover:hover {
        box-shadow:none
    }
}

.Analytics-UI-Components-ProductsBasketCell__Highlight {
    cursor: pointer;
    border-radius: var(--p-space-200);
    box-shadow: 0 0 0 .0625rem var(--p-color-border-tertiary)
}

.Analytics-UI-Components-ProductsBasketCell__Highlight .Analytics-UI-Components-ProductsBasketCell__CaretIconWrapper {
    display: block
}

@media (max-width: 47.9975em) {
    .Analytics-UI-Components-ProductsBasketCell__Highlight {
        box-shadow:none
    }
}

.Analytics-UI-Components-ProductsBasketCell__ProductTitleWrapper {
    max-width: 100%
}

.Analytics-UI-Components-ProductsBasketCell__ProductTitleWrapper span {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    white-space: normal
}

@media (max-width: 30.6225em) {
    .Analytics-UI-Components-ProductsBasketCell__ProductTitleWrapper {
        font-weight:600
    }
}

.Analytics-UI-Components-ProductsBasketCell__Enter {
    transform: translateY(100%)
}

.Analytics-UI-Components-ProductsBasketCell__EnterActive {
    transform: translateY(0);
    transition: var(--overlay-transition)
}

.Analytics-UI-Components-ProductsBasketCell__Exit {
    transform: translateY(0)
}

.Analytics-UI-Components-ProductsBasketCell__ExitActive {
    transform: translateY(100%);
    transition: var(--overlay-transition)
}

.Analytics-UI-Components-ProductsBasketCell__CaretIconWrapper {
    display: none
}

@media (max-width: 30.6225em) {
    .Analytics-UI-Components-ProductsBasketCell__CaretIconWrapper {
        display:block;
        transform: rotate(-90deg);
        color: var(--p-color-icon-secondary)
    }
}

.Analytics-UI-Components-Icon s-internal-icon {
    display: block
}

.Analytics-UI-Components-InlineStack {
    --pc-inline-stack-row-gap-xs: initial;
    --pc-inline-stack-row-gap-sm: initial;
    --pc-inline-stack-row-gap-md: initial;
    --pc-inline-stack-row-gap-lg: initial;
    --pc-inline-stack-row-gap-xl: initial;
    row-gap: var(--pc-inline-stack-row-gap-xs)
}

@media (min-width: 30.625em) {
    .Analytics-UI-Components-InlineStack {
        row-gap:var( --pc-inline-stack-row-gap-sm, var(--pc-inline-stack-row-gap-xs) )
    }
}

@media (min-width: 48em) {
    .Analytics-UI-Components-InlineStack {
        row-gap:var( --pc-inline-stack-row-gap-md, var( --pc-inline-stack-row-gap-sm, var(--pc-inline-stack-row-gap-xs) ) )
    }
}

@media (min-width: 65em) {
    .Analytics-UI-Components-InlineStack {
        row-gap:var( --pc-inline-stack-row-gap-lg, var( --pc-inline-stack-row-gap-md, var( --pc-inline-stack-row-gap-sm, var(--pc-inline-stack-row-gap-xs) ) ) )
    }
}

@media (min-width: 90em) {
    .Analytics-UI-Components-InlineStack {
        row-gap:var( --pc-inline-stack-row-gap-xl, var( --pc-inline-stack-row-gap-lg, var( --pc-inline-stack-row-gap-md, var( --pc-inline-stack-row-gap-sm, var(--pc-inline-stack-row-gap-xs) ) ) ) )
    }
}

.Analytics-UI-Components-InlineStack {
    --pc-inline-stack-column-gap-xs: initial;
    --pc-inline-stack-column-gap-sm: initial;
    --pc-inline-stack-column-gap-md: initial;
    --pc-inline-stack-column-gap-lg: initial;
    --pc-inline-stack-column-gap-xl: initial;
    column-gap: var(--pc-inline-stack-column-gap-xs)
}

@media (min-width: 30.625em) {
    .Analytics-UI-Components-InlineStack {
        column-gap:var( --pc-inline-stack-column-gap-sm, var(--pc-inline-stack-column-gap-xs) )
    }
}

@media (min-width: 48em) {
    .Analytics-UI-Components-InlineStack {
        column-gap:var( --pc-inline-stack-column-gap-md, var( --pc-inline-stack-column-gap-sm, var(--pc-inline-stack-column-gap-xs) ) )
    }
}

@media (min-width: 65em) {
    .Analytics-UI-Components-InlineStack {
        column-gap:var( --pc-inline-stack-column-gap-lg, var( --pc-inline-stack-column-gap-md, var( --pc-inline-stack-column-gap-sm, var(--pc-inline-stack-column-gap-xs) ) ) )
    }
}

@media (min-width: 90em) {
    .Analytics-UI-Components-InlineStack {
        column-gap:var( --pc-inline-stack-column-gap-xl, var( --pc-inline-stack-column-gap-lg, var( --pc-inline-stack-column-gap-md, var( --pc-inline-stack-column-gap-sm, var(--pc-inline-stack-column-gap-xs) ) ) ) )
    }
}

.Analytics-UI-Components-InlineStack {
    --pc-inline-stack-flex-direction-xs: initial;
    --pc-inline-stack-flex-direction-sm: initial;
    --pc-inline-stack-flex-direction-md: initial;
    --pc-inline-stack-flex-direction-lg: initial;
    --pc-inline-stack-flex-direction-xl: initial;
    flex-direction: var(--pc-inline-stack-flex-direction-xs)
}

@media (min-width: 30.625em) {
    .Analytics-UI-Components-InlineStack {
        flex-direction:var( --pc-inline-stack-flex-direction-sm, var(--pc-inline-stack-flex-direction-xs) )
    }
}

@media (min-width: 48em) {
    .Analytics-UI-Components-InlineStack {
        flex-direction:var( --pc-inline-stack-flex-direction-md, var( --pc-inline-stack-flex-direction-sm, var(--pc-inline-stack-flex-direction-xs) ) )
    }
}

@media (min-width: 65em) {
    .Analytics-UI-Components-InlineStack {
        flex-direction:var( --pc-inline-stack-flex-direction-lg, var( --pc-inline-stack-flex-direction-md, var( --pc-inline-stack-flex-direction-sm, var(--pc-inline-stack-flex-direction-xs) ) ) )
    }
}

@media (min-width: 90em) {
    .Analytics-UI-Components-InlineStack {
        flex-direction:var( --pc-inline-stack-flex-direction-xl, var( --pc-inline-stack-flex-direction-lg, var( --pc-inline-stack-flex-direction-md, var( --pc-inline-stack-flex-direction-sm, var(--pc-inline-stack-flex-direction-xs) ) ) ) )
    }
}

.Analytics-UI-Components-InlineStack {
    display: flex;
    flex-wrap: var(--pc-inline-stack-wrap);
    align-items: var(--pc-inline-stack-block-align);
    justify-content: var(--pc-inline-stack-align)
}

.Analytics-UI-Components-Thumbnail {
    --pc-thumbnail-extra-small-size: 1.5rem;
    --pc-thumbnail-small-size: 2.5rem;
    --pc-thumbnail-medium-size: 3.75rem;
    --pc-thumbnail-large-size: 5rem;
    position: relative;
    display: block;
    overflow: hidden;
    background: var(--p-color-bg-surface);
    min-width: var(--pc-thumbnail-extra-small-size);
    max-width: 100%;
    border-radius: var(--p-border-radius-200)
}

.Analytics-UI-Components-Thumbnail:after {
    content: "";
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute;
    border-radius: var(--p-border-radius-200);
    box-shadow: var(--p-shadow-border-inset);
    display: block;
    padding-bottom: 100%
}

.Analytics-UI-Components-Thumbnail.Analytics-UI-Components-Thumbnail--sizeExtraSmall,.Analytics-UI-Components-Thumbnail.Analytics-UI-Components-Thumbnail--sizeExtraSmall:after {
    border-radius: var(--p-border-radius-150)
}

.Analytics-UI-Components-Thumbnail:before {
    content: "";
    display: block;
    padding-bottom: 100%
}

.Analytics-UI-Components-Thumbnail--sizeExtraSmall {
    width: var(--pc-thumbnail-extra-small-size)
}

.Analytics-UI-Components-Thumbnail--sizeSmall {
    width: var(--pc-thumbnail-small-size)
}

.Analytics-UI-Components-Thumbnail--sizeMedium {
    width: var(--pc-thumbnail-medium-size)
}

.Analytics-UI-Components-Thumbnail--sizeLarge {
    width: var(--pc-thumbnail-large-size)
}

.Analytics-UI-Components-Thumbnail--transparent {
    background: transparent
}

.Analytics-UI-Components-Thumbnail>* {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    max-width: 100%;
    max-height: 100%;
    color: var(--p-color-icon-secondary)
}

.Analytics-UI-Components-Thumbnail__IconWrapper {
    display: flex;
    justify-content: center;
    align-items: center
}

.Analytics-UI-Components-SkeletonThumbnail {
    --pc-skeleton-thumbnail-extra-small-size: 1.5rem;
    --pc-skeleton-thumbnail-small-size: 2.5rem;
    --pc-skeleton-thumbnail-medium-size: 3.75rem;
    --pc-skeleton-thumbnail-large-size: 5rem;
    display: flex;
    background-color: var(--p-color-bg-fill-tertiary);
    border-radius: var(--p-border-radius-200)
}

@media screen and (-ms-high-contrast: active) {
    .Analytics-UI-Components-SkeletonThumbnail {
        background-color: grayText
    }
}

.Analytics-UI-Components-SkeletonThumbnail--sizeExtraSmall {
    height: var(--pc-skeleton-thumbnail-extra-small-size);
    width: var(--pc-skeleton-thumbnail-extra-small-size)
}

.Analytics-UI-Components-SkeletonThumbnail--sizeSmall {
    height: var(--pc-skeleton-thumbnail-small-size);
    width: var(--pc-skeleton-thumbnail-small-size)
}

.Analytics-UI-Components-SkeletonThumbnail--sizeMedium {
    height: var(--pc-skeleton-thumbnail-medium-size);
    width: var(--pc-skeleton-thumbnail-medium-size)
}

.Analytics-UI-Components-SkeletonThumbnail--sizeLarge {
    height: var(--pc-skeleton-thumbnail-large-size);
    width: var(--pc-skeleton-thumbnail-large-size)
}

.Analytics-UI-Components-ProductListItem__TextWrapper {
    max-width: 100%;
    overflow: hidden
}

.Analytics-UI-Components-ProductListItem__SkeletonThumbnail {
    flex-shrink: 0
}

.Analytics-UI-Components-Truncate__TooltipWrapper {
    display: block
}

.Analytics-UI-Components-Truncate__TooltipWrapper>* {
    max-width: 100%
}

.Analytics-UI-Components-Truncate__MinWidth {
    min-width: 0
}

.Analytics-UI-Components-Truncate__TitleText {
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.Analytics-UI-Components-LegacyIcon__Icon {
    display: block;
    height: 1.25rem;
    width: 1.25rem
}

.Analytics-UI-Components-LegacyIcon__Icon svg,.Analytics-UI-Components-LegacyIcon__Icon img {
    width: 100%
}

.Analytics-UI-Components-LegacyIcon__Icon svg {
    fill: currentColor
}

.Analytics-UI-Components-LegacyIcon__Placeholder {
    background: var(--p-color-bg-fill-tertiary);
    border-radius: var(--p-border-radius-100)
}

.Analytics-UI-Components-LegacyIcon__SvgSmScreen {
    display: unset
}

@media (min-width: 48em),(hover) and (pointer: fine) {
    .Analytics-UI-Components-LegacyIcon__SvgSmScreen {
        display:none
    }
}

.Analytics-UI-Components-LegacyIcon__SvgLgScreen {
    display: none
}

@media (min-width: 48em),(hover) and (pointer: fine) {
    .Analytics-UI-Components-LegacyIcon__SvgLgScreen {
        display:unset
    }
}

.Analytics-UI-Components-LegacyIcon--toneInherit svg {
    color: inherit
}

.Analytics-UI-Components-LegacyIcon--toneBase svg {
    color: var(--p-color-icon)
}

.Analytics-UI-Components-LegacyIcon--toneSubdued svg {
    color: var(--p-color-icon-secondary)
}

.Analytics-UI-Components-LegacyIcon--toneCaution svg {
    color: var(--p-color-icon-caution)
}

.Analytics-UI-Components-LegacyIcon--toneWarning svg {
    color: var(--p-color-icon-warning)
}

.Analytics-UI-Components-LegacyIcon--toneCritical svg {
    color: var(--p-color-icon-critical)
}

.Analytics-UI-Components-LegacyIcon--toneInteractive svg {
    color: var(--p-color-icon-highlight)
}

.Analytics-UI-Components-LegacyIcon--toneInfo svg {
    color: var(--p-color-icon-info)
}

.Analytics-UI-Components-LegacyIcon--toneSuccess svg {
    color: var(--p-color-icon-success)
}

.Analytics-UI-Components-LegacyIcon--tonePrimary svg {
    color: var(--p-color-icon-brand)
}

.Analytics-UI-Components-LegacyIcon--toneEmphasis svg {
    color: var(--p-color-icon-highlight)
}

.Analytics-UI-Components-LegacyIcon--toneMagic svg {
    color: var(--p-color-icon-ai)
}

.Analytics-UI-Components-LegacyIcon--toneTextCaution svg {
    color: var(--p-color-text-caution)
}

.Analytics-UI-Components-LegacyIcon--toneTextWarning svg {
    color: var(--p-color-text-warning)
}

.Analytics-UI-Components-LegacyIcon--toneTextCritical svg {
    color: var(--p-color-text-critical)
}

.Analytics-UI-Components-LegacyIcon--toneTextInfo svg {
    color: var(--p-color-text-info)
}

.Analytics-UI-Components-LegacyIcon--toneTextPrimary svg {
    color: var(--p-color-text-brand)
}

.Analytics-UI-Components-LegacyIcon--toneTextSuccess svg {
    color: var(--p-color-text-success)
}

.Analytics-UI-Components-LegacyIcon--toneTextMagic svg {
    color: var(--p-color-text-ai)
}

.Analytics-UI-Components-Spinner svg {
    animation: var(--p-motion-keyframes-spin) var(--p-motion-duration-500) linear infinite;
    color: var(--p-color-bg-fill-brand);
    fill: currentColor
}

.Analytics-UI-Components-Spinner--sizeSmall svg {
    height: 1.25rem;
    width: 1.25rem
}

.Analytics-UI-Components-Spinner--sizeLarge svg {
    height: 2.75rem;
    width: 2.75rem
}

.Analytics-UI-Components-Button {
    --pc-button-gap: var(--p-space-050);
    --pc-button-bg: transparent;
    --pc-button-bg_hover: var(--pc-button-bg);
    --pc-button-bg_active: var(--pc-button-bg);
    --pc-button-bg_pressed: var(--pc-button-bg_active);
    --pc-button-bg_disabled: var(--p-color-bg-fill-disabled);
    --pc-button-color: inherit;
    --pc-button-color_hover: var(--pc-button-color);
    --pc-button-color_active: var(--pc-button-color);
    --pc-button-color_pressed: var(--pc-button-color_active);
    --pc-button-color_disabled: var(--p-color-text-disabled);
    --pc-button-box-shadow: transparent;
    --pc-button-box-shadow_hover: transparent;
    --pc-button-box-shadow_active: transparent;
    --pc-button-box-shadow_pressed: transparent;
    --pc-button-box-shadow_disabled: transparent
}

@media (hover) and (pointer: fine),(min-width: 48em) {
    .Analytics-UI-Components-Button {
        --pc-button-box-shadow_hover:var(--pc-button-box-shadow);
        --pc-button-box-shadow_active: var(--pc-button-box-shadow);
        --pc-button-box-shadow_pressed: var(--pc-button-box-shadow_active);
        --pc-button-box-shadow_disabled: var(--pc-button-box-shadow)
    }
}

.Analytics-UI-Components-Button {
    --pc-button-icon-fill: currentColor;
    --pc-button-icon-fill_hover: var(--pc-button-icon-fill);
    --pc-button-icon-fill_active: var(--pc-button-icon-fill);
    --pc-button-icon-fill_pressed: var(--pc-button-icon-fill_active);
    --pc-button-icon-fill_disabled: var(--p-color-icon-disabled);
    all: unset;
    position: relative;
    box-sizing: border-box;
    display: inline-flex;
    align-items: center;
    gap: var(--pc-button-gap);
    padding: var(--pc-button-padding-block) var(--pc-button-padding-inline);
    background: var(--pc-button-bg);
    border: none;
    border-radius: var(--p-border-radius-200);
    box-shadow: var(--pc-button-box-shadow);
    color: var(--pc-button-color);
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none;
    touch-action: manipulation;
    -webkit-tap-highlight-color: transparent
}

.Analytics-UI-Components-Button.Analytics-UI-Components-Button s-internal-icon,.Analytics-UI-Components-Button.Analytics-UI-Components-Button svg {
    color: var(--pc-button-icon-fill)
}

:is(.Analytics-UI-Components-Button.Analytics-UI-Components-Button:active,.Analytics-UI-Components-Button.Analytics-UI-Components-Button[data-state=open]) s-internal-icon,:is(.Analytics-UI-Components-Button.Analytics-UI-Components-Button:active,.Analytics-UI-Components-Button.Analytics-UI-Components-Button[data-state=open]) svg {
    color: var(--pc-button-icon-fill_active)
}

:is(.Analytics-UI-Components-Button.Analytics-UI-Components-Button:disabled,.Analytics-UI-Components-Button.Analytics-UI-Components-Button[disabled],.Analytics-UI-Components-Button--disabled.Analytics-UI-Components-Button--disabled) s-internal-icon,:is(.Analytics-UI-Components-Button.Analytics-UI-Components-Button:disabled,.Analytics-UI-Components-Button.Analytics-UI-Components-Button[disabled],.Analytics-UI-Components-Button--disabled.Analytics-UI-Components-Button--disabled) svg {
    color: var(--pc-button-icon-fill_disabled)
}

:is(.Analytics-UI-Components-Button--pressed.Analytics-UI-Components-Button--pressed,.Analytics-UI-Components-Button--pressed.Analytics-UI-Components-Button--pressed:hover,.Analytics-UI-Components-Button--pressed.Analytics-UI-Components-Button--pressed:active,.Analytics-UI-Components-Button--pressed.Analytics-UI-Components-Button--pressed:focus-visible) s-internal-icon,:is(.Analytics-UI-Components-Button--pressed.Analytics-UI-Components-Button--pressed,.Analytics-UI-Components-Button--pressed.Analytics-UI-Components-Button--pressed:hover,.Analytics-UI-Components-Button--pressed.Analytics-UI-Components-Button--pressed:active,.Analytics-UI-Components-Button--pressed.Analytics-UI-Components-Button--pressed:focus-visible) svg {
    color: var(--pc-button-icon-fill_pressed)
}

@media (hover) and (pointer: fine) {
    .Analytics-UI-Components-Button:hover {
        background:var(--pc-button-bg_hover);
        color: var(--pc-button-color_hover)
    }

    .Analytics-UI-Components-Button.Analytics-UI-Components-Button:hover s-internal-icon,.Analytics-UI-Components-Button.Analytics-UI-Components-Button:hover svg {
        color: var(--pc-button-icon-fill_hover)
    }
}

.Analytics-UI-Components-Button:active,.Analytics-UI-Components-Button[data-state=open] {
    background: var(--pc-button-bg_active);
    color: var(--pc-button-color_active);
    box-shadow: var(--pc-button-box-shadow_active)
}

.Analytics-UI-Components-Button:focus-visible {
    background: var(--pc-button-bg_hover);
    color: var(--pc-button-color_hover);
    outline: var(--p-border-width-050) solid var(--p-color-border-focus);
    outline-offset: var(--p-space-025)
}

.Analytics-UI-Components-Button:focus-visible:after {
    content: none
}

.Analytics-UI-Components-Button:disabled,.Analytics-UI-Components-Button[disabled],.Analytics-UI-Components-Button--disabled {
    background: var(--pc-button-bg_disabled);
    color: var(--pc-button-color_disabled);
    box-shadow: none;
    -webkit-user-select: none;
    user-select: none;
    pointer-events: none
}

.Analytics-UI-Components-Button--pressed,.Analytics-UI-Components-Button--pressed:hover,.Analytics-UI-Components-Button--pressed:active,.Analytics-UI-Components-Button--pressed:focus-visible {
    background: var(--pc-button-bg_pressed);
    color: var(--pc-button-color_pressed);
    box-shadow: var(--pc-button-box-shadow_pressed)
}

.Analytics-UI-Components-Button--variantPrimary {
    --pc-button-bg: var(--p-color-bg-fill-brand);
    --pc-button-color: var(--p-color-text-brand-on-bg-fill);
    --pc-button-bg_active: var(--p-color-bg-fill-brand-active)
}

@media (hover) and (pointer: fine),(min-width: 48em) {
    .Analytics-UI-Components-Button--variantPrimary {
        --pc-button-bg-gradient:var(--p-color-button-gradient-bg-fill);
        --pc-button-box-shadow: var(--p-shadow-button-primary);
        --pc-button-box-shadow_active: var(--p-shadow-button-primary-inset);
        --pc-button-bg: var(--pc-button-bg-gradient), var(--p-color-bg-fill-brand);
        --pc-button-bg_hover: var(--pc-button-bg-gradient), var(--p-color-bg-fill-brand-hover);
        --pc-button-bg_active: var(--pc-button-bg-gradient), var(--p-color-bg-fill-brand-active);
        --pc-button-bg_disabled: var(--p-color-bg-fill-brand-disabled);
        --pc-button-color_disabled: var(--p-color-text-brand-on-bg-fill-disabled);
        --pc-button-icon-fill: var(--p-color-text-brand-on-bg-fill);
        --pc-button-icon-fill_disabled: var( --p-color-text-brand-on-bg-fill-disabled )
    }
}

.Analytics-UI-Components-Button--variantSecondary {
    --pc-button-box-shadow: 0 0 0 var(--p-space-025) var(--p-color-border) inset
}

@media (hover) and (pointer: fine),(min-width: 48em) {
    .Analytics-UI-Components-Button--variantSecondary {
        --pc-button-box-shadow:var(--p-shadow-button);
        --pc-button-box-shadow_active: var(--p-shadow-button-inset)
    }
}

.Analytics-UI-Components-Button--variantSecondary {
    --pc-button-bg_hover: var(--p-color-bg-fill-hover);
    --pc-button-bg: var(--p-color-bg-fill);
    --pc-button-bg_active: var(--p-color-bg-fill-active);
    --pc-button-bg_pressed: var(--p-color-bg-fill-selected);
    --pc-button-color: var(--p-color-text);
    --pc-button-icon-fill: var(--p-color-icon)
}

.Analytics-UI-Components-Button--variantTertiary {
    --pc-button-bg_hover: var(--p-color-bg-fill-transparent-hover);
    --pc-button-bg_active: var(--p-color-bg-fill-transparent-active);
    --pc-button-bg_pressed: var(--p-color-bg-fill-selected);
    --pc-button-bg_disabled: transparent;
    --pc-button-color: var(--p-color-text);
    --pc-button-icon-fill: var(--p-color-icon)
}

.Analytics-UI-Components-Button--variantPlain {
    --pc-button-color: var(--p-color-text-highlight)
}

@media (hover) and (pointer: fine),(min-width: 48em) {
    .Analytics-UI-Components-Button--variantPlain {
        --pc-button-color:var(--p-color-text-link);
        --pc-button-color_hover: var(--p-color-text-link-hover);
        --pc-button-color_active: var(--p-color-text-link-active)
    }
}

@media (hover) and (pointer: fine),(min-width: 48em) {
    .Analytics-UI-Components-Button--variantPlain:is(:hover,:active,:focus-visible):not(.Analytics-UI-Components-Button--removeUnderline) {
        text-decoration:underline
    }
}

.Analytics-UI-Components-Button--variantPlain:is(:active) {
    opacity: .4
}

@media (hover) and (pointer: fine),(min-width: 48em) {
    .Analytics-UI-Components-Button--variantPlain:is(:active) {
        opacity:unset
    }
}

.Analytics-UI-Components-Button--variantMonochromePlain {
    --pc-button-icon-fill: currentColor
}

.Analytics-UI-Components-Button--variantPlain,.Analytics-UI-Components-Button--variantMonochromePlain {
    --pc-button-bg_disabled: transparent;
    margin: calc(var(--pc-button-padding-block)*-1) calc(var(--pc-button-padding-inline)*-1)
}

.Analytics-UI-Components-Button--variantPlain:focus-visible,.Analytics-UI-Components-Button--variantMonochromePlain:focus-visible {
    border-radius: var(--p-border-radius-300);
    outline-offset: calc(var(--pc-button-padding-block)*-1)
}

.Analytics-UI-Components-Button--toneSuccess:is(.Analytics-UI-Components-Button--variantSecondary,.Analytics-UI-Components-Button--variantTertiary,.Analytics-UI-Components-Button--variantPlain) {
    --pc-button-color: var(--p-color-text-success);
    --pc-button-color_hover: var(--p-color-text-success-hover);
    --pc-button-color_active: var(--p-color-text-success-active);
    --pc-button-icon-fill: currentColor
}

.Analytics-UI-Components-Button--toneCritical:is(.Analytics-UI-Components-Button--variantSecondary,.Analytics-UI-Components-Button--variantTertiary,.Analytics-UI-Components-Button--variantPlain) {
    --pc-button-color: var(--p-color-text-critical);
    --pc-button-color_hover: var(--p-color-text-critical-hover);
    --pc-button-color_active: var(--p-color-text-critical-active);
    --pc-button-icon-fill: currentColor
}

.Analytics-UI-Components-Button--toneAi:is(.Analytics-UI-Components-Button--variantSecondary,.Analytics-UI-Components-Button--variantTertiary,.Analytics-UI-Components-Button--variantPlain) {
    --pc-button-color: var(--p-color-text-ai-secondary);
    --pc-button-color_hover: var(--p-color-text-ai-secondary);
    --pc-button-color_active: var(--p-color-text-ai-secondary);
    --pc-button-icon-fill: currentColor
}

.Analytics-UI-Components-Button--toneSuccess:is(.Analytics-UI-Components-Button--variantPrimary) {
    --pc-button-bg: var(--p-color-bg-fill-success);
    --pc-button-bg_hover: var(--p-color-bg-fill-success-hover);
    --pc-button-bg_active: var(--p-color-bg-fill-success-active);
    --pc-button-bg_pressed: var(--p-color-bg-fill-success-selected)
}

@media (hover) and (pointer: fine),(min-width: 48em) {
    .Analytics-UI-Components-Button--toneSuccess:is(.Analytics-UI-Components-Button--variantPrimary) {
        --pc-button-box-shadow:var(--p-shadow-button-primary-success);
        --pc-button-box-shadow_active: var(--p-shadow-button-primary-success-inset)
    }
}

.Analytics-UI-Components-Button--toneCritical:is(.Analytics-UI-Components-Button--variantPrimary) {
    --pc-button-bg: var(--p-color-bg-fill-critical);
    --pc-button-bg_hover: var(--p-color-bg-fill-critical-hover);
    --pc-button-bg_active: var(--p-color-bg-fill-critical-active);
    --pc-button-bg_pressed: var(--p-color-bg-fill-critical-selected)
}

@media (hover) and (pointer: fine),(min-width: 48em) {
    .Analytics-UI-Components-Button--toneCritical:is(.Analytics-UI-Components-Button--variantPrimary) {
        --pc-button-box-shadow:var(--p-shadow-button-primary-critical);
        --pc-button-box-shadow_active: var( --p-shadow-button-primary-critical-inset )
    }
}

.Analytics-UI-Components-Button--sizeMicro {
    --pc-button-padding-block: var(--p-space-100);
    --pc-button-padding-inline: var(--p-space-300);
    min-height: var(--p-height-700);
    min-width: var(--p-width-700)
}

@media (hover) and (pointer: fine),(min-width: 48em) {
    .Analytics-UI-Components-Button--sizeMicro {
        --pc-button-padding-inline:var(--p-space-200);
        min-height: var(--p-height-600);
        min-width: var(--p-width-600)
    }
}

.Analytics-UI-Components-Button--sizeSlim,.Analytics-UI-Components-Button--sizeMedium {
    --pc-button-padding-inline: var(--p-space-400);
    min-height: var(--p-height-800);
    min-width: var(--p-width-800)
}

@media (hover) and (pointer: fine),(min-width: 48em) {
    .Analytics-UI-Components-Button--sizeSlim,.Analytics-UI-Components-Button--sizeMedium {
        --pc-button-padding-inline:var(--p-space-300);
        min-height: var(--p-height-700);
        min-width: var(--p-width-700)
    }
}

.Analytics-UI-Components-Button--sizeSlim {
    --pc-button-padding-block: var(--p-space-200)
}

@media (hover) and (pointer: fine),(min-width: 48em) {
    .Analytics-UI-Components-Button--sizeSlim {
        --pc-button-padding-block:var(--p-space-100)
    }
}

.Analytics-UI-Components-Button--sizeMedium {
    --pc-button-padding-block: var(--p-space-300)
}

@media (hover) and (pointer: fine),(min-width: 48em) {
    .Analytics-UI-Components-Button--sizeMedium {
        --pc-button-padding-block:var(--p-space-150)
    }
}

.Analytics-UI-Components-Button--sizeLarge {
    --pc-button-padding-block: var(--p-space-300);
    --pc-button-padding-inline: var(--p-space-400);
    min-height: var(--p-height-900);
    min-width: var(--p-height-900)
}

@media (hover) and (pointer: fine),(min-width: 48em) {
    .Analytics-UI-Components-Button--sizeLarge {
        --pc-button-padding-block:var(--p-space-150);
        --pc-button-padding-inline: var(--p-space-300);
        min-height: var(--p-height-800);
        min-width: var(--p-width-800)
    }
}

.Analytics-UI-Components-Button--textAlignCenter {
    justify-content: center;
    text-align: center
}

.Analytics-UI-Components-Button--textAlignStart,.Analytics-UI-Components-Button--textAlignLeft {
    justify-content: start;
    text-align: start
}

.Analytics-UI-Components-Button--textAlignEnd,.Analytics-UI-Components-Button--textAlignRight {
    justify-content: end;
    text-align: end
}

.Analytics-UI-Components-Button--fullWidth {
    width: 100%
}

.Analytics-UI-Components-Button--iconOnly {
    --pc-button-padding-block: var(--p-space-100);
    --pc-button-padding-inline: var(--p-space-100)
}

.Analytics-UI-Components-Button--iconOnly:is(.Analytics-UI-Components-Button--sizeMedium):not(.Analytics-UI-Components-Button--variantTertiary,.Analytics-UI-Components-Button--variantMonochromePlain,.Analytics-UI-Components-Button--variantPlain) {
    --pc-button-padding-block: var(--p-space-300);
    --pc-button-padding-inline: var(--p-space-300)
}

@media (hover) and (pointer: fine),(min-width: 48em) {
    .Analytics-UI-Components-Button--iconOnly:is(.Analytics-UI-Components-Button--sizeMedium):not(.Analytics-UI-Components-Button--variantTertiary,.Analytics-UI-Components-Button--variantMonochromePlain,.Analytics-UI-Components-Button--variantPlain) {
        --pc-button-padding-block:var(--p-space-100);
        --pc-button-padding-inline: var(--p-space-100)
    }
}

.Analytics-UI-Components-Button--iconOnly:is(.Analytics-UI-Components-Button--sizeLarge) {
    --pc-button-padding-block: var(--p-space-300);
    --pc-button-padding-inline: var(--p-space-300)
}

@media (hover) and (pointer: fine),(min-width: 48em) {
    .Analytics-UI-Components-Button--iconOnly:is(.Analytics-UI-Components-Button--sizeLarge) {
        --pc-button-padding-block:var(--p-space-150);
        --pc-button-padding-inline: var(--p-space-150)
    }
}

.Analytics-UI-Components-Button--iconOnly:is(.Analytics-UI-Components-Button--sizeMicro) {
    --pc-button-padding-block: var(--p-space-050);
    --pc-button-padding-inline: var(--p-space-050)
}

.Analytics-UI-Components-Button--iconOnly:is(.Analytics-UI-Components-Button--variantTertiary) {
    margin: calc(var(--pc-button-padding-block)*-1) calc(var(--pc-button-padding-inline)*-1)
}

.Analytics-UI-Components-Button--iconOnly:is(.Analytics-UI-Components-Button--variantTertiary,.Analytics-UI-Components-Button--variantPlain):not(.Analytics-UI-Components-Button--toneCritical) {
    --pc-button-icon-fill: var(--p-color-icon-secondary);
    --pc-button-icon-fill_hover: var(--p-color-icon-secondary-hover);
    --pc-button-icon-fill_active: var(--p-color-icon-secondary-active);
    --pc-button-icon-fill_disabled: var(--p-color-icon-disabled)
}

.Analytics-UI-Components-Button--iconOnly:is(.Analytics-UI-Components-Button--variantMonochromePlain) {
    --pc-button-icon-fill: currentColor;
    --pc-button-icon-fill_hover: var(--p-color-icon-secondary-hover);
    --pc-button-icon-fill_active: var(--p-color-icon-secondary-active);
    --pc-button-icon-fill_disabled: var(--p-color-icon-disabled)
}

.Analytics-UI-Components-Button--iconOnly:is(.Analytics-UI-Components-Button--variantPlain,.Analytics-UI-Components-Button--variantMonochromePlain) {
    --pc-button-padding-block: 0;
    --pc-button-padding-inline: 0;
    margin: 0;
    min-height: var(--p-height-500);
    min-width: var(--p-width-500)
}

.Analytics-UI-Components-Button--iconWithText:not(.Analytics-UI-Components-Button--variantPlain,.Analytics-UI-Components-Button--variantMonochromePlain) {
    padding-left: calc(var(--pc-button-padding-inline)*.5)
}

.Analytics-UI-Components-Button--disclosure:not(.Analytics-UI-Components-Button--variantPlain,.Analytics-UI-Components-Button--variantMonochromePlain) {
    padding-right: calc(var(--pc-button-padding-inline)*.5)
}

.Analytics-UI-Components-Button--disclosure:is(.Analytics-UI-Components-Button--textAlignStart,.Analytics-UI-Components-Button--textAlignLeft) {
    justify-content: space-between
}

.Analytics-UI-Components-Button--disclosure:is(.Analytics-UI-Components-Button--iconOnly) {
    --pc-button-gap: 0
}

.Analytics-UI-Components-Button--loading {
    color: transparent
}

@media (hover) and (pointer: fine),(min-width: 48em) {
    .Analytics-UI-Components-Button--pressable:active:not(.Analytics-UI-Components-Button--variantTertiary,.Analytics-UI-Components-Button--variantPlain,.Analytics-UI-Components-Button--variantMonochromePlain)>* {
        transform:translate3d(0,.0625rem,0)
    }
}

.Analytics-UI-Components-Button--hidden {
    visibility: hidden
}

.Analytics-UI-Components-Button__Icon {
    display: inline-flex;
    align-items: center
}

@media (hover) and (pointer: fine),(min-width: 48em) {
    .Analytics-UI-Components-Button__Icon {
        margin:calc(var(--p-space-050)*-1) 0
    }
}

.Analytics-UI-Components-Button--iconOnly>.Analytics-UI-Components-Button__DisclosureIcon {
    margin-left: calc(var(--p-space-100)*-1)
}

.Analytics-UI-Components-Button__Spinner {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%)
}

.Analytics-UI-Components-Button__Spinner svg {
    fill: var(--pc-button-icon-fill_disabled);
    vertical-align: middle
}

[data-buttongroup-variant=segmented]>*:not(:first-child) .Analytics-UI-Components-Button:is(.Analytics-UI-Components-Button--variantPrimary) {
    margin-left: calc(var(--p-space-025)*-1)
}

[data-buttongroup-variant=segmented]>*:not(:first-child) .Analytics-UI-Components-Button {
    border-top-left-radius: var(--p-border-radius-0);
    border-bottom-left-radius: var(--p-border-radius-0)
}

[data-buttongroup-variant=segmented]>*:not(:last-child) .Analytics-UI-Components-Button {
    border-top-right-radius: var(--p-border-radius-0);
    border-bottom-right-radius: var(--p-border-radius-0)
}

@media (pointer: coarse) and (max-width: 47.9975em) {
    [data-buttongroup-variant=segmented] .Analytics-UI-Components-Button.Analytics-UI-Components-Button--variantSecondary {
        --pc-button-box-shadow_active:0 0 0 var(--p-space-025) var(--p-color-border) inset;
        --pc-button-box-shadow_hover: 0 0 0 var(--p-space-025) var(--p-color-border) inset;
        --pc-button-box-shadow_pressed: var(--p-shadow-button-inset)
    }
}

[data-buttongroup-full-width=true] .Analytics-UI-Components-Button {
    width: 100%
}

@media (hover) and (pointer: fine),(min-width: 48em) {
    [data-buttongroup-full-width=true] .Analytics-UI-Components-Button {
        white-space:nowrap
    }
}

[data-buttongroup-connected-top=true]>*:first-child .Analytics-UI-Components-Button {
    border-top-left-radius: var(--p-border-radius-0)
}

[data-buttongroup-connected-top=true]>*:last-child .Analytics-UI-Components-Button {
    border-top-right-radius: var(--p-border-radius-0)
}

.Analytics-UI-Components-BlockStack {
    --pc-block-stack-gap-xs: initial;
    --pc-block-stack-gap-sm: initial;
    --pc-block-stack-gap-md: initial;
    --pc-block-stack-gap-lg: initial;
    --pc-block-stack-gap-xl: initial;
    gap: var(--pc-block-stack-gap-xs)
}

@media (min-width: 30.625em) {
    .Analytics-UI-Components-BlockStack {
        gap:var( --pc-block-stack-gap-sm, var(--pc-block-stack-gap-xs) )
    }
}

@media (min-width: 48em) {
    .Analytics-UI-Components-BlockStack {
        gap:var( --pc-block-stack-gap-md, var( --pc-block-stack-gap-sm, var(--pc-block-stack-gap-xs) ) )
    }
}

@media (min-width: 65em) {
    .Analytics-UI-Components-BlockStack {
        gap:var( --pc-block-stack-gap-lg, var( --pc-block-stack-gap-md, var( --pc-block-stack-gap-sm, var(--pc-block-stack-gap-xs) ) ) )
    }
}

@media (min-width: 90em) {
    .Analytics-UI-Components-BlockStack {
        gap:var( --pc-block-stack-gap-xl, var( --pc-block-stack-gap-lg, var( --pc-block-stack-gap-md, var( --pc-block-stack-gap-sm, var(--pc-block-stack-gap-xs) ) ) ) )
    }
}

.Analytics-UI-Components-BlockStack {
    --pc-block-stack-align: initial;
    --pc-block-stack-inline-align: initial;
    --pc-block-stack-order: initial;
    display: flex;
    flex-direction: var(--pc-block-stack-order);
    align-items: var(--pc-block-stack-inline-align);
    justify-content: var(--pc-block-stack-align)
}

.Analytics-UI-Components-BlockStack--listReset {
    list-style-type: none;
    margin-block:0;padding-inline-start:0}

.Analytics-UI-Components-BlockStack--fieldsetReset {
    border: none;
    margin: 0;
    padding: 0
}