@charset "UTF-8";

: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-emphasis: rgba(240, 242, 255, 1);
    --p-color-bg-surface-emphasis-hover: rgba(234, 237, 255, 1);
    --p-color-bg-surface-emphasis-active: rgba(226, 231, 255, 1);
    --p-color-bg-surface-magic: rgba(248, 247, 255, 1);
    --p-color-bg-surface-magic-hover: rgba(243, 241, 255, 1);
    --p-color-bg-surface-magic-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-emphasis: rgba(0, 91, 211, 1);
    --p-color-bg-fill-emphasis-hover: rgba(0, 66, 153, 1);
    --p-color-bg-fill-emphasis-active: rgba(0, 46, 106, 1);
    --p-color-bg-fill-magic: rgba(128, 81, 255, 1);
    --p-color-bg-fill-magic-secondary: rgba(233, 229, 255, 1);
    --p-color-bg-fill-magic-secondary-hover: rgba(228, 222, 255, 1);
    --p-color-bg-fill-magic-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-emphasis: rgba(0, 91, 211, 1);
    --p-color-text-emphasis-hover: rgba(0, 66, 153, 1);
    --p-color-text-emphasis-active: rgba(0, 46, 106, 1);
    --p-color-text-emphasis-on-bg-fill: rgba(252, 253, 255, 1);
    --p-color-text-emphasis-on-bg-fill-hover: rgba(226, 231, 255, 1);
    --p-color-text-emphasis-on-bg-fill-active: rgba(213, 220, 255, 1);
    --p-color-text-magic: rgba(87, 0, 209, 1);
    --p-color-text-magic-secondary: rgba(113, 38, 255, 1);
    --p-color-text-magic-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-emphasis: rgba(0, 91, 211, 1);
    --p-color-border-emphasis-hover: rgba(0, 66, 153, 1);
    --p-color-border-emphasis-active: rgba(0, 46, 106, 1);
    --p-color-border-magic: rgba(228, 222, 255, 1);
    --p-color-border-magic-secondary: rgba(148, 116, 255, 1);
    --p-color-border-magic-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-emphasis: rgba(0, 91, 211, 1);
    --p-color-icon-emphasis-hover: rgba(0, 66, 153, 1);
    --p-color-icon-emphasis-active: rgba(0, 46, 106, 1);
    --p-color-icon-magic: 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: 700;
    --p-font-letter-spacing-densest: -.03375rem;
    --p-font-letter-spacing-denser: -.01875rem;
    --p-font-letter-spacing-dense: -.0125rem;
    --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 .0625rem 0rem 0rem rgba(26, 26, 26, .07);
    --p-shadow-200: 0rem .1875rem .0625rem -.0625rem rgba(26, 26, 26, .07);
    --p-shadow-300: 0rem .25rem .375rem -.125rem rgba(26, 26, 26, .2);
    --p-shadow-400: 0rem .5rem 1rem -.25rem rgba(26, 26, 26, .22);
    --p-shadow-500: 0rem .75rem 1.25rem -.5rem rgba(26, 26, 26, .24);
    --p-shadow-600: 0rem 1.25rem 1.25rem -.5rem rgba(26, 26, 26, .28);
    --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, 31, 11, .8) inset, 0rem 0rem 0rem .0625rem rgba(181, 38, 11, .8) inset, 0rem .03125rem 0rem .09375rem rgba(255, 255, 255, .349) inset;
    --p-shadow-button-primary-critical-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-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-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-text-heading-3xl-font-family: var(--p-font-family-sans);
    --p-text-heading-3xl-font-size: var(--p-font-size-900);
    --p-text-heading-3xl-font-weight: var(--p-font-weight-bold);
    --p-text-heading-3xl-font-letter-spacing: var(--p-font-letter-spacing-densest);
    --p-text-heading-3xl-font-line-height: var(--p-font-line-height-1200);
    --p-text-heading-2xl-font-family: var(--p-font-family-sans);
    --p-text-heading-2xl-font-size: var(--p-font-size-750);
    --p-text-heading-2xl-font-weight: var(--p-font-weight-bold);
    --p-text-heading-2xl-font-letter-spacing: var(--p-font-letter-spacing-denser);
    --p-text-heading-2xl-font-line-height: var(--p-font-line-height-1000);
    --p-text-heading-xl-font-family: var(--p-font-family-sans);
    --p-text-heading-xl-font-size: var(--p-font-size-600);
    --p-text-heading-xl-font-weight: var(--p-font-weight-bold);
    --p-text-heading-xl-font-letter-spacing: var(--p-font-letter-spacing-dense);
    --p-text-heading-xl-font-line-height: var(--p-font-line-height-800);
    --p-text-heading-lg-font-family: var(--p-font-family-sans);
    --p-text-heading-lg-font-size: var(--p-font-size-500);
    --p-text-heading-lg-font-weight: var(--p-font-weight-semibold);
    --p-text-heading-lg-font-letter-spacing: var(--p-font-letter-spacing-dense);
    --p-text-heading-lg-font-line-height: var(--p-font-line-height-600);
    --p-text-heading-md-font-family: var(--p-font-family-sans);
    --p-text-heading-md-font-size: var(--p-font-size-350);
    --p-text-heading-md-font-weight: var(--p-font-weight-semibold);
    --p-text-heading-md-font-letter-spacing: var(--p-font-letter-spacing-normal);
    --p-text-heading-md-font-line-height: var(--p-font-line-height-500);
    --p-text-heading-sm-font-family: var(--p-font-family-sans);
    --p-text-heading-sm-font-size: var(--p-font-size-325);
    --p-text-heading-sm-font-weight: var(--p-font-weight-semibold);
    --p-text-heading-sm-font-letter-spacing: var(--p-font-letter-spacing-normal);
    --p-text-heading-sm-font-line-height: var(--p-font-line-height-500);
    --p-text-heading-xs-font-family: var(--p-font-family-sans);
    --p-text-heading-xs-font-size: var(--p-font-size-300);
    --p-text-heading-xs-font-weight: var(--p-font-weight-semibold);
    --p-text-heading-xs-font-letter-spacing: var(--p-font-letter-spacing-normal);
    --p-text-heading-xs-font-line-height: var(--p-font-line-height-400);
    --p-text-body-lg-font-family: var(--p-font-family-sans);
    --p-text-body-lg-font-size: var(--p-font-size-350);
    --p-text-body-lg-font-weight: var(--p-font-weight-regular);
    --p-text-body-lg-font-letter-spacing: var(--p-font-letter-spacing-normal);
    --p-text-body-lg-font-line-height: var(--p-font-line-height-500);
    --p-text-body-md-font-family: var(--p-font-family-sans);
    --p-text-body-md-font-size: var(--p-font-size-325);
    --p-text-body-md-font-weight: var(--p-font-weight-regular);
    --p-text-body-md-font-letter-spacing: var(--p-font-letter-spacing-normal);
    --p-text-body-md-font-line-height: var(--p-font-line-height-500);
    --p-text-body-sm-font-family: var(--p-font-family-sans);
    --p-text-body-sm-font-size: var(--p-font-size-300);
    --p-text-body-sm-font-weight: var(--p-font-weight-regular);
    --p-text-body-sm-font-letter-spacing: var(--p-font-letter-spacing-normal);
    --p-text-body-sm-font-line-height: var(--p-font-line-height-400);
    --p-text-body-xs-font-family: var(--p-font-family-sans);
    --p-text-body-xs-font-size: var(--p-font-size-275);
    --p-text-body-xs-font-weight: var(--p-font-weight-regular);
    --p-text-body-xs-font-letter-spacing: var(--p-font-letter-spacing-normal);
    --p-text-body-xs-font-line-height: var(--p-font-line-height-300);
    --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-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
}

@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: "14.5.2";
    --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-checkout-extensions-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;
    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::-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: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
}

.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-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--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-magic)
}

.shopilike-Text__magic--subdued {
    color: var(--p-color-text-magic-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-LegacyIcon__Icon {
    display: block;
    height: 1.25rem;
    width: 1.25rem
}

.shopilike-LegacyIcon__Icon svg,
.shopilike-LegacyIcon__Icon img {
    width: 100%
}

.shopilike-LegacyIcon__Icon svg {
    fill: currentColor
}

.shopilike-LegacyIcon__Placeholder {
    background: var(--p-color-bg-fill-tertiary);
    border-radius: var(--p-border-radius-100)
}

.shopilike-LegacyIcon__SvgSmScreen {
    display: unset
}

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

.shopilike-LegacyIcon__SvgLgScreen {
    display: none
}

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

.shopilike-LegacyIcon--toneInherit svg {
    color: inherit
}

.shopilike-LegacyIcon--toneBase svg {
    color: var(--p-color-icon)
}

.shopilike-LegacyIcon--toneSubdued svg {
    color: var(--p-color-icon-secondary)
}

.shopilike-LegacyIcon--toneCaution svg {
    color: var(--p-color-icon-caution)
}

.shopilike-LegacyIcon--toneWarning svg {
    color: var(--p-color-icon-warning)
}

.shopilike-LegacyIcon--toneCritical svg {
    color: var(--p-color-icon-critical)
}

.shopilike-LegacyIcon--toneInteractive svg {
    color: var(--p-color-icon-emphasis)
}

.shopilike-LegacyIcon--toneInfo svg {
    color: var(--p-color-icon-info)
}

.shopilike-LegacyIcon--toneSuccess svg {
    color: var(--p-color-icon-success)
}

.shopilike-LegacyIcon--tonePrimary svg {
    color: var(--p-color-icon-brand)
}

.shopilike-LegacyIcon--toneEmphasis svg {
    color: var(--p-color-icon-emphasis)
}

.shopilike-LegacyIcon--toneMagic svg {
    color: var(--p-color-icon-magic)
}

.shopilike-LegacyIcon--toneTextCaution svg {
    color: var(--p-color-text-caution)
}

.shopilike-LegacyIcon--toneTextWarning svg {
    color: var(--p-color-text-warning)
}

.shopilike-LegacyIcon--toneTextCritical svg {
    color: var(--p-color-text-critical)
}

.shopilike-LegacyIcon--toneTextInfo svg {
    color: var(--p-color-text-info)
}

.shopilike-LegacyIcon--toneTextPrimary svg {
    color: var(--p-color-text-brand)
}

.shopilike-LegacyIcon--toneTextSuccess svg {
    color: var(--p-color-text-success)
}

.shopilike-LegacyIcon--toneTextMagic svg {
    color: var(--p-color-text-magic)
}

.shopilike-Icon {
    display: block
}

.shopilike-Icon ui-icon {
    display: block
}

.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;
    --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
}

@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.shopilike-Button ui-icon,
.shopilike-Button.shopilike-Button svg {
    color: var(--pc-button-icon-fill)
}

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

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

.shopilike-Button--pressed.shopilike-Button--pressed ui-icon,
.shopilike-Button--pressed.shopilike-Button--pressed:hover ui-icon,
.shopilike-Button--pressed.shopilike-Button--pressed:active ui-icon,
.shopilike-Button--pressed.shopilike-Button--pressed:focus-visible ui-icon,
.shopilike-Button--pressed.shopilike-Button--pressed svg,
.shopilike-Button--pressed.shopilike-Button--pressed:hover svg,
.shopilike-Button--pressed.shopilike-Button--pressed:active svg,
.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 ui-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;
    --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)
}

@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--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-emphasis)
}

@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--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);
    --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);
    --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);
    --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);
    --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
}

@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)))))
    }
}

@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)))))
    }
}

@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)))))
    }
}

@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--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-ShadowBevel {
    overflow: clip;
    z-index: 0;
    --pc-shadow-bevel-z-index: initial;
    --pc-shadow-bevel-box-shadow-xs: initial;
    --pc-shadow-bevel-box-shadow-sm: initial;
    --pc-shadow-bevel-box-shadow-md: initial;
    --pc-shadow-bevel-box-shadow-lg: initial;
    --pc-shadow-bevel-box-shadow-xl: initial;
    --pc-shadow-bevel-box-shadow: var(--pc-shadow-bevel-box-shadow-xs);
    --pc-shadow-bevel-border-radius-xs: initial;
    --pc-shadow-bevel-border-radius-sm: initial;
    --pc-shadow-bevel-border-radius-md: initial;
    --pc-shadow-bevel-border-radius-lg: initial;
    --pc-shadow-bevel-border-radius-xl: initial;
    --pc-shadow-bevel-border-radius: var(--pc-shadow-bevel-border-radius-xs);
    --pc-shadow-bevel-content-xs: initial;
    --pc-shadow-bevel-content-sm: initial;
    --pc-shadow-bevel-content-md: initial;
    --pc-shadow-bevel-content-lg: initial;
    --pc-shadow-bevel-content-xl: initial;
    --pc-shadow-bevel-content: var(--pc-shadow-bevel-content-xs);
    position: relative;
    box-shadow: var(--pc-shadow-bevel-box-shadow);
    border-radius: var(--pc-shadow-bevel-border-radius)
}

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

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

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

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

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

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

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

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

@media (min-width: 30.625em) {
    .shopilike-ShadowBevel {
        --pc-shadow-bevel-content: var(--pc-shadow-bevel-content-sm, var(--pc-shadow-bevel-content-xs))
    }
}

@media (min-width: 48em) {
    .shopilike-ShadowBevel {
        --pc-shadow-bevel-content: var(--pc-shadow-bevel-content-md, var(--pc-shadow-bevel-content-sm, var(--pc-shadow-bevel-content-xs)))
    }
}

@media (min-width: 65em) {
    .shopilike-ShadowBevel {
        --pc-shadow-bevel-content: var(--pc-shadow-bevel-content-lg, var(--pc-shadow-bevel-content-md, var(--pc-shadow-bevel-content-sm, var(--pc-shadow-bevel-content-xs))))
    }
}

@media (min-width: 90em) {
    .shopilike-ShadowBevel {
        --pc-shadow-bevel-content: var(--pc-shadow-bevel-content-xl, var(--pc-shadow-bevel-content-lg, var(--pc-shadow-bevel-content-md, var(--pc-shadow-bevel-content-sm, var(--pc-shadow-bevel-content-xs)))))
    }
}

.shopilike-ShadowBevel:before {
    content: var(--pc-shadow-bevel-content);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: var(--pc-shadow-bevel-z-index);
    box-shadow: var(--p-shadow-bevel-100);
    border-radius: var(--pc-shadow-bevel-border-radius);
    pointer-events: none;
    mix-blend-mode: luminosity
}

@media print {
    .shopilike-ShadowBevel {
        position: relative;
        box-shadow: none;
        border-radius: var(--p-border-radius-0);
        border: none
    }

    .shopilike-ShadowBevel:before {
        content: none;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 0;
        box-shadow: var(--p-shadow-bevel-100);
        border-radius: var(--p-border-radius-0);
        pointer-events: none;
        mix-blend-mode: luminosity
    }
}

.shopilike-InlineStack {
    --pc-inline-stack-gap-xs: initial;
    --pc-inline-stack-gap-sm: initial;
    --pc-inline-stack-gap-md: initial;
    --pc-inline-stack-gap-lg: initial;
    --pc-inline-stack-gap-xl: initial;
    gap: var(--pc-inline-stack-gap-xs);
    --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);
    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-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);
}

._Button_kblcx_1 {
    all: unset;
    height: calc(var(--p-space-600) + var(--p-space-100));
    width: calc(var(--p-space-600) + var(--p-space-100));
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--p-border-radius-200);
    cursor: pointer;
    background: var(--p-color-bg-fill-tertiary);
    color: var(--p-color-text);
}
._Button_kblcx_1 svg {
    fill: var(--p-color-icon);
}
._Button_kblcx_1:hover, ._Button_kblcx_1:focus {
    background: var(--p-color-bg-fill-tertiary-hover);
}

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

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

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

@media (min-width: 90em) {
    .shopilike-InlineStack {
        gap: var(--pc-inline-stack-gap-xl, var(--pc-inline-stack-gap-lg, var(--pc-inline-stack-gap-md, var(--pc-inline-stack-gap-sm, var(--pc-inline-stack-gap-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-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);
    --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)
}

@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--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)
}

:root {
    --pc-label-as-placeholder-y: 1.25rem
}

.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 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: baseline;
    margin-bottom: var(--p-space-100)
}

.shopilike-Labelled__LabelWrapper.shopilike-Labelled--insideWrapper {
    white-space: nowrap;
    right: var(--p-space-200);
    flex-wrap: nowrap;
    overflow: hidden
}

.shopilike-Labelled__LabelWrapper.shopilike-Labelled--insideWrapper [class~=shopilike-Label] {
    max-width: 100%
}

.shopilike-Labelled__LabelWrapper {
    word-wrap: break-word;
    word-break: break-word;
    overflow-wrap: break-word
}

.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--inside.shopilike-Labelled--disabled span,
.shopilike-Labelled--insidePlaceholder.shopilike-Labelled--disabled span {
    color: var(--p-color-text-disabled)
}

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

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

.shopilike-Labelled--inside .shopilike-Labelled__HelpText,
.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: -webkit-min-content;
    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;
    line-height: var(--p-font-line-height-500);
    position: relative;
    display: flex;
    align-items: center;
    color: var(--p-color-text);
    cursor: text
}

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

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

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

.shopilike-TextField .shopilike-TextField--disabledStepperButton ui-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
}

.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__Input:focus-visible {
    outline: none
}

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

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

@media (hover) and (pointer: fine),
(min-width: 48em) {

    .shopilike-TextField--focus>.shopilike-TextField__Input~.shopilike-TextField__Backdrop,
    .shopilike-TextField--focus>.shopilike-TextField__VerticalContent~.shopilike-TextField__Backdrop,
    .shopilike-TextField--focus>.shopilike-TextField__InputAndSuffixWrapper~.shopilike-TextField__Backdrop,
    .shopilike-TextField:focus-within>.shopilike-TextField__Input~.shopilike-TextField__Backdrop,
    .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)
    }
}

.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)
}

@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:after,
.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__Prefix,
.shopilike-TextField--toneMagic .shopilike-TextField__Suffix {
    color: var(--p-color-text-magic-secondary)
}

.shopilike-TextField--toneMagic>.shopilike-TextField__Input {
    color: var(--p-color-text-magic)
}

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

.shopilike-TextField--toneMagic ui-icon,
.shopilike-TextField--toneMagic svg {
    color: var(--p-color-icon-magic)
}

.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-magic-hover);
    border-color: var(--p-color-border-magic-secondary-hover)
}

.shopilike-TextField--toneMagic.shopilike-TextField--focus>.shopilike-TextField__Input,
.shopilike-TextField--toneMagic.shopilike-TextField--focus>.shopilike-TextField__VerticalContent,
.shopilike-TextField--toneMagic.shopilike-TextField:focus-within>.shopilike-TextField__Input,
.shopilike-TextField--toneMagic.shopilike-TextField__Input:focus-visible {
    color: var(--p-color-text)
}

.shopilike-TextField--toneMagic.shopilike-TextField--focus .shopilike-TextField__Prefix,
.shopilike-TextField--toneMagic.shopilike-TextField--focus .shopilike-TextField__Suffix {
    color: var(--p-color-text-secondary)
}

.shopilike-TextField--toneMagic.shopilike-TextField--focus ui-icon,
.shopilike-TextField--toneMagic.shopilike-TextField--focus svg {
    color: var(--p-color-icon-secondary)
}

.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 ui-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
}

.shopilike-TextField__Prefix+.shopilike-TextField__InputAndSuffixWrapper .shopilike-TextField__AutoSizeWrapper:after,
.shopilike-TextField__Prefix+.shopilike-TextField__InputAndSuffixWrapper input,
.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);
    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 {
        display: flex
    }
}

@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--labelInside.shopilike-TextField--multiline,
.shopilike-TextField--labelInside.shopilike-TextField--slim.shopilike-TextField--multiline {
    padding-block-start: var(--pc-text-field-sm-screen-label-spacing)
}

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

.shopilike-TextField--labelInside .shopilike-TextField__Input,
.shopilike-TextField--labelInside.shopilike-TextField--slim .shopilike-TextField__Input,
.shopilike-TextField--labelInside .shopilike-TextField__Prefix,
.shopilike-TextField--labelInside.shopilike-TextField--slim .shopilike-TextField__Prefix,
.shopilike-TextField--labelInside .shopilike-TextField__Suffix,
.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;
    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);
    border-radius: var(--p-border-radius-300);
    pointer-events: none
}

.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)
}

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

@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__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)
}

.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)
}

.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;
    -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;
    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: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:focus {
    outline: none
}

.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 ui-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;
    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
}

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

.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)
}

.shopilike-Scrollable.shopilike-Scrollable--hasTopShadow:before,
.shopilike-Scrollable.shopilike-Scrollable--hasBottomShadow:before,
.shopilike-Scrollable.shopilike-Scrollable--hasTopShadow:after,
.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
}

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

.shopilike-Scrollable.shopilike-Scrollable--hasTopShadow:after,
.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, body::-webkit-scrollbar-thumb {
    scrollbar-width: thin;
}

.shopilike-Scrollable--scrollbarWidthNone, body::-webkit-scrollbar-thumb {
    scrollbar-width: none
}

.shopilike-Scrollable--scrollbarWidthAuto, body::-webkit-scrollbar-thumb {
    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);
    font-weight: var(--p-font-weight-medium);
    max-block-size: var(--p-height-500)
}

.shopilike-Badge svg {
    color: 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 {
    color: 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 {
    color: 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 {
    color: 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 {
    color: 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 {
    color: 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 {
    color: 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 {
    color: 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 {
    color: 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 {
    color: 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 {
    color: 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 {
    color: var(--p-color-text-secondary)
}

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

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

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

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

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

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

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

.shopilike-Badge--sizeLarge.shopilike-Badge--withPrefix {
    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) 0 calc(var(--p-space-050)*-1) calc(var(--p-space-200)*-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)
}

.shopilike-Badge__Icon+* {
    margin-left: 0
}

.shopilike-Badge__PipContainer {
    display: grid;
    align-items: center;
    margin-left: calc(var(--p-space-050)*-1);
    margin-right: var(--p-space-100)
}

.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;
    --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));
    --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
}

.shopilike-ActionList__Item:focus {
    outline: none
}

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

@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 ui-icon,
.shopilike-ActionList__Item:active svg {
    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 ui-icon,
.shopilike-ActionList__Item.shopilike-ActionList--active svg {
    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);
    --pc-tooltip-shadow-bevel-z-index: 1;
    --pc-tooltip-tail-z-index: calc(var(--pc-tooltip-shadow-bevel-z-index) + 1);
    margin: var(--pc-tooltip-overlay-offset) var(--p-space-100) var(--p-space-100);
    opacity: 1;
    box-shadow: var(--p-shadow-400);
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    will-change: opacity, left, top, transform;
    transform: none;
    transition: none;
    min-width: 4ch;
    position: relative;
    box-shadow: var(--p-shadow-300);
    border-radius: var(--pc-tooltip-border-radius)
}

.shopilike-Tooltip-TooltipOverlay:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: var(--pc-tooltip-shadow-bevel-z-index);
    box-shadow: var(--p-shadow-bevel-100);
    border-radius: var(--pc-tooltip-border-radius);
    pointer-events: none;
    mix-blend-mode: luminosity
}

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

.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));
    z-index: var(--pc-tooltip-tail-z-index)
}

.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
}

[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
}

.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;
    position: relative;
    box-shadow: var(--p-shadow-300);
    border-radius: var(--p-border-radius-300)
}

.shopilike-Popover:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 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
}

.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
}

.shopilike-Popover--positionedCover:before {
    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;
    --pc-button-padding-block: var(--p-space-300);
    --pc-button-padding-inline: var(--p-space-400);
    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
}

.shopilike-ActionMenu-SecondaryAction a:after,
.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)
}

@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:is(:hover, :focus),
.shopilike-ActionMenu-SecondaryAction button:is(:hover, :focus) {
    background-color: var(--p-color-bg-fill-tertiary-hover) !important
}

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

@media (min-width: 48em) and (pointer: fine) {

    .shopilike-ActionMenu-SecondaryAction a:active,
    .shopilike-ActionMenu-SecondaryAction button:active,
    .shopilike-ActionMenu-SecondaryAction a[aria-expanded=true],
    .shopilike-ActionMenu-SecondaryAction button[aria-expanded=true] {
        box-shadow: var(--p-shadow-inset-200) !important
    }
}

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

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

.shopilike-ActionMenu-SecondaryAction a[aria-disabled=true],
.shopilike-ActionMenu-SecondaryAction button[aria-disabled=true] {
    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
    }

    .shopilike-ActionMenu-SecondaryAction a:after,
    .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
}

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

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

.shopilike-ActionMenu-SecondaryAction.shopilike-ActionMenu-SecondaryAction--critical a:active,
.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: wrap;
    align-items: center;
    justify-content: flex-end;
    flex: 1 1 auto;
    gap: var(--p-space-200)
}

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

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

.shopilike-ActionMenu-Actions__ActionsLayoutMeasurer {
    position: absolute;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    flex: 1 1 auto;
    gap: 0;
    padding: 0;
    visibility: hidden;
    height: 0
}

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

.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
}

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

.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)
}

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

.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-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-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);
    --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);
    --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);
    --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);
    --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);
    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: 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)))))
    }
}

@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)))))
    }
}

@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)))))
    }
}

@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)))))
    }
}

@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)))))
    }
}

@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--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__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-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)
}

.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-magic)
}

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

.shopilike-Choice__Control {
    --pc-choice-size: 1.25rem;
    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)
}

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

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

.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-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
}

.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
}

.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:checked+.shopilike-Checkbox__Backdrop,
.shopilike-Checkbox__Input.shopilike-Checkbox__Input--indeterminate+.shopilike-Checkbox__Backdrop {
    border-color: var(--p-color-border-emphasis);
    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)
}

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

@media (-ms-high-contrast: active) {

    .shopilike-Checkbox__Input:checked+.shopilike-Checkbox__Backdrop:before,
    .shopilike-Checkbox__Input.shopilike-Checkbox__Input--indeterminate+.shopilike-Checkbox__Backdrop:before {
        border: var(--p-border-width-050) solid windowText
    }
}

.shopilike-Checkbox__Input:checked~.shopilike-Checkbox__Icon,
.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
}

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

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

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

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

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

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

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

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

.shopilike-Checkbox__Input:disabled:checked+.shopilike-Checkbox__Backdrop:before,
.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-magic);
    box-shadow: inset 0 0 0 var(--p-border-width-0165) var(--p-color-border-magic-secondary)
}

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

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

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

.shopilike-Checkbox__Backdrop {
    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);
    position: relative;
    display: block;
    width: 100%;
    height: 100%
}

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

.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: windowText
    }
}

.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 ui-icon,
.shopilike-Checkbox--error .shopilike-Checkbox__Icon svg {
    color: var(--p-color-text-critical-on-bg-fill)
}

.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);
    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)
}

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

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

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

.shopilike-Checkbox--error .shopilike-Checkbox__Input:checked+.shopilike-Checkbox__Backdrop,
.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)
}

.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)
}

.shopilike-Checkbox--error .shopilike-Checkbox__Input:focus-visible+.shopilike-Checkbox__Backdrop,
.shopilike-Checkbox__ChoiceLabel:hover .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 ui-icon>path,
.shopilike-Checkbox--animated svg>path {
    stroke-dasharray: 2;
    stroke-dashoffset: 2
}

.shopilike-Checkbox--animated ui-icon>path.shopilike-Checkbox--checked,
.shopilike-Checkbox--animated svg>path.shopilike-Checkbox--checked {
    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-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 ui-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 {
    outline: none
}

.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 ui-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 ui-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)
}

[data-focused] .shopilike-Autocomplete-MappedAction__Action svg,
[data-focused] .shopilike-Autocomplete-MappedAction__Action ui-icon {
    color: var(--p-color-icon)
}

[data-focused] .shopilike-Autocomplete-MappedAction__Action.shopilike-Autocomplete-MappedAction--destructive {
    background-color: var(--p-color-bg-surface-critical-active)
}

[data-focused] .shopilike-Autocomplete-MappedAction__Action:hover {
    background-color: transparent
}

.shopilike-Autocomplete-MappedAction__Action {
    position: relative;
    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: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: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 windowText
    }
}

.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-emphasis)
}

.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-emphasis)
}

.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 ui-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 ui-icon,
.shopilike-Autocomplete-MappedAction__Action.shopilike-Autocomplete-MappedAction--disabled .shopilike-Autocomplete-MappedAction__Suffix ui-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 ui-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 ui-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-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
}

.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-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 (min-width: 30.625em) {
    .shopilike-Banner--withinPage {
        position: relative;
        box-shadow: var(--p-shadow-200);
        border-radius: var(--p-border-radius-300)
    }

    .shopilike-Banner--withinPage:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 0;
        box-shadow: var(--p-shadow-bevel-100);
        border-radius: var(--p-border-radius-300);
        pointer-events: none;
        mix-blend-mode: luminosity
    }
}

.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 ui-icon,
.shopilike-Banner--textSuccessOnBgFill.shopilike-Banner--textSuccessOnBgFill.shopilike-Banner--textSuccessOnBgFill svg,
.shopilike-Banner--textSuccessOnBgFill.shopilike-Banner--textSuccessOnBgFill.shopilike-Banner--textSuccessOnBgFill path {
    color: var(--p-color-text-success-on-bg-fill)
}

.shopilike-Banner__text--success.shopilike-Banner__text--success.shopilike-Banner__text--success ui-icon,
.shopilike-Banner__text--success.shopilike-Banner__text--success.shopilike-Banner__text--success svg,
.shopilike-Banner__text--success.shopilike-Banner__text--success.shopilike-Banner__text--success path {
    color: var(--p-color-text-success)
}

.shopilike-Banner--textWarningOnBgFill.shopilike-Banner--textWarningOnBgFill.shopilike-Banner--textWarningOnBgFill ui-icon,
.shopilike-Banner--textWarningOnBgFill.shopilike-Banner--textWarningOnBgFill.shopilike-Banner--textWarningOnBgFill svg,
.shopilike-Banner--textWarningOnBgFill.shopilike-Banner--textWarningOnBgFill.shopilike-Banner--textWarningOnBgFill path {
    color: var(--p-color-text-warning-on-bg-fill)
}

.shopilike-Banner__text--warning.shopilike-Banner__text--warning.shopilike-Banner__text--warning ui-icon,
.shopilike-Banner__text--warning.shopilike-Banner__text--warning.shopilike-Banner__text--warning svg,
.shopilike-Banner__text--warning.shopilike-Banner__text--warning.shopilike-Banner__text--warning path {
    color: var(--p-color-text-warning)
}

.shopilike-Banner--textCriticalOnBgFill.shopilike-Banner--textCriticalOnBgFill.shopilike-Banner--textCriticalOnBgFill ui-icon,
.shopilike-Banner--textCriticalOnBgFill.shopilike-Banner--textCriticalOnBgFill.shopilike-Banner--textCriticalOnBgFill svg,
.shopilike-Banner--textCriticalOnBgFill.shopilike-Banner--textCriticalOnBgFill.shopilike-Banner--textCriticalOnBgFill path {
    color: var(--p-color-text-critical-on-bg-fill)
}

.shopilike-Banner__text--critical.shopilike-Banner__text--critical.shopilike-Banner__text--critical ui-icon,
.shopilike-Banner__text--critical.shopilike-Banner__text--critical.shopilike-Banner__text--critical svg,
.shopilike-Banner__text--critical.shopilike-Banner__text--critical.shopilike-Banner__text--critical path {
    color: var(--p-color-text-critical)
}

.shopilike-Banner--textInfoOnBgFill.shopilike-Banner--textInfoOnBgFill.shopilike-Banner--textInfoOnBgFill ui-icon,
.shopilike-Banner--textInfoOnBgFill.shopilike-Banner--textInfoOnBgFill.shopilike-Banner--textInfoOnBgFill svg,
.shopilike-Banner--textInfoOnBgFill.shopilike-Banner--textInfoOnBgFill.shopilike-Banner--textInfoOnBgFill path {
    color: var(--p-color-text-info-on-bg-fill)
}

.shopilike-Banner__text--info.shopilike-Banner__text--info.shopilike-Banner__text--info ui-icon,
.shopilike-Banner__text--info.shopilike-Banner__text--info.shopilike-Banner__text--info svg,
.shopilike-Banner__text--info.shopilike-Banner__text--info.shopilike-Banner__text--info path {
    color: var(--p-color-text-info)
}

.shopilike-Banner__icon--secondary.shopilike-Banner__icon--secondary.shopilike-Banner__icon--secondary ui-icon,
.shopilike-Banner__icon--secondary.shopilike-Banner__icon--secondary.shopilike-Banner__icon--secondary svg,
.shopilike-Banner__icon--secondary.shopilike-Banner__icon--secondary.shopilike-Banner__icon--secondary path {
    color: var(--p-color-icon-secondary)
}

.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)
    }
}

.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 ui-icon,
.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 {
    flex: 1 1
}

.shopilike-BulkActions__BulkActionsLayout {
    display: flex;
    flex-wrap: wrap;
    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;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    flex: 1 1 auto;
    gap: 0;
    padding: 0;
    visibility: hidden;
    height: 0;
    width: 100%
}

.shopilike-BulkActions__BulkActionsMeasurerLayout>* {
    flex: 0 0 auto
}

.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);
    cursor: default;
    pointer-events: none
}

.shopilike-BulkActions--disabled svg {
    fill: var(--p-color-icon-disabled)
}

.shopilike-BulkActions__AllAction {
    border: 0;
    background: none;
    padding: 0;
    cursor: pointer;
    color: var(--p-color-text-emphasis);
    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-emphasis-hover)
}

.shopilike-BulkActions__AllAction:active {
    color: var(--p-color-text-emphasis-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-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 {
        box-shadow: var(--p-shadow-300);
        border-radius: var(--p-border-radius-200);
        position: relative;
        box-shadow: var(--p-shadow-100);
        border-radius: var(--p-border-radius-300)
    }

    .shopilike-LegacyCard:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 101;
        box-shadow: var(--p-shadow-bevel-100);
        border-radius: var(--p-border-radius-300);
        pointer-events: none;
        mix-blend-mode: luminosity
    }

    .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 {
        position: relative;
        box-shadow: none;
        border-radius: var(--p-border-radius-0);
        border: none
    }

    .shopilike-LegacyCard:before {
        content: none;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 0;
        box-shadow: var(--p-shadow-bevel-100);
        border-radius: var(--p-border-radius-0);
        pointer-events: none;
        mix-blend-mode: luminosity
    }
}

.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: -webkit-fit-content) or (min-width: -moz-fit-content) or (min-width: fit-content)) {
    .shopilike-LegacyStack--distributionFillEvenly>.shopilike-LegacyStack__Item {
        flex: 1 0;
        min-width: -webkit-fit-content;
        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-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-400);
    top: var(--p-space-400);
    position: absolute
}

.shopilike-CalloutCard__Dismiss ui-icon,
.shopilike-CalloutCard__Dismiss svg {
    color: var(--p-color-icon-secondary)
}

.shopilike-CalloutCard--hasDismiss {
    padding-right: calc(var(--p-space-800) + var(--p-space-200))
}

.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)
}

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

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

.shopilike-RadioButton__Input:checked+.shopilike-RadioButton__Backdrop:before,
.shopilike-RadioButton__ChoiceLabel:hover .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)
}

.shopilike-RadioButton__Input:checked:not([disabled])+.shopilike-RadioButton__Backdrop,
.shopilike-RadioButton__ChoiceLabel:hover .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)
}

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

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

.shopilike-RadioButton__ChoiceLabel:hover .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 .shopilike-RadioButton__Input+.shopilike-RadioButton__Backdrop {
    border-color: var(--p-color-bg-fill-brand);
    border-width: var(--p-border-width-050)
}

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

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

.shopilike-RadioButton__Input:disabled:checked+.shopilike-RadioButton__Backdrop:before,
.shopilike-RadioButton__ChoiceLabel:hover .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;
    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 {
        --pc-icon-size-small: .5rem
    }
}

@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)
}

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

.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);
    border-radius: var(--p-border-radius-100);
    cursor: pointer
}

.shopilike-ColorPicker--fullWidth .shopilike-ColorPicker__MainColor {
    width: auto;
    flex-grow: 1
}

.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 windowText
    }
}

.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)
}

.shopilike-ColorPicker__HuePicker:after,
.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 windowText
    }
}

.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);
    --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);
    --pc-inline-grid-align-items: initial;
    display: grid;
    align-items: var(--pc-inline-grid-align-items)
}

@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)))))
    }
}

@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-Pagination button {
    border: none !important;
    box-shadow: none !important;
    background-color: var(--p-color-bg-fill-tertiary)
}

.shopilike-Pagination button:hover {
    background-color: var(--p-color-bg-fill-tertiary-hover)
}

@media (min-width: 48em) and (pointer: fine) {
    .shopilike-Pagination button:active {
        box-shadow: var(--p-shadow-inset-200) !important
    }
}

.shopilike-Pagination button:active,
.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
}

.shopilike-Pagination.shopilike-Pagination--table button:hover {
    background-color: var(--p-color-bg-fill-tertiary-hover)
}

.shopilike-Pagination.shopilike-Pagination--table button:hover ui-icon,
.shopilike-Pagination.shopilike-Pagination--table button:hover svg {
    color: var(--p-color-icon-hover)
}

.shopilike-Pagination.shopilike-Pagination--table button:active,
.shopilike-Pagination.shopilike-Pagination--table button:focus {
    background-color: var(--p-color-bg-fill-tertiary-active)
}

.shopilike-Pagination.shopilike-Pagination--table button:active ui-icon,
.shopilike-Pagination.shopilike-Pagination--table button:focus ui-icon,
.shopilike-Pagination.shopilike-Pagination--table button:active svg,
.shopilike-Pagination.shopilike-Pagination--table button:focus svg {
    color: var(--p-color-icon-active)
}

.shopilike-Pagination.shopilike-Pagination--table button:disabled ui-icon,
.shopilike-Pagination.shopilike-Pagination--table button:disabled svg {
    color: var(--p-color-icon-disabled)
}

.shopilike-Pagination__TablePaginationActions {
    display: flex;
    gap: var(--p-space-025);
    align-items: center;
    justify-content: center
}

.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
}

.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)
}

.shopilike-DataTable__IncreasedTableDensity .shopilike-DataTable__Cell:first-child {
    padding-left: var(--p-space-300)
}

.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
}

.shopilike-DataTable__IncreasedTableDensity .shopilike-DataTable__Cell--sortable:first-child {
    padding-left: var(--p-space-200)
}

.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;
    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:focus {
    outline: none
}

.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 ui-icon,
.shopilike-DataTable__Heading svg {
    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
}

.shopilike-DataTable__Heading:focus-visible:not(:active) .shopilike-DataTable__Icon ui-icon,
.shopilike-DataTable__Heading:focus-visible:not(:active) .shopilike-DataTable__Icon svg {
    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
}

.shopilike-DataTable__Cell--sorted .shopilike-DataTable__Icon ui-icon,
.shopilike-DataTable__Cell--sorted .shopilike-DataTable__Icon svg {
    color: var(--p-color-icon)
}

.shopilike-DataTable__Cell--sorted:hover ui-icon,
.shopilike-DataTable__Cell--sorted:hover svg {
    color: var(--p-color-icon)
}

.shopilike-DataTable__Cell--sorted .shopilike-DataTable__Heading:focus:not(:active) ui-icon,
.shopilike-DataTable__Cell--sorted .shopilike-DataTable__Heading:focus:not(:active) svg {
    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
}

.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
}

.shopilike-DataTable__StickyHeaderEnabled .shopilike-DataTable__StickyHeaderTable::-webkit-scrollbar {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    height: 0;
    width: 0
}

.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)
}

.shopilike-DatePicker__Day--firstInRange.shopilike-DatePicker__Day--hasRange:after,
.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
}

.shopilike-DatePicker__Day--inRange:after,
.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-emphasis);
    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-emphasis-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;
    flex: 1 1
}

.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__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)
}

.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)
}

.shopilike-Filters-FilterPill__FilterButton:hover path,
.shopilike-Filters-FilterPill__FilterButton:focus path,
.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;
    margin-right: var(--p-space-200)
}

.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)
}

@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;
    z-index: 30;
    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__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;
    color: var(--p-color-icon)
}

.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 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)
}

.shopilike-Filters__AddFilter:hover path,
.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)
    }

    .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-100);
    background: var(--p-color-bg-inverse);
    color: var(--p-color-text-inverse);
    margin-bottom: var(--p-space-500);
    position: relative;
    box-shadow: var(--p-shadow-400);
    border-radius: var(--p-border-radius-200)
}

.shopilike-Frame-Toast:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 0;
    box-shadow: var(--p-shadow-bevel-100);
    border-radius: var(--p-border-radius-200);
    pointer-events: none;
    mix-blend-mode: luminosity
}

@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-magic-secondary);
    color: var(--p-color-text-magic)
}

.shopilike-Frame-Toast--toneMagic .shopilike-Frame-Toast__CloseButton,
.shopilike-Frame-Toast--toneMagic .shopilike-Frame-Toast__Action {
    color: var(--p-color-text-magic)
}

.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-magic-secondary-hover)
}

.shopilike-Frame-Toast__WithActionOnComponent.shopilike-Frame-Toast--toneMagic:active {
    background-color: var(--p-color-bg-fill-magic-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
}

.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-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-Frame-CheckoutExtensibilityBannerExperimental {
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    padding: var(--p-space-300) var(--p-space-500);
    background-color: var(--p-color-bg-fill-warning)
}

.shopilike-Frame-CheckoutExtensibilityBannerExperimental.shopilike-Frame-CheckoutExtensibilityBannerExperimental--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-CheckoutExtensibilityBannerExperimental.shopilike-Frame-CheckoutExtensibilityBannerExperimental--critical {
    color: var(--p-color-text-critical-on-bg-fill);
    background-color: var(--p-color-bg-fill-critical)
}

.shopilike-Frame {
    --pc-frame-button-size: var(--p-space-800);
    --pc-sidebar-width: calc(22.25rem + 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(22.25rem + 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;
    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: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 ui-icon,
.shopilike-Frame__NavigationDismiss svg {
    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 {
    position: absolute;
    border-radius: var(--p-border-radius-100);
    outline: none
}

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

@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--hasCheckoutExtensibilityBanner .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 (min-width: 48em) and (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__ShadowBevel {
    position: fixed;
    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)
}

@media (--p-breakpoints-sm-up) and screen {
    .shopilike-Frame__ShadowBevel {
        position: relative;
        box-shadow: var(--p-shadow-100);
        border-radius: var(--p-border-radius-300);
        border: var(--p-z-index-1);
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0
    }

    .shopilike-Frame__ShadowBevel:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 0;
        box-shadow: var(--p-shadow-bevel-100);
        border-radius: var(--p-border-radius-300);
        pointer-events: none;
        mix-blend-mode: luminosity
    }

    .shopilike-Frame__ShadowBevel:before {
        top: var(--pg-top-bar-height);
        background-color: var(--p-color-bg);
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0
    }
}

.shopilike-Frame__ShadowBevel: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__ShadowBevel {
        transition: none
    }
}

@media print {
    .shopilike-Frame__ShadowBevel {
        position: initial;
        overflow: visible
    }
}

.shopilike-Frame--isScaledBack .shopilike-Frame__ShadowBevel {
    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)
}

.shopilike-Frame--isScaledBack .shopilike-Frame__ShadowBevel:before {
    border-radius: var(--p-border-radius-300)
}

.shopilike-Frame--isScaledBack .shopilike-Frame__ShadowBevel:after {
    opacity: .5
}

.shopilike-Frame__NoShadowBevel {
    width: 100%
}

.shopilike-Frame__Scrollable {
    width: 100vw;
    height: 100vh;
    height: 100svh;
    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
}

.shopilike-Frame--hasTopBar .shopilike-Frame__Scrollable {
    height: calc(100vh - var(--pg-top-bar-height) - var(--pg-checkout-extensions-banner-height))
}

@supports (height: 100svh) {
    .shopilike-Frame--hasTopBar .shopilike-Frame__Scrollable {
        height: calc(100svh - var(--pg-top-bar-height) - var(--pg-checkout-extensions-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__Scrollable--scrollbarAlwaysVisible::-webkit-scrollbar {
    width: .6875rem;
    background-color: var(--p-color-bg)
}

.shopilike-Frame__Scrollable--scrollbarAlwaysVisible::-webkit-scrollbar-thumb {
    background-color: var(--p-color-scrollbar-thumb-bg);
    border: var(--p-border-width-050) solid transparent;
    border-radius: var(--p-border-radius-300);
    background-clip: content-box
}

.shopilike-Frame__Scrollable--scrollbarAlwaysVisible::-webkit-scrollbar-thumb:hover {
    background-color: var(--p-color-scrollbar-thumb-bg-hover)
}

.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)
}

.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__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;
    pointer-events: none
}

@media (min-width: 48em) {
    .shopilike-Modal-Dialog__Container {
        justify-content: center
    }
}

.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: var(--p-shadow-600), 0 0 0 0 transparent inset;
    transition: box-shadow var(--p-motion-ease) 2s
}

@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) and (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
    }
}

@media (min-width: 48em) {
    .shopilike-Modal-Dialog__Shake {
        --pc-modal-shake-amplitude-one: var(--p-space-150);
        --pc-modal-shake-amplitude-two: var(--p-space-150);
        --pc-modal-shake-amplitude-three: var(--p-space-100);
        --pc-modal-shake-amplitude-four: .1875rem;
        transition: box-shadow var(--p-motion-ease) var(--p-motion-duration-500);
        animation: shopilike-Modal-Dialog--shake var(--p-motion-duration-350) var(--p-motion-ease-in-out);
        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-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__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);
    animation: none
}

@media (prefers-reduced-motion),
(min-width: 30.625em) and (max-width: 47.9975em) {
    .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__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 {
    -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: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[aria-disabled=true] {
    cursor: default;
    color: var(--p-color-text-disabled)
}

.shopilike-Tabs__Tab[aria-disabled=true] ui-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) {
    outline: 0
}

.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]):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;
    position: relative;
    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:focus {
    outline: none
}

.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::-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;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0;
    padding: 0;
    background: none;
    font-size: inherit;
    line-height: inherit;
    color: inherit;
    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: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:focus {
    outline: none
}

.shopilike-Tabs__DisclosureActivator ui-icon,
.shopilike-Tabs__DisclosureActivator svg {
    color: var(--p-color-icon)
}

.shopilike-Tabs__DisclosureActivator:hover ui-icon,
.shopilike-Tabs__DisclosureActivator:focus ui-icon,
.shopilike-Tabs__DisclosureActivator:hover svg,
.shopilike-Tabs__DisclosureActivator:focus svg {
    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 {
    outline: 0
}

.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]):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] ui-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-SortButton-DirectionButton {
    position: relative;
    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;
    width: 100%;
    border: none;
    background: none;
    text-align: left
}

.shopilike-SortButton-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-SortButton-DirectionButton:hover {
    background-color: var(--p-color-bg-fill-transparent-hover)
}

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

.shopilike-SortButton-DirectionButton:focus-visible {
    outline: 0
}

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

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

.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-checkout-extensions-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)
}

.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
}

.shopilike-IndexFilters__ButtonWrap button,
.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-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
}

.shopilike-IndexTable__Table--scrolling .shopilike-IndexTable__TableCell--first,
.shopilike-IndexTable__StickyTable--scrolling .shopilike-IndexTable__TableCell--first,
.shopilike-IndexTable__Table--scrolling .shopilike-IndexTable__TableCell--first+.shopilike-IndexTable__TableCell,
.shopilike-IndexTable__StickyTable--scrolling .shopilike-IndexTable__TableCell--first+.shopilike-IndexTable__TableCell,
.shopilike-IndexTable__Table--scrolling .shopilike-IndexTable__TableHeading--first,
.shopilike-IndexTable__StickyTable--scrolling .shopilike-IndexTable__TableHeading--first,
.shopilike-IndexTable__Table--scrolling .shopilike-IndexTable__TableHeading--second,
.shopilike-IndexTable__StickyTable--scrolling .shopilike-IndexTable__TableHeading--second {
    visibility: visible;
    background-color: var(--p-color-bg-surface)
}

.shopilike-IndexTable__Table--scrolling .shopilike-IndexTable__TableHeading--first,
.shopilike-IndexTable__StickyTable--scrolling .shopilike-IndexTable__TableHeading--first,
.shopilike-IndexTable__Table--scrolling .shopilike-IndexTable__TableHeading--second,
.shopilike-IndexTable__StickyTable--scrolling .shopilike-IndexTable__TableHeading--second {
    visibility: visible;
    background-color: var(--p-color-bg-surface-secondary)
}

.shopilike-IndexTable__Table--scrolling .shopilike-IndexTable__TableCell--first,
.shopilike-IndexTable__StickyTable--scrolling .shopilike-IndexTable__TableCell--first,
.shopilike-IndexTable__Table--scrolling .shopilike-IndexTable__TableHeading--first,
.shopilike-IndexTable__StickyTable--scrolling .shopilike-IndexTable__TableHeading--first {
    filter: drop-shadow(.0625rem 0 0 var(--p-color-border-secondary))
}

@media (min-width: 30.625em) {

    .shopilike-IndexTable__Table--scrolling.shopilike-IndexTable__Table--sticky .shopilike-IndexTable__TableCell--first+.shopilike-IndexTable__TableCell,
    .shopilike-IndexTable__StickyTable--scrolling.shopilike-IndexTable__Table--sticky .shopilike-IndexTable__TableCell--first+.shopilike-IndexTable__TableCell,
    .shopilike-IndexTable__Table--scrolling.shopilike-IndexTable__StickyTable .shopilike-IndexTable__TableCell--first+.shopilike-IndexTable__TableCell,
    .shopilike-IndexTable__StickyTable--scrolling.shopilike-IndexTable__StickyTable .shopilike-IndexTable__TableCell--first+.shopilike-IndexTable__TableCell,
    .shopilike-IndexTable__Table--scrolling.shopilike-IndexTable__Table--sticky .shopilike-IndexTable__TableHeading--second,
    .shopilike-IndexTable__StickyTable--scrolling.shopilike-IndexTable__Table--sticky .shopilike-IndexTable__TableHeading--second,
    .shopilike-IndexTable__Table--scrolling.shopilike-IndexTable__StickyTable .shopilike-IndexTable__TableHeading--second,
    .shopilike-IndexTable__StickyTable--scrolling.shopilike-IndexTable__StickyTable .shopilike-IndexTable__TableHeading--second {
        filter: drop-shadow(.0625rem 0 0 var(--p-color-border-secondary))
    }
}

.shopilike-IndexTable__Table--scrolling.shopilike-IndexTable__Table--sticky.shopilike-IndexTable__Table--unselectable .shopilike-IndexTable__TableHeading--second,
.shopilike-IndexTable__StickyTable--scrolling.shopilike-IndexTable__Table--sticky.shopilike-IndexTable__Table--unselectable .shopilike-IndexTable__TableHeading--second,
.shopilike-IndexTable__Table--scrolling.shopilike-IndexTable__StickyTable.shopilike-IndexTable__Table--unselectable .shopilike-IndexTable__TableHeading--second,
.shopilike-IndexTable__StickyTable--scrolling.shopilike-IndexTable__StickyTable.shopilike-IndexTable__Table--unselectable .shopilike-IndexTable__TableHeading--second,
.shopilike-IndexTable__Table--scrolling.shopilike-IndexTable__Table--sticky.shopilike-IndexTable__Table--unselectable .shopilike-IndexTable__TableCell:first-child,
.shopilike-IndexTable__StickyTable--scrolling.shopilike-IndexTable__Table--sticky.shopilike-IndexTable__Table--unselectable .shopilike-IndexTable__TableCell:first-child,
.shopilike-IndexTable__Table--scrolling.shopilike-IndexTable__StickyTable.shopilike-IndexTable__Table--unselectable .shopilike-IndexTable__TableCell:first-child,
.shopilike-IndexTable__StickyTable--scrolling.shopilike-IndexTable__StickyTable.shopilike-IndexTable__Table--unselectable .shopilike-IndexTable__TableCell:first-child {
    filter: drop-shadow(.0625rem 0 0 var(--p-color-border-secondary))
}

.shopilike-IndexTable__Table--scrolling.shopilike-IndexTable__Table--unselectable .shopilike-IndexTable__TableHeading--second,
.shopilike-IndexTable__StickyTable--scrolling.shopilike-IndexTable__Table--unselectable .shopilike-IndexTable__TableHeading--second,
.shopilike-IndexTable__Table--scrolling.shopilike-IndexTable__Table--unselectable .shopilike-IndexTable__TableCell:first-child,
.shopilike-IndexTable__StickyTable--scrolling.shopilike-IndexTable__Table--unselectable .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)
}

.shopilike-IndexTable__TableRow.shopilike-IndexTable__TableRow--child.shopilike-IndexTable--toneSuccess:before,
.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)
}

.shopilike-IndexTable__TableRow.shopilike-IndexTable__TableRow--child.shopilike-IndexTable--toneWarning:before,
.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)
}

.shopilike-IndexTable__TableRow.shopilike-IndexTable__TableRow--child.shopilike-IndexTable--toneCritical:before,
.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)
}

.shopilike-IndexTable__TableRow.shopilike-IndexTable__TableRow--child.shopilike-IndexTable--toneSubdued:before,
.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)
    }
}

.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) {
    .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)
}

.shopilike-IndexTable__TableRow.shopilike-IndexTable__TableRow--selected.shopilike-IndexTable__TableRow--child:before,
.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)
}

.shopilike-IndexTable__TableRow.shopilike-IndexTable__TableRow--selected.shopilike-IndexTable__TableRow--child.shopilike-IndexTable--toneSuccess:before,
.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)
}

.shopilike-IndexTable__TableRow.shopilike-IndexTable__TableRow--selected.shopilike-IndexTable__TableRow--child.shopilike-IndexTable--toneWarning:before,
.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)
}

.shopilike-IndexTable__TableRow.shopilike-IndexTable__TableRow--selected.shopilike-IndexTable__TableRow--child.shopilike-IndexTable--toneCritical:before,
.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)
}

.shopilike-IndexTable__TableRow.shopilike-IndexTable__TableRow--selected.shopilike-IndexTable__TableRow--child.shopilike-IndexTable--toneSubdued:before,
.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--disabled),
.shopilike-IndexTable__TableRow.shopilike-IndexTable__TableRow--hovered:not(.shopilike-IndexTable__TableRow--disabled) .shopilike-IndexTable__TableCell--first,
.shopilike-IndexTable__TableRow.shopilike-IndexTable__TableRow--hovered:not(.shopilike-IndexTable__TableRow--disabled) .shopilike-IndexTable__TableCell--first+.shopilike-IndexTable__TableCell,
.shopilike-IndexTable__TableRow.shopilike-IndexTable__TableRow--hovered:not(.shopilike-IndexTable__TableRow--disabled) .shopilike-IndexTable__TableCell:last-child {
    background-color: var(--p-color-bg-surface-hover)
}

.shopilike-IndexTable__TableRow.shopilike-IndexTable__TableRow--hovered.shopilike-IndexTable__TableRow--child:not(.shopilike-IndexTable__TableRow--disabled):before,
.shopilike-IndexTable__TableRow.shopilike-IndexTable__TableRow--hovered.shopilike-IndexTable__TableRow--child:not(.shopilike-IndexTable__TableRow--disabled) .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--disabled),
.shopilike-IndexTable__TableRow.shopilike-IndexTable__TableRow--hovered.shopilike-IndexTable--toneSuccess:not(.shopilike-IndexTable__TableRow--disabled) .shopilike-IndexTable__TableCell--first,
.shopilike-IndexTable__TableRow.shopilike-IndexTable__TableRow--hovered.shopilike-IndexTable--toneSuccess:not(.shopilike-IndexTable__TableRow--disabled) .shopilike-IndexTable__TableCell--first+.shopilike-IndexTable__TableCell,
.shopilike-IndexTable__TableRow.shopilike-IndexTable__TableRow--hovered.shopilike-IndexTable--toneSuccess:not(.shopilike-IndexTable__TableRow--disabled) .shopilike-IndexTable__TableCell:last-child {
    background-color: var(--p-color-bg-surface-success-hover)
}

.shopilike-IndexTable__TableRow.shopilike-IndexTable__TableRow--hovered.shopilike-IndexTable__TableRow--child.shopilike-IndexTable--toneSuccess:not(.shopilike-IndexTable__TableRow--disabled):before,
.shopilike-IndexTable__TableRow.shopilike-IndexTable__TableRow--hovered.shopilike-IndexTable__TableRow--child.shopilike-IndexTable--toneSuccess:not(.shopilike-IndexTable__TableRow--disabled) .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--disabled),
.shopilike-IndexTable__TableRow.shopilike-IndexTable__TableRow--hovered.shopilike-IndexTable--toneCritical:not(.shopilike-IndexTable__TableRow--disabled) .shopilike-IndexTable__TableCell--first,
.shopilike-IndexTable__TableRow.shopilike-IndexTable__TableRow--hovered.shopilike-IndexTable--toneCritical:not(.shopilike-IndexTable__TableRow--disabled) .shopilike-IndexTable__TableCell--first+.shopilike-IndexTable__TableCell,
.shopilike-IndexTable__TableRow.shopilike-IndexTable__TableRow--hovered.shopilike-IndexTable--toneCritical:not(.shopilike-IndexTable__TableRow--disabled) .shopilike-IndexTable__TableCell:last-child {
    background-color: var(--p-color-bg-surface-critical-hover)
}

.shopilike-IndexTable__TableRow.shopilike-IndexTable__TableRow--hovered.shopilike-IndexTable__TableRow--child.shopilike-IndexTable--toneCritical:not(.shopilike-IndexTable__TableRow--disabled):before,
.shopilike-IndexTable__TableRow.shopilike-IndexTable__TableRow--hovered.shopilike-IndexTable__TableRow--child.shopilike-IndexTable--toneCritical:not(.shopilike-IndexTable__TableRow--disabled) .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--disabled),
.shopilike-IndexTable__TableRow.shopilike-IndexTable__TableRow--hovered.shopilike-IndexTable--toneWarning:not(.shopilike-IndexTable__TableRow--disabled) .shopilike-IndexTable__TableCell--first,
.shopilike-IndexTable__TableRow.shopilike-IndexTable__TableRow--hovered.shopilike-IndexTable--toneWarning:not(.shopilike-IndexTable__TableRow--disabled) .shopilike-IndexTable__TableCell--first+.shopilike-IndexTable__TableCell,
.shopilike-IndexTable__TableRow.shopilike-IndexTable__TableRow--hovered.shopilike-IndexTable--toneWarning:not(.shopilike-IndexTable__TableRow--disabled) .shopilike-IndexTable__TableCell:last-child {
    background-color: var(--p-color-bg-surface-warning-hover)
}

.shopilike-IndexTable__TableRow.shopilike-IndexTable__TableRow--hovered.shopilike-IndexTable__TableRow--child.shopilike-IndexTable--toneWarning:not(.shopilike-IndexTable__TableRow--disabled):before,
.shopilike-IndexTable__TableRow.shopilike-IndexTable__TableRow--hovered.shopilike-IndexTable__TableRow--child.shopilike-IndexTable--toneWarning:not(.shopilike-IndexTable__TableRow--disabled) .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--disabled),
.shopilike-IndexTable__TableRow.shopilike-IndexTable__TableRow--hovered.shopilike-IndexTable--toneSubdued:not(.shopilike-IndexTable__TableRow--disabled) .shopilike-IndexTable__TableCell--first,
.shopilike-IndexTable__TableRow.shopilike-IndexTable__TableRow--hovered.shopilike-IndexTable--toneSubdued:not(.shopilike-IndexTable__TableRow--disabled) .shopilike-IndexTable__TableCell--first+.shopilike-IndexTable__TableCell,
.shopilike-IndexTable__TableRow.shopilike-IndexTable__TableRow--hovered.shopilike-IndexTable--toneSubdued:not(.shopilike-IndexTable__TableRow--disabled) .shopilike-IndexTable__TableCell:last-child {
    background-color: var(--p-color-bg-surface-secondary-hover)
}

.shopilike-IndexTable__TableRow.shopilike-IndexTable__TableRow--hovered.shopilike-IndexTable__TableRow--child.shopilike-IndexTable--toneSubdued:not(.shopilike-IndexTable__TableRow--disabled):before,
.shopilike-IndexTable__TableRow.shopilike-IndexTable__TableRow--hovered.shopilike-IndexTable__TableRow--child.shopilike-IndexTable--toneSubdued:not(.shopilike-IndexTable__TableRow--disabled) .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--disabled),
.shopilike-IndexTable__TableRow.shopilike-IndexTable__TableRow--hovered.shopilike-IndexTable__TableRow--subheader:not(.shopilike-IndexTable__TableRow--disabled) .shopilike-IndexTable__TableCell:first-child,
.shopilike-IndexTable__TableRow.shopilike-IndexTable__TableRow--hovered.shopilike-IndexTable__TableRow--subheader:not(.shopilike-IndexTable__TableRow--disabled) .shopilike-IndexTable__TableCell--first,
.shopilike-IndexTable__TableRow.shopilike-IndexTable__TableRow--hovered.shopilike-IndexTable__TableRow--subheader:not(.shopilike-IndexTable__TableRow--disabled) .shopilike-IndexTable__TableCell--first+.shopilike-IndexTable__TableCell,
.shopilike-IndexTable__TableRow.shopilike-IndexTable__TableRow--hovered.shopilike-IndexTable__TableRow--subheader:not(.shopilike-IndexTable__TableRow--disabled) .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)
}

.shopilike-IndexTable__TableRow.shopilike-IndexTable__TableRow--hovered.shopilike-IndexTable__TableRow--selected:before,
.shopilike-IndexTable__TableRow.shopilike-IndexTable__TableRow--hovered.shopilike-IndexTable__TableRow--selected .shopilike-IndexTable__TableCell--first:before,
.shopilike-IndexTable__TableRow.shopilike-IndexTable__TableRow--hovered.shopilike-IndexTable__TableRow--selected .shopilike-IndexTable__TableCell--first+.shopilike-IndexTable__TableCell:before,
.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)
}

.shopilike-IndexTable__TableRow.shopilike-IndexTable__TableRow--hovered.shopilike-IndexTable__TableRow--selected.shopilike-IndexTable__TableRow--child:before,
.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)
}

.shopilike-IndexTable__TableRow.shopilike-IndexTable__TableRow--hovered.shopilike-IndexTable__TableRow--selected.shopilike-IndexTable__TableRow--child.shopilike-IndexTable--toneSuccess:before,
.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)
}

.shopilike-IndexTable__ZebraStriping .shopilike-IndexTable__Table--scrolling .shopilike-IndexTable__TableRow:nth-child(odd),
.shopilike-IndexTable__ZebraStriping .shopilike-IndexTable__TableRow:nth-child(odd),
.shopilike-IndexTable__ZebraStriping .shopilike-IndexTable__Table--scrolling .shopilike-IndexTable__TableRow:nth-child(odd) .shopilike-IndexTable__TableCell:first-child,
.shopilike-IndexTable__ZebraStriping .shopilike-IndexTable__TableRow:nth-child(odd) .shopilike-IndexTable__TableCell:first-child,
.shopilike-IndexTable__ZebraStriping .shopilike-IndexTable__Table--scrolling .shopilike-IndexTable__TableRow:nth-child(odd) .shopilike-IndexTable__TableCell--first,
.shopilike-IndexTable__ZebraStriping .shopilike-IndexTable__TableRow:nth-child(odd) .shopilike-IndexTable__TableCell--first,
.shopilike-IndexTable__ZebraStriping .shopilike-IndexTable__Table--scrolling .shopilike-IndexTable__TableRow:nth-child(odd) .shopilike-IndexTable__TableCell--first+.shopilike-IndexTable__TableCell,
.shopilike-IndexTable__ZebraStriping .shopilike-IndexTable__TableRow:nth-child(odd) .shopilike-IndexTable__TableCell--first+.shopilike-IndexTable__TableCell,
.shopilike-IndexTable__ZebraStriping .shopilike-IndexTable__Table--scrolling .shopilike-IndexTable__TableRow:nth-child(odd) .shopilike-IndexTable__TableCell:last-child,
.shopilike-IndexTable__ZebraStriping .shopilike-IndexTable__TableRow:nth-child(odd) .shopilike-IndexTable__TableCell:last-child {
    background-color: var(--p-color-bg-surface)
}

.shopilike-IndexTable__ZebraStriping .shopilike-IndexTable__Table--scrolling .shopilike-IndexTable__TableRow:nth-child(2n),
.shopilike-IndexTable__ZebraStriping .shopilike-IndexTable__TableRow:nth-child(2n),
.shopilike-IndexTable__ZebraStriping .shopilike-IndexTable__Table--scrolling .shopilike-IndexTable__TableRow:nth-child(2n) .shopilike-IndexTable__TableCell:first-child,
.shopilike-IndexTable__ZebraStriping .shopilike-IndexTable__TableRow:nth-child(2n) .shopilike-IndexTable__TableCell:first-child,
.shopilike-IndexTable__ZebraStriping .shopilike-IndexTable__Table--scrolling .shopilike-IndexTable__TableRow:nth-child(2n) .shopilike-IndexTable__TableCell--first,
.shopilike-IndexTable__ZebraStriping .shopilike-IndexTable__TableRow:nth-child(2n) .shopilike-IndexTable__TableCell--first,
.shopilike-IndexTable__ZebraStriping .shopilike-IndexTable__Table--scrolling .shopilike-IndexTable__TableRow:nth-child(2n) .shopilike-IndexTable__TableCell--first+.shopilike-IndexTable__TableCell,
.shopilike-IndexTable__ZebraStriping .shopilike-IndexTable__TableRow:nth-child(2n) .shopilike-IndexTable__TableCell--first+.shopilike-IndexTable__TableCell,
.shopilike-IndexTable__ZebraStriping .shopilike-IndexTable__Table--scrolling .shopilike-IndexTable__TableRow:nth-child(2n) .shopilike-IndexTable__TableCell:last-child,
.shopilike-IndexTable__ZebraStriping .shopilike-IndexTable__TableRow:nth-child(2n) .shopilike-IndexTable__TableCell:last-child {
    background: var(--p-color-bg-surface-secondary)
}

.shopilike-IndexTable__ZebraStriping .shopilike-IndexTable__TableRow--child:nth-child(2n):before,
.shopilike-IndexTable__ZebraStriping .shopilike-IndexTable__TableRow--child:nth-child(2n) .shopilike-IndexTable__TableCell--first:before {
    background-color: var(--p-color-bg-surface-secondary)
}

.shopilike-IndexTable__ZebraStriping .shopilike-IndexTable__Table--scrolling .shopilike-IndexTable__TableRow--hovered:not(.shopilike-IndexTable__TableRow--disabled):nth-child(odd),
.shopilike-IndexTable__ZebraStriping .shopilike-IndexTable__TableRow--hovered:not(.shopilike-IndexTable__TableRow--disabled):nth-child(odd),
.shopilike-IndexTable__ZebraStriping .shopilike-IndexTable__Table--scrolling .shopilike-IndexTable__TableRow--hovered:not(.shopilike-IndexTable__TableRow--disabled):nth-child(2n),
.shopilike-IndexTable__ZebraStriping .shopilike-IndexTable__TableRow--hovered:not(.shopilike-IndexTable__TableRow--disabled):nth-child(2n),
.shopilike-IndexTable__ZebraStriping .shopilike-IndexTable__Table--scrolling .shopilike-IndexTable__TableRow--hovered:not(.shopilike-IndexTable__TableRow--disabled):nth-child(odd) .shopilike-IndexTable__TableCell:first-child,
.shopilike-IndexTable__ZebraStriping .shopilike-IndexTable__TableRow--hovered:not(.shopilike-IndexTable__TableRow--disabled):nth-child(odd) .shopilike-IndexTable__TableCell:first-child,
.shopilike-IndexTable__ZebraStriping .shopilike-IndexTable__Table--scrolling .shopilike-IndexTable__TableRow--hovered:not(.shopilike-IndexTable__TableRow--disabled):nth-child(2n) .shopilike-IndexTable__TableCell:first-child,
.shopilike-IndexTable__ZebraStriping .shopilike-IndexTable__TableRow--hovered:not(.shopilike-IndexTable__TableRow--disabled):nth-child(2n) .shopilike-IndexTable__TableCell:first-child,
.shopilike-IndexTable__ZebraStriping .shopilike-IndexTable__Table--scrolling .shopilike-IndexTable__TableRow--hovered:not(.shopilike-IndexTable__TableRow--disabled):nth-child(odd) .shopilike-IndexTable__TableCell--first,
.shopilike-IndexTable__ZebraStriping .shopilike-IndexTable__TableRow--hovered:not(.shopilike-IndexTable__TableRow--disabled):nth-child(odd) .shopilike-IndexTable__TableCell--first,
.shopilike-IndexTable__ZebraStriping .shopilike-IndexTable__Table--scrolling .shopilike-IndexTable__TableRow--hovered:not(.shopilike-IndexTable__TableRow--disabled):nth-child(2n) .shopilike-IndexTable__TableCell--first,
.shopilike-IndexTable__ZebraStriping .shopilike-IndexTable__TableRow--hovered:not(.shopilike-IndexTable__TableRow--disabled):nth-child(2n) .shopilike-IndexTable__TableCell--first,
.shopilike-IndexTable__ZebraStriping .shopilike-IndexTable__Table--scrolling .shopilike-IndexTable__TableRow--hovered:not(.shopilike-IndexTable__TableRow--disabled):nth-child(odd) .shopilike-IndexTable__TableCell--first+.shopilike-IndexTable__TableCell,
.shopilike-IndexTable__ZebraStriping .shopilike-IndexTable__TableRow--hovered:not(.shopilike-IndexTable__TableRow--disabled):nth-child(odd) .shopilike-IndexTable__TableCell--first+.shopilike-IndexTable__TableCell,
.shopilike-IndexTable__ZebraStriping .shopilike-IndexTable__Table--scrolling .shopilike-IndexTable__TableRow--hovered:not(.shopilike-IndexTable__TableRow--disabled):nth-child(2n) .shopilike-IndexTable__TableCell--first+.shopilike-IndexTable__TableCell,
.shopilike-IndexTable__ZebraStriping .shopilike-IndexTable__TableRow--hovered:not(.shopilike-IndexTable__TableRow--disabled):nth-child(2n) .shopilike-IndexTable__TableCell--first+.shopilike-IndexTable__TableCell,
.shopilike-IndexTable__ZebraStriping .shopilike-IndexTable__Table--scrolling .shopilike-IndexTable__TableRow--hovered:not(.shopilike-IndexTable__TableRow--disabled):nth-child(odd) .shopilike-IndexTable__TableCell:last-child,
.shopilike-IndexTable__ZebraStriping .shopilike-IndexTable__TableRow--hovered:not(.shopilike-IndexTable__TableRow--disabled):nth-child(odd) .shopilike-IndexTable__TableCell:last-child,
.shopilike-IndexTable__ZebraStriping .shopilike-IndexTable__Table--scrolling .shopilike-IndexTable__TableRow--hovered:not(.shopilike-IndexTable__TableRow--disabled):nth-child(2n) .shopilike-IndexTable__TableCell:last-child,
.shopilike-IndexTable__ZebraStriping .shopilike-IndexTable__TableRow--hovered:not(.shopilike-IndexTable__TableRow--disabled):nth-child(2n) .shopilike-IndexTable__TableCell:last-child {
    background-color: var(--p-color-bg-surface-hover)
}

.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__ZebraStriping .shopilike-IndexTable__Table--scrolling .shopilike-IndexTable__TableRow--selected:nth-child(odd) .shopilike-IndexTable__TableCell:first-child,
.shopilike-IndexTable__ZebraStriping .shopilike-IndexTable__TableRow--selected:nth-child(odd) .shopilike-IndexTable__TableCell:first-child,
.shopilike-IndexTable__ZebraStriping .shopilike-IndexTable__Table--scrolling .shopilike-IndexTable__TableRow--selected:nth-child(2n) .shopilike-IndexTable__TableCell:first-child,
.shopilike-IndexTable__ZebraStriping .shopilike-IndexTable__TableRow--selected:nth-child(2n) .shopilike-IndexTable__TableCell:first-child,
.shopilike-IndexTable__ZebraStriping .shopilike-IndexTable__Table--scrolling .shopilike-IndexTable__TableRow--selected:nth-child(odd) .shopilike-IndexTable__TableCell--first,
.shopilike-IndexTable__ZebraStriping .shopilike-IndexTable__TableRow--selected:nth-child(odd) .shopilike-IndexTable__TableCell--first,
.shopilike-IndexTable__ZebraStriping .shopilike-IndexTable__Table--scrolling .shopilike-IndexTable__TableRow--selected:nth-child(2n) .shopilike-IndexTable__TableCell--first,
.shopilike-IndexTable__ZebraStriping .shopilike-IndexTable__TableRow--selected:nth-child(2n) .shopilike-IndexTable__TableCell--first,
.shopilike-IndexTable__ZebraStriping .shopilike-IndexTable__Table--scrolling .shopilike-IndexTable__TableRow--selected:nth-child(odd) .shopilike-IndexTable__TableCell--first+.shopilike-IndexTable__TableCell,
.shopilike-IndexTable__ZebraStriping .shopilike-IndexTable__TableRow--selected:nth-child(odd) .shopilike-IndexTable__TableCell--first+.shopilike-IndexTable__TableCell,
.shopilike-IndexTable__ZebraStriping .shopilike-IndexTable__Table--scrolling .shopilike-IndexTable__TableRow--selected:nth-child(2n) .shopilike-IndexTable__TableCell--first+.shopilike-IndexTable__TableCell,
.shopilike-IndexTable__ZebraStriping .shopilike-IndexTable__TableRow--selected:nth-child(2n) .shopilike-IndexTable__TableCell--first+.shopilike-IndexTable__TableCell,
.shopilike-IndexTable__ZebraStriping .shopilike-IndexTable__Table--scrolling .shopilike-IndexTable__TableRow--selected:nth-child(odd) .shopilike-IndexTable__TableCell:last-child,
.shopilike-IndexTable__ZebraStriping .shopilike-IndexTable__TableRow--selected:nth-child(odd) .shopilike-IndexTable__TableCell:last-child,
.shopilike-IndexTable__ZebraStriping .shopilike-IndexTable__Table--scrolling .shopilike-IndexTable__TableRow--selected:nth-child(2n) .shopilike-IndexTable__TableCell:last-child,
.shopilike-IndexTable__ZebraStriping .shopilike-IndexTable__TableRow--selected:nth-child(2n) .shopilike-IndexTable__TableCell:last-child {
    background-color: var(--p-color-bg-surface-brand-selected)
}

.shopilike-IndexTable__ZebraStriping .shopilike-IndexTable__TableRow--child.shopilike-IndexTable__TableRow--selected:nth-child(2n):before,
.shopilike-IndexTable__ZebraStriping .shopilike-IndexTable__TableRow--child.shopilike-IndexTable__TableRow--selected:nth-child(odd):before,
.shopilike-IndexTable__ZebraStriping .shopilike-IndexTable__TableRow--child.shopilike-IndexTable__TableRow--selected:nth-child(2n) .shopilike-IndexTable__TableCell--first:before,
.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)
}

.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__ZebraStriping .shopilike-IndexTable__Table--scrolling .shopilike-IndexTable__TableRow--hovered.shopilike-IndexTable__TableRow--selected:nth-child(odd) .shopilike-IndexTable__TableCell:first-child,
.shopilike-IndexTable__ZebraStriping .shopilike-IndexTable__TableRow--hovered.shopilike-IndexTable__TableRow--selected:nth-child(odd) .shopilike-IndexTable__TableCell:first-child,
.shopilike-IndexTable__ZebraStriping .shopilike-IndexTable__Table--scrolling .shopilike-IndexTable__TableRow--hovered.shopilike-IndexTable__TableRow--selected:nth-child(2n) .shopilike-IndexTable__TableCell:first-child,
.shopilike-IndexTable__ZebraStriping .shopilike-IndexTable__TableRow--hovered.shopilike-IndexTable__TableRow--selected:nth-child(2n) .shopilike-IndexTable__TableCell:first-child,
.shopilike-IndexTable__ZebraStriping .shopilike-IndexTable__Table--scrolling .shopilike-IndexTable__TableRow--hovered.shopilike-IndexTable__TableRow--selected:nth-child(odd) .shopilike-IndexTable__TableCell--first,
.shopilike-IndexTable__ZebraStriping .shopilike-IndexTable__TableRow--hovered.shopilike-IndexTable__TableRow--selected:nth-child(odd) .shopilike-IndexTable__TableCell--first,
.shopilike-IndexTable__ZebraStriping .shopilike-IndexTable__Table--scrolling .shopilike-IndexTable__TableRow--hovered.shopilike-IndexTable__TableRow--selected:nth-child(2n) .shopilike-IndexTable__TableCell--first,
.shopilike-IndexTable__ZebraStriping .shopilike-IndexTable__TableRow--hovered.shopilike-IndexTable__TableRow--selected:nth-child(2n) .shopilike-IndexTable__TableCell--first,
.shopilike-IndexTable__ZebraStriping .shopilike-IndexTable__Table--scrolling .shopilike-IndexTable__TableRow--hovered.shopilike-IndexTable__TableRow--selected:nth-child(odd) .shopilike-IndexTable__TableCell--first+.shopilike-IndexTable__TableCell,
.shopilike-IndexTable__ZebraStriping .shopilike-IndexTable__TableRow--hovered.shopilike-IndexTable__TableRow--selected:nth-child(odd) .shopilike-IndexTable__TableCell--first+.shopilike-IndexTable__TableCell,
.shopilike-IndexTable__ZebraStriping .shopilike-IndexTable__Table--scrolling .shopilike-IndexTable__TableRow--hovered.shopilike-IndexTable__TableRow--selected:nth-child(2n) .shopilike-IndexTable__TableCell--first+.shopilike-IndexTable__TableCell,
.shopilike-IndexTable__ZebraStriping .shopilike-IndexTable__TableRow--hovered.shopilike-IndexTable__TableRow--selected:nth-child(2n) .shopilike-IndexTable__TableCell--first+.shopilike-IndexTable__TableCell,
.shopilike-IndexTable__ZebraStriping .shopilike-IndexTable__Table--scrolling .shopilike-IndexTable__TableRow--hovered.shopilike-IndexTable__TableRow--selected:nth-child(odd) .shopilike-IndexTable__TableCell:last-child,
.shopilike-IndexTable__ZebraStriping .shopilike-IndexTable__TableRow--hovered.shopilike-IndexTable__TableRow--selected:nth-child(odd) .shopilike-IndexTable__TableCell:last-child,
.shopilike-IndexTable__ZebraStriping .shopilike-IndexTable__Table--scrolling .shopilike-IndexTable__TableRow--hovered.shopilike-IndexTable__TableRow--selected:nth-child(2n) .shopilike-IndexTable__TableCell:last-child,
.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)
}

.shopilike-IndexTable__ZebraStriping .shopilike-IndexTable__TableRow--hovered.shopilike-IndexTable__TableRow--selected:nth-child(2n):before,
.shopilike-IndexTable__ZebraStriping .shopilike-IndexTable__TableRow--hovered.shopilike-IndexTable__TableRow--selected:nth-child(odd):before,
.shopilike-IndexTable__ZebraStriping .shopilike-IndexTable__TableRow--hovered.shopilike-IndexTable__TableRow--selected:nth-child(2n) .shopilike-IndexTable__TableCell--first:before,
.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)
}

.shopilike-IndexTable__TableHeadingSortButton:hover .shopilike-IndexTable__TableHeadingSortIcon,
.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) {

    .shopilike-IndexTable__Table--sticky .shopilike-IndexTable__TableCell--first+.shopilike-IndexTable__TableCell,
    .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) {

    .shopilike-IndexTable__Table--sticky .shopilike-IndexTable__TableHeading--second:not(.shopilike-IndexTable__TableHeading--unselectable),
    .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__Table--sticky .shopilike-IndexTable__TableHeading--second.shopilike-IndexTable__TableHeading--unselectable,
.shopilike-IndexTable__StickyTable .shopilike-IndexTable__TableHeading--second.shopilike-IndexTable__TableHeading--unselectable {
    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
}

.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)
    }
}

.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)
}

.shopilike-IndexTable__Table--unselectable .shopilike-IndexTable__TableRow--hovered:not(.shopilike-IndexTable__TableRow--disabled),
.shopilike-IndexTable__Table--unselectable .shopilike-IndexTable__TableRow--hovered:not(.shopilike-IndexTable__TableRow--disabled) .shopilike-IndexTable__TableCell:first-child,
.shopilike-IndexTable__Table--unselectable .shopilike-IndexTable__TableRow--hovered:not(.shopilike-IndexTable__TableRow--disabled) .shopilike-IndexTable__TableCell--first,
.shopilike-IndexTable__Table--unselectable .shopilike-IndexTable__TableRow--hovered:not(.shopilike-IndexTable__TableRow--disabled) .shopilike-IndexTable__TableCell--first+.shopilike-IndexTable__TableCell,
.shopilike-IndexTable__Table--unselectable .shopilike-IndexTable__TableRow--hovered:not(.shopilike-IndexTable__TableRow--disabled) .shopilike-IndexTable__TableCell:last-child {
    background-color: var(--p-color-bg-surface-hover)
}

.shopilike-IndexTable__Table--unselectable .shopilike-IndexTable__TableRow--hovered.shopilike-IndexTable--toneSuccess:not(.shopilike-IndexTable__TableRow--disabled),
.shopilike-IndexTable__Table--unselectable .shopilike-IndexTable__TableRow--hovered.shopilike-IndexTable--toneSuccess:not(.shopilike-IndexTable__TableRow--disabled) .shopilike-IndexTable__TableCell:first-child,
.shopilike-IndexTable__Table--unselectable .shopilike-IndexTable__TableRow--hovered.shopilike-IndexTable--toneSuccess:not(.shopilike-IndexTable__TableRow--disabled) .shopilike-IndexTable__TableCell--first,
.shopilike-IndexTable__Table--unselectable .shopilike-IndexTable__TableRow--hovered.shopilike-IndexTable--toneSuccess:not(.shopilike-IndexTable__TableRow--disabled) .shopilike-IndexTable__TableCell--first+.shopilike-IndexTable__TableCell,
.shopilike-IndexTable__Table--unselectable .shopilike-IndexTable__TableRow--hovered.shopilike-IndexTable--toneSuccess:not(.shopilike-IndexTable__TableRow--disabled) .shopilike-IndexTable__TableCell:last-child {
    background-color: var(--p-color-bg-surface-success-hover)
}

.shopilike-IndexTable__Table--unselectable .shopilike-IndexTable__TableRow--hovered.shopilike-IndexTable--toneWarning:not(.shopilike-IndexTable__TableRow--disabled),
.shopilike-IndexTable__Table--unselectable .shopilike-IndexTable__TableRow--hovered.shopilike-IndexTable--toneWarning:not(.shopilike-IndexTable__TableRow--disabled) .shopilike-IndexTable__TableCell:first-child,
.shopilike-IndexTable__Table--unselectable .shopilike-IndexTable__TableRow--hovered.shopilike-IndexTable--toneWarning:not(.shopilike-IndexTable__TableRow--disabled) .shopilike-IndexTable__TableCell--first,
.shopilike-IndexTable__Table--unselectable .shopilike-IndexTable__TableRow--hovered.shopilike-IndexTable--toneWarning:not(.shopilike-IndexTable__TableRow--disabled) .shopilike-IndexTable__TableCell--first+.shopilike-IndexTable__TableCell,
.shopilike-IndexTable__Table--unselectable .shopilike-IndexTable__TableRow--hovered.shopilike-IndexTable--toneWarning:not(.shopilike-IndexTable__TableRow--disabled) .shopilike-IndexTable__TableCell:last-child {
    background-color: var(--p-color-bg-surface-warning-hover)
}

.shopilike-IndexTable__Table--unselectable .shopilike-IndexTable__TableRow--hovered.shopilike-IndexTable--toneCritical:not(.shopilike-IndexTable__TableRow--disabled),
.shopilike-IndexTable__Table--unselectable .shopilike-IndexTable__TableRow--hovered.shopilike-IndexTable--toneCritical:not(.shopilike-IndexTable__TableRow--disabled) .shopilike-IndexTable__TableCell:first-child,
.shopilike-IndexTable__Table--unselectable .shopilike-IndexTable__TableRow--hovered.shopilike-IndexTable--toneCritical:not(.shopilike-IndexTable__TableRow--disabled) .shopilike-IndexTable__TableCell--first,
.shopilike-IndexTable__Table--unselectable .shopilike-IndexTable__TableRow--hovered.shopilike-IndexTable--toneCritical:not(.shopilike-IndexTable__TableRow--disabled) .shopilike-IndexTable__TableCell--first+.shopilike-IndexTable__TableCell,
.shopilike-IndexTable__Table--unselectable .shopilike-IndexTable__TableRow--hovered.shopilike-IndexTable--toneCritical:not(.shopilike-IndexTable__TableRow--disabled) .shopilike-IndexTable__TableCell:last-child {
    background-color: var(--p-color-bg-surface-critical-hover)
}

.shopilike-IndexTable__Table--unselectable .shopilike-IndexTable__TableRow--hovered.shopilike-IndexTable--toneSubdued:not(.shopilike-IndexTable__TableRow--disabled),
.shopilike-IndexTable__Table--unselectable .shopilike-IndexTable__TableRow--hovered.shopilike-IndexTable--toneSubdued:not(.shopilike-IndexTable__TableRow--disabled) .shopilike-IndexTable__TableCell:first-child,
.shopilike-IndexTable__Table--unselectable .shopilike-IndexTable__TableRow--hovered.shopilike-IndexTable--toneSubdued:not(.shopilike-IndexTable__TableRow--disabled) .shopilike-IndexTable__TableCell--first,
.shopilike-IndexTable__Table--unselectable .shopilike-IndexTable__TableRow--hovered.shopilike-IndexTable--toneSubdued:not(.shopilike-IndexTable__TableRow--disabled) .shopilike-IndexTable__TableCell--first+.shopilike-IndexTable__TableCell,
.shopilike-IndexTable__Table--unselectable .shopilike-IndexTable__TableRow--hovered.shopilike-IndexTable--toneSubdued:not(.shopilike-IndexTable__TableRow--disabled) .shopilike-IndexTable__TableCell:last-child {
    background-color: var(--p-color-bg-surface-secondary-hover)
}

.shopilike-IndexTable__Table--unselectable .shopilike-IndexTable__TableRow--hovered.shopilike-IndexTable__TableRow--subheader:not(.shopilike-IndexTable__TableRow--disabled),
.shopilike-IndexTable__Table--unselectable .shopilike-IndexTable__TableRow--hovered.shopilike-IndexTable__TableRow--subheader:not(.shopilike-IndexTable__TableRow--disabled) .shopilike-IndexTable__TableCell:first-child,
.shopilike-IndexTable__Table--unselectable .shopilike-IndexTable__TableRow--hovered.shopilike-IndexTable__TableRow--subheader:not(.shopilike-IndexTable__TableRow--disabled) .shopilike-IndexTable__TableCell--first,
.shopilike-IndexTable__Table--unselectable .shopilike-IndexTable__TableRow--hovered.shopilike-IndexTable__TableRow--subheader:not(.shopilike-IndexTable__TableRow--disabled) .shopilike-IndexTable__TableCell--first+.shopilike-IndexTable__TableCell,
.shopilike-IndexTable__Table--unselectable .shopilike-IndexTable__TableRow--hovered.shopilike-IndexTable__TableRow--subheader:not(.shopilike-IndexTable__TableRow--disabled) .shopilike-IndexTable__TableCell:last-child {
    background-color: var(--p-color-bg-surface-secondary)
}

.shopilike-IndexTable__Table--unselectable .shopilike-IndexTable--toneSuccess .shopilike-IndexTable__TableCell:first-child {
    background-color: var(--p-color-bg-surface-success)
}

.shopilike-IndexTable__Table--unselectable .shopilike-IndexTable--toneWarning .shopilike-IndexTable__TableCell:first-child {
    background-color: var(--p-color-bg-surface-warning)
}

.shopilike-IndexTable__Table--unselectable .shopilike-IndexTable--toneCritical .shopilike-IndexTable__TableCell:first-child {
    background-color: var(--p-color-bg-surface-critical)
}

.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) {

    .shopilike-IndexTable--tableStickyScrolling .shopilike-IndexTable__TableCell:last-child,
    .shopilike-IndexTable--stickyTableHeaderStickyScrolling .shopilike-IndexTable__TableCell:last-child,
    .shopilike-IndexTable--tableStickyScrolling .shopilike-IndexTable__TableHeading--last,
    .shopilike-IndexTable--stickyTableHeaderStickyScrolling .shopilike-IndexTable__TableHeading--last {
        filter: drop-shadow(-.0625rem 0 0 var(--p-color-border))
    }
}

@media (min-width: 30.625em) {

    .shopilike-IndexTable--tableStickyLast .shopilike-IndexTable__TableCell:last-child,
    .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) {

    .shopilike-IndexTable--tableStickyLast .shopilike-IndexTable__TableHeading--last,
    .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 {
    --pc-pagination-index: 30;
    z-index: var(--pc-pagination-index)
}

@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: 30;
    --pc-index-table-scroll-bar-height-offset: 2.5625rem;
    position: sticky;
    z-index: var(--pc-index-table-scroll-bar);
    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__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)
}

.shopilike-Layout__Section+.shopilike-Layout__AnnotatedSection,
.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 ui-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;
    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:focus {
    outline: none
}

.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;
    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:focus {
    outline: none
}

.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 ui-icon,
.shopilike-Tag__Button:disabled svg {
    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) {
    text-decoration: underline
}

.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: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
    }
}

.shopilike-Tag--sizeLarge .shopilike-Tag__Button:hover {
    color: var(--p-color-icon-secondary-hover)
}

.shopilike-Tag--sizeLarge .shopilike-Tag__Button:active,
.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)
}

.shopilike-Tag--variantSecondary,
.shopilike-Tag--variantSecondary:is(.shopilike-Tag--clickable, .shopilike-Tag--linkable),
.shopilike-Tag--variantSecondary .shopilike-Tag__Link,
.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)
}

.shopilike-Tag--variantSecondary .shopilike-Tag__Link:hover,
.shopilike-Tag--variantSecondary .shopilike-Tag__Link:active,
.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
}

.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
}

.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;
    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:focus {
    outline: none
}

.shopilike-LegacyTabs__Tab:hover {
    text-decoration: none
}

.shopilike-LegacyTabs__Tab:hover .shopilike-LegacyTabs__Title {
    color: var(--p-color-text-brand);
    background-color: transparent
}

.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
}

.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)
}

.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
}

.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)
}

.shopilike-LegacyTabs__Tab--selected .shopilike-LegacyTabs__Title:before {
    background: var(--p-color-bg-fill-brand)
}

.shopilike-LegacyTabs__Title {
    position: relative;
    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: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: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;
    position: relative;
    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:focus {
    outline: none
}

.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::-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;
    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: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:hover ui-icon,
.shopilike-LegacyTabs__DisclosureActivator:focus ui-icon,
.shopilike-LegacyTabs__DisclosureActivator:hover svg,
.shopilike-LegacyTabs__DisclosureActivator:focus svg {
    color: var(--p-color-icon)
}

.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-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--hasCheckoutExtensibilityBanner {
        border-top-left-radius: 0;
        border-top-right-radius: 0
    }
}

.shopilike-Navigation__UserMenu {
    flex: 0 0 auto
}

.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-checkout-extensions-banner-height));
    border-top-left-radius: var(--p-border-radius-300);
    border-top-right-radius: var(--p-border-radius-300);
    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)
}

@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: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-checkout-extensions-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;
    padding: 0;
    background: none;
    border: none;
    font-size: inherit;
    line-height: inherit;
    color: inherit;
    cursor: pointer;
    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:focus {
    outline: none
}

.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 {
    background: var(--p-color-bg-surface-hover);
    color: var(--p-color-text);
    text-decoration: none
}

.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:not(:active) {
    z-index: var(--p-z-index-1);
    outline: var(--p-border-width-050) solid var(--p-color-border-focus)
}

.shopilike-Navigation__Item:focus-visible:not(:active):after {
    content: none
}

.shopilike-Navigation__Item:active,
.shopilike-Navigation__Item:active:hover {
    color: var(--p-color-text);
    background-color: var(--p-color-nav-bg-surface-selected)
}

.shopilike-Navigation__Item:active:after,
.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)
}

.shopilike-Navigation__Item .shopilike-Navigation__Icon--resized svg,
.shopilike-Navigation__Item .shopilike-Navigation__Icon--resized img {
    margin: var(--p-space-050);
    height: var(--p-space-400);
    width: var(--p-space-400)
}

.shopilike-Navigation__Item .shopilike-Navigation__Icon--resized img {
    border-radius: var(--p-border-radius-100)
}

.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)
    }

    .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) {
    .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)
    }

    .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)
}

.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)
    }

    .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)
}

.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
}

.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__Item--selected:active:after,
.shopilike-Navigation__Item--selected:active:hover:after {
    content: none
}

.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%);
    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 ui-icon,
.shopilike-Navigation__Icon svg {
    color: var(--p-color-icon)
}

.shopilike-Navigation__Icon img {
    filter: var(--pc-navigation-filter-icon)
}

.shopilike-Navigation__Item:hover .shopilike-Navigation__Icon ui-icon,
.shopilike-Navigation__Item:focus-visible .shopilike-Navigation__Icon ui-icon,
.shopilike-Navigation__Item:hover .shopilike-Navigation__Icon svg,
.shopilike-Navigation__Item:focus-visible .shopilike-Navigation__Icon svg {
    color: var(--p-color-icon)
}

.shopilike-Navigation__Item:hover .shopilike-Navigation__Icon img,
.shopilike-Navigation__Item:focus-visible .shopilike-Navigation__Icon img {
    filter: var(--pc-navigation-filter-icon)
}

.shopilike-Navigation__Item--selected .shopilike-Navigation__Icon ui-icon,
.shopilike-Navigation__Item--selected:hover .shopilike-Navigation__Icon ui-icon,
.shopilike-Navigation--subNavigationActive .shopilike-Navigation__Icon ui-icon,
.shopilike-Navigation--subNavigationActive:hover .shopilike-Navigation__Icon ui-icon,
.shopilike-Navigation--itemChildActive .shopilike-Navigation__Icon ui-icon,
.shopilike-Navigation--itemChildActive:hover .shopilike-Navigation__Icon ui-icon,
.shopilike-Navigation__Item--selected:focus-visible .shopilike-Navigation__Icon ui-icon,
.shopilike-Navigation__Item--selected .shopilike-Navigation__Icon svg,
.shopilike-Navigation__Item--selected:hover .shopilike-Navigation__Icon svg,
.shopilike-Navigation--subNavigationActive .shopilike-Navigation__Icon svg,
.shopilike-Navigation--subNavigationActive:hover .shopilike-Navigation__Icon svg,
.shopilike-Navigation--itemChildActive .shopilike-Navigation__Icon svg,
.shopilike-Navigation--itemChildActive:hover .shopilike-Navigation__Icon svg,
.shopilike-Navigation__Item--selected:focus-visible .shopilike-Navigation__Icon svg {
    color: var(--p-color-icon-brand)
}

.shopilike-Navigation__Item--selected .shopilike-Navigation__Icon img,
.shopilike-Navigation__Item--selected:hover .shopilike-Navigation__Icon img,
.shopilike-Navigation--subNavigationActive .shopilike-Navigation__Icon img,
.shopilike-Navigation--subNavigationActive:hover .shopilike-Navigation__Icon img,
.shopilike-Navigation--itemChildActive .shopilike-Navigation__Icon img,
.shopilike-Navigation--itemChildActive:hover .shopilike-Navigation__Icon img,
.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)
    }

    .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))
    }

    .shopilike-Navigation--itemInnerWrapperDisplayActionsOnHover:focus-within .shopilike-Navigation__SecondaryActions,
    .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) {
    outline: var(--p-border-width-050) solid var(--p-color-border-focus)
}

.shopilike-Navigation__SecondaryAction:focus-visible:not(:active):after {
    content: none
}

.shopilike-Navigation__SecondaryAction ui-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)
}

.shopilike-Navigation__SecondaryAction:hover ui-icon,
.shopilike-Navigation__SecondaryAction:focus ui-icon,
.shopilike-Navigation__SecondaryAction:active ui-icon,
.shopilike-Navigation__SecondaryAction:hover svg,
.shopilike-Navigation__SecondaryAction:focus svg,
.shopilike-Navigation__SecondaryAction:active svg {
    color: var(--p-color-icon-hover)
}

@media (-ms-high-contrast: active) {

    .shopilike-Navigation__SecondaryAction:hover ui-icon,
    .shopilike-Navigation__SecondaryAction:focus ui-icon,
    .shopilike-Navigation__SecondaryAction:active ui-icon,
    .shopilike-Navigation__SecondaryAction:hover svg,
    .shopilike-Navigation__SecondaryAction:focus svg,
    .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 ui-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))
}

.shopilike-Navigation__SecondaryNavigation .shopilike-Navigation__Item:before,
.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) {

    .shopilike-Navigation__SecondaryNavigation .shopilike-Navigation__Item:before,
    .shopilike-Navigation__SecondaryNavigation .shopilike-Navigation__Item:after {
        height: 1.75rem
    }
}

.shopilike-Navigation__SecondaryNavigation .shopilike-Navigation__Item:is(:hover, :focus-visible, :focus-within) {
    background: var(--p-color-nav-bg);
    color: var(--p-color-text-brand)
}

.shopilike-Navigation__SecondaryNavigation .shopilike-Navigation__Item:hover {
    color: var(--p-color-text);
    background: var(--p-color-nav-bg-surface-hover)
}

.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
}

.shopilike-Navigation__SecondaryNavigation .shopilike-Navigation__Item:active,
.shopilike-Navigation__SecondaryNavigation .shopilike-Navigation__Item:active:hover {
    background-color: var(--p-color-nav-bg-surface-active)
}

.shopilike-Navigation__SecondaryNavigation .shopilike-Navigation__Item:active:after,
.shopilike-Navigation__SecondaryNavigation .shopilike-Navigation__Item:active:hover:after {
    content: none
}

.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
}

.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)
}

.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)
}

.shopilike-Navigation__SecondaryNavigation .shopilike-Navigation__Item--selected:active,
.shopilike-Navigation__SecondaryNavigation .shopilike-Navigation__Item--selected:active:hover {
    background: var(--p-color-nav-bg-surface-active);
    color: var(--p-color-text-brand)
}

.shopilike-Navigation__SecondaryNavigation .shopilike-Navigation__Item--selected:active:after,
.shopilike-Navigation__SecondaryNavigation .shopilike-Navigation__Item--selected:active:hover:after {
    content: none
}

.shopilike-Navigation__SecondaryNavigation .shopilike-Navigation__Item--selected:hover {
    color: var(--p-color-text-brand-hover)
}

.shopilike-Navigation__SecondaryNavigation .shopilike-Navigation__Item--selected:focus-visible {
    color: var(--p-color-text-brand)
}

.shopilike-Navigation__SecondaryNavigation .shopilike-Navigation__Item--selected:active {
    color: var(--p-color-text-brand)
}

.shopilike-Navigation__SecondaryNavigation .shopilike-Navigation__Item--selected:active:after {
    content: none
}

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

.shopilike-Navigation__SecondaryNavigation .shopilike-Navigation__Item--line:before,
.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)
}

.shopilike-Navigation__SecondaryNavigation .shopilike-Navigation--itemLinePointer:before,
.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;
    display: flex;
    align-items: center;
    padding: var(--p-space-150) var(--p-space-300);
    border-radius: var(--p-border-radius-200)
}

.shopilike-Navigation__SectionHeading .shopilike-Navigation__Action:focus {
    outline: none
}

@supports (scrollbar-gutter: stable) {
    .shopilike-Navigation__SectionHeading .shopilike-Navigation__Action {
        padding-inline: calc(var(--p-space-200) + var(--p-space-050))
    }
}

.shopilike-Navigation__SectionHeading .shopilike-Navigation__Action:focus-visible:not(:active) {
    outline: var(--p-border-width-050) solid var(--p-color-border-focus)
}

.shopilike-Navigation__SectionHeading .shopilike-Navigation__Action:focus-visible:not(:active):after {
    content: none
}

.shopilike-Navigation__SectionHeading .shopilike-Navigation__Action ui-icon,
.shopilike-Navigation__SectionHeading .shopilike-Navigation__Action svg {
    color: var(--p-color-icon)
}

.shopilike-Navigation__SectionHeading .shopilike-Navigation__Action ui-icon {
    line-height: normal
}

@media (min-width: 48em) {

    .shopilike-Navigation__SectionHeading .shopilike-Navigation__Action svg,
    .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
}

.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)
}

.shopilike-Navigation__SectionHeading .shopilike-Navigation__Action:hover,
.shopilike-Navigation__SectionHeading .shopilike-Navigation__Action:focus {
    background: var(--p-color-bg-fill-transparent-hover)
}

.shopilike-Navigation__SectionHeading .shopilike-Navigation__Action:hover ui-icon,
.shopilike-Navigation__SectionHeading .shopilike-Navigation__Action:focus ui-icon,
.shopilike-Navigation__SectionHeading .shopilike-Navigation__Action:hover svg,
.shopilike-Navigation__SectionHeading .shopilike-Navigation__Action:focus svg {
    color: var(--p-color-icon-hover)
}

@media (-ms-high-contrast: active) {

    .shopilike-Navigation__SectionHeading .shopilike-Navigation__Action:hover ui-icon,
    .shopilike-Navigation__SectionHeading .shopilike-Navigation__Action:focus ui-icon,
    .shopilike-Navigation__SectionHeading .shopilike-Navigation__Action:hover svg,
    .shopilike-Navigation__SectionHeading .shopilike-Navigation__Action:focus svg {
        color: #fff
    }

    .shopilike-Navigation__SectionHeading .shopilike-Navigation__Action:hover img,
    .shopilike-Navigation__SectionHeading .shopilike-Navigation__Action:focus img {
        filter: var(--p-color-icon-brand)
    }
}

.shopilike-Navigation__SectionHeading .shopilike-Navigation__Action:hover ui-icon,
.shopilike-Navigation__SectionHeading .shopilike-Navigation__Action:hover svg {
    color: var(--p-filter-icon)
}

.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
}

.shopilike-Navigation__SectionHeading .shopilike-Navigation__Action:focus:hover ui-icon,
.shopilike-Navigation__SectionHeading .shopilike-Navigation__Action:focus:hover svg {
    color: var(--p-color-icon-hover)
}

.shopilike-Navigation__SectionHeading .shopilike-Navigation__Action:active,
.shopilike-Navigation__SectionHeading .shopilike-Navigation__Action:active:hover {
    background: var(--p-color-bg-surface-active)
}

.shopilike-Navigation__SectionHeading .shopilike-Navigation__Action:active:after,
.shopilike-Navigation__SectionHeading .shopilike-Navigation__Action:active:hover:after {
    content: none
}

.shopilike-Navigation__SectionHeading .shopilike-Navigation__Action:active ui-icon,
.shopilike-Navigation__SectionHeading .shopilike-Navigation__Action:active:hover ui-icon,
.shopilike-Navigation__SectionHeading .shopilike-Navigation__Action:active svg,
.shopilike-Navigation__SectionHeading .shopilike-Navigation__Action:active:hover svg {
    color: var(--p-color-icon-active)
}

.shopilike-Navigation__SectionHeading .shopilike-Navigation__Action:focus,
.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 ui-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;
    cursor: pointer;
    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:focus {
    outline: none
}

.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;
    text-align: left;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between
}

.shopilike-OptionList-Option__SingleSelectOption:focus {
    outline: none
}

.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
}

.shopilike-OptionList-Option__Label:hover:not(.shopilike-OptionList-Option--disabled),
.shopilike-OptionList-Option__SingleSelectOption:hover:not(.shopilike-OptionList-Option--disabled),
.shopilike-OptionList-Option__MultiSelectOption:hover:not(.shopilike-OptionList-Option--disabled) {
    background-color: var(--p-color-bg-surface-secondary-hover)
}

.shopilike-OptionList-Option__Label:active:not(.shopilike-OptionList-Option--disabled),
.shopilike-OptionList-Option__SingleSelectOption:active:not(.shopilike-OptionList-Option--disabled),
.shopilike-OptionList-Option__MultiSelectOption:active:not(.shopilike-OptionList-Option--disabled) {
    background: var(--p-color-bg-surface-secondary-active)
}

.shopilike-OptionList-Option__Label:hover:not(.shopilike-OptionList-Option--disabled),
.shopilike-OptionList-Option__SingleSelectOption:hover:not(.shopilike-OptionList-Option--disabled),
.shopilike-OptionList-Option__MultiSelectOption:hover:not(.shopilike-OptionList-Option--disabled),
.shopilike-OptionList-Option__Label:active:not(.shopilike-OptionList-Option--disabled),
.shopilike-OptionList-Option__SingleSelectOption:active:not(.shopilike-OptionList-Option--disabled),
.shopilike-OptionList-Option__MultiSelectOption:active:not(.shopilike-OptionList-Option--disabled),
.shopilike-OptionList-Option__Label.shopilike-OptionList-Option--select,
.shopilike-OptionList-Option__SingleSelectOption.shopilike-OptionList-Option--select,
.shopilike-OptionList-Option__MultiSelectOption.shopilike-OptionList-Option--select,
.shopilike-OptionList-Option__Label.shopilike-OptionList-Option--select:hover:not(.shopilike-OptionList-Option--disabled),
.shopilike-OptionList-Option__SingleSelectOption.shopilike-OptionList-Option--select:hover:not(.shopilike-OptionList-Option--disabled),
.shopilike-OptionList-Option__MultiSelectOption.shopilike-OptionList-Option--select:hover:not(.shopilike-OptionList-Option--disabled) {
    outline: var(--p-border-width-025) solid transparent
}

.shopilike-OptionList-Option__Label .shopilike-OptionList-Option__Media,
.shopilike-OptionList-Option__SingleSelectOption .shopilike-OptionList-Option__Media,
.shopilike-OptionList-Option__MultiSelectOption .shopilike-OptionList-Option__Media {
    padding: 0 var(--p-space-200) 0 0
}

.shopilike-OptionList-Option__Label.shopilike-OptionList-Option--disabled,
.shopilike-OptionList-Option__SingleSelectOption.shopilike-OptionList-Option--disabled,
.shopilike-OptionList-Option__MultiSelectOption.shopilike-OptionList-Option--disabled {
    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 ui-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 ui-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.shopilike-Header-Title__TitleWithSubtitle {
    margin-top: 0
}

.shopilike-Header-Title:focus-visible {
    outline: none
}

.shopilike-Header-Title__TitleWrapper {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    row-gap: var(--p-space-200);
    padding-block: var(--p-space-050)
}

.shopilike-Header-Title__TitleWrapper .shopilike-Header-Title {
    display: inline;
    margin-right: var(--p-space-200)
}

.shopilike-Header-Title__TitleWrapper .shopilike-Header-Title>* {
    display: inline
}

.shopilike-Header-Title__TitleWrapper .shopilike-Header-Title:focus-visible {
    outline: none
}

.shopilike-Header-Title__SubTitle,
.shopilike-Header-Title__SubTitle.shopilike-Header-Title__SubtitleCompact {
    margin-top: var(--p-space-050)
}

.shopilike-Header-Title__SubTitle.shopilike-Header-Title__SubtitleMaxWidth {
    max-width: 45ch
}

.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
}

.shopilike-Page-Header__BreadcrumbWrapper a:is(:hover, :focus, :focus-visible),
.shopilike-Page-Header__BreadcrumbWrapper button:is(:hover, :focus, :focus-visible) {
    box-shadow: none !important
}

.shopilike-Page-Header__BreadcrumbWrapper a:is(:hover, :focus-visible),
.shopilike-Page-Header__BreadcrumbWrapper button:is(:hover, :focus-visible) {
    background: var(--p-color-bg-fill-tertiary-hover)
}

.shopilike-Page-Header__BreadcrumbWrapper a:focus,
.shopilike-Page-Header__BreadcrumbWrapper button:focus {
    background: var(--p-color-bg-fill-tertiary-active)
}

@media (min-width: 48em) and (pointer: fine) {

    .shopilike-Page-Header__BreadcrumbWrapper a:focus,
    .shopilike-Page-Header__BreadcrumbWrapper button:focus {
        box-shadow: var(--p-shadow-inset-200) !important
    }
}

.shopilike-Page-Header__PaginationWrapper {
    margin-left: var(--p-space-200);
    line-height: 1
}

.shopilike-Page-Header__PrimaryActionWrapper {
    margin-top: 0;
    margin-left: var(--p-space-100)
}

@media (min-width: 48em) {
    .shopilike-Page-Header__PrimaryActionWrapper {
        margin-left: var(--p-space-200)
    }
}

.shopilike-Page-Header__Row {
    display: flex;
    justify-content: space-between;
    line-height: normal
}

.shopilike-Page-Header__Row:first-child {
    min-height: 1.75rem
}

.shopilike-Page-Header__Row+.shopilike-Page-Header__Row {
    margin-top: var(--p-space-050)
}

.shopilike-Page-Header--mobileView .shopilike-Page-Header__Row+.shopilike-Page-Header__Row {
    margin-top: var(--p-space-100)
}

.shopilike-Page-Header__Row+.shopilike-Page-Header__Row .shopilike-Page-Header__RightAlign {
    margin-left: 0
}

.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: 30.625em) {
    .shopilike-Page-Header__AdditionalMetaData {
        margin-left: calc(var(--p-space-500) + var(--p-space-200) + 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
    }

    .shopilike-Page-Header--longTitle .shopilike-Page-Header__Row {
        display: grid;
        gap: var(--p-space-200) var(--p-space-400);
        grid-template-columns: auto 1fr;
        grid-template-areas: "breadcrumbs actions" "title title"
    }

    .shopilike-Page-Header--longTitle .shopilike-Page-Header__Row+.shopilike-Page-Header__Row {
        gap: 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:not(.shopilike-Page-Header--noBreadcrumbs) .shopilike-Page-Header__Row {
        display: grid;
        gap: var(--p-space-200) var(--p-space-400);
        grid-template-columns: auto 1fr;
        grid-template-areas: "breadcrumbs actions" "title title"
    }

    .shopilike-Page-Header--mediumTitle:not(.shopilike-Page-Header--noBreadcrumbs) .shopilike-Page-Header__Row+.shopilike-Page-Header__Row {
        gap: 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--mediumTitle.shopilike-Page-Header--noBreadcrumbs .shopilike-Page-Header__Row {
    flex-wrap: wrap-reverse
}

@media (min-width: 48em) {
    .shopilike-Page-Header--mediumTitle.shopilike-Page-Header--noBreadcrumbs .shopilike-Page-Header__Row {
        flex-wrap: nowrap
    }
}

.shopilike-Page-Header--isSingleRow .shopilike-Page-Header__Row {
    gap: 0
}

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-400)
    }
}

.shopilike-Page:after {
    content: "";
    display: table
}

.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-info)
}

.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;
    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-emphasis);
    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: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.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 {
    outline: 0
}

.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--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%;
    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::-ms-tooltip {
    display: 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)
}

.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)
}

.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)
}

.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)
}

.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)
}

.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)
}

.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)
}

.shopilike-RangeSlider-SingleThumb--disabled .shopilike-RangeSlider-SingleThumb__Input::-ms-track {
    outline: var(--p-border-width-025) solid transparent
}

.shopilike-RangeSlider-SingleThumb--disabled .shopilike-RangeSlider-SingleThumb__Input::-ms-track {
    cursor: auto;
    background-image: none;
    background-color: var(--p-color-border-disabled)
}

.shopilike-RangeSlider-SingleThumb--disabled .shopilike-RangeSlider-SingleThumb__Input::-moz-range-track {
    cursor: auto;
    background-image: none;
    background-color: var(--p-color-border-disabled)
}

.shopilike-RangeSlider-SingleThumb--disabled .shopilike-RangeSlider-SingleThumb__Input::-webkit-slider-runnable-track {
    cursor: auto;
    background-image: none;
    background-color: var(--p-color-border-disabled)
}

.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)
}

.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)
}

.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)
}

.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)
}

.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 {
    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)
}

.shopilike-ResourceItem__ListItem.shopilike-ResourceItem--focused:after {
    content: none
}

@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;
    background-color: var(--p-color-input-bg-surface-active)
}

@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--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)
}

.shopilike-Select--disabled .shopilike-Select__Backdrop:before {
    background-color: var(--p-color-input-bg-surface)
}

.shopilike-Select--disabled .shopilike-Select__Backdrop:hover {
    cursor: default
}

.shopilike-Select__Content {
    font-weight: var(--p-font-weight-regular);
    border: none;
    letter-spacing: initial;
    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 (min-width: 48em) {
    .shopilike-Select__Content {
        font-size: var(--p-font-size-325);
        line-height: var(--p-font-line-height-500)
    }
}

@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);
    border-radius: var(--p-border-radius-300);
    background-color: var(--p-color-input-bg-surface);
    position: absolute
}

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

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

@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);
    border-width: var(--p-border-width-050)
}

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

@media (hover) and (pointer: fine),
(min-width: 48em) {
    .shopilike-Select--error .shopilike-Select__Backdrop {
        border-width: var(--p-border-width-025)
    }
}

.shopilike-Select--error .shopilike-Select__Backdrop.shopilike-Select--hover,
.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-magic)
}

.shopilike-Select--toneMagic .shopilike-Select__InlineLabel {
    color: inherit
}

.shopilike-Select--toneMagic .shopilike-Select__Backdrop {
    border-color: var(--p-color-border-magic-secondary);
    background-color: var(--p-color-bg-surface-magic)
}

.shopilike-Select--toneMagic .shopilike-Select__Icon svg {
    color: var(--p-color-icon-magic)
}

.shopilike-Select--toneMagic .shopilike-Select__Icon ui-icon {
    color: var(--p-color-icon-magic)
}

.shopilike-Select--toneMagic:not(.shopilike-Select--disabled):not(.shopilike-Select--error):not(:focus-within):hover .shopilike-Select__Backdrop {
    border-color: var(--p-color-border-magic-secondary-hover);
    background-color: var(--p-color-bg-surface-magic-hover)
}

.shopilike-Select--toneMagic:not(.shopilike-Select--disabled):not(.shopilike-Select--error) .shopilike-Select__Input:focus-visible~.shopilike-Select__Content {
    color: var(--p-color-text)
}

.shopilike-Select--toneMagic:not(.shopilike-Select--disabled):not(.shopilike-Select--error) .shopilike-Select__Input:focus-visible~.shopilike-Select__Content .shopilike-Select__Icon ui-icon,
.shopilike-Select--toneMagic:not(.shopilike-Select--disabled):not(.shopilike-Select--error) .shopilike-Select__Input:focus-visible~.shopilike-Select__Content .shopilike-Select__Icon svg {
    color: var(--p-color-icon-secondary)
}

@media (-ms-high-contrast: active) {
    .shopilike-Select__Content {
        color: windowText;
        -ms-high-contrast-adjust: none
    }

    .shopilike-Select__InlineLabel {
        color: inherit
    }

    .shopilike-Select__InlineLabel:after {
        content: ":"
    }

    .shopilike-Select__SelectedOption {
        color: inherit
    }

    .shopilike-Select__Icon ui-icon,
    .shopilike-Select__Icon svg {
        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
    }

    .shopilike-Select--disabled .shopilike-Select__Icon svg {
        color: grayText
    }

    .shopilike-Select--disabled .shopilike-Select__Icon ui-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 .shopilike-ResourceList__SortWrapper,
.shopilike-ResourceList__HeaderWrapper--hasSelect .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 .shopilike-ResourceList__SortWrapper,
    .shopilike-ResourceList__HeaderWrapper--hasAlternateTool.shopilike-ResourceList__HeaderWrapper--hasSelect .shopilike-ResourceList__AlternateToolWrapper,
    .shopilike-ResourceList__HeaderWrapper--hasSort.shopilike-ResourceList__HeaderWrapper--hasSelect .shopilike-ResourceList__SortWrapper,
    .shopilike-ResourceList__HeaderWrapper--hasSort.shopilike-ResourceList__HeaderWrapper--hasSelect .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--hasSelect .shopilike-ResourceList__HeaderTitleWrapper,
    .shopilike-ResourceList__HeaderWrapper--hasAlternateTool.shopilike-ResourceList__HeaderWrapper--hasSelect .shopilike-ResourceList__HeaderTitleWrapper,
    .shopilike-ResourceList__HeaderWrapper--hasSort.shopilike-ResourceList__HeaderWrapper--hasSelect .shopilike-ResourceList__HeaderTitleWrapper {
        display: none
    }

    .shopilike-ResourceList__HeaderWrapper--hasAlternateTool .shopilike-ResourceList__HeaderTitleWrapper,
    .shopilike-ResourceList__HeaderWrapper--hasSort .shopilike-ResourceList__HeaderTitleWrapper {
        display: block
    }
}

.shopilike-ResourceList__SelectAllActionsWrapper {
    z-index: var(--pc-resource-list-bulk-actions-wrapper-stacking-order);
    position: absolute;
    left: 0;
    width: 100%;
    display: flex;
    align-items: center
}

@media (min-width: 30.625em) {
    .shopilike-ResourceList__SelectAllActionsWrapper {
        flex: 0 1 auto;
        align-self: flex-start
    }
}

.shopilike-ResourceList__SelectAllActionsWrapperSticky {
    position: fixed;
    top: auto;
    bottom: 0
}

.shopilike-ResourceList__SelectAllActionsWrapperAtEnd {
    opacity: 0;
    transition: opacity var(--p-motion-duration-100) var(--p-motion-ease)
}

.shopilike-ResourceList__SelectAllActionsWrapperAtEndAppear {
    opacity: 1
}

.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__SelectButtonWrapper {
    position: relative;
    flex: none
}

@media (min-width: 30.625em) {
    .shopilike-ResourceList__SelectButtonWrapper {
        display: none
    }
}

.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
}

.shopilike-SelectAllActions__SelectAllActions--entering:not(:is(.shopilike-SelectAllActions--selectAllActionsNotSticky, .shopilike-SelectAllActions__SelectAllActions--hasPagination)),
.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-emphasis);
    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-emphasis-hover)
}

.shopilike-SelectAllActions__AllAction:active {
    color: var(--p-color-text-emphasis-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);
    height: var(--pc-skeleton-display-text-height)
}

@media screen and (-ms-high-contrast: active) {
    .shopilike-SkeletonDisplayText__DisplayText {
        background-color: grayText
    }
}

@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
}

:root {
    --pc-skeleton-page-max-width: 62.375rem;
    --pc-skeleton-page-max-width-narrow: 41.375rem
}

@media screen and (-ms-high-contrast: active) {
    .shopilike-SkeletonPage__SkeletonTitle {
        background-color: grayText
    }
}

.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-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-TopBar-SearchDismissOverlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: var(--p-z-index-7);
    height: 100%
}

.shopilike-TopBar-SearchDismissOverlay--visible {
    background-color: transparent;
    animation: none
}

.shopilike-TopBar-Search {
    position: fixed;
    visibility: hidden;
    z-index: var(--p-z-index-8);
    pointer-events: none;
    top: var(--pg-top-bar-height);
    left: 0;
    right: 0;
    box-shadow: var(--p-shadow-600);
    overflow: hidden
}

@media (min-width: 30.625em) {
    .shopilike-TopBar-Search {
        position: absolute;
        top: 100%;
        max-width: 36.25rem;
        margin: var(--p-space-100) var(--p-space-500) 0;
        border-radius: var(--p-border-radius-200)
    }
}

@media (min-width: 48em) {
    .shopilike-TopBar-Search {
        margin: var(--p-space-100) var(--p-space-800) 0
    }
}

.shopilike-TopBar-Search__SearchContent {
    background-color: var(--p-color-bg-surface)
}

.shopilike-TopBar-Search--visible {
    visibility: initial;
    pointer-events: all
}

.shopilike-TopBar-Search__Results {
    position: relative;
    display: flex;
    flex-direction: column;
    max-height: calc(100vh - var(--pg-top-bar-height));
    margin: 0
}

@media (min-width: 30.625em) {
    .shopilike-TopBar-Search__Results {
        max-height: 60vh
    }
}

.shopilike-TopBar-SearchField {
    --pc-search-field-backdrop: 1;
    --pc-search-field-input: 2;
    --pc-search-field-icon: 3;
    --pc-search-field-action: 3;
    --pc-search-field-icon-size: 1.125rem;
    z-index: var(--p-z-index-11);
    position: relative;
    display: flex;
    flex: 1 1 auto;
    align-items: center;
    border: var(--p-border-width-025) solid transparent;
    width: 100%
}

.shopilike-TopBar-SearchField--focused .shopilike-TopBar-SearchField__Input,
.shopilike-TopBar-SearchField__Input:focus {
    color: var(--p-color-text-inverse)
}

.shopilike-TopBar-SearchField--focused .shopilike-TopBar-SearchField__Input::placeholder,
.shopilike-TopBar-SearchField__Input:focus::placeholder {
    color: var(--p-color-text-inverse-secondary)
}

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

.shopilike-TopBar-SearchField__Input:focus-visible~.shopilike-TopBar-SearchField__BackdropShowFocusBorder {
    border: var(--p-border-width-025) solid var(--pc-top-bar-border)
}

.shopilike-TopBar-SearchField__Input:focus-visible~.shopilike-TopBar-SearchField__Icon svg {
    color: var(--p-color-icon-secondary)
}

.shopilike-TopBar-SearchField__Input:focus-visible~.shopilike-TopBar-SearchField__Icon ui-icon {
    color: var(--p-color-icon-secondary)
}

.shopilike-TopBar-SearchField__Input:focus-visible:not(:active)~.shopilike-TopBar-SearchField__Backdrop {
    outline: var(--p-border-width-050) solid var(--p-color-border-focus);
    outline-offset: var(--p-space-050)
}

.shopilike-TopBar-SearchField__Input:focus-visible:not(:active)~.shopilike-TopBar-SearchField__Icon svg {
    color: var(--p-color-icon-secondary)
}

.shopilike-TopBar-SearchField__Input:focus-visible:not(:active)~.shopilike-TopBar-SearchField__Icon ui-icon {
    color: var(--p-color-icon-secondary)
}

.shopilike-TopBar-SearchField--focused .shopilike-TopBar-SearchField__BackdropShowFocusBorder {
    border: var(--p-border-width-025) solid var(--pc-top-bar-border)
}

.shopilike-TopBar-SearchField--focused .shopilike-TopBar-SearchField__Icon svg {
    color: var(--p-color-icon-inverse)
}

.shopilike-TopBar-SearchField--focused .shopilike-TopBar-SearchField__Icon ui-icon {
    color: var(--p-color-icon-inverse)
}

.shopilike-TopBar-SearchField__Input {
    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;
    z-index: var(--pc-search-field-input);
    height: 2rem;
    width: 100%;
    padding: 0 calc(var(--pc-search-field-icon-size) + var(--p-space-300));
    border: var(--p-border-width-0165) solid var(--p-color-border-inverse);
    border-radius: var(--p-border-radius-200);
    background-color: transparent;
    outline: none;
    color: var(--p-color-text-inverse-secondary);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    will-change: fill, color;
    transition: fill var(--p-motion-duration-200) var(--p-motion-ease), color var(--p-motion-duration-200) var(--p-motion-ease)
}

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

.shopilike-TopBar-SearchField__Input:hover {
    border-color: var(--p-color-border-inverse-hover)
}

.shopilike-TopBar-SearchField__Input:active,
.shopilike-TopBar-SearchField__Input:focus {
    box-shadow: inset 0 0 0 var(--p-border-width-025) var(--p-color-border-inverse-active)
}

.shopilike-TopBar-SearchField__Input::placeholder {
    color: var(--p-color-text-inverse-secondary)
}

.shopilike-TopBar-SearchField__Input::-webkit-search-decoration,
.shopilike-TopBar-SearchField__Input::-webkit-search-cancel-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.shopilike-TopBar-SearchField__Icon {
    position: absolute;
    z-index: var(--pc-search-field-icon);
    top: 50%;
    left: var(--p-space-200);
    display: flex;
    height: var(--pc-search-field-icon-size);
    width: var(--pc-search-field-icon-size);
    pointer-events: none;
    transform: translateY(-50%)
}

.shopilike-TopBar-SearchField__Icon ui-icon,
.shopilike-TopBar-SearchField__Icon svg {
    color: var(--p-color-icon-secondary)
}

.shopilike-TopBar-SearchField__Clear {
    position: relative;
    position: absolute;
    right: var(--p-space-100);
    z-index: var(--pc-search-field-action);
    border: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: transparent;
    padding: var(--p-space-100)
}

.shopilike-TopBar-SearchField__Clear: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-TopBar-SearchField__Clear ui-icon,
.shopilike-TopBar-SearchField__Clear svg {
    color: var(--p-color-icon-secondary)
}

.shopilike-TopBar-SearchField__Clear:focus,
.shopilike-TopBar-SearchField__Clear:hover {
    outline: none
}

.shopilike-TopBar-SearchField__Clear:hover ui-icon,
.shopilike-TopBar-SearchField__Clear:focus ui-icon,
.shopilike-TopBar-SearchField__Clear:hover svg,
.shopilike-TopBar-SearchField__Clear:focus svg {
    color: var(--p-color-icon-inverse)
}

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

.shopilike-TopBar-SearchField__Clear:active ui-icon,
.shopilike-TopBar-SearchField__Clear:active svg {
    color: var(--p-color-icon-active)
}

.shopilike-TopBar-SearchField__Clear:active:after {
    border: none
}

.shopilike-TopBar-SearchField__Backdrop {
    position: absolute;
    z-index: var(--pc-search-field-backdrop);
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: var(--p-color-bg-surface-inverse);
    border-radius: var(--p-border-radius-200)
}

.shopilike-TopBar-SearchField__Backdrop:after {
    content: none
}

.shopilike-MessageIndicator__MessageIndicatorWrapper {
    position: relative
}

.shopilike-MessageIndicator {
    --pc-message-indicator-size: .75rem;
    --pc-message-indicator-position: -.1875rem;
    position: absolute;
    z-index: 1;
    top: var(--pc-message-indicator-position);
    right: var(--pc-message-indicator-position);
    width: var(--pc-message-indicator-size);
    height: var(--pc-message-indicator-size);
    border-radius: var(--p-border-radius-full);
    background-color: var(--p-color-icon-info);
    border: solid var(--p-border-width-050) var(--p-color-bg)
}

.shopilike-Menu-Message__Section {
    max-width: 20.3125rem;
    margin-top: var(--p-space-200);
    padding-top: var(--p-space-200);
    border-top: var(--p-border-width-025) solid var(--p-color-border-secondary)
}

.shopilike-TopBar-Menu__ActivatorWrapper {
    height: var(--pg-top-bar-height);
    display: flex;
    align-items: center
}

.shopilike-TopBar-Menu__Activator {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0;
    padding: 0;
    background: none;
    border: none;
    font-size: inherit;
    line-height: inherit;
    color: inherit;
    color: var(--p-color-text-inverse);
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    min-width: auto;
    min-height: 2rem;
    padding: var(--p-space-150);
    border: 0;
    cursor: pointer;
    transition: background-color var(--p-motion-duration-100);
    margin-right: var(--p-space-200);
    border-radius: var(--p-border-radius-200);
    background-color: var(--p-color-bg-fill-inverse)
}

.shopilike-TopBar-Menu__Activator:focus {
    outline: none
}

.shopilike-TopBar-Menu__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)
}

.shopilike-TopBar-Menu__Activator:focus {
    background-color: var(--p-color-bg-fill-inverse-hover);
    outline: none
}

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

.shopilike-TopBar-Menu__Activator:focus-visible:after {
    content: none
}

.shopilike-TopBar-Menu__Activator:hover {
    background-color: var(--p-color-bg-fill-inverse-hover)
}

.shopilike-TopBar-Menu__Activator:active,
.shopilike-TopBar-Menu__Activator[aria-expanded=true] {
    background-color: var(--p-color-bg-fill-inverse-active);
    outline: none;
    transition: none
}

.shopilike-TopBar-Menu__Activator:active:after,
.shopilike-TopBar-Menu__Activator[aria-expanded=true]:after {
    border: none
}

.shopilike-TopBar-Menu__Activator:active p,
.shopilike-TopBar-Menu__Activator[aria-expanded=true] p {
    color: var(--p-color-text-inverse)
}

@media (max-width: 47.9975em) {
    .shopilike-TopBar-Menu__Activator {
        margin-right: var(--p-space-200);
        background-color: var(--p-color-bg-inverse)
    }

    .shopilike-TopBar-Menu__Activator:focus,
    .shopilike-TopBar-Menu__Activator:hover,
    .shopilike-TopBar-Menu__Activator:active,
    .shopilike-TopBar-Menu__Activator[aria-expanded=true] {
        opacity: .85
    }
}

.shopilike-TopBar-Menu__Activator--userMenu {
    padding: var(--p-space-050)
}

.shopilike-TopBar-Menu__Section {
    margin-top: var(--p-space-200);
    padding-top: var(--p-space-200);
    border-top: var(--p-border-width-025) solid var(--p-color-border-secondary)
}

.shopilike-TopBar-UserMenu__Details {
    max-width: 10rem;
    margin-right: 0;
    padding: 0 var(--p-space-200) 0 .625rem
}

@media (max-width: 47.9975em) {
    .shopilike-TopBar-UserMenu__Details {
        display: none
    }
}

.shopilike-TopBar {
    position: relative;
    height: var(--pg-top-bar-height);
    box-shadow: var(--p-shadow-100);
    background-color: var(--p-color-bg-inverse);
    gap: var(--p-space-100)
}

@media (min-width: 48em) {
    .shopilike-TopBar {
        gap: var(--p-space-600);
        grid-template-columns: minmax(15rem, 1fr) minmax(auto, 30rem) 1fr
    }
}

.shopilike-TopBar:after {
    content: "";
    position: absolute;
    bottom: 0;
    width: 100%;
    border-bottom: var(--p-border-width-025) solid transparent
}

.shopilike-TopBar__Container {
    display: grid;
    grid-template-columns: 1fr minmax(auto, 30rem) 1fr;
    align-items: center;
    width: calc(100vw - var(--pc-app-provider-scrollbar-width))
}

.shopilike-TopBar__LogoDisplayControl {
    display: none
}

@media (min-width: 48em) {
    .shopilike-TopBar__LogoDisplayControl {
        display: flex
    }
}

.shopilike-TopBar__LogoDisplayContainer {
    display: flex
}

.shopilike-TopBar__LogoContainer {
    flex: 0 0 var(--pg-layout-width-nav-base);
    align-items: center;
    height: 100%;
    padding: 0 var(--p-space-200) 0 var(--p-space-400);
    flex-basis: var(--pg-layout-width-nav-base);
    flex-basis: calc(var(--pg-layout-width-nav-base) + constant(safe-area-inset-left));
    flex-basis: calc(var(--pg-layout-width-nav-base) + 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-TopBar__LogoContainer.shopilike-TopBar--hasLogoSuffix {
    gap: var(--p-space-200)
}

.shopilike-TopBar__Logo,
.shopilike-TopBar__LogoLink {
    display: block
}

.shopilike-TopBar__Logo:focus-visible,
.shopilike-TopBar__LogoLink:focus-visible {
    outline: var(--p-border-width-050) solid var(--p-color-border-focus);
    outline-offset: var(--p-space-150);
    border-radius: var(--p-border-radius-200)
}

.shopilike-TopBar__ContextControl {
    display: none
}

@media (min-width: 48em) {
    .shopilike-TopBar__ContextControl {
        width: var(--pg-layout-width-nav-base);
        display: block
    }
}

@media (min-width: 90em) {
    .shopilike-TopBar__ContextControl {
        width: var(--pg-layout-width-nav-base)
    }
}

.shopilike-TopBar__NavigationIcon {
    -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;
    align-self: center;
    margin-left: calc(var(--p-space-200) + var(--p-space-050));
    margin-right: var(--p-space-200);
    padding: var(--p-space-200);
    border-radius: var(--p-border-radius-100);
    color: var(--p-color-icon-inverse);
    transition: var(--p-motion-duration-150) color var(--p-motion-ease) var(--p-motion-duration-50)
}

.shopilike-TopBar__NavigationIcon:focus {
    outline: none
}

.shopilike-TopBar__NavigationIcon.shopilike-TopBar--focused:active,
.shopilike-TopBar__NavigationIcon:hover {
    background-color: var(--p-color-bg-fill-inverse-hover)
}

.shopilike-TopBar__NavigationIcon:after {
    content: "";
    position: absolute;
    top: calc(var(--p-space-200)*-1);
    left: calc(var(--p-space-200)*-1);
    width: calc(100% + var(--p-space-500));
    height: calc(100% + var(--p-space-500))
}

@media (min-width: 48em) {
    .shopilike-TopBar__NavigationIcon {
        display: none
    }
}

.shopilike-TopBar__NavigationIcon .shopilike-TopBar__IconWrapper {
    position: relative
}

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

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

.shopilike-TopBar__LeftContent {
    display: flex
}

.shopilike-TopBar__Search {
    z-index: var(--p-z-index-1);
    display: flex;
    flex: 1 1 auto;
    align-items: center;
    justify-content: center;
    height: 100%
}

@media (min-width: 48em) {
    .shopilike-TopBar__Search {
        position: relative
    }
}

.shopilike-TopBar__RightContent {
    display: flex;
    justify-content: flex-end
}

.shopilike-TopBar__SecondaryMenu {
    margin-left: var(--p-space-200)
}

.shopilike-TopBar__SecondaryMenu ui-icon,
.shopilike-TopBar__SecondaryMenu svg {
    color: var(--p-color-icon-inverse)
}

.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
}

._Point_gkfp3_144 {
    outline: none;
    pointer-events: none
}

._Point_gkfp3_144:focus,
._Point_gkfp3_144:focus-visible {
    outline: none !important
}

._VisuallyHidden_gkfp3_152 {
    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
}

._Crosshair_1t1jt_1 {
    pointer-events: none
}

._ChartContainer_vopsd_144 {
    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
}

._ChartContainer_vopsd_144 *:focus,
._ChartContainer_vopsd_144 *:focus-visible {
    outline: .125rem solid #4b92e5;
    outline-offset: .125rem
}

._Shimmer_hqp2w_1 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transform: scale(5, 10);
    animation-name: _shimmer_hqp2w_1;
    animation-duration: 10s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    background-size: calc(var(--shimmerWidth)*1) calc(var(--shimmerHeight)*1);
    background-position-y: 0;
    pointer-events: none
}

@keyframes _shimmer_hqp2w_1 {
    0% {
        background-position-x: calc(var(--shimmerWidth)*1*-1)
    }

    50% {
        background-position-x: calc(var(--shimmerWidth)*1*2)
    }

    51% {
        background-position-x: calc(var(--shimmerWidth)*1*-1)
    }

    to {
        background-position-x: calc(var(--shimmerWidth)*1*2)
    }
}

._Arc_12guq_144 {
    outline: none
}

._Arc_12guq_144:focus,
._Arc_12guq_144:focus-visible {
    outline: none !important
}

._Donut_1xk67_144 {
    position: relative;
    display: flex;
    width: 100%;
    height: 100%;
    overflow: visible;
    -webkit-user-select: none;
    user-select: none;
    align-items: center
}

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

._ContentWrapper_1xk67_162 {
    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%
}

._ContentWrapper_1xk67_162 span {
    max-width: 50%;
    text-align: center;
    color: #fff;
    font-size: .6875rem
}

._DonutChart_1xk67_180 {
    outline: none;
    overflow: visible
}

._DonutChart_1xk67_180:focus,
._DonutChart_1xk67_180:focus-visible {
    outline: none !important
}

._Label_1vvi2_144 {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

._SVG_186th_144 {
    display: block;
    font-feature-settings: normal;
    outline: none
}

._SVG_186th_144:focus,
._SVG_186th_144:focus-visible {
    outline: none !important
}

._Bar_1hwkw_144 {
    outline: none;
    transition: fill 300 ease
}

._Bar_1hwkw_144:focus,
._Bar_1hwkw_144:focus-visible {
    outline: none !important
}

@media print {
    ._Group_1hwkw_153 {
        transform: none !important
    }
}

._SimpleBarSkeleton_1nscx_1 {
    display: flex;
    flex-direction: column;
    gap: 2.5rem;
    width: 100%
}

._Item_1nscx_8 {
    display: grid;
    grid-template-rows: 1rem 2.5rem;
    grid-template-columns: 20% auto;
    gap: 1.25rem
}

._Item_1nscx_8>*:last-child {
    grid-column: span 2
}

._Legend_iqjhb_1 {
    height: 3.125rem;
    display: flex;
    gap: 5%;
    max-width: 60%;
    margin: .875rem 0
}

._LegendItem_iqjhb_9 {
    width: 100%;
    display: block;
    display: grid;
    grid-template-columns: 1rem 1fr;
    grid-template-rows: 1rem;
    grid-gap: .625rem
}

._LegendItem_iqjhb_9>*:first-child {
    width: 1rem;
    height: 1rem
}

._LegendItem_iqjhb_9>*:nth-child(2) {
    height: 1rem
}

._LegendItem_iqjhb_9>*:nth-child(3) {
    grid-column: 2;
    height: 1rem;
    width: 80%
}

._LegendItemComponent_iqjhb_30 {
    border-radius: .125rem;
    height: 1rem;
    width: 100%
}

._Container_1ymq9_1 {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden
}

._ChartDimensions_qgx6z_1 {
    height: 100%;
    width: 100%
}

._Chart_qgx6z_1 {
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 100%
}

._Chart_qgx6z_1 svg {
    overflow: visible;
    max-width: 100%
}

._VisuallyHidden_1laex_144 {
    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
}

._VisuallyHidden_12uto_144 {
    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
}

._ComparisonLine_12uto_156 {
    stroke-linecap: round
}

._SkipLink_1jwcn_1 {
    position: absolute;
    top: .0625rem;
    left: .0625rem;
    background: #fff;
    box-shadow: 0 .0625rem #0000000d;
    border-radius: .4rem;
    color: #212b36;
    border: .0625rem solid #babfc3;
    padding: .5rem 1rem;
    opacity: 0;
    pointer-events: none;
    text-decoration: none
}

._SkipLink_1jwcn_1:focus {
    pointer-events: all;
    opacity: 1
}

._Line_y7hzj_1 {
    pointer-events: none
}

._Blur_m9tly_1 {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-backdrop-filter: blur(.3125rem);
    backdrop-filter: blur(.3125rem)
}

._Button_m9tly_9 {
    border: 0;
    background: transparent;
    height: 100%;
    width: 100%;
    font-size: 0;
    display: block
}

._Container_195be_1 {
    pointer-events: auto;
    -webkit-backdrop-filter: blur(.3125rem);
    backdrop-filter: blur(.3125rem);
    padding: .5rem .75rem;
    border-radius: .3125rem;
    box-shadow: 0 0 .3125rem #0006
}

._Title_195be_9 {
    font-weight: 500;
    line-height: 1.25rem;
    font-size: .75rem;
    margin: 0 0 .25rem
}

._Content_195be_16 {
    font-size: .6875rem;
    line-height: 1rem;
    margin: 0
}

._Link_195be_22 {
    margin-left: .25rem
}

._Button_pb42n_1 {
    border: 0;
    background: transparent;
    height: 100%;
    width: 100%;
    font-size: 0;
    display: block
}

._Container_8b5v1_1 {
    display: flex
}

._SVG_8b5v1_5 {
    display: block;
    overflow: visible
}

._ColorPreview_t4h1x_144 {
    border-radius: .125rem;
    display: block;
    flex: none;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact
}

._Legend_ynez4_144 {
    padding: .375rem 0;
    outline: none;
    border: none;
    border-radius: .125rem;
    display: flex
}

._Legend_ynez4_144:focus,
._Legend_ynez4_144:focus-visible {
    outline: .125rem solid #4b92e5;
    outline-offset: .125rem
}

._Legend_ynez4_144:focus {
    outline: none
}

._Legend_ynez4_144:focus-visible {
    outline: .125rem solid #4b92e5;
    outline-offset: .125rem
}

._TextContainer_ynez4_163 {
    display: flex;
    flex-direction: column;
    text-align: left;
    gap: .1875rem;
    line-height: 1rem;
    margin: -.125rem 0;
    font-size: .6875rem;
    font-family: Inter, -apple-system, "system-ui", San Francisco, Segoe UI, Roboto, Helvetica Neue, sans-serif;
    white-space: nowrap;
    min-width: 0
}

._Text_ynez4_163 {
    overflow: hidden;
    text-overflow: ellipsis
}

._IconContainer_ynez4_181 {
    display: flex;
    align-items: center;
    justify-items: center
}

._Container_ijalm_1 {
    display: flex;
    gap: .625rem
}

._Container_1op8q_1 {
    position: absolute;
    pointer-events: none;
    z-index: 520;
    max-width: 70%
}

._MoreText_kibmg_1 {
    display: flex;
    white-space: nowrap;
    align-items: center;
    background: none;
    border: none;
    border-radius: .125rem;
    font-size: .6875rem
}

._Tooltip_kibmg_11 {
    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
}

._VisuallyHidden_at2zh_144 {
    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
}

._ChartContainer_11yon_144 {
    position: relative;
    -webkit-user-select: none;
    user-select: none;
    max-width: 100%;
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 100%
}

._SVG_11yon_154 {
    overflow: visible;
    max-width: 100%;
    min-width: 0
}

._SVG_11yon_154 [data-color-vision-event-watch=true] {
    outline: none
}

._SVG_11yon_154 [data-color-vision-event-watch=true]:focus,
._SVG_11yon_154 [data-color-vision-event-watch=true]:focus-visible {
    outline: none !important
}

._Container_971pd_1 {
    position: relative;
    display: flex;
    align-items: baseline
}

._ContainerDefaultLabel_971pd_7 {
    margin-bottom: 2rem
}

._ContaineBottomLabel_971pd_11 {
    margin-top: 1.25rem
}

._LabelColor_971pd_15 {
    margin: .0625rem;
    border-radius: .1875rem;
    height: .625rem;
    width: .625rem
}

._Label_971pd_15 {
    flex: 1 1;
    margin: 0 .5rem;
    word-break: break-word;
    max-width: 7.5rem;
    line-height: 1.125rem
}

._FormattedVerticalLabel_971pd_30 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    white-space: normal
}

._FormattedHorizontalLabel_971pd_38 {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

._ValueContainer_971pd_44 {
    margin-top: .25rem;
    display: flex
}

._ValueHorizontalContainer_971pd_49 {
    position: absolute;
    top: 1rem;
    margin-top: .25rem;
    display: flex
}

._Value_971pd_44 {
    margin-right: .5rem;
    font-weight: 650
}

._Segment_7hgfv_144 {
    outline: none;
    margin: .0625rem .125rem .125rem .0625rem
}

._Segment_7hgfv_144:focus,
._Segment_7hgfv_144:focus-visible {
    outline: none !important
}

._Segment_7hgfv_144:last-of-type {
    margin: .0625rem
}

._horizontal-RoundedCorners_7hgfv_155:first-of-type {
    border-radius: .125rem 0 0 .125rem
}

._horizontal-RoundedCorners_7hgfv_155:last-of-type {
    border-radius: 0 .125rem .125rem 0
}

._vertical-RoundedCorners_7hgfv_162:first-of-type {
    border-radius: 0 0 .125rem .125rem
}

._vertical-RoundedCorners_7hgfv_162:last-of-type {
    border-radius: .125rem .125rem 0 0
}

._RoundedCorners_7hgfv_169 {
    border-radius: .125rem
}

._horizontal-small_7hgfv_173 {
    height: 1rem
}

._horizontal-medium_7hgfv_177 {
    height: 2.25rem
}

._horizontal-large_7hgfv_181 {
    height: 3.5rem
}

._vertical-small_7hgfv_185 {
    width: 1rem
}

._vertical-medium_7hgfv_189 {
    width: 2.25rem
}

._vertical-large_7hgfv_193 {
    width: 3.5rem
}

._Container_pgxim_144 {
    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
}

._VerticalContainer_pgxim_155 {
    height: 100%
}

._VerticalContainerRightLabel_pgxim_159 {
    flex-direction: row-reverse;
    justify-content: flex-end
}

._HorizontalContainer_pgxim_164 {
    flex-direction: column;
    justify-content: normal
}

._HorizontalContainerBottomLabel_pgxim_169 {
    flex-direction: column-reverse
}

._BarContainer_pgxim_173 {
    display: flex
}

._VerticalBarContainer_pgxim_177 {
    flex-direction: column-reverse
}

._HorizontalBarContainer_pgxim_181 {
    flex-direction: row
}

._VerticalLabelContainer_pgxim_185 {
    margin: 0 1.25rem;
    padding: 0
}

._HorizontalLabelContainer_pgxim_190 {
    padding: 0;
    display: flex
}

._HorizontalLabelContainerGrid_pgxim_195 {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(9.375rem, max-content))
}

._LabelContainerEndJustify_pgxim_200 {
    justify-content: end;
    justify-items: end
}

@media print {
    ._Group_oqjz6_2 {
        clip-path: none
    }
}

._Bar_1w2vx_144 {
    outline: none;
    transition: fill 300 ease
}

._Bar_1w2vx_144:focus,
._Bar_1w2vx_144:focus-visible {
    outline: none !important
}

._BarGroup_1gnzm_144,
._Bar_1gnzm_144 {
    outline: none
}

._BarGroup_1gnzm_144:focus,
._BarGroup_1gnzm_144:focus-visible,
._Bar_1gnzm_144:focus,
._Bar_1gnzm_144:focus-visible {
    outline: none !important
}

._Bar_h2fc5_144 {
    outline: none
}

._Bar_h2fc5_144:focus,
._Bar_h2fc5_144:focus-visible {
    outline: none !important
}

._Group_kzepq_144 {
    outline: none
}

._Group_kzepq_144:focus,
._Group_kzepq_144:focus-visible {
    outline: none !important
}

._Donut_1ga5u_144 {
    position: relative;
    display: flex;
    overflow: visible;
    -webkit-user-select: none;
    user-select: none;
    align-items: center
}

._DonutWrapper_1ga5u_152 {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%
}

._ContentWrapper_1ga5u_160 {
    position: absolute;
    justify-content: center;
    display: flex;
    flex-flow: column nowrap;
    align-items: center;
    pointer-events: none;
    width: 100%;
    height: 100%
}

._ContentValue_1ga5u_171 {
    line-height: 1.5rem;
    font-weight: 700;
    -webkit-user-select: text;
    user-select: text;
    margin: 0;
    font-variant-numeric: tabular-nums
}

._ComparisonMetric_1ga5u_179 {
    font-size: 1rem
}

._DonutChart_1ga5u_183 {
    outline: none;
    overflow: visible
}

._DonutChart_1ga5u_183:focus,
._DonutChart_1ga5u_183:focus-visible {
    outline: none !important
}

._Table_1h9pq_1 {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0 .375rem;
    table-layout: fixed
}

._ColorPreview_bcym0_1 {
    width: .75rem
}

._Name_bcym0_5 {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding-left: .25rem;
    padding-right: 1.25rem
}

._alignLeft_bcym0_13 {
    text-align: left
}

._alignRight_bcym0_17 {
    text-align: right
}

._Label_hgwz8_1 {
    text-align: center;
    padding-top: .375rem;
    display: flex;
    justify-content: center;
    align-items: center
}

._Label_hgwz8_1>span {
    padding: 0 .25rem;
    border-radius: "4px";
    border-radius: .25rem
}

._Label_hgwz8_1>span:empty {
    display: none
}

._YAxis_hgwz8_17 {
    overflow: visible
}

._Row_vhmy9_144 {
    line-height: 1rem;
    font-size: .6875rem;
    gap: .5rem;
    display: flex;
    align-items: center
}

._Value_vhmy9_152 {
    margin-left: auto;
    text-align: right;
    white-space: nowrap
}

._Truncate_vhmy9_158 {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

._Container_no9uw_1 {
    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
}

._Title_7es5w_1 {
    font-size: .75rem;
    font-weight: 500;
    line-height: 1.25rem;
    margin: 0
}

._AxisTitle_ahut2_1 {
    line-height: 1rem;
    margin: 0
}

._Series_1mcj1_1 {
    gap: .25rem;
    display: flex;
    flex-direction: column
}

._IconContainer_hkbfs_1 {
    display: flex;
    align-items: center;
    justify-items: center;
    height: .75rem;
    width: 1.25rem
}

._Container_1fw4x_1 {
    display: flex;
    gap: .625rem;
    flex-wrap: wrap;
    list-style: none
}

._Icon_z9hgg_1 {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: .25rem
}

.Online-Store-UI-AddBetweenButton__Root_fxnvw {
    --osui-add-button-offset-x: calc(var(--p-space-600) + .375rem);
    --osui-add-button-color: var(--p-color-icon-emphasis);
    display: flex;
    margin: -.3125rem 0 !important;
    padding: 0;
    height: .625rem;
    overflow: hidden;
    transition-property: height, margin, overflow;
    transition-duration: 0s;
    transition-delay: .3s
}

.Online-Store-UI-AddBetweenButton__Root_fxnvw:hover,
.Online-Store-UI-AddBetweenButton__Root_fxnvw:focus-within,
.Online-Store-UI-AddBetweenButton__Root_fxnvw:has([aria-pressed=true]) {
    height: var(--p-height-500);
    margin: -.625rem 0 !important;
    transition-delay: 0s;
    overflow: visible
}

.Online-Store-UI-AddBetweenButton__Root_fxnvw>span {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-grow: 1
}

.Online-Store-UI-AddBetweenButton--disableTransition_1a7z7 .Online-Store-UI-AddBetweenButton__Root_fxnvw,
.Online-Store-UI-AddBetweenButton--disableTransition_1a7z7 .Online-Store-UI-AddBetweenButton__Button_14q0l {
    transition: none
}

.Online-Store-UI-AddBetweenButton--disableTransition_1a7z7 .Online-Store-UI-AddBetweenButton__Button_14q0l:before {
    transition: none
}

.Online-Store-UI-AddBetweenButton--nested_w0cqr {
    --osui-add-button-offset-x: calc(var(--p-space-500) + var(--p-height-050))
}

.Online-Store-UI-AddBetweenButton__Button_14q0l {
    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;
    margin-left: var(--osui-add-button-offset-x);
    margin-right: var(--p-space-100);
    padding: 0;
    align-items: center;
    justify-content: center;
    background: none;
    cursor: pointer;
    opacity: 0;
    transition: opacity var(--p-motion-duration-150) var(--p-motion-ease-in)
}

@media (prefers-reduced-motion) {
    .Online-Store-UI-AddBetweenButton__Button_14q0l {
        transition-duration: 0s
    }
}

.Online-Store-UI-AddBetweenButton__Button_14q0l:focus-visible {
    transition: none
}

.Online-Store-UI-AddBetweenButton__Button_14q0l:focus-visible:before {
    transition: none
}

.Online-Store-UI-AddBetweenButton__Button_14q0l[aria-pressed=true],
.Online-Store-UI-AddBetweenButton__Button_14q0l:hover,
.Online-Store-UI-AddBetweenButton__Button_14q0l:focus-visible {
    opacity: 1;
    transition-delay: var(--p-motion-duration-150)
}

.Online-Store-UI-AddBetweenButton__Button_14q0l[aria-pressed=true]:before,
.Online-Store-UI-AddBetweenButton__Button_14q0l:hover:before,
.Online-Store-UI-AddBetweenButton__Button_14q0l:focus-visible:before {
    transform: scaleZ(1)
}

.Online-Store-UI-AddBetweenButton__Button_14q0l[aria-pressed=true],
.Online-Store-UI-AddBetweenButton__Button_14q0l:focus-visible {
    transition-delay: 0s
}

.Online-Store-UI-AddBetweenButton__Button_14q0l[aria-pressed=true]:not([disabled]) {
    --osui-add-button-color: rgb(63, 134, 242)
}

.Online-Store-UI-AddBetweenButton__Button_14q0l:has(.Online-Store-UI-AddBetweenButton__Icon_fyafx:hover):not([aria-pressed=true]):not([disabled]) {
    --osui-add-button-color: rgb(63, 134, 242)
}

.Online-Store-UI-AddBetweenButton__Button_14q0l[disabled] {
    --osui-add-button-color: var(--p-color-icon-disabled)
}

.Online-Store-UI-AddBetweenButton__Button_14q0l[disabled] .Online-Store-UI-AddBetweenButton__Icon_fyafx:before {
    display: none
}

.Online-Store-UI-AddBetweenButton__Button_14q0l: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: scale3d(0, 1, 1);
    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_14q0l:before {
        transition-duration: 0s
    }
}

@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
    .Online-Store-UI-AddBetweenButton__Button_14q0l:before {
        height: .15625rem
    }
}

.Online-Store-UI-AddBetweenButton__Button_14q0l:after {
    display: none
}

.Online-Store-UI-AddBetweenButton__Icon_fyafx {
    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_fyafx: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: scale3d(0, 0, 1);
    transition-duration: transform, opacity;
    transition-duration: var(--p-motion-duration-250);
    transition-timing-function: var(--p-motion-ease-in)
}

.Online-Store-UI-AddBetweenButton__Icon_fyafx:hover:before {
    transform: scaleZ(1);
    opacity: .3;
    transition-timing-function: var(--p-motion-ease-out)
}

.Online-Store-UI-AddBetweenButton__Icon_fyafx:active:before {
    opacity: .45;
    filter: brightness(1.2)
}

.Online-Store-UI-AddBetweenButton__Icon_fyafx ui-icon,
.Online-Store-UI-AddBetweenButton__Icon_fyafx svg {
    color: var(--p-color-bg-fill)
}

@keyframes Online-Store-UI-NavItem--dragLiftX_84tz9 {
    to {
        transform: translate3d(1.25rem, 0, 0)
    }
}

@keyframes Online-Store-UI-NavItem--dragLiftY_1i4fs {
    to {
        transform: translate3d(0, -.8125rem, 0)
    }
}

.Online-Store-UI-NavItem_dxhvl {
    --osui_padding-x-nav-item: var(--p-space-200);
    position: relative;
    flex: 1 1 auto
}

.Online-Store-UI-NavItem_dxhvl:not(.Online-Store-UI-NavItem--nested_jxy15, .Online-Store-UI-NavItem--clone_15ime) {
    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_dxhvl {
        --osui_padding-x-nav-item: var(--p-space-300)
    }
}

@media (max-width: 41.685em) {
    .Online-Store-UI-NavItem_dxhvl {
        --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_dxhvl.Online-Store-UI-NavItem--disabled_127xr .Online-Store-UI-NavItem__HoverPrefix_18b77,
.Online-Store-UI-NavItem_dxhvl.Online-Store-UI-NavItem--disabled_127xr .Online-Store-UI-NavItem__LabelPrefix_18ktk.Online-Store-UI-NavItem--hasHoverPrefix_1220b .Online-Store-UI-NavItem__HoverPrefix_18b77 {
    opacity: 0
}

.Online-Store-UI-NavItem_dxhvl.Online-Store-UI-NavItem--disabled_127xr .Online-Store-UI-NavItem__TitlePrefix_18lmb,
.Online-Store-UI-NavItem_dxhvl.Online-Store-UI-NavItem--disabled_127xr .Online-Store-UI-NavItem__LabelPrefix_18ktk.Online-Store-UI-NavItem--hasHoverPrefix_1220b .Online-Store-UI-NavItem__TitlePrefix_18lmb {
    opacity: 1
}

.Online-Store-UI-NavItem_dxhvl.Online-Store-UI-NavItem--disabled_127xr .Online-Store-UI-NavItem__TitlePrefix_18lmb ui-icon,
.Online-Store-UI-NavItem_dxhvl.Online-Store-UI-NavItem--disabled_127xr .Online-Store-UI-NavItem__TitlePrefix_18lmb svg,
.Online-Store-UI-NavItem_dxhvl.Online-Store-UI-NavItem--disabled_127xr .Online-Store-UI-NavItem__LabelPrefix_18ktk.Online-Store-UI-NavItem--hasHoverPrefix_1220b .Online-Store-UI-NavItem__TitlePrefix_18lmb ui-icon,
.Online-Store-UI-NavItem_dxhvl.Online-Store-UI-NavItem--disabled_127xr .Online-Store-UI-NavItem__LabelPrefix_18ktk.Online-Store-UI-NavItem--hasHoverPrefix_1220b .Online-Store-UI-NavItem__TitlePrefix_18lmb svg {
    color: var(--p-color-icon-disabled)
}

.Online-Store-UI-NavItem_dxhvl.Online-Store-UI-NavItem--disabled_127xr .Online-Store-UI-NavItem__Title_15ii8 {
    color: var(--p-color-text-disabled)
}

.Online-Store-UI-NavItem_dxhvl:focus {
    outline: 0
}

:not(.Online-Store-UI-NavItem--disabled_127xr):not(.Online-Store-UI-NavItem--hidden_djchu)>.Online-Store-UI-NavItem--selected_1hqf8:not(.Online-Store-UI-NavItem--error_15p74) .Online-Store-UI-NavItem_dxhvl ui-icon,
:not(.Online-Store-UI-NavItem--disabled_127xr):not(.Online-Store-UI-NavItem--hidden_djchu)>.Online-Store-UI-NavItem--selected_1hqf8:not(.Online-Store-UI-NavItem--error_15p74) .Online-Store-UI-NavItem_dxhvl svg {
    color: var(--p-color-icon-emphasis)
}

.Online-Store-UI-NavItem--clone_15ime {
    --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_84tz9 var(--p-motion-duration-150) var(--osui_easing-bounce) both
}

.Online-Store-UI-NavItem--clone_15ime:not(.Online-Store-UI-NavItem--nested_jxy15).Online-Store-UI-NavItem--preventCloneOffset_1h88p {
    --osui_margin-x-nav-item-clone: 0
}

.Online-Store-UI-NavItem--clone_15ime.Online-Store-UI-NavItem--preventCloneOffset_1h88p {
    box-shadow: 0 0 .1875rem #0000001a, 0 .25rem 1.25rem #00000026;
    animation: Online-Store-UI-NavItem--dragLiftY_1i4fs var(--p-motion-duration-150) var(--osui_easing-bounce) both
}

.Online-Store-UI-NavItem--clone_15ime button {
    pointer-events: none;
    touch-action: none;
    -webkit-user-select: none;
    user-select: none
}

.Online-Store-UI-NavItem__Interior_1b8w7 {
    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_1b8w7.Online-Store-UI-NavItem--backgroundColorHighlight_1dh92 {
    background-color: var(--p-color-bg-surface-brand-selected)
}

.Online-Store-UI-NavItem__Interior_1b8w7.Online-Store-UI-NavItem--backgroundColorSecondary_1k4rw {
    background-color: var(--p-color-bg)
}

.Online-Store-UI-NavItem--hidden_djchu .Online-Store-UI-NavItem__Interior_1b8w7 {
    color: var(--p-color-text-secondary)
}

.Online-Store-UI-NavItem__Interior_1b8w7.Online-Store-UI-NavItem--interactive_9b3f5 {
    color: var(--p-color-text-emphasis)
}

.Online-Store-UI-NavItem__Interior_1b8w7.Online-Store-UI-NavItem--interactive_9b3f5.Online-Store-UI-NavItem--pressed_iun1o {
    color: var(--p-color-text-emphasis-active)
}

.Online-Store-UI-NavItem__Interior_1b8w7.Online-Store-UI-NavItem--error_15p74 {
    color: var(--p-color-text-critical)
}

.Online-Store-UI-NavItem__Interior_1b8w7.Online-Store-UI-NavItem--toneMagic_kk9hh {
    color: var(--p-color-text-magic)
}

.Online-Store-UI-NavItem__Interior_1b8w7.Online-Store-UI-NavItem--hidden_djchu .Online-Store-UI-NavItem--toneMagic_kk9hh {
    color: var(--p-color-text-secondary)
}

.Online-Store-UI-NavItem__Prefix_mr8n7,
.Online-Store-UI-NavItem__TitleContent_uinds,
.Online-Store-UI-NavItem__Suffix_mr8pr {
    height: 100%;
    display: flex;
    align-items: center
}

.Online-Store-UI-NavItem__TitleContent_uinds {
    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);
    min-width: 0;
    max-width: 100%
}

.Online-Store-UI-NavItem--fleeting_cuupt .Online-Store-UI-NavItem__TitleContent_uinds:not(.Online-Store-UI-NavItem--hasPreventFleeting_1c3z5) {
    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_cuupt:focus-within .Online-Store-UI-NavItem__TitleContent_uinds:not(.Online-Store-UI-NavItem--hasPreventFleeting_1c3z5) {
    grid-area: title
}

.Online-Store-UI-NavItem--fleeting_cuupt:hover .Online-Store-UI-NavItem__TitleContent_uinds:not(.Online-Store-UI-NavItem--hasPreventFleeting_1c3z5) {
    grid-area: title
}

.Online-Store-UI-NavItem--nested_jxy15 .Online-Store-UI-NavItem__TitleContent_uinds,
.Online-Store-UI-NavItem__TitleContent_uinds.Online-Store-UI-NavItem--labelAlignmentNone_16e42 {
    --osui_padding-left-nav-item-title-content: var(--osui-nav-item-alignment-none)
}

.Online-Store-UI-NavItem--nested_jxy15:not(.Online-Store-UI-NavItem--preventNestedOffset_19n93) .Online-Store-UI-NavItem__TitleContent_uinds {
    --osui_padding-left-nav-item-title-content: var(--osui_nav-item-alignment-nested-offset)
}

.Online-Store-UI-NavItem__TitleContent_uinds.Online-Store-UI-NavItem--labelAlignmentBaseTight_1uyxd {
    --osui_padding-left-nav-item-title-content: var(--osui-nav-item-alignment-base-tight)
}

.Online-Store-UI-NavItem__TitleContent_uinds.Online-Store-UI-NavItem--labelAlignmentPrefix_m6chc {
    --osui_padding-left-nav-item-title-content: var(--osui_nav-action-connected-button-width-slim)
}

.Online-Store-UI-NavItem__TitleContent_uinds.Online-Store-UI-NavItem--labelAlignmentPrefixWithIcon_6fu7l {
    --osui_padding-left-nav-item-title-content: var(--osui_nav-item-alignment-common-action-with-icon)
}

.Online-Store-UI-NavItem__TitleContent_uinds.Online-Store-UI-NavItem--labelAlignmentIcon_1kjs8 {
    --osui_padding-left-nav-item-title-content: var(--osui_nav-item-alignment-common-icon)
}

.Online-Store-UI-NavItem__TitleContent_uinds.Online-Store-UI-NavItem--labelAlignmentIcon_1kjs8.Online-Store-UI-NavItem--itemHasPrefix_1abce {
    --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_127xr .Online-Store-UI-NavItem__Prefix_mr8n7,
.Online-Store-UI-NavItem--disabled_127xr .Online-Store-UI-NavItem__Suffix_mr8pr {
    pointer-events: none;
    touch-action: none;
    -webkit-user-select: none;
    user-select: none
}

.Online-Store-UI-NavItem__Prefix_mr8n7 {
    grid-area: prefix;
    z-index: 2
}

.Online-Store-UI-NavItem__PrimaryAction_1c6pv {
    -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_1c6pv:focus {
    outline: none
}

.Online-Store-UI-NavItem__PrimaryAction_1c6pv: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_1c6pv:focus:after {
    box-shadow: 0 0 0 .125rem var(--p-color-border-focus);
    outline: var(--osui_high-contrast-outline)
}

.Online-Store-UI-NavItem__PrimaryAction_1c6pv:focus:not(:focus-visible):after {
    box-shadow: 0 0 0 0 transparent
}

@media (-ms-high-contrast: active) {
    .Online-Store-UI-NavItem__PrimaryAction_1c6pv:focus:not(:focus-visible):after {
        outline: none
    }
}

.Online-Store-UI-NavItem__PrimaryAction_1c6pv: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_1c6pv: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_1c6pv ui-icon,
.Online-Store-UI-NavItem__PrimaryAction_1c6pv svg {
    transition: color var(--p-motion-duration-150) var(--p-motion-ease)
}

.Online-Store-UI-NavItem__PrimaryAction_1c6pv:focus-visible {
    color: var(--p-color-text-brand);
    background-color: var(--p-color-bg-fill-transparent-secondary)
}

.Online-Store-UI-NavItem__PrimaryAction_1c6pv:focus-visible ui-icon,
.Online-Store-UI-NavItem__PrimaryAction_1c6pv:focus-visible svg {
    color: var(--p-color-text-brand)
}

@media (-ms-high-contrast: active) {

    .Online-Store-UI-NavItem__PrimaryAction_1c6pv:focus-visible ui-icon,
    .Online-Store-UI-NavItem__PrimaryAction_1c6pv:focus-visible svg {
        color: var(--p-color-icon-secondary)
    }
}

@media (hover: hover) and (pointer: fine) {
    .Online-Store-UI-NavItem__PrimaryAction_1c6pv:hover {
        color: var(--p-color-text-brand);
        background-color: var(--p-color-bg-fill-transparent-secondary)
    }

    .Online-Store-UI-NavItem__PrimaryAction_1c6pv:hover ui-icon,
    .Online-Store-UI-NavItem__PrimaryAction_1c6pv:hover svg {
        color: var(--p-color-text-brand)
    }
}

@media (hover: hover) and (pointer: fine) and (-ms-high-contrast: active) {

    .Online-Store-UI-NavItem__PrimaryAction_1c6pv:hover ui-icon,
    .Online-Store-UI-NavItem__PrimaryAction_1c6pv:hover svg {
        color: var(--p-color-icon-secondary)
    }
}

.Online-Store-UI-NavItem__PrimaryAction_1c6pv:active {
    color: var(--p-color-text-brand);
    background-color: var(--p-color-bg-surface-tertiary)
}

.Online-Store-UI-NavItem__PrimaryAction_1c6pv:active ui-icon,
.Online-Store-UI-NavItem__PrimaryAction_1c6pv:active svg {
    color: var(--p-color-text-brand)
}

@media (-ms-high-contrast: active) {

    .Online-Store-UI-NavItem__PrimaryAction_1c6pv:active ui-icon,
    .Online-Store-UI-NavItem__PrimaryAction_1c6pv:active svg {
        color: var(--p-color-icon-secondary)
    }
}

.Online-Store-UI-NavItem--hasIndicator_bp6md .Online-Store-UI-NavItem__PrimaryAction_1c6pv: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_jxy15 .Online-Store-UI-NavItem--hasIndicator_bp6md .Online-Store-UI-NavItem__PrimaryAction_1c6pv:before {
    margin-left: -.625rem
}

@media (max-width: 41.685em) {
    .Online-Store-UI-NavItem--hasIndicator_bp6md .Online-Store-UI-NavItem__PrimaryAction_1c6pv:before {
        margin-left: -1.625rem
    }

    .Online-Store-UI-NavItem--nested_jxy15 .Online-Store-UI-NavItem--hasIndicator_bp6md .Online-Store-UI-NavItem__PrimaryAction_1c6pv:before {
        margin-left: -1.375rem
    }
}

.Online-Store-UI-NavItem__PrimaryAction_1c6pv:focus-visible {
    color: var(--p-color-icon-hover);
    background-color: var(--p-color-bg-surface-hover)
}

.Online-Store-UI-NavItem__PrimaryAction_1c6pv:focus-visible svg {
    fill: var(--p-color-text)
}

@media (-ms-high-contrast: active) {
    .Online-Store-UI-NavItem__PrimaryAction_1c6pv:focus-visible svg {
        fill: var(--p-color-icon-secondary)
    }
}

@media (hover: hover) and (pointer: fine) {
    .Online-Store-UI-NavItem__PrimaryAction_1c6pv:hover {
        color: var(--p-color-icon-hover);
        background-color: var(--p-color-bg-surface-hover)
    }

    .Online-Store-UI-NavItem__PrimaryAction_1c6pv:hover svg {
        fill: var(--p-color-text)
    }
}

@media (hover: hover) and (pointer: fine) and (-ms-high-contrast: active) {
    .Online-Store-UI-NavItem__PrimaryAction_1c6pv:hover svg {
        fill: var(--p-color-icon-secondary)
    }
}

@media (hover: hover) and (pointer: fine) {
    .Online-Store-UI-NavItem_dxhvl:not(.Online-Store-UI-NavItem--hidden_djchu)>.Online-Store-UI-NavItem__Interior_1b8w7:not(.Online-Store-UI-NavItem--error_15p74):not(.Online-Store-UI-NavItem--interactive_9b3f5):not(.Online-Store-UI-NavItem--selected_1hqf8) .Online-Store-UI-NavItem__PrimaryAction_1c6pv:hover~.Online-Store-UI-NavItem__TitleContent_uinds>.Online-Store-UI-NavItem__TitlePrefix_18lmb {
        color: var(--p-color-text)
    }

    .Online-Store-UI-NavItem__PrimaryAction_1c6pv:hover~.Online-Store-UI-NavItem__TitleContent_uinds>.Online-Store-UI-NavItem__TitlePrefix_18lmb>.Online-Store-UI-NavItem--disableHoverPrefix_137xg {
        color: var(--p-color-icon-disabled)
    }
}

@media (min-width: 48em) and (hover: hover) and (pointer: fine) {

    .Online-Store-UI-NavItem__PrimaryAction_1c6pv:hover~.Online-Store-UI-NavItem__TitleContent_uinds .Online-Store-UI-NavItem__LabelPrefix_18ktk.Online-Store-UI-NavItem--hasHoverPrefix_1220b .Online-Store-UI-NavItem__TitlePrefix_18lmb,
    .Online-Store-UI-NavItem__PrimaryAction_1c6pv:focus~.Online-Store-UI-NavItem__TitleContent_uinds .Online-Store-UI-NavItem__LabelPrefix_18ktk.Online-Store-UI-NavItem--hasHoverPrefix_1220b .Online-Store-UI-NavItem__TitlePrefix_18lmb {
        opacity: 0
    }
}

.Online-Store-UI-NavItem__PrimaryAction_1c6pv: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_1c6pv:active svg {
    fill: var(--p-color-text)
}

@media (-ms-high-contrast: active) {
    .Online-Store-UI-NavItem__PrimaryAction_1c6pv:active svg {
        fill: var(--p-color-icon-secondary)
    }
}

.Online-Store-UI-NavItem--disabled_127xr .Online-Store-UI-NavItem__PrimaryAction_1c6pv,
.Online-Store-UI-NavItem--plain_15bax .Online-Store-UI-NavItem__PrimaryAction_1c6pv {
    pointer-events: none;
    touch-action: none;
    -webkit-user-select: none;
    user-select: none
}

.Online-Store-UI-NavItem--selected_1hqf8 .Online-Store-UI-NavItem__PrimaryAction_1c6pv {
    background-color: var(--p-color-bg-surface-brand-selected)
}

.Online-Store-UI-NavItem--pressed_iun1o .Online-Store-UI-NavItem__PrimaryAction_1c6pv {
    background-color: var(--p-color-bg-surface-active)
}

.Online-Store-UI-NavItem--toneMagic_kk9hh .Online-Store-UI-NavItem__PrimaryAction_1c6pv {
    background-color: var(--p-color-bg-surface-magic)
}

.Online-Store-UI-NavItem--toneMagic_kk9hh .Online-Store-UI-NavItem__PrimaryAction_1c6pv:active {
    background-color: var(--p-color-bg-surface-magic-active)
}

.Online-Store-UI-NavItem--toneMagic_kk9hh .Online-Store-UI-NavItem__PrimaryAction_1c6pv:focus-visible {
    background-color: var(--p-color-bg-surface-magic-hover)
}

@media (hover: hover) and (pointer: fine) {

    .Online-Store-UI-NavItem--toneMagic_kk9hh .Online-Store-UI-NavItem__PrimaryAction_1c6pv:hover,
    .Online-Store-UI-NavItem--toneMagic_kk9hh .Online-Store-UI-NavItem__PrimaryAction_1c6pv.Online-Store-UI-NavItem--hovered_iqbkz {
        background-color: var(--p-color-bg-surface-magic-hover)
    }
}

.Online-Store-UI-NavItem__LabelPrefix_18ktk {
    position: relative;
    height: 100%;
    display: grid;
    place-items: center
}

.Online-Store-UI-NavItem__LabelPrefix_18ktk:not(.Online-Store-UI-NavItem--showHoverPrefix_1cb9z):focus-within .Online-Store-UI-NavItem__HoverPrefix_18b77 {
    opacity: 1
}

.Online-Store-UI-NavItem__LabelPrefix_18ktk:not(.Online-Store-UI-NavItem--showHoverPrefix_1cb9z):focus-within .Online-Store-UI-NavItem__TitlePrefix_18lmb {
    opacity: 0
}

.Online-Store-UI-NavItem__HoverPrefix_18b77 {
    pointer-events: all;
    position: absolute;
    width: 100%;
    height: 100%;
    display: grid;
    place-items: center;
    opacity: 1
}

.Online-Store-UI-NavItem__LabelPrefix_18ktk:not(.Online-Store-UI-NavItem--hasHoverPrefix_1220b) .Online-Store-UI-NavItem__HoverPrefix_18b77 {
    pointer-events: none
}

.Online-Store-UI-NavItem__LabelPrefix_18ktk:not(.Online-Store-UI-NavItem--hasDefaultPrefix_68q8i).Online-Store-UI-NavItem--showHoverPrefix_1cb9z .Online-Store-UI-NavItem__HoverPrefix_18b77 {
    position: relative
}

.Online-Store-UI-NavItem__LabelPrefix_18ktk:not(.Online-Store-UI-NavItem--showHoverPrefix_1cb9z) .Online-Store-UI-NavItem__HoverPrefix_18b77 {
    opacity: 0
}

@media (hover: hover) and (pointer: fine) {

    .Online-Store-UI-NavItem__HoverPrefix_18b77:hover+.Online-Store-UI-NavItem__TitlePrefix_18lmb,
    .Online-Store-UI-NavItem__HoverPrefix_18b77:focus+.Online-Store-UI-NavItem__TitlePrefix_18lmb {
        opacity: 0
    }
}

.Online-Store-UI-NavItem__TitlePrefix_18lmb {
    opacity: 1
}

.Online-Store-UI-NavItem--showHoverPrefix_1cb9z .Online-Store-UI-NavItem__TitlePrefix_18lmb {
    opacity: 0
}

.Online-Store-UI-NavItem__Title_15ii8 {
    min-width: 0;
    max-width: 100%
}

.Online-Store-UI-NavItem__Suffix_mr8pr {
    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_cuupt .Online-Store-UI-NavItem__Suffix_mr8pr>:not(.Online-Store-UI-NavItem__PreventFleeting_kb3ke) {
    opacity: 0;
    transition: opacity var(--p-motion-duration-100) var(--p-motion-ease)
}

.Online-Store-UI-NavItem--fleeting_cuupt:hover .Online-Store-UI-NavItem__Suffix_mr8pr>:not(.Online-Store-UI-NavItem__PreventFleeting_kb3ke),
.Online-Store-UI-NavItem--fleeting_cuupt:focus-within .Online-Store-UI-NavItem__Suffix_mr8pr>:not(.Online-Store-UI-NavItem__PreventFleeting_kb3ke) {
    opacity: 1
}

.Online-Store-UI-NavItem__Interior_1b8w7:has(.Online-Store-UI-NavItem--showHoverPrefix_1cb9z) .Online-Store-UI-NavItem__PrimaryAction_1c6pv,
.Online-Store-UI-NavItem__Interior_1b8w7:has(.Online-Store-UI-NavItem--fleeting_cuupt:hover) .Online-Store-UI-NavItem__PrimaryAction_1c6pv,
.Online-Store-UI-NavItem__Interior_1b8w7:has(.Online-Store-UI-NavItem--fleeting_cuupt:focus-within) .Online-Store-UI-NavItem__PrimaryAction_1c6pv,
.Online-Store-UI-NavItem--hovered_iqbkz {
    color: var(--p-color-icon-hover);
    background-color: var(--p-color-bg-surface-hover)
}

.Online-Store-UI-NavItem__Interior_1b8w7:has(.Online-Store-UI-NavItem--showHoverPrefix_1cb9z) .Online-Store-UI-NavItem__PrimaryAction_1c6pv svg,
.Online-Store-UI-NavItem__Interior_1b8w7:has(.Online-Store-UI-NavItem--fleeting_cuupt:hover) .Online-Store-UI-NavItem__PrimaryAction_1c6pv svg,
.Online-Store-UI-NavItem__Interior_1b8w7:has(.Online-Store-UI-NavItem--fleeting_cuupt:focus-within) .Online-Store-UI-NavItem__PrimaryAction_1c6pv svg,
.Online-Store-UI-NavItem--hovered_iqbkz svg {
    fill: var(--p-color-text)
}

@media (-ms-high-contrast: active) {

    .Online-Store-UI-NavItem__Interior_1b8w7:has(.Online-Store-UI-NavItem--showHoverPrefix_1cb9z) .Online-Store-UI-NavItem__PrimaryAction_1c6pv svg,
    .Online-Store-UI-NavItem__Interior_1b8w7:has(.Online-Store-UI-NavItem--fleeting_cuupt:hover) .Online-Store-UI-NavItem__PrimaryAction_1c6pv svg,
    .Online-Store-UI-NavItem__Interior_1b8w7:has(.Online-Store-UI-NavItem--fleeting_cuupt:focus-within) .Online-Store-UI-NavItem__PrimaryAction_1c6pv svg,
    .Online-Store-UI-NavItem--hovered_iqbkz svg {
        fill: var(--p-color-icon-secondary)
    }
}

.Online-Store-UI-NavItem__Title_15ii8 .Online-Store-UI-NavItem__Subtitle_t3nor {
    padding-left: .3125rem;
    font-size: var(--p-font-size-300);
    color: var(--p-color-text-secondary)
}

@media (hover: hover) and (pointer: fine) {
    .Online-Store-UI-NavItem_dxhvl:has([data-add-button]:hover):not(:has(.Online-Store-UI-NavItem_dxhvl:hover)) {
        background-color: var(--p-color-bg-surface-hover);
        border-radius: var(--p-border-radius-200)
    }

    .Online-Store-UI-NavItem_dxhvl:has([data-add-button]:hover):not(:has(.Online-Store-UI-NavItem_dxhvl:hover))>.Online-Store-UI-NavItem__Interior_1b8w7 .Online-Store-UI-NavItem__PrimaryAction_1c6pv {
        background-color: var(--p-color-bg-surface-secondary-active);
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0
    }

    .Online-Store-UI-NavItem_dxhvl:has([data-add-button]:hover):not(:has(.Online-Store-UI-NavItem_dxhvl:hover)):not(:has([data-add-button]:focus)),
    .Online-Store-UI-NavItem_dxhvl:has([data-add-button]:hover):not(:has(.Online-Store-UI-NavItem_dxhvl:hover)):not(:has([data-add-button]:focus))>.Online-Store-UI-NavItem__Interior_1b8w7 .Online-Store-UI-NavItem__PrimaryAction_1c6pv {
        transition: background-color var(--p-motion-duration-150) var(--p-motion-ease-in);
        transition-delay: var(--p-motion-duration-200)
    }
}

.Online-Store-UI-NavItem_dxhvl:has([data-add-button]:where([aria-pressed=true], :focus-visible)):not(:has(.Online-Store-UI-NavItem_dxhvl [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_dxhvl:has([data-add-button]:where([aria-pressed=true], :focus-visible)):not(:has(.Online-Store-UI-NavItem_dxhvl [data-add-button]:where([aria-pressed=true], :focus-visible)))>.Online-Store-UI-NavItem__Interior_1b8w7 .Online-Store-UI-NavItem__PrimaryAction_1c6pv {
    background-color: var(--p-color-bg-surface-secondary-active);
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.Online-Store-UI-SortableList_14mj9 {
    --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_14mj9 {
        --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_14mj9 .Online-Store-UI-SortableList_14mj9 li,
.Online-Store-UI-SortableList_14mj9 li+li {
    margin-top: var(--osui_gap-pe-sortable-list)
}

.Online-Store-UI-SortableList_14mj9>* {
    -webkit-user-select: none;
    user-select: none
}

@media (max-width: 41.685em) {
    .Online-Store-UI-SortableList_14mj9 {
        --osui_gap-pe-sortable-list: var(--p-space-200);
        --osui_margin-top-pe-sortable-list-divider: var(--p-space-300)
    }
}

.Online-Store-UI-SortableList_14mj9+.Online-Store-UI-SortableList_14mj9: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_14mj9 .Online-Store-UI-SortableList_14mj9 {
    background: none
}

@media (max-width: 41.685em) {
    .Online-Store-UI-SortableList_14mj9 .Online-Store-UI-SortableList_14mj9 {
        --osui_gap-pe-sortable-list: var(--p-space-100)
    }

    .Online-Store-UI-SortableList_14mj9 .Online-Store-UI-SortableList_14mj9 li:first-child {
        margin-top: var(--osui_gap-pe-sortable-list)
    }
}

.Online-Store-UI-SortableList_14mj9 .Online-Store-UI-SortableList_14mj9.Online-Store-UI-SortableList--preventDragOffset_18622 {
    --osui-margin-x-sortable-list-ghost: var(--p-space-100)
}

.Online-Store-UI-SortableList_14mj9.Online-Store-UI-SortableList--activeList_aedik {
    position: relative
}

.Online-Store-UI-SortableList_14mj9.Online-Store-UI-SortableList--activeList_aedik: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-emphasis);
    border-radius: var(--p-border-radius-200)
}

.Online-Store-UI-SortableList_14mj9+.Online-Store-UI-SortableList_14mj9.Online-Store-UI-SortableList_14mj9.Online-Store-UI-SortableList--activeList_aedik: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_14mj9.Online-Store-UI-SortableList--leftAlignmentNone_a73qz {
    --osui_padding-left-pe-sortable-list: var(--osui-nav-item-alignment-spacing-none)
}

.Online-Store-UI-SortableList_14mj9.Online-Store-UI-SortableList--leftAlignmentBaseTight_1nde0 {
    --osui_padding-left-pe-sortable-list: var(--osui-nav-item-alignment-base-tight)
}

.Online-Store-UI-SortableList_14mj9 .Online-Store-UI-SortableList_14mj9.Online-Store-UI-SortableList--leftAlignmentBaseTight_1nde0 {
    --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_14mj9.Online-Store-UI-SortableList--leftAlignmentPrefix_59rq0 {
    --osui_padding-left-pe-sortable-list: var(--osui_nav-action-connected-button-width-slim)
}

.Online-Store-UI-SortableList_14mj9 .Online-Store-UI-SortableList_14mj9.Online-Store-UI-SortableList--leftAlignmentPrefix_59rq0 {
    --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_14mj9.Online-Store-UI-SortableList--leftAlignmentIcon_xue8o {
    --osui_padding-left-pe-sortable-list: var(--osui_nav-item-alignment-common-icon)
}

.Online-Store-UI-SortableList_14mj9 .Online-Store-UI-SortableList_14mj9.Online-Store-UI-SortableList--leftAlignmentIcon_xue8o {
    --osui_padding-left-pe-sortable-list: calc(var(--osui_nav-item-alignment-common-icon) - var(--osui_nav-item-alignment-nested-offset))
}

.Online-Store-UI-SortableList_14mj9.Online-Store-UI-SortableList--leftAlignmentPrefixWithIcon_1s5uz {
    --osui_padding-left-pe-sortable-list: var(--osui_nav-item-alignment-common-action-with-icon)
}

.Online-Store-UI-SortableList_14mj9 .Online-Store-UI-SortableList_14mj9.Online-Store-UI-SortableList--leftAlignmentPrefixWithIcon_1s5uz {
    --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_14mj9.Online-Store-UI-SortableList--leftAlignmentCompact_1u6g2 {
    --osui_padding-left-pe-sortable-list: var(--osui_nav-item-alignment-common-action-with-icon)
}

.Online-Store-UI-SortableList_14mj9 .Online-Store-UI-SortableList_14mj9.Online-Store-UI-SortableList--leftAlignmentCompact_1u6g2 {
    --osui_padding-left-pe-sortable-list: calc(var(--osui_nav-item-alignment-nested-offset) + var(--osui-nav-item-alignment-base-tight))
}

.Online-Store-UI-ActionButtons_15f25 {
    display: flex;
    flex-wrap: wrap;
    gap: .75rem
}

.Online-Store-UI-ActionButtons__ActionButton_17d2f {
    flex-grow: 1;
    flex-basis: 5.5625rem
}

.Online-Store-UI-ActionGroup__Wrapper_kr0zh {
    display: flex;
    padding: .25rem;
    border-radius: var(--p-border-radius-200)
}

.Online-Store-UI-ActionGroup--shadow_7n0u6 {
    box-shadow: var(--p-shadow-500)
}

.Online-Store-UI-ActionGroup--light_yrg1e {
    border: .0625rem solid var(--p-color-border)
}

.Online-Store-UI-ActionGroup--dark_1gq4e {
    background-color: #202223
}

.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-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-AppProvider_gpbc5 {
    --osui_version: "15.7.1";
    --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(82, 82, 82, 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_gpbc5 * {
        animation-duration: .001ms !important;
        transition-duration: .001ms !important
    }
}

.Online-Store-UI-AddAction_130vb 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_1io7n h6 {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translate(var(--p-space-400))
}

.Online-Store-UI-AddAction__Message_wx80e {
    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_18wvf .Online-Store-UI-AddAction__Message_wx80e {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.Online-Store-UI-AddAction--showMessage_1io7n .Online-Store-UI-AddAction__Message_wx80e {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translate(0)
}

.Online-Store-UI-AddAction__Prefix_wn9mn,
.Online-Store-UI-AddAction__Suffix_wn9oz {
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--p-color-icon-emphasis)
}

.Online-Store-UI-AddAction__Prefix_wn9mn.Online-Store-UI-AddAction--isDisabled_nqfsp,
.Online-Store-UI-AddAction__Suffix_wn9oz.Online-Store-UI-AddAction--isDisabled_nqfsp {
    color: var(--p-color-icon-disabled)
}

.Online-Store-UI-AddAction__Suffix_wn9oz {
    transition-property: opacity, visibility, transform;
    transition-duration: var(--p-motion-duration-200);
    transition-timing-function: var(--p-motion-ease)
}

.Online-Store-UI-AddAction--showMessage_1io7n .Online-Store-UI-AddAction__Suffix_wn9oz {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateY(spacing(extra-tight))
}

.Online-Store-UI-ArrowList_1mxpd {
    margin: 0;
    padding: 0;
    list-style: none
}

.Online-Store-UI-ArrowList__Item_7woeq+.Online-Store-UI-ArrowList__Item_7woeq,
.Online-Store-UI-ArrowList--borderBefore_1paw7 .Online-Store-UI-ArrowList__Item_7woeq: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_7woeq+.Online-Store-UI-ArrowList__Item_7woeq {
    margin-top: calc(var(--p-space-100) - var(--p-border-width-025))
}

.Online-Store-UI-ArrowList--noBorders_wb41n .Online-Store-UI-ArrowList__Item_7woeq+.Online-Store-UI-ArrowList__Item_7woeq {
    margin-top: var(--p-space-100);
    border: none
}

.Online-Store-UI-ArrowList__ArrowActionWrapper_sx7r6 {
    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_aq1ls {
    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_aq1ls.Online-Store-UI-ArrowList--slim_7wo5f {
    padding-top: var(--p-space-200);
    padding-bottom: var(--p-space-200)
}

.Online-Store-UI-ArrowList__SkeletonTitleWrapper_3hdzu {
    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_gekwl {
    --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: 110;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    pointer-events: none
}

.Online-Store-UI-BottomSheet_gekwl.Online-Store-UI-BottomSheet--isModal_l6nqo {
    z-index: 120;
    pointer-events: all
}

.Online-Store-UI-BottomSheet_gekwl.Online-Store-UI-BottomSheet--isModal_l6nqo:not(.Online-Store-UI-BottomSheet--expanded_1i7mv) {
    pointer-events: none
}

.Online-Store-UI-BottomSheet__BottomSheetInterior_ejpru {
    position: relative;
    width: 100%;
    max-width: 41.6875rem;
    height: var(--osui_max-height-bottom-sheet)
}

.Online-Store-UI-BottomSheet__BottomSheetInterior_ejpru.Online-Store-UI-BottomSheet--isModal_l6nqo {
    z-index: var(--p-z-index-11)
}

.Online-Store-UI-BottomSheet--paddingExtraTight_17rba {
    --osui_bottom-sheet-header-padding-horizontal: var(--p-space-100)
}

.Online-Store-UI-BottomSheet--paddingTight_1rbmz {
    --osui_bottom-sheet-header-padding-horizontal: var(--p-space-200)
}

.Online-Store-UI-BottomSheet--paddingBaseTight_18wdk {
    --osui_bottom-sheet-header-padding-horizontal: var(--p-space-300)
}

.Online-Store-UI-BottomSheet--paddingBase_ji8f4 {
    --osui_bottom-sheet-header-padding-horizontal: var(--p-space-400)
}

.Online-Store-UI-BottomSheet--paddingLoose_10qpf {
    --osui_bottom-sheet-header-padding-horizontal: var(--p-space-500)
}

.Online-Store-UI-BottomSheet--paddingExtraLoose_11clc {
    --osui_bottom-sheet-header-padding-horizontal: var(--p-space-800)
}

.Online-Store-UI-CollapsibleCaret--collapsed_zz5p7 {
    transform: rotate(180deg)
}

.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-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-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_19vnk {
    transition-property: opacity, transform, height;
    transition-duration: var(--p-motion-duration-200);
    transition-timing-function: var(--p-motion-ease);
    z-index: 60;
    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_19vnk,
.Online-Store-UI-Drawer_19vnk.Online-Store-UI-Drawer--exitDone_11f2o,
.Online-Store-UI-Drawer_19vnk.Online-Store-UI-Drawer--appear_19tgk,
.Online-Store-UI-Drawer_19vnk.Online-Store-UI-Drawer--appearActive_ioilb,
.Online-Store-UI-Drawer_19vnk.Online-Store-UI-Drawer--appearDone_18cfc {
    display: none
}

.Online-Store-UI-Drawer_19vnk.Online-Store-UI-Drawer--enter_1ewa7,
.Online-Store-UI-Drawer_19vnk.Online-Store-UI-Drawer--enterActive_jxok5,
.Online-Store-UI-Drawer_19vnk.Online-Store-UI-Drawer--enterDone_r6azz,
.Online-Store-UI-Drawer_19vnk.Online-Store-UI-Drawer--exit_1yf3z,
.Online-Store-UI-Drawer_19vnk.Online-Store-UI-Drawer--exitActive_4widn {
    display: grid
}

.Online-Store-UI-Drawer_19vnk.Online-Store-UI-Drawer--enterActive_jxok5,
.Online-Store-UI-Drawer_19vnk.Online-Store-UI-Drawer--enterDone_r6azz,
.Online-Store-UI-Drawer_19vnk.Online-Store-UI-Drawer--exit_1yf3z {
    opacity: 1
}

.Online-Store-UI-Drawer_19vnk.Online-Store-UI-Drawer--enterActive_jxok5,
.Online-Store-UI-Drawer_19vnk.Online-Store-UI-Drawer--exit_1yf3z {
    transform: translateY(0)
}

.Online-Store-UI-Drawer_19vnk.Online-Store-UI-Drawer--enterDone_r6azz {
    transform: none
}

.Online-Store-UI-Drawer_19vnk,
.Online-Store-UI-Drawer_19vnk.Online-Store-UI-Drawer--enter_1ewa7,
.Online-Store-UI-Drawer_19vnk.Online-Store-UI-Drawer--exitActive_4widn,
.Online-Store-UI-Drawer_19vnk.Online-Store-UI-Drawer--exitDone_11f2o {
    opacity: 0;
    transform: translateY(100%)
}

.Online-Store-UI-Drawer_19vnk:before,
.Online-Store-UI-Drawer_19vnk: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_19vnk: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_19vnk:after {
    background: linear-gradient(to top, rgba(64, 64, 64, .1), transparent .25rem)
}

.Online-Store-UI-Drawer--fullHeight_14z86 {
    height: 100vh
}

.Online-Store-UI-Drawer__ChildrenWrapper_16jq7 {
    grid-area: children;
    min-height: 0
}

.Online-Store-UI-Drawer--scrollable_1xtku {
    height: 100%;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch
}

.Online-Store-UI-Drawer__FooterWrapper_5ro1o {
    grid-area: footer
}

.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-Frame_ty03x,
.Online-Store-UI-Frame__GenericFrame_t3ig2 {
    background-color: var(--osui_color-frame-bg)
}

.Online-Store-UI-Frame_ty03x {
    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_ty03x {
        height: -webkit-fill-available
    }
}

@media (min-width: 41.6875em) {
    .Online-Store-UI-Frame_ty03x {
        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_soirp {
    --osui_color-panel-bg: var(--p-color-bg)
}

.Online-Store-UI-Frame--dragging_1icof {
    -webkit-user-select: none;
    user-select: none;
    cursor: grabbing
}

.Online-Store-UI-Frame--slimHeader_d11u1 {
    --osui_height-frame-header: 2.75rem
}

.Online-Store-UI-Frame__ChildrenArea_4zb04 {
    min-width: 0;
    max-width: 100%;
    grid-area: children
}

.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-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-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-PickerList__List_yzoeo {
    margin: 0;
    padding: 0;
    list-style: 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-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-PlainButton_dmlvo {
    --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_dmlvo ui-icon,
.Online-Store-UI-PlainButton_dmlvo 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_6lh6n {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--ec-plain-button-gap);
    width: 100%
}

.Online-Store-UI-PlainButton__ChildWrapper_wrduy {
    flex-grow: 1;
    min-width: 0;
    max-width: 100%;
    display: flex;
    align-items: center
}

.Online-Store-UI-PlainButton_dmlvo:hover,
.Online-Store-UI-PlainButton_dmlvo: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_dmlvo:hover ui-icon,
.Online-Store-UI-PlainButton_dmlvo:hover svg,
.Online-Store-UI-PlainButton_dmlvo:focus-visible ui-icon,
.Online-Store-UI-PlainButton_dmlvo: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_dmlvo:focus-visible {
    outline: var(--p-border-width-050) solid var(--p-color-border-focus);
    outline-offset: var(--p-space-025)
}

.Online-Store-UI-PlainButton_dmlvo: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_dmlvo:active ui-icon,
.Online-Store-UI-PlainButton_dmlvo: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_1pt3x {
    --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_1pt3x {
        min-height: var(--p-height-500);
        min-width: var(--p-width-500)
    }
}

.Online-Store-UI-PlainButton--sizeMicro_ysn7g {
    --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_ysn7g {
        min-height: var(--p-height-600);
        min-width: var(--p-width-600)
    }
}

.Online-Store-UI-PlainButton--sizeSlim_1bsy2,
.Online-Store-UI-PlainButton--sizeMedium_aon6r {
    --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_1bsy2,
    .Online-Store-UI-PlainButton--sizeMedium_aon6r {
        min-height: var(--p-height-700);
        min-width: var(--p-width-700)
    }
}

.Online-Store-UI-PlainButton--sizeSlim_1bsy2 {
    --pc-button-padding-block: var(--p-space-200)
}

@media (min-width: 48em) {
    .Online-Store-UI-PlainButton--sizeSlim_1bsy2 {
        --pc-button-padding-block: var(--p-space-100)
    }
}

.Online-Store-UI-PlainButton--sizeLarge_1qeco {
    --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_1qeco {
        min-height: var(--p-height-800);
        min-width: var(--p-width-800)
    }
}

.Online-Store-UI-PlainButton--fullWidth_1y8bk {
    width: 100%
}

.Online-Store-UI-PlainButton--noPadding_1hwg2 {
    padding: 0
}

.Online-Store-UI-PlainButton--hasPrefix_13lcu:not(.Online-Store-UI-PlainButton--iconOnly_1i162) {
    padding-left: calc(var(--ec-plain-button-padding-inline) - var(--ec-plain-button-icon-offset))
}

.Online-Store-UI-PlainButton--hasSuffix_10j8c:not(.Online-Store-UI-PlainButton--iconOnly_1i162) {
    padding-right: calc(var(--ec-plain-button-padding-inline) - var(--ec-plain-button-icon-offset))
}

.Online-Store-UI-PlainButton--iconOnly_1i162:is(.Online-Store-UI-PlainButton--sizeMedium_aon6r) {
    --ec-plain-button-padding-block: var(--p-space-0);
    --ec-plain-button-padding-inline: var(--p-space-050)
}

.Online-Store-UI-PlainButton--iconOnly_1i162:is(.Online-Store-UI-PlainButton--sizeLarge_1qeco) {
    --ec-plain-button-padding-block: var(--p-space-150);
    --ec-plain-button-padding-inline: var(--p-space-150)
}

.Online-Store-UI-PlainButton--iconOnly_1i162:is(.Online-Store-UI-PlainButton--sizeMicro_ysn7g) {
    --ec-plain-button-padding-block: var(--p-space-050);
    --ec-plain-button-padding-inline: var(--p-space-050)
}

.Online-Store-UI-PlainButton_dmlvo[aria-disabled=true] {
    pointer-events: none
}

.Online-Store-UI-PlainButton__LoadingIndicator_1uxdy {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.Online-Store-UI-PlainButton__LoadingIndicator_1uxdy ui-icon,
.Online-Store-UI-PlainButton__LoadingIndicator_1uxdy svg {
    color: var(--p-color-icon-disabled);
    fill: var(--p-color-icon-disabled);
    vertical-align: middle
}

.Online-Store-UI-PlainButton--loading_1uyyr {
    background: var(--p-color-bg-fill-disabled)
}

.Online-Store-UI-PlainButton--loading_1uyyr .Online-Store-UI-PlainButton__ContentWrapper_6lh6n {
    opacity: 0
}

.Online-Store-UI-PlainAction_e8ike {
    --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_e8ike:focus {
    outline: none
}

.Online-Store-UI-PlainAction_e8ike: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_e8ike:focus:after {
    box-shadow: 0 0 0 .125rem var(--p-color-border-focus);
    outline: var(--osui_high-contrast-outline)
}

.Online-Store-UI-PlainAction_e8ike:focus:not(:focus-visible):after {
    box-shadow: 0 0 0 0 transparent
}

@media (-ms-high-contrast: active) {
    .Online-Store-UI-PlainAction_e8ike:focus:not(:focus-visible):after {
        outline: none
    }
}

.Online-Store-UI-PlainAction_e8ike:focus-visible:after {
    box-shadow: 0 0 0 .125rem var(--p-color-border-focus);
    outline: var(--osui_high-contrast-outline)
}

.Online-Store-UI-PlainAction_e8ike ui-icon,
.Online-Store-UI-PlainAction_e8ike svg {
    transition: color var(--p-motion-duration-150) var(--p-motion-ease)
}

.Online-Store-UI-PlainAction_e8ike:focus-visible {
    color: var(--p-color-text-brand);
    background-color: var(--p-color-bg-fill-transparent-secondary)
}

.Online-Store-UI-PlainAction_e8ike:focus-visible ui-icon,
.Online-Store-UI-PlainAction_e8ike:focus-visible svg {
    color: var(--p-color-text-brand)
}

@media (-ms-high-contrast: active) {

    .Online-Store-UI-PlainAction_e8ike:focus-visible ui-icon,
    .Online-Store-UI-PlainAction_e8ike:focus-visible svg {
        color: var(--p-color-icon-secondary)
    }
}

@media (hover: hover) and (pointer: fine) {
    .Online-Store-UI-PlainAction_e8ike:hover {
        color: var(--p-color-text-brand);
        background-color: var(--p-color-bg-fill-transparent-secondary)
    }

    .Online-Store-UI-PlainAction_e8ike:hover ui-icon,
    .Online-Store-UI-PlainAction_e8ike:hover svg {
        color: var(--p-color-text-brand)
    }
}

@media (hover: hover) and (pointer: fine) and (-ms-high-contrast: active) {

    .Online-Store-UI-PlainAction_e8ike:hover ui-icon,
    .Online-Store-UI-PlainAction_e8ike:hover svg {
        color: var(--p-color-icon-secondary)
    }
}

.Online-Store-UI-PlainAction_e8ike:active {
    color: var(--p-color-text-brand);
    background-color: var(--p-color-bg-surface-tertiary)
}

.Online-Store-UI-PlainAction_e8ike:active ui-icon,
.Online-Store-UI-PlainAction_e8ike:active svg {
    color: var(--p-color-text-brand)
}

@media (-ms-high-contrast: active) {

    .Online-Store-UI-PlainAction_e8ike:active ui-icon,
    .Online-Store-UI-PlainAction_e8ike:active svg {
        color: var(--p-color-icon-secondary)
    }
}

.Online-Store-UI-PlainAction_e8ike.Online-Store-UI-PlainAction--hyperlink_1lh73:focus-visible {
    background-color: transparent
}

@media (hover: hover) and (pointer: fine) {
    .Online-Store-UI-PlainAction_e8ike.Online-Store-UI-PlainAction--hyperlink_1lh73:hover {
        background-color: transparent
    }
}

.Online-Store-UI-PlainAction_e8ike.Online-Store-UI-PlainAction--hyperlink_1lh73,
.Online-Store-UI-PlainAction_e8ike.Online-Store-UI-PlainAction--hyperlink_1lh73:active {
    background-color: transparent
}

.Online-Store-UI-PlainAction_e8ike.Online-Store-UI-PlainAction--subtitle_hpkmb {
    line-height: var(--p-font-line-height-500);
    font-size: var(--p-font-size-350)
}

.Online-Store-UI-PlainAction_e8ike.Online-Store-UI-PlainAction--looseLineHeight_10ma1 {
    line-height: var(--p-space-500)
}

.Online-Store-UI-PlainAction_e8ike.Online-Store-UI-PlainAction--extraLooseLineHeight_1k3w3 {
    line-height: 2.75rem
}

@media (-ms-high-contrast: active) {
    .Online-Store-UI-PlainAction_e8ike {
        outline: var(--osui_high-contrast-button-outline)
    }
}

.Online-Store-UI-PlainAction--fontSizeBodyMd_3kj96 {
    font-size: var(--p-font-size-325)
}

.Online-Store-UI-PlainAction--small_wt818,
.Online-Store-UI-PlainAction--fontSizeBodyLg_1jaju {
    font-size: var(--p-font-size-350)
}

.Online-Store-UI-PlainAction--fontSizeBodyXl_c9sz4 {
    font-size: .9375rem
}

.Online-Store-UI-PlainAction--noPadding_1ejzj {
    --osui_plain-action-content-padding-x: 0
}

.Online-Store-UI-PlainAction--hasContent_1ure6:not(.Online-Store-UI-PlainAction--slim_13qls):not(.Online-Store-UI-PlainAction--noPadding_1ejzj) {
    --osui_plain-action-content-padding-x: var(--p-space-300)
}

@media (max-width: 41.685em) {
    .Online-Store-UI-PlainAction--iconOnly_1pyvb:not(.Online-Store-UI-PlainAction--disclosure_18nce) {
        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_1pyvb:not(.Online-Store-UI-PlainAction--disclosure_18nce):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_1pyvb:not(.Online-Store-UI-PlainAction--disclosure_18nce):focus:after {
        box-shadow: 0 0 0 .125rem var(--p-color-border-focus);
        outline: var(--osui_high-contrast-outline)
    }

    .Online-Store-UI-PlainAction--iconOnly_1pyvb:not(.Online-Store-UI-PlainAction--disclosure_18nce):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_1pyvb:not(.Online-Store-UI-PlainAction--disclosure_18nce):focus:not(:focus-visible):after {
        outline: none
    }
}

@media (max-width: 41.685em) {
    .Online-Store-UI-PlainAction--iconOnly_1pyvb:not(.Online-Store-UI-PlainAction--disclosure_18nce):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_1pyvb:not(.Online-Store-UI-PlainAction--disclosure_18nce):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_1pyvb:not(.Online-Store-UI-PlainAction--disclosure_18nce) ui-icon,
    .Online-Store-UI-PlainAction--iconOnly_1pyvb:not(.Online-Store-UI-PlainAction--disclosure_18nce) svg {
        transition: color var(--p-motion-duration-150) var(--p-motion-ease)
    }

    .Online-Store-UI-PlainAction--iconOnly_1pyvb:not(.Online-Store-UI-PlainAction--disclosure_18nce):focus-visible {
        color: var(--p-color-text-brand);
        background-color: var(--p-color-bg-fill-transparent-secondary)
    }

    .Online-Store-UI-PlainAction--iconOnly_1pyvb:not(.Online-Store-UI-PlainAction--disclosure_18nce):focus-visible ui-icon,
    .Online-Store-UI-PlainAction--iconOnly_1pyvb:not(.Online-Store-UI-PlainAction--disclosure_18nce):focus-visible svg {
        color: var(--p-color-text-brand)
    }
}

@media (max-width: 41.685em) and (-ms-high-contrast: active) {

    .Online-Store-UI-PlainAction--iconOnly_1pyvb:not(.Online-Store-UI-PlainAction--disclosure_18nce):focus-visible ui-icon,
    .Online-Store-UI-PlainAction--iconOnly_1pyvb:not(.Online-Store-UI-PlainAction--disclosure_18nce):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_1pyvb:not(.Online-Store-UI-PlainAction--disclosure_18nce):hover {
        color: var(--p-color-text-brand);
        background-color: var(--p-color-bg-fill-transparent-secondary)
    }

    .Online-Store-UI-PlainAction--iconOnly_1pyvb:not(.Online-Store-UI-PlainAction--disclosure_18nce):hover ui-icon,
    .Online-Store-UI-PlainAction--iconOnly_1pyvb:not(.Online-Store-UI-PlainAction--disclosure_18nce):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_1pyvb:not(.Online-Store-UI-PlainAction--disclosure_18nce):hover ui-icon,
    .Online-Store-UI-PlainAction--iconOnly_1pyvb:not(.Online-Store-UI-PlainAction--disclosure_18nce):hover svg {
        color: var(--p-color-icon-secondary)
    }
}

@media (max-width: 41.685em) {
    .Online-Store-UI-PlainAction--iconOnly_1pyvb:not(.Online-Store-UI-PlainAction--disclosure_18nce):active {
        color: var(--p-color-text-brand);
        background-color: var(--p-color-bg-surface-tertiary)
    }

    .Online-Store-UI-PlainAction--iconOnly_1pyvb:not(.Online-Store-UI-PlainAction--disclosure_18nce):active ui-icon,
    .Online-Store-UI-PlainAction--iconOnly_1pyvb:not(.Online-Store-UI-PlainAction--disclosure_18nce):active svg {
        color: var(--p-color-text-brand)
    }
}

@media (max-width: 41.685em) and (-ms-high-contrast: active) {

    .Online-Store-UI-PlainAction--iconOnly_1pyvb:not(.Online-Store-UI-PlainAction--disclosure_18nce):active ui-icon,
    .Online-Store-UI-PlainAction--iconOnly_1pyvb:not(.Online-Store-UI-PlainAction--disclosure_18nce):active svg {
        color: var(--p-color-icon-secondary)
    }
}

.Online-Store-UI-PlainAction--extraPadding_18b9e {
    padding: var(--p-space-500)
}

.Online-Store-UI-PlainAction--paddingLoose_glmv9 {
    --osui_plain-action-content-padding-x: 0;
    padding: .625rem
}

.Online-Store-UI-PlainAction--backgroundSubdued_ge2h6,
.Online-Store-UI-PlainAction--withSurfaceSubduedBackground_366if {
    background-color: var(--p-color-bg-surface-secondary)
}

.Online-Store-UI-PlainAction--backgroundDark_uftrf {
    background-color: var(--p-color-bg-inverse)
}

.Online-Store-UI-PlainAction--backgroundGrey_1s43v {
    background-color: var(--p-color-bg)
}

.Online-Store-UI-PlainAction--interactive_oizsz:not(.Online-Store-UI-PlainAction--disabled_1bwgq):not(.Online-Store-UI-PlainAction--pressed_1a4us) {
    background-color: var(--p-color-bg-surface-brand-selected);
    color: var(--p-color-text-emphasis)
}

.Online-Store-UI-PlainAction--interactive_oizsz:not(.Online-Store-UI-PlainAction--disabled_1bwgq):not(.Online-Store-UI-PlainAction--pressed_1a4us) ui-icon,
.Online-Store-UI-PlainAction--interactive_oizsz:not(.Online-Store-UI-PlainAction--disabled_1bwgq):not(.Online-Store-UI-PlainAction--pressed_1a4us) svg {
    color: var(--p-color-icon-emphasis)
}

.Online-Store-UI-PlainAction--interactive_oizsz:not(.Online-Store-UI-PlainAction--disabled_1bwgq):not(.Online-Store-UI-PlainAction--pressed_1a4us):hover {
    background-color: var(--p-color-bg-surface-brand-hover);
    color: var(--p-color-text-emphasis-hover)
}

.Online-Store-UI-PlainAction--interactive_oizsz:not(.Online-Store-UI-PlainAction--disabled_1bwgq):not(.Online-Store-UI-PlainAction--pressed_1a4us):hover ui-icon,
.Online-Store-UI-PlainAction--interactive_oizsz:not(.Online-Store-UI-PlainAction--disabled_1bwgq):not(.Online-Store-UI-PlainAction--pressed_1a4us):hover svg {
    color: var(--p-color-icon-emphasis-hover)
}

.Online-Store-UI-PlainAction--interactive_oizsz.Online-Store-UI-PlainAction--disabled_1bwgq {
    background-color: var(--p-color-bg-surface-disabled)
}

.Online-Store-UI-PlainAction--interactive_oizsz.Online-Store-UI-PlainAction--pressed_1a4us,
.Online-Store-UI-PlainAction--interactive_oizsz.Online-Store-UI-PlainAction--pressed_1a4us:hover {
    background-color: var(--p-color-bg-surface-brand-hover);
    color: var(--p-color-text-emphasis-hover)
}

.Online-Store-UI-PlainAction--interactive_oizsz.Online-Store-UI-PlainAction--pressed_1a4us ui-icon,
.Online-Store-UI-PlainAction--interactive_oizsz.Online-Store-UI-PlainAction--pressed_1a4us svg,
.Online-Store-UI-PlainAction--interactive_oizsz.Online-Store-UI-PlainAction--pressed_1a4us:hover ui-icon,
.Online-Store-UI-PlainAction--interactive_oizsz.Online-Store-UI-PlainAction--pressed_1a4us:hover svg {
    color: var(--p-color-icon-emphasis-hover)
}

.Online-Store-UI-PlainAction--destructive_c7e1v {
    color: var(--p-color-text-critical)
}

.Online-Store-UI-PlainAction--destructive_c7e1v ui-icon,
.Online-Store-UI-PlainAction--destructive_c7e1v svg {
    color: var(--p-color-text-critical)
}

.Online-Store-UI-PlainAction--destructive_c7e1v:focus-visible,
.Online-Store-UI-PlainAction--destructive_c7e1v:active {
    color: var(--p-color-text-critical);
    background-color: var(--osui_color-plain-button-bg)
}

.Online-Store-UI-PlainAction--destructive_c7e1v:focus-visible ui-icon,
.Online-Store-UI-PlainAction--destructive_c7e1v:focus-visible svg,
.Online-Store-UI-PlainAction--destructive_c7e1v:active ui-icon,
.Online-Store-UI-PlainAction--destructive_c7e1v:active svg {
    color: var(--p-color-text-critical)
}

@media (hover: hover) and (pointer: fine) {
    .Online-Store-UI-PlainAction--destructive_c7e1v:hover {
        color: var(--p-color-text-critical);
        background-color: var(--osui_color-plain-button-bg)
    }

    .Online-Store-UI-PlainAction--destructive_c7e1v:hover ui-icon,
    .Online-Store-UI-PlainAction--destructive_c7e1v:hover svg {
        color: var(--p-color-text-critical)
    }
}

.Online-Store-UI-PlainAction--darkInverse_qoucf,
.Online-Store-UI-PlainAction--dark_13qdz {
    color: #a7aaad
}

.Online-Store-UI-PlainAction--darkInverse_qoucf ui-icon,
.Online-Store-UI-PlainAction--darkInverse_qoucf svg,
.Online-Store-UI-PlainAction--dark_13qdz ui-icon,
.Online-Store-UI-PlainAction--dark_13qdz svg {
    color: #a7aaad
}

.Online-Store-UI-PlainAction--darkInverse_qoucf .Online-Store-UI-PlainAction__Subtitle_hpkma,
.Online-Store-UI-PlainAction--dark_13qdz .Online-Store-UI-PlainAction__Subtitle_hpkma {
    color: #999fa4
}

.Online-Store-UI-PlainAction--darkInverse_qoucf.Online-Store-UI-PlainAction--disabled_1bwgq,
.Online-Store-UI-PlainAction--dark_13qdz.Online-Store-UI-PlainAction--disabled_1bwgq {
    color: #a7aaad66
}

.Online-Store-UI-PlainAction--darkInverse_qoucf.Online-Store-UI-PlainAction--disabled_1bwgq ui-icon,
.Online-Store-UI-PlainAction--darkInverse_qoucf.Online-Store-UI-PlainAction--disabled_1bwgq svg,
.Online-Store-UI-PlainAction--dark_13qdz.Online-Store-UI-PlainAction--disabled_1bwgq ui-icon,
.Online-Store-UI-PlainAction--dark_13qdz.Online-Store-UI-PlainAction--disabled_1bwgq svg {
    color: #a7aaad66
}

.Online-Store-UI-PlainAction--darkInverse_qoucf.Online-Store-UI-PlainAction--disabled_1bwgq .Online-Store-UI-PlainAction__Subtitle_hpkma,
.Online-Store-UI-PlainAction--dark_13qdz.Online-Store-UI-PlainAction--disabled_1bwgq .Online-Store-UI-PlainAction__Subtitle_hpkma {
    color: #6f7377
}

.Online-Store-UI-PlainAction--darkInverse_qoucf.Online-Store-UI-PlainAction--destructive_c7e1v,
.Online-Store-UI-PlainAction--dark_13qdz.Online-Store-UI-PlainAction--destructive_c7e1v {
    color: #f56b6b
}

.Online-Store-UI-PlainAction--darkInverse_qoucf.Online-Store-UI-PlainAction--destructive_c7e1v ui-icon,
.Online-Store-UI-PlainAction--darkInverse_qoucf.Online-Store-UI-PlainAction--destructive_c7e1v svg,
.Online-Store-UI-PlainAction--dark_13qdz.Online-Store-UI-PlainAction--destructive_c7e1v ui-icon,
.Online-Store-UI-PlainAction--dark_13qdz.Online-Store-UI-PlainAction--destructive_c7e1v svg {
    color: #f56b6b
}

.Online-Store-UI-PlainAction--darkInverse_qoucf.Online-Store-UI-PlainAction--destructive_c7e1v:focus-visible,
.Online-Store-UI-PlainAction--darkInverse_qoucf.Online-Store-UI-PlainAction--destructive_c7e1v:active,
.Online-Store-UI-PlainAction--dark_13qdz.Online-Store-UI-PlainAction--destructive_c7e1v:focus-visible,
.Online-Store-UI-PlainAction--dark_13qdz.Online-Store-UI-PlainAction--destructive_c7e1v:active {
    color: #f56b6b;
    background-color: #303133
}

.Online-Store-UI-PlainAction--darkInverse_qoucf.Online-Store-UI-PlainAction--destructive_c7e1v:focus-visible ui-icon,
.Online-Store-UI-PlainAction--darkInverse_qoucf.Online-Store-UI-PlainAction--destructive_c7e1v:focus-visible svg,
.Online-Store-UI-PlainAction--darkInverse_qoucf.Online-Store-UI-PlainAction--destructive_c7e1v:active ui-icon,
.Online-Store-UI-PlainAction--darkInverse_qoucf.Online-Store-UI-PlainAction--destructive_c7e1v:active svg,
.Online-Store-UI-PlainAction--dark_13qdz.Online-Store-UI-PlainAction--destructive_c7e1v:focus-visible ui-icon,
.Online-Store-UI-PlainAction--dark_13qdz.Online-Store-UI-PlainAction--destructive_c7e1v:focus-visible svg,
.Online-Store-UI-PlainAction--dark_13qdz.Online-Store-UI-PlainAction--destructive_c7e1v:active ui-icon,
.Online-Store-UI-PlainAction--dark_13qdz.Online-Store-UI-PlainAction--destructive_c7e1v:active svg {
    color: #f56b6b
}

@media (hover: hover) and (pointer: fine) {

    .Online-Store-UI-PlainAction--darkInverse_qoucf.Online-Store-UI-PlainAction--destructive_c7e1v:hover,
    .Online-Store-UI-PlainAction--dark_13qdz.Online-Store-UI-PlainAction--destructive_c7e1v:hover {
        color: #f56b6b;
        background-color: #303133
    }

    .Online-Store-UI-PlainAction--darkInverse_qoucf.Online-Store-UI-PlainAction--destructive_c7e1v:hover ui-icon,
    .Online-Store-UI-PlainAction--darkInverse_qoucf.Online-Store-UI-PlainAction--destructive_c7e1v:hover svg,
    .Online-Store-UI-PlainAction--dark_13qdz.Online-Store-UI-PlainAction--destructive_c7e1v:hover ui-icon,
    .Online-Store-UI-PlainAction--dark_13qdz.Online-Store-UI-PlainAction--destructive_c7e1v:hover svg {
        color: #f56b6b
    }
}

.Online-Store-UI-PlainAction--darkInverse_qoucf:focus-visible,
.Online-Store-UI-PlainAction--darkInverse_qoucf:active,
.Online-Store-UI-PlainAction--dark_13qdz:focus-visible,
.Online-Store-UI-PlainAction--dark_13qdz:active {
    color: var(--p-color-text-inverse);
    background-color: #303133
}

.Online-Store-UI-PlainAction--darkInverse_qoucf:focus-visible ui-icon,
.Online-Store-UI-PlainAction--darkInverse_qoucf:focus-visible svg,
.Online-Store-UI-PlainAction--darkInverse_qoucf:active ui-icon,
.Online-Store-UI-PlainAction--darkInverse_qoucf:active svg,
.Online-Store-UI-PlainAction--dark_13qdz:focus-visible ui-icon,
.Online-Store-UI-PlainAction--dark_13qdz:focus-visible svg,
.Online-Store-UI-PlainAction--dark_13qdz:active ui-icon,
.Online-Store-UI-PlainAction--dark_13qdz:active svg {
    color: var(--p-color-icon-inverse)
}

@media (hover: hover) and (pointer: fine) {

    .Online-Store-UI-PlainAction--darkInverse_qoucf:hover,
    .Online-Store-UI-PlainAction--dark_13qdz:hover {
        color: var(--p-color-text-inverse);
        background-color: #303133
    }

    .Online-Store-UI-PlainAction--darkInverse_qoucf:hover ui-icon,
    .Online-Store-UI-PlainAction--darkInverse_qoucf:hover svg,
    .Online-Store-UI-PlainAction--dark_13qdz:hover ui-icon,
    .Online-Store-UI-PlainAction--dark_13qdz:hover svg {
        color: var(--p-color-icon-inverse)
    }
}

.Online-Store-UI-PlainAction--darkInverse_qoucf {
    color: var(--p-color-text-inverse)
}

.Online-Store-UI-PlainAction--darkInverse_qoucf ui-icon,
.Online-Store-UI-PlainAction--darkInverse_qoucf svg {
    color: var(--p-color-icon-inverse)
}

.Online-Store-UI-PlainAction--slim_13qls {
    min-width: var(--osui_height-common-control-slim);
    min-height: var(--osui_height-common-control-slim)
}

.Online-Store-UI-PlainAction--slim_13qls:not(.Online-Store-UI-PlainAction--hasContent_1ure6):not(.Online-Store-UI-PlainAction--noPadding_1ejzj):not(.Online-Store-UI-PlainAction--disclosure_18nce) {
    --osui_plain-action-content-padding-x: var(--p-space-050)
}

.Online-Store-UI-PlainAction--unstyled_1bja6 {
    color: var(--p-color-text-emphasis)
}

.Online-Store-UI-PlainAction--unstyled_1bja6 ui-icon,
.Online-Store-UI-PlainAction--unstyled_1bja6 svg {
    color: var(--p-color-icon-emphasis)
}

.Online-Store-UI-PlainAction--unstyled_1bja6:focus-visible {
    color: var(--p-color-text-emphasis-hover)
}

.Online-Store-UI-PlainAction--unstyled_1bja6:focus-visible ui-icon,
.Online-Store-UI-PlainAction--unstyled_1bja6:focus-visible svg {
    color: var(--p-color-icon-emphasis-hover)
}

@media (hover: hover) and (pointer: fine) {
    .Online-Store-UI-PlainAction--unstyled_1bja6:hover {
        color: var(--p-color-text-emphasis-hover)
    }

    .Online-Store-UI-PlainAction--unstyled_1bja6:hover ui-icon,
    .Online-Store-UI-PlainAction--unstyled_1bja6:hover svg {
        color: var(--p-color-icon-emphasis-hover)
    }
}

.Online-Store-UI-PlainAction--unstyled_1bja6:active {
    color: var(--p-color-text-emphasis-hover)
}

.Online-Store-UI-PlainAction--unstyled_1bja6:active ui-icon,
.Online-Store-UI-PlainAction--unstyled_1bja6:active svg {
    color: var(--p-color-icon-emphasis-hover)
}

.Online-Store-UI-PlainAction--alignLeft_ybruz {
    justify-content: left;
    text-align: left
}

.Online-Store-UI-PlainAction--fullWidth_w3h4c {
    width: 100%
}

.Online-Store-UI-PlainAction--fillContainer_1m2gy {
    width: 100%;
    height: 100%;
    border-radius: 0
}

.Online-Store-UI-PlainAction--pressed_1a4us {
    color: var(--p-color-text-emphasis);
    background-color: var(--p-color-bg-fill-transparent-active)
}

.Online-Store-UI-PlainAction--pressed_1a4us ui-icon,
.Online-Store-UI-PlainAction--pressed_1a4us svg {
    color: var(--p-color-icon-emphasis)
}

.Online-Store-UI-PlainAction--pressed_1a4us:focus-visible {
    color: var(--p-color-text-emphasis-hover);
    background-color: var(--p-color-bg-fill-transparent-hover)
}

.Online-Store-UI-PlainAction--pressed_1a4us:focus-visible ui-icon,
.Online-Store-UI-PlainAction--pressed_1a4us:focus-visible svg {
    color: var(--p-color-icon-emphasis-hover)
}

@media (hover: hover) and (pointer: fine) {
    .Online-Store-UI-PlainAction--pressed_1a4us:hover {
        color: var(--p-color-text-emphasis-hover);
        background-color: var(--p-color-bg-fill-transparent-hover)
    }

    .Online-Store-UI-PlainAction--pressed_1a4us:hover ui-icon,
    .Online-Store-UI-PlainAction--pressed_1a4us:hover svg {
        color: var(--p-color-icon-emphasis-hover)
    }
}

.Online-Store-UI-PlainAction--pressed_1a4us:active {
    color: var(--p-color-text-emphasis-active);
    background-color: var(--osui_color-plain-action-bg-active-dark)
}

.Online-Store-UI-PlainAction--pressed_1a4us:active ui-icon,
.Online-Store-UI-PlainAction--pressed_1a4us:active svg {
    color: var(--p-color-icon-emphasis-active)
}

.Online-Store-UI-PlainAction--loading_k9l80 {
    background-color: var(--osui_color-plain-button-bg-active)
}

.Online-Store-UI-PlainAction--disabled_1bwgq {
    pointer-events: none;
    touch-action: none;
    -webkit-user-select: none;
    user-select: none;
    color: var(--p-color-text-secondary)
}

.Online-Store-UI-PlainAction--disabled_1bwgq ui-icon,
.Online-Store-UI-PlainAction--disabled_1bwgq svg {
    color: var(--p-color-icon-disabled)
}

.Online-Store-UI-PlainAction--disabled_1bwgq .Online-Store-UI-PlainAction__Subtitle_hpkma {
    color: var(--p-color-text-disabled)
}

.Online-Store-UI-PlainAction--disabled_1bwgq.Online-Store-UI-PlainAction--pressed_1a4us {
    background-color: var(--osui_color-plain-action-bg-active-light)
}

.Online-Store-UI-PlainAction--disabled_1bwgq.Online-Store-UI-PlainAction--pressed_1a4us:focus-visible {
    background-color: var(--osui_color-plain-action-bg-active-light)
}

.Online-Store-UI-PlainAction--outline_13toi {
    border: var(--p-border-width-025) solid var(--p-color-border-secondary)
}

.Online-Store-UI-PlainAction--vertical_b4yps.Online-Store-UI-PlainAction--hyperlink_1lh73 {
    text-align: center
}

.Online-Store-UI-PlainAction__Interior_kcjfk {
    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_k9l80 .Online-Store-UI-PlainAction__Interior_kcjfk {
    opacity: 0
}

.Online-Store-UI-PlainAction_e8ike:not(.Online-Store-UI-PlainAction--vertical_b4yps) .Online-Store-UI-PlainAction__Interior_kcjfk {
    grid-auto-flow: column;
    grid-auto-columns: auto 1fr auto;
    gap: var(--p-space-200)
}

.Online-Store-UI-PlainAction--vertical_b4yps .Online-Store-UI-PlainAction__Interior_kcjfk {
    grid-template-areas: "top" "bottom";
    justify-content: center
}

.Online-Store-UI-PlainAction--vertical_b4yps:not(.Online-Store-UI-PlainAction--noPadding_1ejzj) .Online-Store-UI-PlainAction__Interior_kcjfk {
    padding-top: var(--p-space-100);
    padding-bottom: var(--p-space-100)
}

.Online-Store-UI-PlainAction__Interior_kcjfk.Online-Store-UI-PlainAction--noPadding_1ejzj {
    padding: 0
}

.Online-Store-UI-PlainAction__Prefix_4bs1d,
.Online-Store-UI-PlainAction__WrappedContent_ggi4p,
.Online-Store-UI-PlainAction__Subtitle_hpkma,
.Online-Store-UI-PlainAction__Disclosure_18nce,
.Online-Store-UI-PlainAction__SubtitleWrapperContent_kphgr {
    min-width: 0;
    max-width: 100%
}

.Online-Store-UI-PlainAction__Prefix_4bs1d,
.Online-Store-UI-PlainAction__ExternalIcon_1d5tq,
.Online-Store-UI-PlainAction__Disclosure_18nce {
    display: grid;
    place-items: center;
    flex: 0 0 auto
}

.Online-Store-UI-PlainAction__PrefixItem_12w5f {
    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_w3h4c:not(.Online-Store-UI-PlainAction--vertical_b4yps) .Online-Store-UI-PlainAction__Prefix_4bs1d {
    justify-self: flex-start
}

.Online-Store-UI-PlainAction--vertical_b4yps .Online-Store-UI-PlainAction__Prefix_4bs1d {
    grid-area: top
}

.Online-Store-UI-PlainAction--disabled_1bwgq .Online-Store-UI-PlainAction__Prefix_4bs1d {
    opacity: .5;
    color: var(--p-color-icon-disabled)
}

.Online-Store-UI-PlainAction--disabled_1bwgq .Online-Store-UI-PlainAction__PrefixDark_1r32l {
    opacity: .8;
    color: var(--p-color-icon-disabled)
}

.Online-Store-UI-PlainAction__WrappedContent_ggi4p {
    display: flex;
    flex: 1 1 auto;
    align-items: center
}

.Online-Store-UI-PlainAction--vertical_b4yps .Online-Store-UI-PlainAction__WrappedContent_ggi4p {
    grid-area: bottom;
    margin-top: var(--p-space-200)
}

.Online-Store-UI-PlainAction__SubtitleWrapperContent_kphgr {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin: var(--p-space-050)
}

.Online-Store-UI-PlainAction__Subtitle_hpkma {
    flex: 1 1 auto;
    font-size: var(--p-font-size-300);
    color: var(--p-color-text-secondary)
}

.Online-Store-UI-PlainAction--truncate_9k8fy .Online-Store-UI-PlainAction__Subtitle_hpkma {
    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_ewql1 .Online-Store-UI-PlainAction__Subtitle_hpkma {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: var(--osui_plain-action-multiline-truncate, 2);
        overflow: hidden
    }
}

.Online-Store-UI-PlainAction__Content_1tq4k {
    flex: 1 1 auto;
    min-width: 0;
    max-width: 100%
}

.Online-Store-UI-PlainAction--hyperlink_1lh73:not(.Online-Store-UI-PlainAction--removeUnderline_1jfom) .Online-Store-UI-PlainAction__Content_1tq4k {
    text-decoration: underline
}

.Online-Store-UI-PlainAction--truncate_9k8fy .Online-Store-UI-PlainAction__Content_1tq4k {
    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_ewql1 .Online-Store-UI-PlainAction__Content_1tq4k {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: var(--osui_plain-action-multiline-truncate, 2);
        overflow: hidden
    }
}

.Online-Store-UI-PlainAction__ExternalIcon_1d5tq {
    flex: 0 0 auto
}

.Online-Store-UI-PlainAction_e8ike:not(.Online-Store-UI-PlainAction--vertical_b4yps) .Online-Store-UI-PlainAction__ExternalIcon_1d5tq {
    width: 1rem;
    overflow: hidden;
    margin-left: var(--p-space-100)
}

.Online-Store-UI-PlainAction_e8ike:not(.Online-Store-UI-PlainAction--vertical_b4yps) .Online-Store-UI-PlainAction__ExternalIcon_1d5tq .Online-Store-UI-PlainAction__IconWrapper_1rrjs {
    width: 1.25rem;
    margin-left: -.125rem
}

.Online-Store-UI-PlainAction_e8ike:not(.Online-Store-UI-PlainAction--vertical_b4yps) .Online-Store-UI-PlainAction__Disclosure_18nce {
    width: .75rem;
    overflow: hidden
}

.Online-Store-UI-PlainAction_e8ike:not(.Online-Store-UI-PlainAction--vertical_b4yps) .Online-Store-UI-PlainAction__Disclosure_18nce .Online-Store-UI-PlainAction__IconWrapper_1rrjs {
    width: 1.25rem;
    margin-left: -.25rem
}

.Online-Store-UI-PlainAction--fullWidth_w3h4c:not(.Online-Store-UI-PlainAction--vertical_b4yps) .Online-Store-UI-PlainAction__Disclosure_18nce {
    justify-self: flex-end
}

.Online-Store-UI-PlainAction--vertical_b4yps .Online-Store-UI-PlainAction__Disclosure_18nce {
    grid-area: top
}

.Online-Store-UI-PlainAction--vertical_b4yps .Online-Store-UI-PlainAction__WrappedContent_ggi4p+.Online-Store-UI-PlainAction__Disclosure_18nce {
    margin-left: calc(1.875rem + var(--p-space-200))
}

.Online-Store-UI-PlainAction--vertical_b4yps .Online-Store-UI-PlainAction__SubtitleWrapperContent_kphgr+.Online-Store-UI-PlainAction__Disclosure_18nce {
    margin-left: calc(1.875rem + var(--p-space-200))
}

.Online-Store-UI-PlainAction__LoadingIndicator_1ijar {
    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_xmapc,
.Online-Store-UI-PlainAction--toneMagic_xmapc:hover {
    color: var(--p-color-text-magic)
}

.Online-Store-UI-PlainAction--toneMagic_xmapc ui-icon,
.Online-Store-UI-PlainAction--toneMagic_xmapc svg,
.Online-Store-UI-PlainAction--toneMagic_xmapc:hover ui-icon,
.Online-Store-UI-PlainAction--toneMagic_xmapc:hover svg {
    color: var(--p-color-text-magic)
}

.Online-Store-UI-PanelCard_16esq {
    height: 100%
}

.Online-Store-UI-PanelCard--spaceAround_10maj {
    padding: var(--p-space-400)
}

@media (max-width: 41.685em) {
    .Online-Store-UI-PanelCard--spaceAround_10maj {
        height: auto
    }
}

.Online-Store-UI-PanelCard__Interior_1vs1d {
    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_10maj .Online-Store-UI-PanelCard__Interior_1vs1d {
        border-radius: var(--p-border-radius-200, var(--p-space-200));
        box-shadow: var(--p-shadow-300)
    }
}

@media (min-width: 41.6875em) {
    .Online-Store-UI-PanelCard__Interior_1vs1d {
        border-radius: var(--p-border-radius-200, var(--p-space-200));
        box-shadow: var(--p-shadow-300)
    }
}

.Online-Store-UI-Preview_1qgwk {
    display: flex;
    flex-direction: column;
    width: 100%
}

.Online-Store-UI-Preview__PreviewInner_1h086 {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    justify-content: center;
    width: 100%
}

@media (min-width: 41.6875em) {
    .Online-Store-UI-Preview__PreviewInner_1h086 {
        padding: var(--osui_preview-padding)
    }
}

.Online-Store-UI-Preview__BannerWrapper_1jakl {
    flex: 0 0 auto;
    max-width: 100%
}

.Online-Store-UI-Preview__HeaderWrapper_1jag9 {
    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_1qgwk.Online-Store-UI-Preview--chatOpen_1nhdf .Online-Store-UI-Preview__HeaderWrapper_1jag9 {
        max-width: calc(100% - 22.5rem - var(--p-space-200))
    }
}

@media (min-width: 41.6875em) {
    .Online-Store-UI-Preview__HeaderWrapper_1jag9 {
        margin-bottom: auto
    }
}

.Online-Store-UI-Preview__Main_j3hd5 {
    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_1qgwk.Online-Store-UI-Preview--chatOpen_1nhdf .Online-Store-UI-Preview__Main_j3hd5 {
        max-width: calc(100% - 22.5rem - var(--p-space-200))
    }
}

.Online-Store-UI-Preview__Interior_1ttv3 {
    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_1yrh0 {
    pointer-events: none;
    touch-action: none;
    -webkit-user-select: none;
    user-select: none
}

.Online-Store-UI-Preview--modeMobile_1jevz {
    max-width: 23.4375rem
}

.Online-Store-UI-Preview--modeMobile_1jevz.Online-Store-UI-Preview--scaled_1akhx {
    max-height: 100%
}

.Online-Store-UI-Preview--modeMobileLandscape_sxhkj {
    max-width: 41.6875rem;
    max-height: 23.4375rem
}

.Online-Store-UI-Preview--modeMobileLandscape_sxhkj.Online-Store-UI-Preview--scaled_1akhx {
    max-height: 100%
}

.Online-Store-UI-Preview--modeTablet_1j8pe {
    max-width: 48rem
}

.Online-Store-UI-Preview--modeTablet_1j8pe.Online-Store-UI-Preview--scaled_1akhx {
    max-height: 100%
}

.Online-Store-UI-Preview--modeTabletLandscape_fn158 {
    max-width: 64rem;
    max-height: 48rem
}

.Online-Store-UI-Preview--modeTabletLandscape_fn158.Online-Store-UI-Preview--scaled_1akhx {
    max-height: 100%
}

.Online-Store-UI-Preview--modeDesktop_p2ayn.Online-Store-UI-Preview--scaled_1akhx {
    height: 200%;
    max-height: 200%;
    transform: scale(.5)
}

.Online-Store-UI-Preview--modeFullscreen_1ta27 {
    width: 100%
}

.Online-Store-UI-Preview__ShopFrame_dz9kv {
    position: relative;
    flex: 1 1 auto;
    width: 100%;
    height: 100%;
    background-color: var(--p-color-bg-surface);
    box-shadow: var(--p-shadow-300)
}

@media (min-width: 41.6875em) {
    .Online-Store-UI-Preview__ShopFrame_dz9kv {
        border-radius: var(--p-border-radius-200);
        overflow: hidden
    }
}

.Online-Store-UI-Preview__SpinnerWrapper_1cx24 {
    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-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-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-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-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-SlimResourcePreview__ResourcePreview_11hvx {
    --osui_selected-resource-setting-background: var(--p-color-bg);
    --osui_selected-resource-setting-text-color: var(--p-color-text)
}

.Online-Store-UI-SlimResourcePreview--toneMagic_1qh40 {
    --osui_selected-resource-setting-background: var(--p-color-bg-surface-magic)
}

.Online-Store-UI-SlimResourcePreview--toneMagic_1qh40:not(.Online-Store-UI-SlimResourcePreview--error_159xg, .Online-Store-UI-SlimResourcePreview--warning_1mfss) {
    --osui_selected-resource-setting-text-color: var(--p-color-text-magic)
}

.Online-Store-UI-SlimResourcePreview--error_159xg {
    --osui_selected-resource-setting-text-color: var(--p-color-text-critical)
}

.Online-Store-UI-SlimResourcePreview--warning_1mfss {
    --osui_selected-resource-setting-text-color: var(--p-color-text-warning)
}

.Online-Store-UI-SlimResourcePreview--disabled_1p0yz {
    --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-SlimResourcePreview__InteriorWrapper_1ufrt {
    position: relative;
    display: flex;
    width: 100%;
    gap: var(--p-space-100);
    justify-content: space-between;
    align-items: center;
    align-self: stretch
}

.Online-Store-UI-SlimResourcePreview--loading_1mfx0 .Online-Store-UI-SlimResourcePreview__InteriorWrapper_1ufrt .Online-Store-UI-SlimResourcePreview__Thumbnail_1dbfc,
.Online-Store-UI-SlimResourcePreview--uploading_1ytxy .Online-Store-UI-SlimResourcePreview__InteriorWrapper_1ufrt .Online-Store-UI-SlimResourcePreview__Thumbnail_1dbfc {
    display: none
}

.Online-Store-UI-SlimResourcePreview--withInnerBorder_1w3y4 {
    height: var(--p-height-800);
    padding: var(--p-space-0);
    padding-right: var(--p-space-150)
}

.Online-Store-UI-SlimResourcePreview--withInnerBorder_1w3y4:before {
    content: "";
    position: absolute;
    border: .0625rem solid var(--p-color-input-border);
    border-radius: var(--p-border-radius-200);
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    pointer-events: none
}

.Online-Store-UI-SlimResourcePreview--withInnerImage_joadz {
    height: 5.625rem;
    border-radius: var(--p-border-radius-200)
}

.Online-Store-UI-SlimResourcePreview__Title_14vcu {
    z-index: 1;
    min-width: 0;
    flex-grow: 1;
    overflow-wrap: anywhere;
    color: var(--osui_selected-resource-setting-text-color);
    white-space: nowrap;
    text-overflow: ellipsis;
    pointer-events: none;
    font-size: var(--p-font-size-300)
}

@supports (-webkit-line-clamp: 2) {
    .Online-Store-UI-SlimResourcePreview--titleMultilineTruncate_ut5la .Online-Store-UI-SlimResourcePreview__Title_14vcu {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden
    }
}

.Online-Store-UI-SlimResourcePreview--loading_1mfx0 .Online-Store-UI-SlimResourcePreview__Title_14vcu,
.Online-Store-UI-SlimResourcePreview--uploading_1ytxy .Online-Store-UI-SlimResourcePreview__Title_14vcu {
    display: none
}

.Online-Store-UI-SlimResourcePreview--overLargeImage_1tus2 {
    color: #fff;
    flex-grow: 0
}

.Online-Store-UI-SlimResourcePreview__Thumbnail_1dbfc {
    position: relative;
    display: flex;
    justify-content: center
}

.Online-Store-UI-SlimResourcePreview__Thumbnail_1dbfc img {
    border: var(--p-border-width-025) solid var(--p-color-border-secondary);
    background-color: var(--p-color-bg);
    width: 100%;
    height: 100%;
    display: block
}

.Online-Store-UI-SlimResourcePreview--thumbshot_1mk92 {
    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-SlimResourcePreview--thumbshot_1mk92 .Online-Store-UI-SlimResourcePreview--innerImageBorder_i5fnb {
    position: absolute;
    border-radius: var(--p-border-radius-150);
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border: .0625rem solid var(--p-color-bg-fill-disabled)
}

.Online-Store-UI-SlimResourcePreview--thumbshot_1mk92 img {
    object-fit: cover;
    border-radius: var(--p-border-radius-150)
}

.Online-Store-UI-SlimResourcePreview--icon_bzvwj {
    margin-left: var(--p-space-150)
}

.Online-Store-UI-SlimResourcePreview--image_14vdh {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.Online-Store-UI-SlimResourcePreview--image_14vdh img {
    object-fit: cover;
    border-radius: var(--p-border-radius-200)
}

.Online-Store-UI-SlimResourcePreview--image_14vdh .Online-Store-UI-SlimResourcePreview--backdrop_6cnl2 {
    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
}

.Online-Store-UI-SlimResourcePreview--node_c0169 {
    align-items: center
}

.Online-Store-UI-SlimResourcePreview__LargeImageContent_buu3o {
    min-width: 0;
    height: 100%;
    padding: var(--p-space-150);
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.Online-Store-UI-SlimResourcePreview__ActivatorButton_12mkg {
    all: unset;
    cursor: pointer;
    width: 100%
}

.Online-Store-UI-SlimResourcePreview__DropzoneWrapper_9r1mx,
.Online-Store-UI-SlimResourcePreview__DropzoneWrapper_9r1mx [class*=shopilike-DropZone__Container] {
    min-width: 0
}

.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-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-ResourceAction__ResourceActionWrapper_1sqq5 {
    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_147ao {
    --osui_resource-action-height: 2.75rem
}

.Online-Store-UI-ResourceAction--sizeMedium_ffp0u {
    --osui_resource-action-height: 3.625rem
}

.Online-Store-UI-ResourceAction--sizeLarge_64jdc {
    --osui_resource-action-height: 4rem
}

.Online-Store-UI-ResourceAction--hasControl_kkti4 {
    padding: 0 var(--p-space-200);
    background-color: var(--p-color-bg-surface)
}

.Online-Store-UI-ResourceAction_6lr2u {
    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_6lr2u.Online-Store-UI-ResourceAction--disabled_wxipb,
.Online-Store-UI-ResourceAction_6lr2u.Online-Store-UI-ResourceAction--appearanceSubdued_1nzxy {
    --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_6lr2u.Online-Store-UI-ResourceAction--appearanceInfo_w7g34 {
    --osui_resource-action-background-color: var(--p-color-bg-surface-brand-selected)
}

.Online-Store-UI-ResourceAction_6lr2u:not(.Online-Store-UI-ResourceAction--fillContent_1aq46) {
    padding-right: var(--p-space-300);
    padding-left: var(--p-space-300)
}

.Online-Store-UI-ResourceAction_6lr2u.Online-Store-UI-ResourceAction--disabled_wxipb:not(.Online-Store-UI-ResourceAction--hasTooltip_4fu7c) {
    pointer-events: none;
    touch-action: none;
    -webkit-user-select: none;
    user-select: none
}

.Online-Store-UI-ResourceAction--hasSecondaryAction_u5wa9:not(.Online-Store-UI-ResourceAction--hasDragHandle_cicjx) .Online-Store-UI-ResourceAction_6lr2u {
    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_cicjx:not(.Online-Store-UI-ResourceAction--hasSecondaryAction_u5wa9) .Online-Store-UI-ResourceAction_6lr2u {
    padding-right: calc(var(--p-space-100) + var(--osui_width-resource-action-drag-handle))
}

.Online-Store-UI-ResourceAction--hasSecondaryAction_u5wa9.Online-Store-UI-ResourceAction--hasDragHandle_cicjx .Online-Store-UI-ResourceAction_6lr2u {
    padding-right: calc(var(--p-space-100) + var(--osui_height-common-control) + var(--osui_width-resource-action-drag-handle))
}

.Online-Store-UI-ResourceAction--hasControl_kkti4 .Online-Store-UI-ResourceAction_6lr2u {
    border-radius: var(--osui_radius-sidebar-children)
}

.Online-Store-UI-ResourceAction--hasControl_kkti4 .Online-Store-UI-ResourceAction_6lr2u.Online-Store-UI-ResourceAction--active_1rx84 {
    --osui_resource-action-background-color: var(--p-color-bg-surface-brand-selected)
}

.Online-Store-UI-ResourceAction--hasControl_kkti4 .Online-Store-UI-ResourceAction_6lr2u.Online-Store-UI-ResourceAction--active_1rx84: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_kkti4 .Online-Store-UI-ResourceAction_6lr2u.Online-Store-UI-ResourceAction--disabled_wxipb .Online-Store-UI-ResourceAction__Content_14r9m {
        color: grayText
    }
}

@media (hover: hover) and (pointer: fine) {
    .Online-Store-UI-ResourceAction--hasControl_kkti4 .Online-Store-UI-ResourceAction_6lr2u:hover {
        --osui_resource-action-background-color: var(--p-color-bg-surface-hover)
    }

    .Online-Store-UI-ResourceAction--hasControl_kkti4 .Online-Store-UI-ResourceAction_6lr2u.Online-Store-UI-ResourceAction--active_1rx84:hover {
        --osui_resource-action-background-color: var(--p-color-bg-surface-brand-hover)
    }
}

a.Online-Store-UI-ResourceAction_6lr2u {
    color: inherit;
    text-decoration: none
}

a.Online-Store-UI-ResourceAction_6lr2u:visited {
    color: inherit
}

button.Online-Store-UI-ResourceAction_6lr2u {
    -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_6lr2u:focus {
    outline: none
}

a.Online-Store-UI-ResourceAction_6lr2u,
button.Online-Store-UI-ResourceAction_6lr2u,
label.Online-Store-UI-ResourceAction_6lr2u {
    outline: none;
    position: relative
}

a.Online-Store-UI-ResourceAction_6lr2u:after,
button.Online-Store-UI-ResourceAction_6lr2u:after,
label.Online-Store-UI-ResourceAction_6lr2u: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_6lr2u:focus:after,
button.Online-Store-UI-ResourceAction_6lr2u:focus:after,
label.Online-Store-UI-ResourceAction_6lr2u:focus:after {
    box-shadow: 0 0 0 .125rem var(--p-color-border-focus);
    outline: var(--osui_high-contrast-outline)
}

a.Online-Store-UI-ResourceAction_6lr2u:focus:not(:focus-visible):after,
button.Online-Store-UI-ResourceAction_6lr2u:focus:not(:focus-visible):after,
label.Online-Store-UI-ResourceAction_6lr2u:focus:not(:focus-visible):after {
    box-shadow: 0 0 0 0 transparent
}

@media (-ms-high-contrast: active) {

    a.Online-Store-UI-ResourceAction_6lr2u:focus:not(:focus-visible):after,
    button.Online-Store-UI-ResourceAction_6lr2u:focus:not(:focus-visible):after,
    label.Online-Store-UI-ResourceAction_6lr2u:focus:not(:focus-visible):after {
        outline: none
    }
}

a.Online-Store-UI-ResourceAction_6lr2u:focus-visible:after,
button.Online-Store-UI-ResourceAction_6lr2u:focus-visible:after,
label.Online-Store-UI-ResourceAction_6lr2u: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_6lr2u:after,
button.Online-Store-UI-ResourceAction_6lr2u:after,
label.Online-Store-UI-ResourceAction_6lr2u: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_6lr2u:focus-visible,
button.Online-Store-UI-ResourceAction_6lr2u:focus-visible,
label.Online-Store-UI-ResourceAction_6lr2u:focus-visible {
    --osui_resource-action-background-color: var(--p-color-bg-surface-hover)
}

@media (hover: hover) and (pointer: fine) {

    a.Online-Store-UI-ResourceAction_6lr2u:hover,
    button.Online-Store-UI-ResourceAction_6lr2u:hover,
    label.Online-Store-UI-ResourceAction_6lr2u:hover {
        --osui_resource-action-background-color: var(--p-color-bg-surface-hover)
    }
}

a.Online-Store-UI-ResourceAction_6lr2u:active,
button.Online-Store-UI-ResourceAction_6lr2u:active,
label.Online-Store-UI-ResourceAction_6lr2u:active {
    --osui_resource-action-background-color: var(--p-color-bg-surface-active)
}

a.Online-Store-UI-ResourceAction_6lr2u.Online-Store-UI-ResourceAction--appearanceInfo_w7g34:focus-visible,
button.Online-Store-UI-ResourceAction_6lr2u.Online-Store-UI-ResourceAction--appearanceInfo_w7g34:focus-visible {
    --osui_resource-action-background-color: var(--p-color-bg-fill)
}

@media (hover: hover) and (pointer: fine) {

    a.Online-Store-UI-ResourceAction_6lr2u.Online-Store-UI-ResourceAction--appearanceInfo_w7g34:hover,
    button.Online-Store-UI-ResourceAction_6lr2u.Online-Store-UI-ResourceAction--appearanceInfo_w7g34:hover {
        --osui_resource-action-background-color: var(--p-color-bg-fill)
    }
}

a.Online-Store-UI-ResourceAction_6lr2u.Online-Store-UI-ResourceAction--appearanceInfo_w7g34:active,
button.Online-Store-UI-ResourceAction_6lr2u.Online-Store-UI-ResourceAction--appearanceInfo_w7g34:active {
    --osui_resource-action-background-color: var(--p-color-bg-surface-brand-selected)
}

a.Online-Store-UI-ResourceAction_6lr2u.Online-Store-UI-ResourceAction--appearanceCta_1yzhz,
button.Online-Store-UI-ResourceAction_6lr2u.Online-Store-UI-ResourceAction--appearanceCta_1yzhz {
    color: var(--p-color-text-emphasis)
}

a.Online-Store-UI-ResourceAction_6lr2u.Online-Store-UI-ResourceAction--appearanceCta_1yzhz:focus-visible,
button.Online-Store-UI-ResourceAction_6lr2u.Online-Store-UI-ResourceAction--appearanceCta_1yzhz: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_6lr2u.Online-Store-UI-ResourceAction--appearanceCta_1yzhz:hover,
    button.Online-Store-UI-ResourceAction_6lr2u.Online-Store-UI-ResourceAction--appearanceCta_1yzhz:hover {
        --osui_resource-action-background-color: var(--p-color-bg-surface-brand-selected)
    }
}

a.Online-Store-UI-ResourceAction_6lr2u.Online-Store-UI-ResourceAction--appearanceCta_1yzhz:active,
button.Online-Store-UI-ResourceAction_6lr2u.Online-Store-UI-ResourceAction--appearanceCta_1yzhz:active {
    --osui_resource-action-background-color: var(--p-color-bg-fill)
}

label.Online-Store-UI-ResourceAction_6lr2u {
    cursor: pointer
}

label.Online-Store-UI-ResourceAction_6lr2u:not(.Online-Store-UI-ResourceAction--disabled_wxipb):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_we8l8,
.Online-Store-UI-ResourceAction__Suffix_we97f,
.Online-Store-UI-ResourceAction__Content_14r9m {
    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_we8l8,
.Online-Store-UI-ResourceAction__Suffix_we97f {
    justify-content: center;
    flex: 0 0 auto;
    transition: color var(--p-motion-duration-200) var(--p-motion-ease)
}

.Online-Store-UI-ResourceAction__Prefix_we8l8>*,
.Online-Store-UI-ResourceAction__Suffix_we97f>* {
    min-width: 0;
    max-width: 100%
}

.Online-Store-UI-ResourceAction--appearanceInfo_w7g34 .Online-Store-UI-ResourceAction__Prefix_we8l8,
.Online-Store-UI-ResourceAction--appearanceInfo_w7g34 .Online-Store-UI-ResourceAction__Suffix_we97f {
    color: var(--p-color-icon-emphasis)
}

.Online-Store-UI-ResourceAction--disabled_wxipb .Online-Store-UI-ResourceAction__Prefix_we8l8,
.Online-Store-UI-ResourceAction--appearanceSubdued_1nzxy .Online-Store-UI-ResourceAction__Prefix_we8l8,
.Online-Store-UI-ResourceAction--disabled_wxipb .Online-Store-UI-ResourceAction__Suffix_we97f,
.Online-Store-UI-ResourceAction--appearanceSubdued_1nzxy .Online-Store-UI-ResourceAction__Suffix_we97f {
    color: var(--p-color-icon-secondary)
}

.Online-Store-UI-ResourceAction__Prefix_we8l8 {
    width: 2.5rem
}

.Online-Store-UI-ResourceAction__Suffix_we97f {
    margin-left: var(--p-space-200)
}

.Online-Store-UI-ResourceAction__Suffix_we97f .Online-Store-UI-ResourceAction__TooltipSuffixIcon_1mcbs:not(:only-child) {
    margin-left: var(--p-space-100)
}

.Online-Store-UI-ResourceAction__ExternalIcon_1uk61 {
    display: flex;
    margin-left: var(--p-space-100)
}

.Online-Store-UI-ResourceAction__ExternalIcon_1uk61 ui-icon,
.Online-Store-UI-ResourceAction__ExternalIcon_1uk61 svg {
    color: var(--p-color-icon)
}

.Online-Store-UI-ResourceAction__TitleBadgeWrapper_829c8 .Online-Store-UI-ResourceAction--emphasis_1liet+.Online-Store-UI-ResourceAction__ExternalIcon_1uk61 {
    margin-left: var(--p-space-300)
}

.Online-Store-UI-ResourceAction__Content_14r9m {
    flex-wrap: wrap;
    flex: 1 1 auto
}

.Online-Store-UI-ResourceAction__Prefix_we8l8+.Online-Store-UI-ResourceAction__Content_14r9m {
    margin-left: var(--p-space-300)
}

.Online-Store-UI-ResourceAction__Overline_1vy7g,
.Online-Store-UI-ResourceAction__Subtitle_fpx54,
.Online-Store-UI-ResourceAction__TitleBadgeWrapper_829c8 {
    min-width: 0;
    max-width: 100%;
    flex: 1 1 100%
}

.Online-Store-UI-ResourceAction__TitleBadgeWrapper_829c8 {
    display: flex;
    align-items: center
}

.Online-Store-UI-ResourceAction__Title_j50hv {
    min-width: 0;
    max-width: 100%;
    flex: 0 1 auto
}

.Online-Store-UI-ResourceAction__Title_j50hv.Online-Store-UI-ResourceAction--emphasis_1liet {
    max-width: calc(100% - (var(--p-font-size-350) + .0625rem)*.5)
}

.Online-Store-UI-ResourceAction--truncate_nv9hz {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.Online-Store-UI-ResourceAction--strongTitle_lzgub {
    font-weight: 700
}

.Online-Store-UI-ResourceAction__BadgeWrapper_i3r00 {
    flex: 0 0 auto;
    height: 0;
    margin-top: calc(var(--p-border-width-050)*2*-1 - 1.125rem)
}

.Online-Store-UI-ResourceAction__Title_j50hv+.Online-Store-UI-ResourceAction__BadgeWrapper_i3r00 {
    margin-left: var(--p-space-200)
}

.Online-Store-UI-ResourceAction__Overline_1vy7g {
    color: var(--p-color-text-secondary);
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block
}

.Online-Store-UI-ResourceAction__Subtitle_fpx54.Online-Store-UI-ResourceAction--string_1v6pp {
    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_fpx54.Online-Store-UI-ResourceAction--string_1v6pp {
        font-size: var(--p-font-size-300);
        line-height: var(--p-font-line-height-400)
    }
}

.Online-Store-UI-ResourceAction__Actions_b6lpj {
    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_188ue,
.Online-Store-UI-ResourceAction__DragHandleWrapper_vcake {
    flex: 0 0 auto
}

.Online-Store-UI-ResourceAction__DragHandleWrapper_vcake {
    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_6lr2u:hover+.Online-Store-UI-ResourceAction__Actions_b6lpj .Online-Store-UI-ResourceAction__DragHandleWrapper_vcake ui-icon,
    .Online-Store-UI-ResourceAction_6lr2u:hover+.Online-Store-UI-ResourceAction__Actions_b6lpj .Online-Store-UI-ResourceAction__DragHandleWrapper_vcake svg {
        color: var(--p-color-icon-active)
    }
}

.Online-Store-UI-ResourceAction_6lr2u:active+.Online-Store-UI-ResourceAction__Actions_b6lpj .Online-Store-UI-ResourceAction__DragHandleWrapper_vcake {
    outline: var(--osui_high-contrast-outline)
}

.Online-Store-UI-ResourceAction_6lr2u:active+.Online-Store-UI-ResourceAction__Actions_b6lpj .Online-Store-UI-ResourceAction__DragHandleWrapper_vcake ui-icon,
.Online-Store-UI-ResourceAction_6lr2u:active+.Online-Store-UI-ResourceAction__Actions_b6lpj .Online-Store-UI-ResourceAction__DragHandleWrapper_vcake svg {
    color: var(--p-color-icon-hover)
}

@media (-ms-high-contrast: active) {

    .Online-Store-UI-ResourceAction_6lr2u:active+.Online-Store-UI-ResourceAction__Actions_b6lpj .Online-Store-UI-ResourceAction__DragHandleWrapper_vcake ui-icon,
    .Online-Store-UI-ResourceAction_6lr2u:active+.Online-Store-UI-ResourceAction__Actions_b6lpj .Online-Store-UI-ResourceAction__DragHandleWrapper_vcake svg {
        color: var(--p-color-icon)
    }
}

.Online-Store-UI-ResourceAction_6lr2u:active+.Online-Store-UI-ResourceAction__Actions_b6lpj .Online-Store-UI-ResourceAction__DragHandleWrapper_vcake 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-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-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-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-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-ResourcePreview_wzaht {
    --osui_selected-resource-setting-background: var(--p-color-bg);
    --osui_selected-resource-setting-text-color: var(--p-color-text)
}

.Online-Store-UI-ResourcePreview--toneMagic_17aab {
    --osui_selected-resource-setting-background: var(--p-color-bg-surface-magic)
}

.Online-Store-UI-ResourcePreview--toneMagic_17aab:not(.Online-Store-UI-ResourcePreview--error_1sfhm, .Online-Store-UI-ResourcePreview--warning_9vufa) {
    --osui_selected-resource-setting-text-color: var(--p-color-text-magic)
}

.Online-Store-UI-ResourcePreview--error_1sfhm {
    --osui_selected-resource-setting-text-color: var(--p-color-text-critical)
}

.Online-Store-UI-ResourcePreview--warning_9vufa {
    --osui_selected-resource-setting-text-color: var(--p-color-text-warning)
}

.Online-Store-UI-ResourcePreview--disabled_19qyx {
    --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_15dnd,
.Online-Store-UI-ResourcePreview__Footer_1u9ie {
    background-color: var(--osui_selected-resource-setting-background)
}

.Online-Store-UI-ResourcePreview__InteriorWrapper_395l7 {
    position: relative;
    height: 100%;
    width: 100%
}

.Online-Store-UI-ResourcePreview--loading_9vjj1 .Online-Store-UI-ResourcePreview__InteriorWrapper_395l7,
.Online-Store-UI-ResourcePreview--uploading_thqqe .Online-Store-UI-ResourcePreview__InteriorWrapper_395l7 {
    min-height: 6.375rem
}

.Online-Store-UI-ResourcePreview--loading_9vjj1 .Online-Store-UI-ResourcePreview__InteriorWrapper_395l7 .Online-Store-UI-ResourcePreview__Thumbnail_1j14z,
.Online-Store-UI-ResourcePreview--uploading_thqqe .Online-Store-UI-ResourcePreview__InteriorWrapper_395l7 .Online-Store-UI-ResourcePreview__Thumbnail_1j14z {
    display: none
}

.Online-Store-UI-ResourcePreview__Interior_15dnd {
    display: flex;
    flex-direction: column
}

.Online-Store-UI-ResourcePreview__Interior_15dnd,
.Online-Store-UI-ResourcePreview__DropzoneOutline_ag9jj,
.Online-Store-UI-ResourcePreview__Skeleton_l36u9 {
    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_1tkzy,
.Online-Store-UI-ResourcePreview__InteriorSmallSkeleton_296am {
    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_1tkzy {
    height: 12.625rem
}

.Online-Store-UI-ResourcePreview__InteriorSmallSkeleton_296am {
    height: 6.375rem
}

.Online-Store-UI-ResourcePreview__DropzoneOutline_ag9jj,
.Online-Store-UI-ResourcePreview__Skeleton_l36u9 {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    opacity: 0
}

.Online-Store-UI-ResourcePreview__Skeleton_l36u9 {
    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_9vjj1 .Online-Store-UI-ResourcePreview__Skeleton_l36u9,
.Online-Store-UI-ResourcePreview--uploading_thqqe .Online-Store-UI-ResourcePreview__Skeleton_l36u9 {
    background-color: var(--osui_selected-resource-setting-background);
    opacity: 1;
    visibility: visible
}

.Online-Store-UI-ResourcePreview__DropzoneOutline_ag9jj {
    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_19qyx) .Online-Store-UI-ResourcePreview__DropzoneOutline_ag9jj {
    cursor: pointer
}

:not(.Online-Store-UI-ResourcePreview--disabled_19qyx) .Online-Store-UI-ResourcePreview__DropzoneOutline_ag9jj:hover {
    opacity: 1;
    color: var(--p-color-border-focus)
}

.Online-Store-UI-ResourcePreview_wzaht:focus-within .Online-Store-UI-ResourcePreview__DropzoneOutline_ag9jj {
    opacity: 0
}

.Online-Store-UI-ResourcePreview__PreviewWrapper_14rpd {
    width: 100%;
    display: flex;
    align-items: center;
    color: var(--osui_selected-resource-setting-text-color)
}

.Online-Store-UI-ResourcePreview__Title_1ry6b {
    z-index: 2;
    overflow-wrap: anywhere
}

@supports (-webkit-line-clamp: 2) {
    .Online-Store-UI-ResourcePreview--titleMultilineTruncate_1200g .Online-Store-UI-ResourcePreview__Title_1ry6b {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden
    }
}

.Online-Store-UI-ResourcePreview--loading_9vjj1 .Online-Store-UI-ResourcePreview__Title_1ry6b,
.Online-Store-UI-ResourcePreview--uploading_thqqe .Online-Store-UI-ResourcePreview__Title_1ry6b {
    display: none
}

.Online-Store-UI-ResourcePreview__Thumbnail_1j14z {
    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_1j14z 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_9vjj1 .Online-Store-UI-ResourcePreview__Thumbnail_1j14z img,
.Online-Store-UI-ResourcePreview--uploading_thqqe .Online-Store-UI-ResourcePreview__Thumbnail_1j14z img {
    max-height: 3.125rem
}

.Online-Store-UI-ResourcePreview__PreviewWrapperColumn_svec9 {
    flex-direction: column;
    align-items: flex-start
}

.Online-Store-UI-ResourcePreview__PreviewWrapperColumn_svec9 .Online-Store-UI-ResourcePreview__Thumbnail_1j14z {
    margin-right: 0
}

.Online-Store-UI-ResourcePreview__PreviewWrapperColumn_svec9 .Online-Store-UI-ResourcePreview__Title_1ry6b {
    margin-top: var(--p-space-300)
}

.Online-Store-UI-ResourcePreview__ContentWrapper_qdkh3 {
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.Online-Store-UI-ResourcePreview__Subtitle_cjjl2 {
    position: relative;
    z-index: 2;
    display: inline-block;
    margin-top: .625rem;
    overflow-wrap: anywhere
}

@supports (-webkit-line-clamp: 2) {
    .Online-Store-UI-ResourcePreview--subtitleMultilineTruncate_1dteu .Online-Store-UI-ResourcePreview__Subtitle_cjjl2 {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden
    }
}

.Online-Store-UI-ResourcePreview__Footer_1u9ie {
    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-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-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-SidebarCard_1255u {
    --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-300)
}

.Online-Store-UI-SidebarCard--rounded_1jqgl {
    border-radius: var(--p-border-radius-200, var(--p-space-200))
}

.Online-Store-UI-SidebarCard--overflowHidden_1cxt2 {
    overflow: hidden
}

.Online-Store-UI-SidebarCard--slim_9b77t {
    --osui_sidebarcard-section-padding-y: var(--p-space-200);
    --osui_sidebarcard-section-padding-x: var(--p-space-200)
}

.Online-Store-UI-SidebarCard--spacingVertical_b4oay {
    --osui_sidebarcard-section-padding-y: var(--osui_size-common-spacing);
    --osui_sidebarcard-section-padding-x: 0
}

.Online-Store-UI-SidebarCard--spacingHorizontal_sfyhq {
    --osui_sidebarcard-section-padding-y: 0;
    --osui_sidebarcard-section-padding-x: var(--osui_size-common-spacing)
}

.Online-Store-UI-SidebarCard--slim_9b77t.Online-Store-UI-SidebarCard--spacingVertical_b4oay {
    --osui_sidebarcard-section-padding-y: var(--p-space-200);
    --osui_sidebarcard-section-padding-x: 0
}

.Online-Store-UI-SidebarCard--slim_9b77t.Online-Store-UI-SidebarCard--spacingHorizontal_sfyhq {
    --osui_sidebarcard-section-padding-y: 0;
    --osui_sidebarcard-section-padding-x: var(--p-space-200)
}

.Online-Store-UI-SidebarCard__Section_4umku {
    padding: var(--osui_sidebarcard-section-padding-y) var(--osui_sidebarcard-section-padding-x)
}

.Online-Store-UI-SidebarCard__Section_4umku+.Online-Store-UI-SidebarCard__Section_4umku {
    border-top: var(--p-border-width-025) solid var(--p-color-border-secondary)
}

.Online-Store-UI-SidebarCard--subdued_1k17o {
    background-color: var(--p-color-bg-surface-secondary)
}

.Online-Store-UI-SidebarCard--rounded_1jqgl .Online-Store-UI-SidebarCard--subdued_1k17o: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_1jqgl .Online-Store-UI-SidebarCard--subdued_1k17o: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_nafcr {
    margin-bottom: var(--p-space-300)
}

.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-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-SidebarLayout_1dnjf {
    --osui_sidebar-action-offset: var(--p-space-100);
    display: flex;
    flex-direction: column;
    flex: 0 0 auto
}

.Online-Store-UI-SidebarLayout--sticky_pds4b {
    padding-top: var(--p-space-400)
}

.Online-Store-UI-SidebarLayout--sticky_pds4b: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_idfel {
    flex: 1 1 auto;
    min-height: 100%
}

.Online-Store-UI-SidebarLayout--sticky_pds4b+.Online-Store-UI-SidebarLayout--fullHeight_idfel {
    height: 100%;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    min-height: 0
}

.Online-Store-UI-SidebarLayout--spaceBefore_5wgqb {
    padding-top: var(--osui_sidebar-layout-spacing, 0)
}

.Online-Store-UI-SidebarLayout--sticky_pds4b+.Online-Store-UI-SidebarLayout--spaceBefore_5wgqb {
    padding-top: var(--p-space-500)
}

.Online-Store-UI-SidebarLayout--spaceAfter_mihvg {
    padding-bottom: var(--osui_sidebar-layout-spacing, 0)
}

.Online-Store-UI-SidebarLayout--layoutSpacingNone_kneks,
.Online-Store-UI-SidebarLayout--sectionSpacingNone_a0mvm,
.Online-Store-UI-SidebarLayout--sectionSpacingDefault_ffcoa:first-of-type,
.Online-Store-UI-SidebarLayout--sectionSpacingDefault_ffcoa:only-child {
    --osui_sidebar-layout-spacing: 0
}

.Online-Store-UI-SidebarLayout--layoutSpacingExtraTight_1h90c,
.Online-Store-UI-SidebarLayout--sectionSpacingExtraTight_we41s {
    --osui_sidebar-layout-spacing: var(--p-space-100)
}

.Online-Store-UI-SidebarLayout--layoutSpacingTight_13490,
.Online-Store-UI-SidebarLayout--sectionSpacingTight_1k8yn {
    --osui_sidebar-layout-spacing: var(--p-space-200)
}

.Online-Store-UI-SidebarLayout--layoutSpacingBaseTight_35pd3,
.Online-Store-UI-SidebarLayout--sectionSpacingBaseTight_1hgvr {
    --osui_sidebar-layout-spacing: var(--p-space-300)
}

.Online-Store-UI-SidebarLayout--layoutSpacingDefault_4vmy2,
.Online-Store-UI-SidebarLayout--layoutSpacingBase_152kh,
.Online-Store-UI-SidebarLayout--sectionSpacingBase_99zg7 {
    --osui_sidebar-layout-spacing: var(--p-space-400)
}

.Online-Store-UI-SidebarLayout--layoutSpacingLoose_wdoqr,
.Online-Store-UI-SidebarLayout--sectionSpacingLoose_igtxb {
    --osui_sidebar-layout-spacing: var(--p-space-500)
}

.Online-Store-UI-SidebarLayout--layoutSpacingExtraLoose_ljo38,
.Online-Store-UI-SidebarLayout--sectionSpacingExtraLoose_wl2z3 {
    --osui_sidebar-layout-spacing: var(--p-space-800)
}

.Online-Store-UI-SidebarLayout--dividerShow_17t9t:before,
.Online-Store-UI-SidebarLayout--divided_1f7z6>.Online-Store-UI-SidebarLayout__Section_zy619: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_b1p5v:before,
.Online-Store-UI-SidebarLayout--dividerShow_17t9t:first-of-type:before,
.Online-Store-UI-SidebarLayout--dividerShow_17t9t:only-child:before,
.Online-Store-UI-SidebarLayout--dividerShow_17t9t.Online-Store-UI-SidebarLayout--sectionSpacingNone_a0mvm:before,
.Online-Store-UI-SidebarLayout--divided_1f7z6.Online-Store-UI-SidebarLayout--layoutSpacingNone_kneks .Online-Store-UI-SidebarLayout--sectionSpacingNone_a0mvm:before,
.Online-Store-UI-SidebarLayout--divided_1f7z6.Online-Store-UI-SidebarLayout--layoutSpacingNone_kneks .Online-Store-UI-SidebarLayout--sectionSpacingDefault_ffcoa:before,
.Online-Store-UI-SidebarLayout--divided_1f7z6>.Online-Store-UI-SidebarLayout__Section_zy619:first-of-type:before,
.Online-Store-UI-SidebarLayout--divided_1f7z6>.Online-Store-UI-SidebarLayout__Section_zy619:only-child:before,
.Online-Store-UI-SidebarLayout--divided_1f7z6>.Online-Store-UI-SidebarLayout--dividerHide_b1p5v:before,
.Online-Store-UI-SidebarLayout--alignToBottom_cix1y:not(.Online-Store-UI-SidebarLayout--dividerShow_17t9t):before {
    content: none
}

.Online-Store-UI-SidebarLayout__Section_zy619 {
    position: relative;
    padding-top: var(--osui_sidebar-layout-spacing, 0)
}

.Online-Store-UI-SidebarLayout__ChildrenWrapper_rnmg2 {
    padding: 0 var(--p-space-400)
}

.Online-Store-UI-SidebarLayout--fullWidth_117md {
    padding-right: 0;
    padding-left: 0
}

.Online-Store-UI-SidebarLayout--alignToBottom_cix1y {
    --osui_sidebar-layout-spacing: calc(var(--p-space-800)*2);
    margin-top: auto
}

.Online-Store-UI-SidebarLayout--alignToBottom_cix1y:before,
.Online-Store-UI-SidebarLayout--divided_1f7z6>.Online-Store-UI-SidebarLayout--alignToBottom_cix1y:before {
    margin-bottom: var(--p-space-400)
}

.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-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-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-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-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-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-SkipToAction_po5x9 {
    z-index: 80;
    position: fixed;
    top: .625rem;
    left: var(--p-space-200);
    opacity: 0;
    pointer-events: none
}

.Online-Store-UI-SkipToAction_po5x9.Online-Store-UI-SkipToAction--focused_1ww6t {
    pointer-events: all;
    opacity: 1
}

.Online-Store-UI-SkipToAction__SkipAnchor_1bsg6 {
    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_1bsg6 svg {
    fill: var(--p-color-icon)
}

.Online-Store-UI-SkipToAction__SkipAnchor_1bsg6: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_1bsg6:hover {
    background: var(--p-color-bg-surface-secondary-hover);
    outline: var(--osui_high-contrast-outline)
}

.Online-Store-UI-SkipToAction__SkipAnchor_1bsg6:focus {
    box-shadow: var(--p-shadow-200);
    outline: 0
}

.Online-Store-UI-SkipToAction__SkipAnchor_1bsg6:focus:after {
    box-shadow: 0 0 0 .125rem var(--p-color-border-focus);
    outline: var(--osui_high-contrast-outline)
}

.Online-Store-UI-SkipToAction__SkipAnchor_1bsg6:active {
    background: var(--p-color-bg-surface-secondary-active);
    box-shadow: var(--p-shadow-200)
}

.Online-Store-UI-SkipToAction__SkipAnchor_1bsg6:active:after {
    border: none;
    box-shadow: none
}

.Online-Store-UI-SkipToAction__SkipAnchor_1bsg6.Online-Store-UI-SkipToAction--pressed_1ww58 {
    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_1bsg6.Online-Store-UI-SkipToAction--pressed_1ww58 svg {
    fill: currentcolor
}

@media (-ms-high-contrast: active) {
    .Online-Store-UI-SkipToAction__SkipAnchor_1bsg6 {
        border: .0625rem solid windowText
    }
}

.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-OverrideIcon_1mhdq {
    --osui_override-icon-size: .625rem;
    --osui_override-icon-offset: .3125rem;
    --osui_override-icon-border-width: var(--p-border-width-025);
    min-width: calc(1.25rem + var(--osui_override-icon-size) + var(--osui_override-icon-offset));
    min-height: calc(1.25rem + var(--osui_override-icon-size) + var(--osui_override-icon-offset));
    display: flex;
    justify-content: center;
    align-items: center;
    margin: calc((var(--osui_override-icon-offset) + var(--osui_override-icon-border-width)*3)*-1);
    padding: calc(var(--osui_override-icon-offset) + var(--osui_override-icon-border-width))
}

.Online-Store-UI-OverrideIcon_1mhdq.Online-Store-UI-OverrideIcon--dotIcon_11q4a {
    --osui_override-icon-size: .5rem;
    --osui_override-icon-offset: .25rem;
    --osui_override-icon-border-width: var(--p-border-width-050)
}

.Online-Store-UI-OverrideIcon__Container_dores {
    position: relative
}

.Online-Store-UI-OverrideIcon__Container_dores,
.Online-Store-UI-OverrideIcon__ChildrenWrapper_15b6j,
.Online-Store-UI-OverrideIcon__IconWrapper_1yfdm {
    min-width: 0;
    max-width: 100%
}

.Online-Store-UI-OverrideIcon__ChildrenWrapper_15b6j {
    z-index: 1;
    display: flex;
    min-width: 1.25rem;
    min-height: 1.25rem;
    color: var(--p-color-icon)
}

.Online-Store-UI-OverrideIcon__IconWrapper_1yfdm {
    z-index: 2;
    position: absolute
}

.Online-Store-UI-OverrideIcon_1mhdq:not(.Online-Store-UI-OverrideIcon--dotIcon_11q4a) .Online-Store-UI-OverrideIcon__IconWrapper_1yfdm {
    transform: rotate(45deg)
}

.Online-Store-UI-OverrideIcon--bottom_1v5l5 .Online-Store-UI-OverrideIcon__IconWrapper_1yfdm {
    bottom: calc(var(--osui_override-icon-offset)*-1)
}

.Online-Store-UI-OverrideIcon--top_180n7 .Online-Store-UI-OverrideIcon__IconWrapper_1yfdm {
    top: calc(var(--osui_override-icon-offset)*-1)
}

.Online-Store-UI-OverrideIcon--right_1olfn .Online-Store-UI-OverrideIcon__IconWrapper_1yfdm {
    right: calc(var(--osui_override-icon-offset)*-1)
}

.Online-Store-UI-OverrideIcon--left_vyxyz .Online-Store-UI-OverrideIcon__IconWrapper_1yfdm {
    left: calc(var(--osui_override-icon-offset)*-1)
}

.Online-Store-UI-OverrideIcon__Icon_vyh8h {
    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)
}

.Online-Store-UI-OverrideIcon--dotIcon_11q4a .Online-Store-UI-OverrideIcon__Icon_vyh8h {
    border-radius: 50%;
    border: var(--osui_override-icon-border-width) solid var(--p-color-bg-surface)
}

.Online-Store-UI-OverrideIcon_1mhdq:not(.Online-Store-UI-OverrideIcon--dotIcon_11q4a) .Online-Store-UI-OverrideIcon__Icon_vyh8h svg {
    transform: rotate(-45deg)
}

.Online-Store-UI-SubheadingButton_1emtl {
    -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_1emtl:focus {
    outline: none
}

.Online-Store-UI-SubheadingButton_1emtl ui-icon,
.Online-Store-UI-SubheadingButton_1emtl svg {
    transition: color var(--p-motion-duration-150) var(--p-motion-ease)
}

.Online-Store-UI-SubheadingButton_1emtl:focus-visible {
    color: var(--p-color-text-brand);
    background-color: var(--p-color-bg-fill-transparent-secondary)
}

.Online-Store-UI-SubheadingButton_1emtl:focus-visible ui-icon,
.Online-Store-UI-SubheadingButton_1emtl:focus-visible svg {
    color: var(--p-color-text-brand)
}

@media (-ms-high-contrast: active) {

    .Online-Store-UI-SubheadingButton_1emtl:focus-visible ui-icon,
    .Online-Store-UI-SubheadingButton_1emtl:focus-visible svg {
        color: var(--p-color-icon-secondary)
    }
}

@media (hover: hover) and (pointer: fine) {
    .Online-Store-UI-SubheadingButton_1emtl:hover {
        color: var(--p-color-text-brand);
        background-color: var(--p-color-bg-fill-transparent-secondary)
    }

    .Online-Store-UI-SubheadingButton_1emtl:hover ui-icon,
    .Online-Store-UI-SubheadingButton_1emtl:hover svg {
        color: var(--p-color-text-brand)
    }
}

@media (hover: hover) and (pointer: fine) and (-ms-high-contrast: active) {

    .Online-Store-UI-SubheadingButton_1emtl:hover ui-icon,
    .Online-Store-UI-SubheadingButton_1emtl:hover svg {
        color: var(--p-color-icon-secondary)
    }
}

.Online-Store-UI-SubheadingButton_1emtl:active {
    color: var(--p-color-text-brand);
    background-color: var(--p-color-bg-surface-tertiary)
}

.Online-Store-UI-SubheadingButton_1emtl:active ui-icon,
.Online-Store-UI-SubheadingButton_1emtl:active svg {
    color: var(--p-color-text-brand)
}

@media (-ms-high-contrast: active) {

    .Online-Store-UI-SubheadingButton_1emtl:active ui-icon,
    .Online-Store-UI-SubheadingButton_1emtl:active svg {
        color: var(--p-color-icon-secondary)
    }
}

.Online-Store-UI-SubheadingButton_1emtl: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_1emtl:focus:after {
    box-shadow: 0 0 0 .125rem var(--p-color-border-focus);
    outline: var(--osui_high-contrast-outline)
}

.Online-Store-UI-SubheadingButton_1emtl:focus:not(:focus-visible):after {
    box-shadow: 0 0 0 0 transparent
}

@media (-ms-high-contrast: active) {
    .Online-Store-UI-SubheadingButton_1emtl:focus:not(:focus-visible):after {
        outline: none
    }
}

.Online-Store-UI-SubheadingButton_1emtl:focus-visible:after {
    box-shadow: 0 0 0 .125rem var(--p-color-border-focus);
    outline: var(--osui_high-contrast-outline)
}

.Online-Store-UI-SubheadingButton_1emtl: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_1emtl.Online-Store-UI-SubheadingButton--hasPrefix_piy93 {
    grid-template-columns: auto 1fr auto 0
}

.Online-Store-UI-SubheadingButton_1emtl:not(.Online-Store-UI-SubheadingButton--fullWidth_mpy8y) {
    padding-left: var(--p-space-400);
    padding-right: var(--p-space-300)
}

.Online-Store-UI-SubheadingButton--disabled_1mbmd {
    color: var(--p-color-text-disabled);
    cursor: unset
}

.Online-Store-UI-SubheadingButton--disabled_1mbmd svg {
    fill: var(--p-color-icon-disabled)
}

.Online-Store-UI-SubheadingButton__TitleWrapper_1v5w7 {
    display: flex;
    overflow: hidden
}

.Online-Store-UI-TruncateObserver__Truncate_vnwc6 {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block
}

.Online-Store-UI-Switch_1o33d {
    --osui_switch-color: var(--p-color-bg-fill);
    --osui_switch-background-color: var(--p-color-bg-surface-brand);
    outline: none;
    position: relative;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: transparent;
    border: 0;
    border-radius: .375rem;
    cursor: pointer;
    display: inline-block;
    padding: 0;
    margin: 0;
    -webkit-user-select: none;
    user-select: none
}

.Online-Store-UI-Switch_1o33d: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_1o33d:focus:after {
    box-shadow: 0 0 0 .125rem var(--p-color-border-focus);
    outline: var(--osui_high-contrast-outline)
}

.Online-Store-UI-Switch_1o33d:focus:not(:focus-visible):after {
    box-shadow: 0 0 0 0 transparent
}

@media (-ms-high-contrast: active) {
    .Online-Store-UI-Switch_1o33d:focus:not(:focus-visible):after {
        outline: none
    }
}

.Online-Store-UI-Switch_1o33d:focus-visible:after {
    box-shadow: 0 0 0 .125rem var(--p-color-border-focus);
    outline: var(--osui_high-contrast-outline)
}

.Online-Store-UI-Switch_1o33d:after {
    border-radius: .375rem
}

.Online-Store-UI-Switch_1o33d.Online-Store-UI-Switch--disabled_k7mle {
    cursor: default;
    pointer-events: none
}

.Online-Store-UI-Switch--toneDefault_xb3v5.Online-Store-UI-Switch--on_3hivn {
    --osui_switch-background-color: var(--p-color-bg-fill-brand)
}

.Online-Store-UI-Switch--toneDefault_xb3v5:hover {
    --osui_switch-background-color: var(--p-color-bg-surface-brand-hover)
}

.Online-Store-UI-Switch--toneDefault_xb3v5.Online-Store-UI-Switch--on_3hivn:hover {
    --osui_switch-background-color: var(--p-color-bg-fill-brand-hover)
}

.Online-Store-UI-Switch--toneDefault_xb3v5:active {
    --osui_switch-background-color: var(--p-color-bg-surface-brand-active)
}

.Online-Store-UI-Switch--toneDefault_xb3v5.Online-Store-UI-Switch--on_3hivn:active {
    --osui_switch-background-color: var(--p-color-bg-fill-brand-active)
}

.Online-Store-UI-Switch--toneDefault_xb3v5.Online-Store-UI-Switch--disabled_k7mle {
    --osui_switch-background-color: var(--p-color-bg-surface-disabled)
}

.Online-Store-UI-Switch--toneMagic_1u6s7.Online-Store-UI-Switch--on_3hivn {
    --osui_switch-background-color: var(--p-color-bg-fill-magic)
}

.Online-Store-UI-Switch--toneMagic_1u6s7:hover {
    --osui_switch-background-color: var(--p-color-bg-surface-brand-hover)
}

.Online-Store-UI-Switch--toneMagic_1u6s7.Online-Store-UI-Switch--on_3hivn:hover {
    --osui_switch-background-color: var(--p-color-text-magic-secondary)
}

.Online-Store-UI-Switch--toneMagic_1u6s7:active {
    --osui_switch-background-color: var(--p-color-bg-surface-brand-active)
}

.Online-Store-UI-Switch--toneMagic_1u6s7.Online-Store-UI-Switch--on_3hivn:active {
    --osui_switch-background-color: var(--p-color-text-magic)
}

.Online-Store-UI-Switch--toneMagic_1u6s7.Online-Store-UI-Switch--disabled_k7mle {
    --osui_switch-background-color: var(--p-color-bg-surface-disabled)
}

.Online-Store-UI-Switch__Track_66joa {
    display: block;
    height: 1.25rem;
    width: 2rem;
    background-color: var(--osui_switch-background-color);
    border-radius: .375rem;
    transition: background-color var(--p-motion-duration-50) var(--p-motion-ease)
}

.Online-Store-UI-Switch__Thumb_6bdci {
    position: absolute;
    top: .25rem;
    left: .25rem;
    width: .75rem;
    height: .75rem;
    background-color: var(--osui_switch-color);
    border-radius: .1875rem;
    transition: transform var(--p-motion-duration-50) var(--p-motion-ease)
}

.Online-Store-UI-Switch--on_3hivn .Online-Store-UI-Switch__Thumb_6bdci {
    transform: translate(.75rem)
}

.Online-Store-UI-Switch--disabled_k7mle .Online-Store-UI-Switch__Thumb_6bdci {
    background-color: var(--p-color-bg-surface-secondary)
}

.Online-Store-UI-UppercaseText_1m15a {
    text-transform: uppercase
}

.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-SegmentedControl__SegmentedControlContainer_158bp {
    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
}

.Online-Store-UI-SegmentedControl__SegmentedControlContainer_158bp.Online-Store-UI-SegmentedControl--labelled_y3nc7 {
    margin-top: var(--p-space-200)
}

.Online-Store-UI-ButtonSetting__Button_4fm5z {
    cursor: pointer;
    padding: var(--p-space-200) 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-200);
    font-size: var(--p-font-size-300);
    font-weight: var(--p-font-weight-medium);
    line-height: var(--p-font-line-height-400);
    min-width: 0
}

.Online-Store-UI-ButtonSetting__Button_4fm5z.Online-Store-UI-ButtonSetting--withAction_vp1ri {
    border-radius: 0;
    border-start-start-radius: var(--p-border-radius-200);
    border-end-start-radius: var(--p-border-radius-200)
}

.Online-Store-UI-ButtonSetting__Button_4fm5z.Online-Store-UI-ButtonSetting--fullWidth_z4iou {
    width: 100%
}

.Online-Store-UI-ButtonSetting__Button_4fm5z:hover {
    background-color: var(--p-color-bg-fill-secondary-hover)
}

.Online-Store-UI-ButtonSetting__ButtonContent_13chd {
    display: block
}

@supports (-webkit-line-clamp: 2) {
    .Online-Store-UI-ButtonSetting__ButtonContent_13chd {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden
    }
}

.Online-Store-UI-ButtonSetting__Action_4fpf3 {
    position: relative;
    display: flex;
    min-width: 0;
    width: var(--p-space-800);
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    align-self: stretch;
    background-color: var(--p-color-bg);
    color: var(--p-color-text);
    border-start-end-radius: var(--p-border-radius-200);
    border-end-end-radius: var(--p-border-radius-200);
    overflow: hidden
}

.Online-Store-UI-ButtonSetting__ActionContent_13cvi {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.Online-Store-UI-UrlPicker__PrefixIconWrapper_16c8e>span {
    width: var(--p-space-400);
    height: var(--p-space-400)
}

.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-LabelledSetting__LabelWrapper_1xtd1 {
    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_1xtd1 {
        margin-bottom: var(--p-space-100)
    }
}

.Online-Store-UI-LabelledSetting__Wrapper_891zq {
    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_891zq {
        grid-template-columns: minmax(0, 2fr) minmax(0, 5fr)
    }
}

.Online-Store-UI-LabelledSetting__Wrapper_891zq .Online-Store-UI-LabelledSetting__Label_he24m {
    margin-top: var(--p-space-050)
}

.Online-Store-UI-LabelledSetting__DenseLabelWrapper_1v6a9 {
    color: var(--osui_color-setting-label);
    word-break: break-word;
    overflow-wrap: break-word;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 100%
}

.Online-Store-UI-LabelledSetting__DenseWrapper_1xzxd {
    display: grid;
    grid-template-columns: var(--osui_width-labelled-setting-label) minmax(0, 1fr);
    align-items: start;
    gap: var(--p-space-150)
}

.Online-Store-UI-LabelledSetting__DenseWrapper_1xzxd.Online-Store-UI-LabelledSetting--unboundedLabel_1tidg {
    grid-template-columns: minmax(0, auto) minmax(0, auto)
}

.Online-Store-UI-LabelledSetting__Label_he24m {
    margin-bottom: calc(var(--p-space-100)*.5);
    white-space: break-spaces
}

@supports (-webkit-line-clamp: 2) {
    .Online-Store-UI-LabelledSetting__Label_he24m {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden
    }
}

.Online-Store-UI-LabelledSetting__DenseLabel_6lcmw {
    white-space: break-spaces
}

@supports (-webkit-line-clamp: 2) {
    .Online-Store-UI-LabelledSetting__DenseLabel_6lcmw {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden
    }
}

.Online-Store-UI-LabelledSetting__Error_hexaw {
    word-break: break-word;
    overflow-wrap: break-word;
    margin-top: var(--p-space-100)
}

.Online-Store-UI-LabelledSetting__DenseError_67dcs {
    word-break: break-word;
    overflow-wrap: break-word
}

.Online-Store-UI-LabelledSetting__ChildrenWrapper_1tyju {
    flex-grow: 1;
    max-width: 100%
}

.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-PickerList-LoadMore_jif94 {
    padding: var(--p-space-300)
}

.Online-Store-UI-Collapsible--collapsed_1tzfi {
    display: none
}

.Online-Store-UI-Chevron_n30pf {
    width: var(--osui_nav-action-connected-button-width-slim);
    display: grid;
    place-items: center
}

.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
}

.Online-Store-UI-DragHandle_1yjv6 {
    -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
}

.Online-Store-UI-DragHandle_1yjv6:focus {
    outline: none
}

.Online-Store-UI-DragHandle_1yjv6: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_1yjv6:focus:after {
    box-shadow: 0 0 0 .125rem var(--p-color-border-focus);
    outline: var(--osui_high-contrast-outline)
}

.Online-Store-UI-DragHandle_1yjv6:focus:not(:focus-visible):after {
    box-shadow: 0 0 0 0 transparent
}

@media (-ms-high-contrast: active) {
    .Online-Store-UI-DragHandle_1yjv6:focus:not(:focus-visible):after {
        outline: none
    }
}

.Online-Store-UI-DragHandle_1yjv6:focus-visible:after {
    box-shadow: 0 0 0 .125rem var(--p-color-border-focus);
    outline: var(--osui_high-contrast-outline)
}

.Online-Store-UI-DragHandle_1yjv6: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_1yjv6 ui-icon,
.Online-Store-UI-DragHandle_1yjv6 svg {
    transition: color var(--p-motion-duration-150) var(--p-motion-ease)
}

.Online-Store-UI-DragHandle_1yjv6:focus-visible {
    color: var(--p-color-text-brand);
    background-color: var(--p-color-bg-fill-transparent-secondary)
}

.Online-Store-UI-DragHandle_1yjv6:focus-visible ui-icon,
.Online-Store-UI-DragHandle_1yjv6:focus-visible svg {
    color: var(--p-color-text-brand)
}

@media (-ms-high-contrast: active) {

    .Online-Store-UI-DragHandle_1yjv6:focus-visible ui-icon,
    .Online-Store-UI-DragHandle_1yjv6:focus-visible svg {
        color: var(--p-color-icon-secondary)
    }
}

@media (hover: hover) and (pointer: fine) {
    .Online-Store-UI-DragHandle_1yjv6:hover {
        color: var(--p-color-text-brand);
        background-color: var(--p-color-bg-fill-transparent-secondary)
    }

    .Online-Store-UI-DragHandle_1yjv6:hover ui-icon,
    .Online-Store-UI-DragHandle_1yjv6:hover svg {
        color: var(--p-color-text-brand)
    }
}

@media (hover: hover) and (pointer: fine) and (-ms-high-contrast: active) {

    .Online-Store-UI-DragHandle_1yjv6:hover ui-icon,
    .Online-Store-UI-DragHandle_1yjv6:hover svg {
        color: var(--p-color-icon-secondary)
    }
}

.Online-Store-UI-DragHandle_1yjv6:active {
    color: var(--p-color-text-brand);
    background-color: var(--p-color-bg-surface-tertiary)
}

.Online-Store-UI-DragHandle_1yjv6:active ui-icon,
.Online-Store-UI-DragHandle_1yjv6:active svg {
    color: var(--p-color-text-brand)
}

@media (-ms-high-contrast: active) {

    .Online-Store-UI-DragHandle_1yjv6:active ui-icon,
    .Online-Store-UI-DragHandle_1yjv6:active svg {
        color: var(--p-color-icon-secondary)
    }
}

.Online-Store-UI-DragHandle_1yjv6:hover {
    color: var(--p-color-icon)
}

.Online-Store-UI-DragHandle--fleeting_1s7sr .Online-Store-UI-DragHandle_1yjv6 {
    opacity: 0;
    transition: opacity var(--p-motion-duration-100) var(--p-motion-ease)
}

.Online-Store-UI-DragHandle--fleeting_1s7sr:focus-within .Online-Store-UI-DragHandle_1yjv6 {
    opacity: 1
}

.Online-Store-UI-DragHandle--fleeting_1s7sr:hover .Online-Store-UI-DragHandle_1yjv6 {
    opacity: 1
}

@media (max-width: 41.685em) {
    .Online-Store-UI-DragHandle_1yjv6 {
        width: var(--osui_height-nav-action)
    }
}

.Online-Store-UI-DragHandle_1yjv6:disabled {
    pointer-events: none;
    touch-action: none;
    -webkit-user-select: none;
    user-select: none
}

.Online-Store-UI-DragHandle_1yjv6:disabled svg,
.Online-Store-UI-DragHandle_1yjv6:disabled ui-icon {
    color: var(--p-color-icon-disabled)
}

.Online-Store-UI-DragHandle_1yjv6.Online-Store-UI-DragHandle--sizeSlim_18d9w {
    -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-DragHandle_1yjv6.Online-Store-UI-DragHandle--sizeSlim_18d9w:focus {
    outline: none
}

.Online-Store-UI-DragHandle_1yjv6.Online-Store-UI-DragHandle--sizeSlim_18d9w: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_1yjv6.Online-Store-UI-DragHandle--sizeSlim_18d9w:focus:after {
    box-shadow: 0 0 0 .125rem var(--p-color-border-focus);
    outline: var(--osui_high-contrast-outline)
}

.Online-Store-UI-DragHandle_1yjv6.Online-Store-UI-DragHandle--sizeSlim_18d9w:focus:not(:focus-visible):after {
    box-shadow: 0 0 0 0 transparent
}

@media (-ms-high-contrast: active) {
    .Online-Store-UI-DragHandle_1yjv6.Online-Store-UI-DragHandle--sizeSlim_18d9w:focus:not(:focus-visible):after {
        outline: none
    }
}

.Online-Store-UI-DragHandle_1yjv6.Online-Store-UI-DragHandle--sizeSlim_18d9w:focus-visible:after {
    box-shadow: 0 0 0 .125rem var(--p-color-border-focus);
    outline: var(--osui_high-contrast-outline)
}

.Online-Store-UI-DragHandle_1yjv6.Online-Store-UI-DragHandle--sizeSlim_18d9w: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_1yjv6.Online-Store-UI-DragHandle--sizeSlim_18d9w ui-icon,
.Online-Store-UI-DragHandle_1yjv6.Online-Store-UI-DragHandle--sizeSlim_18d9w svg {
    transition: color var(--p-motion-duration-150) var(--p-motion-ease)
}

.Online-Store-UI-DragHandle_1yjv6.Online-Store-UI-DragHandle--sizeSlim_18d9w:focus-visible {
    color: var(--p-color-text-brand);
    background-color: var(--p-color-bg-fill-transparent-secondary)
}

.Online-Store-UI-DragHandle_1yjv6.Online-Store-UI-DragHandle--sizeSlim_18d9w:focus-visible ui-icon,
.Online-Store-UI-DragHandle_1yjv6.Online-Store-UI-DragHandle--sizeSlim_18d9w:focus-visible svg {
    color: var(--p-color-text-brand)
}

@media (-ms-high-contrast: active) {

    .Online-Store-UI-DragHandle_1yjv6.Online-Store-UI-DragHandle--sizeSlim_18d9w:focus-visible ui-icon,
    .Online-Store-UI-DragHandle_1yjv6.Online-Store-UI-DragHandle--sizeSlim_18d9w:focus-visible svg {
        color: var(--p-color-icon-secondary)
    }
}

@media (hover: hover) and (pointer: fine) {
    .Online-Store-UI-DragHandle_1yjv6.Online-Store-UI-DragHandle--sizeSlim_18d9w:hover {
        color: var(--p-color-text-brand);
        background-color: var(--p-color-bg-fill-transparent-secondary)
    }

    .Online-Store-UI-DragHandle_1yjv6.Online-Store-UI-DragHandle--sizeSlim_18d9w:hover ui-icon,
    .Online-Store-UI-DragHandle_1yjv6.Online-Store-UI-DragHandle--sizeSlim_18d9w:hover svg {
        color: var(--p-color-text-brand)
    }
}

@media (hover: hover) and (pointer: fine) and (-ms-high-contrast: active) {

    .Online-Store-UI-DragHandle_1yjv6.Online-Store-UI-DragHandle--sizeSlim_18d9w:hover ui-icon,
    .Online-Store-UI-DragHandle_1yjv6.Online-Store-UI-DragHandle--sizeSlim_18d9w:hover svg {
        color: var(--p-color-icon-secondary)
    }
}

.Online-Store-UI-DragHandle_1yjv6.Online-Store-UI-DragHandle--sizeSlim_18d9w:active {
    color: var(--p-color-text-brand);
    background-color: var(--p-color-bg-surface-tertiary)
}

.Online-Store-UI-DragHandle_1yjv6.Online-Store-UI-DragHandle--sizeSlim_18d9w:active ui-icon,
.Online-Store-UI-DragHandle_1yjv6.Online-Store-UI-DragHandle--sizeSlim_18d9w:active svg {
    color: var(--p-color-text-brand)
}

@media (-ms-high-contrast: active) {

    .Online-Store-UI-DragHandle_1yjv6.Online-Store-UI-DragHandle--sizeSlim_18d9w:active ui-icon,
    .Online-Store-UI-DragHandle_1yjv6.Online-Store-UI-DragHandle--sizeSlim_18d9w:active svg {
        color: var(--p-color-icon-secondary)
    }
}

.Online-Store-UI-DragHandle_1yjv6.Online-Store-UI-DragHandle--sizeSlim_18d9w:hover {
    color: var(--p-color-icon)
}

.Online-Store-UI-DragHandle_1yjv6.Online-Store-UI-DragHandle--pressed_ozz4y {
    color: var(--p-color-text-brand);
    cursor: grabbing
}

.Online-Store-UI-DragHandle_1yjv6.Online-Store-UI-DragHandle--pressed_ozz4y:after {
    box-shadow: 0 0 0 .125rem var(--p-color-border-focus);
    outline: var(--osui_high-contrast-outline)
}

.Online-Store-UI-DragHandle_1yjv6.Online-Store-UI-DragHandle--pressed_ozz4y ui-icon,
.Online-Store-UI-DragHandle_1yjv6.Online-Store-UI-DragHandle--pressed_ozz4y svg {
    color: var(--p-color-text-brand)
}

@media (-ms-high-contrast: active) {

    .Online-Store-UI-DragHandle_1yjv6.Online-Store-UI-DragHandle--pressed_ozz4y ui-icon,
    .Online-Store-UI-DragHandle_1yjv6.Online-Store-UI-DragHandle--pressed_ozz4y svg {
        color: var(--p-color-icon-secondary)
    }
}

.Online-Store-UI-DragHandle_1yjv6 svg,
.Online-Store-UI-DragHandle_1yjv6 ui-icon {
    color: var(--p-color-icon)
}

.Online-Store-UI-DragHandle__DragContainer_zgbk2 {
    -webkit-user-select: none;
    user-select: none
}

: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)
}

.Online-Store-UI-Disclosure__DisclosureAction_128ea {
    -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_128ea:focus {
    outline: none
}

.Online-Store-UI-Disclosure__DisclosureAction_128ea: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_128ea:focus:after {
    box-shadow: 0 0 0 .125rem var(--p-color-border-focus);
    outline: var(--osui_high-contrast-outline)
}

.Online-Store-UI-Disclosure__DisclosureAction_128ea:focus:not(:focus-visible):after {
    box-shadow: 0 0 0 0 transparent
}

@media (-ms-high-contrast: active) {
    .Online-Store-UI-Disclosure__DisclosureAction_128ea:focus:not(:focus-visible):after {
        outline: none
    }
}

.Online-Store-UI-Disclosure__DisclosureAction_128ea: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_128ea: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_128ea ui-icon,
.Online-Store-UI-Disclosure__DisclosureAction_128ea svg {
    transition: color var(--p-motion-duration-150) var(--p-motion-ease)
}

.Online-Store-UI-Disclosure__DisclosureAction_128ea:focus-visible {
    color: var(--p-color-text-brand);
    background-color: var(--p-color-bg-fill-transparent-secondary)
}

.Online-Store-UI-Disclosure__DisclosureAction_128ea:focus-visible ui-icon,
.Online-Store-UI-Disclosure__DisclosureAction_128ea:focus-visible svg {
    color: var(--p-color-text-brand)
}

@media (-ms-high-contrast: active) {

    .Online-Store-UI-Disclosure__DisclosureAction_128ea:focus-visible ui-icon,
    .Online-Store-UI-Disclosure__DisclosureAction_128ea:focus-visible svg {
        color: var(--p-color-icon-secondary)
    }
}

@media (hover: hover) and (pointer: fine) {
    .Online-Store-UI-Disclosure__DisclosureAction_128ea:hover {
        color: var(--p-color-text-brand);
        background-color: var(--p-color-bg-fill-transparent-secondary)
    }

    .Online-Store-UI-Disclosure__DisclosureAction_128ea:hover ui-icon,
    .Online-Store-UI-Disclosure__DisclosureAction_128ea:hover svg {
        color: var(--p-color-text-brand)
    }
}

@media (hover: hover) and (pointer: fine) and (-ms-high-contrast: active) {

    .Online-Store-UI-Disclosure__DisclosureAction_128ea:hover ui-icon,
    .Online-Store-UI-Disclosure__DisclosureAction_128ea:hover svg {
        color: var(--p-color-icon-secondary)
    }
}

.Online-Store-UI-Disclosure__DisclosureAction_128ea:active {
    color: var(--p-color-text-brand);
    background-color: var(--p-color-bg-surface-tertiary)
}

.Online-Store-UI-Disclosure__DisclosureAction_128ea:active ui-icon,
.Online-Store-UI-Disclosure__DisclosureAction_128ea:active svg {
    color: var(--p-color-text-brand)
}

@media (-ms-high-contrast: active) {

    .Online-Store-UI-Disclosure__DisclosureAction_128ea:active ui-icon,
    .Online-Store-UI-Disclosure__DisclosureAction_128ea:active svg {
        color: var(--p-color-icon-secondary)
    }
}

.Online-Store-UI-Disclosure__DisclosureAction_128ea:hover {
    color: var(--p-color-icon)
}

.Online-Store-UI-Disclosure__DisclosureAction_128ea[aria-expanded=false]>* {
    transform: rotate(-90deg)
}

.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-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-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-BottomSheet-DraggableRegion_1g75k {
    --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_1g75k.Online-Store-UI-BottomSheet-DraggableRegion--hasBackgroundSheet_1gqo2:before {
    --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));
    content: var(--osui_content-bottom-sheet-background-sheet-content);
    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);
    background: var(--p-color-bg-fill-brand);
    border-radius: var(--osui_border-radius-bottomsheet) var(--osui_border-radius-bottomsheet) 0 0;
    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_1g75k.Online-Store-UI-BottomSheet-DraggableRegion--hasBackgroundSheet_1gqo2.Online-Store-UI-BottomSheet-DraggableRegion--showBackgroundSheet_zpg0e:before {
    transform: translateZ(0);
    transition: transform .15s ease-out 0s
}

.Online-Store-UI-BottomSheet-DraggableRegion_1g75k.Online-Store-UI-BottomSheet-DraggableRegion--hasBackgroundSheet_1gqo2:not(.Online-Store-UI-BottomSheet-DraggableRegion--showBackgroundSheet_zpg0e):before {
    transform: translate3d(0, 100%, 0);
    transition: transform .15s ease-out 0s
}

.Online-Store-UI-BottomSheet-DraggableRegion_1g75k.Online-Store-UI-BottomSheet-DraggableRegion--fullCollapse_1ew4u {
    --osui_height-bottom-sheet-collapsed-drag-handle: 0
}

.Online-Store-UI-BottomSheet-DraggableRegion_1g75k.Online-Store-UI-BottomSheet-DraggableRegion--dragging_1rf7g {
    transition: none
}

.Online-Store-UI-BottomSheet-DraggableRegion_1g75k.Online-Store-UI-BottomSheet-DraggableRegion--expanded_1b48a {
    --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__DragHandle_biv3a {
    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_biv3a.Online-Store-UI-BottomSheet-DraggableRegion--reducedHeightDragHandle_rn5n8 {
    --osui_height-bottom-sheet-header: polaris.rem(2.75rem)
}

.Online-Store-UI-BottomSheet-DraggableRegion__Content_95cj8 {
    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_95cj8.Online-Store-UI-BottomSheet-DraggableRegion--scrollable_19hpe {
    overflow-y: scroll
}

.Online-Store-UI-BottomSheet-DraggableRegion__Content_95cj8:not(.Online-Store-UI-BottomSheet-DraggableRegion--scrollable_19hpe) .Online-Store-UI-BottomSheet-DraggableRegion__ContentInterior_xq4ms {
    display: flex;
    flex-direction: column
}

.Online-Store-UI-BottomSheet-DraggableRegion__ContentInterior_xq4ms {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.Online-Store-UI-BottomSheet-DraggableRegion--isModal_19kp5.Online-Store-UI-BottomSheet-DraggableRegion--exiting_1yt6k {
    transform: translate3d(0, var(--osui_height-bottom-sheet-header), 0)
}

.Online-Store-UI-Frame-FooterArea_5b0fl {
    grid-area: footer;
    z-index: 70;
    position: relative;
    height: var(--osui_height-frame-footer)
}

.Online-Store-UI-Frame-HeaderArea_1viwe {
    grid-area: header;
    position: relative;
    z-index: 50;
    width: 100%
}

.Online-Store-UI-Frame-MainArea_11dke {
    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_11dke.Online-Store-UI-Frame-MainArea--usesBottomSheet_mehm7 {
    --osui_margin-bottom-main-area: calc(var(--p-space-400)*-1)
}

@media (max-width: 41.685em) {
    .Online-Store-UI-Frame-MainArea_11dke {
        margin-bottom: var(--osui_margin-bottom-main-area)
    }
}

@media (min-width: 41.6875em) {
    .Online-Store-UI-Frame-MainArea_11dke {
        --osui_preview-padding: var(--p-space-200)
    }
}

.Online-Store-UI-BottomSheet-Header_mb808 {
    width: 100%;
    height: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

.Online-Store-UI-BottomSheet-Header__Interior_agj2b {
    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__SecondaryAction_1aksn {
    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_1aksn button {
    grid-area: secondary-action;
    min-width: 2.75rem;
    min-height: 2.75rem
}

.Online-Store-UI-BottomSheet-Header__PrimaryAction_d2zio {
    grid-area: primary
}

.Online-Store-UI-BottomSheet-Header__PrimaryActionGroup_2mvsl {
    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_188kx {
    grid-area: primary-action-group;
    display: flex;
    justify-content: flex-end
}

.Online-Store-UI-BottomSheet-Header__PrimaryActionGroupWrapper_188kx button {
    min-width: 2.75rem;
    min-height: 2.75rem
}

.Online-Store-UI-BottomSheet-Header__MiddleAction_n8cb1,
.Online-Store-UI-BottomSheet-Header__MiddleActionInteractive_19d57 {
    grid-area: middle
}

.Online-Store-UI-BottomSheet-Header__MiddleAction_n8cb1,
.Online-Store-UI-BottomSheet-Header__MiddleActionButton_1ff9s {
    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_1ff9s {
    -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_1ff9s:focus {
    outline: none
}

.Online-Store-UI-BottomSheet-Header__MiddleActionButton_1ff9s: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_115d1 {
    grid-area: drag-icon;
    align-items: center;
    opacity: .6
}

.Online-Store-UI-BottomSheet-Header__DragHandleIcon_115d1 svg {
    fill: var(--p-color-icon-disabled)
}

.Online-Store-UI-BottomSheet-Header__Title_1822k {
    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_4lcv5,
.Online-Store-UI-BottomSheet-Header__SubtitleWrapper_1r6c1 {
    display: grid;
    grid-template-columns: 1fr auto 1fr
}

.Online-Store-UI-BottomSheet-Header__TitlePrefixWrapper_1anyf,
.Online-Store-UI-BottomSheet-Header__SubtitlePrefixWrapper_1bjll,
.Online-Store-UI-BottomSheet-Header__SubtitleSuffixWrapper_1ukcr {
    display: flex;
    justify-content: right
}

.Online-Store-UI-BottomSheet-Header__TitlePrefixWrapper_1anyf {
    padding-right: var(--p-space-100)
}

.Online-Store-UI-BottomSheet-Header__SubtitlePrefixWrapper_1bjll,
.Online-Store-UI-BottomSheet-Header__SubtitleSuffixWrapper_1ukcr {
    height: 1rem;
    width: 1rem
}

.Online-Store-UI-BottomSheet-Header__SuffixWrapper_gx5ks {
    display: flex;
    justify-content: left;
    padding-left: var(--p-space-100)
}

.Online-Store-UI-BottomSheet-Header__SubtitleWrapper_1r6c1 {
    margin-top: calc(var(--p-space-050)*-1);
    gap: var(--p-space-050)
}

.Online-Store-UI-BottomSheet-Header__Button_p5w0z {
    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_p5w0z:disabled,
.Online-Store-UI-BottomSheet-Header__Button_p5w0z[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_p5w0z:disabled ui-icon,
.Online-Store-UI-BottomSheet-Header__Button_p5w0z:disabled svg,
.Online-Store-UI-BottomSheet-Header__Button_p5w0z[aria-disabled=true] ui-icon,
.Online-Store-UI-BottomSheet-Header__Button_p5w0z[aria-disabled=true] svg {
    color: var(--p-color-text-disabled)
}

.Online-Store-UI-BottomSheet-Header__Button_p5w0z:hover {
    color: var(--p-color-bg-fill-brand-hover)
}

.Online-Store-UI-BottomSheet-Header__Button_p5w0z.Online-Store-UI-BottomSheet-Header--semibold_1l4f9 {
    font-weight: var(--p-font-weight-semibold)
}

.Online-Store-UI-BottomSheet-Header__Button_p5w0z.Online-Store-UI-BottomSheet-Header--alignRight_apcgx {
    text-align: right;
    justify-content: flex-end
}

.Online-Store-UI-BottomSheet-Header__ButtonContentWrapper_185l8 {
    grid-area: content;
    width: 100%;
    height: 100%;
    display: flex;
    min-width: 0;
    max-width: 100%;
    align-items: center
}

.Online-Store-UI-BottomSheet-Header__ButtonContentWrapper_185l8.Online-Store-UI-BottomSheet-Header--hasPrefix_1k02z {
    margin-left: calc(var(--p-space-200)*-1)
}

.Online-Store-UI-BottomSheet-Header__ButtonContentWrapper_185l8 .Online-Store-UI-BottomSheet-Header__Prefix_l6257 ui-icon,
.Online-Store-UI-BottomSheet-Header__ButtonContentWrapper_185l8 .Online-Store-UI-BottomSheet-Header__Prefix_l6257 svg {
    color: var(--p-color-icon)
}

.Online-Store-UI-BottomSheet-Header__ButtonContentWrapper_185l8 .Online-Store-UI-BottomSheet-Header__Content_1qtjb {
    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_185l8 .Online-Store-UI-BottomSheet-Header__LoadingSpinner_uzd8f {
    line-height: 0
}

.Online-Store-UI-BottomSheet-Header__PrimaryAndMoreActions_1kd83 {
    display: grid;
    grid-area: primary;
    grid-template-columns: 1fr auto;
    gap: var(--p-space-400)
}

.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
}

@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-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-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-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-DroppableGroup_kan3l {
    --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_kan3l>* {
    -webkit-user-select: none;
    user-select: none
}

.Online-Store-UI-NavigationTree-DroppableGroup_kan3l.Online-Store-UI-NavigationTree-DroppableGroup--flattenedVariant_13ri2 {
    --osui_droppable-group-border-width: 0
}

.Online-Store-UI-NavigationTree-DroppableGroup_kan3l.Online-Store-UI-NavigationTree-DroppableGroup--noChildren_1qfuz {
    margin-top: -.3125rem;
    margin-bottom: -.3125rem;
    height: .625rem
}

.Online-Store-UI-NavigationTree-DroppableGroup_kan3l.Online-Store-UI-NavigationTree-DroppableGroup--active_1i1lg.Online-Store-UI-NavigationTree-DroppableGroup--noChildren_1qfuz {
    transition-duration: .5s
}

.Online-Store-UI-NavigationTree-DroppableGroup_kan3l.Online-Store-UI-NavigationTree-DroppableGroup--active_1i1lg.Online-Store-UI-NavigationTree-DroppableGroup--noChildren_1qfuz.Online-Store-UI-NavigationTree-DroppableGroup--grouped_1tmyk {
    margin-top: .3125rem;
    margin-bottom: .3125rem;
    height: 1.125rem
}

.Online-Store-UI-NavigationTree-DroppableGroup--active_1i1lg:not(.Online-Store-UI-NavigationTree-DroppableGroup--flattenedVariant_13ri2) {
    --osui_droppable-group-border-color: var(--p-color-border-disabled);
    transition: border-color .15s var(--p-motion-ease)
}

.Online-Store-UI-NavigationTree-DroppableGroup--active_1i1lg.Online-Store-UI-NavigationTree-DroppableGroup--flattenedVariant_13ri2 {
    --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_1op2k {
    --osui_droppable-group-border-color: var(--p-color-border-emphasis);
    background-color: var(--p-color-bg-surface-brand-selected)
}

.Online-Store-UI-NavigationTree-DroppableGroup--active_1i1lg.Online-Store-UI-NavigationTree-DroppableGroup--error_e42gb {
    --osui_droppable-group-border-color: var(--p-color-text-disabled)
}

.Online-Store-UI-NavigationTree-DroppableGroup--over_1op2k.Online-Store-UI-NavigationTree-DroppableGroup--flattenedVariant_13ri2,
.Online-Store-UI-NavigationTree-DroppableGroup--active_1i1lg.Online-Store-UI-NavigationTree-DroppableGroup--error_e42gb.Online-Store-UI-NavigationTree-DroppableGroup--flattenedVariant_13ri2 {
    --osui_droppable-group-border-width: var(--p-border-width-025)
}

.Online-Store-UI-NavigationTree-DroppableGroup--hideEmptyGroup_1e9rx {
    height: 0
}

.Online-Store-UI-NavigationTree-DroppableGroup--hideEmptyGroup_1e9rx .Online-Store-UI-NavigationTree-DroppableGroup--noChildren_1qfuz {
    margin-top: 0;
    margin-bottom: 0
}

.Online-Store-UI-NavigationTree-DroppableGroup--extraSpacing_gl6xe {
    margin-top: var(--p-space-300)
}

.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-TabsBar_uj83g {
    z-index: 3
}

.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-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-PanelCard-Header_1al6o {
    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_53opg {
    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_14p8w .Online-Store-UI-PanelCard-Header__Content_53opg {
    padding-left: 0
}

.Online-Store-UI-PanelCard-Header--hasRightCloseAction_1z47r .Online-Store-UI-PanelCard-Header__Content_53opg,
.Online-Store-UI-PanelCard-Header--hasRollupMenu_159y7 .Online-Store-UI-PanelCard-Header__Content_53opg {
    padding-right: 0
}

.Online-Store-UI-PanelCard-Header__PrefixTitleWrapper_1gaue {
    display: flex;
    align-items: center;
    justify-content: center
}

.Online-Store-UI-PanelCard-Header__Prefix_1bqcj,
.Online-Store-UI-PanelCard-Header__Title_pcigr {
    min-width: 0;
    max-width: 100%;
    flex: 0 0 auto
}

.Online-Store-UI-PanelCard-Header__Prefix_1bqcj {
    margin-right: var(--p-space-200)
}

.Online-Store-UI-PanelCard-Header__TitleHeading_os7zq {
    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_os7zq {
        font-size: var(--p-font-size-400)
    }
}

.Online-Store-UI-PanelCard-Header__TitleHeading_os7zq:not(.Online-Store-UI-PanelCard-Header--strong_1mtqo) {
    font-weight: 400;
    color: var(--p-color-text)
}

.Online-Store-UI-PanelCard-Header--hasBackArrow_14p8w .Online-Store-UI-PanelCard-Header__Prefix_1bqcj+.Online-Store-UI-PanelCard-Header__Title_pcigr,
.Online-Store-UI-PanelCard-Header--hasRightCloseAction_1z47r .Online-Store-UI-PanelCard-Header__Prefix_1bqcj+.Online-Store-UI-PanelCard-Header__Title_pcigr,
.Online-Store-UI-PanelCard-Header--hasRollupMenu_159y7 .Online-Store-UI-PanelCard-Header__Prefix_1bqcj+.Online-Store-UI-PanelCard-Header__Title_pcigr {
    max-width: calc(100% - 2.5rem)
}

.Online-Store-UI-PanelCard-Header__Subtitle_fp8jm {
    display: flex;
    align-items: center;
    justify-content: center
}

.Online-Store-UI-PanelCard-Header__Subtitle_fp8jm>* {
    min-width: 0;
    max-width: 100%
}

.Online-Store-UI-PanelCard-Header__CloseAction_1eepm,
.Online-Store-UI-PanelCard-Header__RollupMenuWrapper_96ae0 {
    flex-shrink: 0
}

.Online-Store-UI-PanelCard-Header__CloseAction_1eepm {
    position: relative
}

.Online-Store-UI-ResourceSelector-ResourcePreview__PreviewArea_1x5x5 {
    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_1354u {
    border-color: var(--p-color-border-critical);
    background-color: var(--p-color-bg-surface-critical)
}

.Online-Store-UI-ResourceSelector-ResourcePreview__ButtonContainer_kvsna {
    padding-top: var(--p-space-400)
}

.Online-Store-UI-ResourceSelector-ResourcePreview--toneMagic_1276c {
    background-color: var(--p-color-bg-surface-magic)
}

.Online-Store-UI-SearchPicker-Popover__ContentWrapper_aof9a {
    width: 21.5625rem
}

.Online-Store-UI-ResourceSelector-Item_12y8j {
    display: flex;
    align-items: center
}

.Online-Store-UI-ResourceSelector-Item--icon_12yaz {
    padding: calc(.375rem - var(--p-border-width-025)*2*.5)
}

.Online-Store-UI-ResourceSelector-Item--framed_i4it9 {
    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_1mqcm {
    min-width: 0;
    max-width: 100%
}

.Online-Store-UI-ResourceSelector-Item__Thumbnail_1w2qg+.Online-Store-UI-ResourceSelector-Item__ContentWrapper_1mqcm {
    margin-left: var(--p-space-300)
}

.Online-Store-UI-ResourceSelector-Item--toneMagic_15mow {
    background-color: var(--p-color-bg-surface-magic)
}

.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-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-RichText-Combo_1xb6w {
    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_1xb6w: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_1xb6w:after {
    inset: var(--p-border-width-025);
    grid-area: children
}

.Online-Store-UI-RichText-Combo_1xb6w.Online-Store-UI-RichText-Combo--readOnly_1fzmx {
    background: var(--p-color-bg-surface-secondary);
    color: var(--p-color-text-disabled)
}

.Online-Store-UI-RichText-Combo--focused_wpv3q:after {
    box-shadow: 0 0 0 .125rem var(--p-color-border-focus);
    outline: var(--osui_high-contrast-outline)
}

.Online-Store-UI-RichText-Combo--focused_wpv3q.Online-Store-UI-RichText-Combo--withHeader_1qcx9:after {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.Online-Store-UI-RichText-Combo--focused_wpv3q.Online-Store-UI-RichText-Combo--withFooter_mqkyz:after {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.Online-Store-UI-RichText-Combo__ToolbarWrapper_gffmy {
    flex: 0 0 auto;
    padding: var(--p-space-200);
    background-color: var(--p-color-bg-surface-secondary);
    border: 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_gffmy:before {
    content: "";
    z-index: 3;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: calc(var(--p-space-200) - 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_gffmy.Online-Store-UI-RichText-Combo--unframed_x6k50 {
    border: none;
    border-radius: 0;
    border-bottom: var(--p-border-width-025) solid var(--p-color-border-secondary)
}

.Online-Store-UI-RichText-Combo__ToolbarWrapper_gffmy.Online-Store-UI-RichText-Combo--toneMagic_fb9tj {
    border-color: var(--p-color-border-magic-secondary)
}

.Online-Store-UI-RichText-Combo__Children_1v066 {
    min-height: var(--osui_rte-resizeable-children-min-height, auto);
    max-height: var(--osui_rte-resizeable-children-max-height, 17.5rem);
    border: 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_1v066.Online-Store-UI-RichText-Combo--toneMagic_fb9tj {
    border-color: var(--p-color-border-magic-secondary);
    background-color: var(--p-color-bg-surface-magic)
}

.Online-Store-UI-RichText-Combo__Children_1v066:only-child {
    border-top-color: #898f94
}

.Online-Store-UI-RichText-Combo__Children_1v066:first-child,
.Online-Store-UI-RichText-Combo__Children_1v066: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_1v066:last-child,
.Online-Store-UI-RichText-Combo__Children_1v066: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_1v066.Online-Store-UI-RichText-Combo--readOnly_1fzmx {
    background: var(--p-color-bg-surface-secondary)
}

.Online-Store-UI-RichText-Combo__Children_1v066.Online-Store-UI-RichText-Combo--unframed_x6k50 {
    border: none;
    border-radius: 0
}

.Online-Store-UI-RichText-Combo__SlateWrapper_waupg {
    display: flex;
    width: 100%;
    flex: 1 1 auto
}

.Online-Store-UI-RichText-Combo__SlateWrapper_waupg.Online-Store-UI-RichText-Combo--toneMagic_fb9tj * {
    color: var(--p-color-text-magic)
}

.Online-Store-UI-RichText-Combo__Slate_1x13m {
    overflow: auto;
    margin-left: auto;
    margin-right: auto;
    padding: var(--p-space-300);
    width: 100%;
    max-width: 41.25rem;
    height: 100%;
    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_1x13m {
        font-size: var(--p-font-size-350)
    }
}

.Online-Store-UI-RichText-Combo__Slate_1x13m.Online-Store-UI-RichText-Combo--compact_1gvpc {
    padding-top: var(--p-space-150);
    padding-bottom: var(--p-space-150)
}

.Online-Store-UI-RichText-Combo__Slate_1x13m.Online-Store-UI-RichText-Combo--compact_1gvpc>* {
    width: 100%
}

.Online-Store-UI-RichText-Combo__Slate_1x13m.Online-Store-UI-RichText-Combo--fullWidth_1sogd {
    max-width: 100%
}

.Online-Store-UI-RichText-Combo--fixedWidth_3c0sw {
    max-width: 41.25rem
}

.Online-Store-UI-RichText-ResizeableCombo__Wrapper_jwgr7 {
    z-index: 20;
    position: relative
}

.Online-Store-UI-RichText-ResizeableCombo__CloneTarget_1i9zc,
.Online-Store-UI-RichText-ResizeableCombo_a3g82 {
    --osui_rte-resizeable-children-min-height: calc(var(--p-space-400)*8)
}

.Online-Store-UI-RichText-ResizeableCombo_a3g82 {
    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_1ys0w,
.Online-Store-UI-RichText-ResizeableCombo--animationBeforeShrinking_iwlu3,
.Online-Store-UI-RichText-ResizeableCombo--animationExpanding_xk3nx,
.Online-Store-UI-RichText-ResizeableCombo--animationShrinking_bz0y9,
.Online-Store-UI-RichText-ResizeableCombo--sizeExpanded_uve0z,
.Online-Store-UI-RichText-ResizeableCombo--sizeFullscreen_194h9 {
    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_uve0z,
.Online-Store-UI-RichText-ResizeableCombo--sizeFullscreen_194h9 {
    --osui_rte-resizeable-children-max-height: 84vh;
    --osui_rte-toolbar-border-radius: 0
}

.Online-Store-UI-RichText-ResizeableCombo--sizeFullscreen_194h9 {
    width: calc(100vw - var(--p-space-400)*2)
}

.Online-Store-UI-RichText-ResizeableCombo__CloneTarget_1i9zc {
    min-height: var(--osui_rte-resizeable-children-min-height, auto);
    max-height: var(--osui_rte-resizeable-children-max-height, 17.5rem);
    border: 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_ck70g,
.Online-Store-UI-RichText-ResizeableCombo__SizeSwitcherWrapper_18myk {
    min-width: 0;
    max-width: 100%
}

.Online-Store-UI-RichText-ResizeableCombo__FooterChildren_ck70g {
    flex: 1 1 auto
}

.Online-Store-UI-RichText-ResizeableCombo__SizeSwitcherWrapper_18myk {
    min-width: 0;
    max-width: 100%;
    flex: 0 0 auto;
    margin-left: auto
}

.Online-Store-UI-RichText-ResizeableCombo__FooterChildren_ck70g+.Online-Store-UI-RichText-ResizeableCombo__SizeSwitcherWrapper_18myk {
    margin-left: var(--p-space-200)
}

.Online-Store-UI-SelectionList-Item_r090o {
    --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_r090o.Online-Store-UI-SelectionList-Item--disabled_m95ss {
    pointer-events: none
}

.Online-Store-UI-SelectionList-Item_r090o:last-child {
    margin-bottom: 0
}

.Online-Store-UI-SelectionList-Item_r090o:not(.Online-Store-UI-SelectionList-Item--active_1xvy5):not(.Online-Store-UI-SelectionList-Item--current_yoqay):not(.Online-Store-UI-SelectionList-Item--interactive_1t6af) .Online-Store-UI-SelectionList-Item__Action_814o7 {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    outline: none;
    position: relative
}

.Online-Store-UI-SelectionList-Item_r090o:not(.Online-Store-UI-SelectionList-Item--active_1xvy5):not(.Online-Store-UI-SelectionList-Item--current_yoqay):not(.Online-Store-UI-SelectionList-Item--interactive_1t6af) .Online-Store-UI-SelectionList-Item__Action_814o7: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_r090o:not(.Online-Store-UI-SelectionList-Item--active_1xvy5):not(.Online-Store-UI-SelectionList-Item--current_yoqay):not(.Online-Store-UI-SelectionList-Item--interactive_1t6af) .Online-Store-UI-SelectionList-Item__Action_814o7:focus:after {
    box-shadow: 0 0 0 .125rem var(--p-color-border-focus);
    outline: var(--osui_high-contrast-outline)
}

.Online-Store-UI-SelectionList-Item_r090o:not(.Online-Store-UI-SelectionList-Item--active_1xvy5):not(.Online-Store-UI-SelectionList-Item--current_yoqay):not(.Online-Store-UI-SelectionList-Item--interactive_1t6af) .Online-Store-UI-SelectionList-Item__Action_814o7:focus:not(:focus-visible):after {
    box-shadow: 0 0 0 0 transparent
}

@media (-ms-high-contrast: active) {
    .Online-Store-UI-SelectionList-Item_r090o:not(.Online-Store-UI-SelectionList-Item--active_1xvy5):not(.Online-Store-UI-SelectionList-Item--current_yoqay):not(.Online-Store-UI-SelectionList-Item--interactive_1t6af) .Online-Store-UI-SelectionList-Item__Action_814o7:focus:not(:focus-visible):after {
        outline: none
    }
}

.Online-Store-UI-SelectionList-Item_r090o:not(.Online-Store-UI-SelectionList-Item--active_1xvy5):not(.Online-Store-UI-SelectionList-Item--current_yoqay):not(.Online-Store-UI-SelectionList-Item--interactive_1t6af) .Online-Store-UI-SelectionList-Item__Action_814o7: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_r090o:not(.Online-Store-UI-SelectionList-Item--active_1xvy5):not(.Online-Store-UI-SelectionList-Item--current_yoqay):not(.Online-Store-UI-SelectionList-Item--interactive_1t6af) .Online-Store-UI-SelectionList-Item__Action_814o7 ui-icon,
.Online-Store-UI-SelectionList-Item_r090o:not(.Online-Store-UI-SelectionList-Item--active_1xvy5):not(.Online-Store-UI-SelectionList-Item--current_yoqay):not(.Online-Store-UI-SelectionList-Item--interactive_1t6af) .Online-Store-UI-SelectionList-Item__Action_814o7 svg {
    transition: color var(--p-motion-duration-150) var(--p-motion-ease)
}

.Online-Store-UI-SelectionList-Item_r090o:not(.Online-Store-UI-SelectionList-Item--active_1xvy5):not(.Online-Store-UI-SelectionList-Item--current_yoqay):not(.Online-Store-UI-SelectionList-Item--interactive_1t6af) .Online-Store-UI-SelectionList-Item__Action_814o7:focus-visible {
    color: var(--p-color-text-brand);
    background-color: var(--p-color-bg-fill-transparent-secondary)
}

.Online-Store-UI-SelectionList-Item_r090o:not(.Online-Store-UI-SelectionList-Item--active_1xvy5):not(.Online-Store-UI-SelectionList-Item--current_yoqay):not(.Online-Store-UI-SelectionList-Item--interactive_1t6af) .Online-Store-UI-SelectionList-Item__Action_814o7:focus-visible ui-icon,
.Online-Store-UI-SelectionList-Item_r090o:not(.Online-Store-UI-SelectionList-Item--active_1xvy5):not(.Online-Store-UI-SelectionList-Item--current_yoqay):not(.Online-Store-UI-SelectionList-Item--interactive_1t6af) .Online-Store-UI-SelectionList-Item__Action_814o7:focus-visible svg {
    color: var(--p-color-text-brand)
}

@media (-ms-high-contrast: active) {

    .Online-Store-UI-SelectionList-Item_r090o:not(.Online-Store-UI-SelectionList-Item--active_1xvy5):not(.Online-Store-UI-SelectionList-Item--current_yoqay):not(.Online-Store-UI-SelectionList-Item--interactive_1t6af) .Online-Store-UI-SelectionList-Item__Action_814o7:focus-visible ui-icon,
    .Online-Store-UI-SelectionList-Item_r090o:not(.Online-Store-UI-SelectionList-Item--active_1xvy5):not(.Online-Store-UI-SelectionList-Item--current_yoqay):not(.Online-Store-UI-SelectionList-Item--interactive_1t6af) .Online-Store-UI-SelectionList-Item__Action_814o7:focus-visible svg {
        color: var(--p-color-icon-secondary)
    }
}

@media (hover: hover) and (pointer: fine) {
    .Online-Store-UI-SelectionList-Item_r090o:not(.Online-Store-UI-SelectionList-Item--active_1xvy5):not(.Online-Store-UI-SelectionList-Item--current_yoqay):not(.Online-Store-UI-SelectionList-Item--interactive_1t6af) .Online-Store-UI-SelectionList-Item__Action_814o7:hover {
        color: var(--p-color-text-brand);
        background-color: var(--p-color-bg-fill-transparent-secondary)
    }

    .Online-Store-UI-SelectionList-Item_r090o:not(.Online-Store-UI-SelectionList-Item--active_1xvy5):not(.Online-Store-UI-SelectionList-Item--current_yoqay):not(.Online-Store-UI-SelectionList-Item--interactive_1t6af) .Online-Store-UI-SelectionList-Item__Action_814o7:hover ui-icon,
    .Online-Store-UI-SelectionList-Item_r090o:not(.Online-Store-UI-SelectionList-Item--active_1xvy5):not(.Online-Store-UI-SelectionList-Item--current_yoqay):not(.Online-Store-UI-SelectionList-Item--interactive_1t6af) .Online-Store-UI-SelectionList-Item__Action_814o7:hover svg {
        color: var(--p-color-text-brand)
    }
}

@media (hover: hover) and (pointer: fine) and (-ms-high-contrast: active) {

    .Online-Store-UI-SelectionList-Item_r090o:not(.Online-Store-UI-SelectionList-Item--active_1xvy5):not(.Online-Store-UI-SelectionList-Item--current_yoqay):not(.Online-Store-UI-SelectionList-Item--interactive_1t6af) .Online-Store-UI-SelectionList-Item__Action_814o7:hover ui-icon,
    .Online-Store-UI-SelectionList-Item_r090o:not(.Online-Store-UI-SelectionList-Item--active_1xvy5):not(.Online-Store-UI-SelectionList-Item--current_yoqay):not(.Online-Store-UI-SelectionList-Item--interactive_1t6af) .Online-Store-UI-SelectionList-Item__Action_814o7:hover svg {
        color: var(--p-color-icon-secondary)
    }
}

.Online-Store-UI-SelectionList-Item_r090o:not(.Online-Store-UI-SelectionList-Item--active_1xvy5):not(.Online-Store-UI-SelectionList-Item--current_yoqay):not(.Online-Store-UI-SelectionList-Item--interactive_1t6af) .Online-Store-UI-SelectionList-Item__Action_814o7:active {
    color: var(--p-color-text-brand);
    background-color: var(--p-color-bg-surface-tertiary)
}

.Online-Store-UI-SelectionList-Item_r090o:not(.Online-Store-UI-SelectionList-Item--active_1xvy5):not(.Online-Store-UI-SelectionList-Item--current_yoqay):not(.Online-Store-UI-SelectionList-Item--interactive_1t6af) .Online-Store-UI-SelectionList-Item__Action_814o7:active ui-icon,
.Online-Store-UI-SelectionList-Item_r090o:not(.Online-Store-UI-SelectionList-Item--active_1xvy5):not(.Online-Store-UI-SelectionList-Item--current_yoqay):not(.Online-Store-UI-SelectionList-Item--interactive_1t6af) .Online-Store-UI-SelectionList-Item__Action_814o7:active svg {
    color: var(--p-color-text-brand)
}

@media (-ms-high-contrast: active) {

    .Online-Store-UI-SelectionList-Item_r090o:not(.Online-Store-UI-SelectionList-Item--active_1xvy5):not(.Online-Store-UI-SelectionList-Item--current_yoqay):not(.Online-Store-UI-SelectionList-Item--interactive_1t6af) .Online-Store-UI-SelectionList-Item__Action_814o7:active ui-icon,
    .Online-Store-UI-SelectionList-Item_r090o:not(.Online-Store-UI-SelectionList-Item--active_1xvy5):not(.Online-Store-UI-SelectionList-Item--current_yoqay):not(.Online-Store-UI-SelectionList-Item--interactive_1t6af) .Online-Store-UI-SelectionList-Item__Action_814o7:active svg {
        color: var(--p-color-icon-secondary)
    }
}

.Online-Store-UI-SelectionList-Item_r090o:not(.Online-Store-UI-SelectionList-Item--active_1xvy5):not(.Online-Store-UI-SelectionList-Item--current_yoqay):not(.Online-Store-UI-SelectionList-Item--interactive_1t6af) .Online-Store-UI-SelectionList-Item__Action_814o7: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_r090o.Online-Store-UI-SelectionList-Item--active_1xvy5 .Online-Store-UI-SelectionList-Item__Action_814o7,
.Online-Store-UI-SelectionList-Item_r090o.Online-Store-UI-SelectionList-Item--current_yoqay .Online-Store-UI-SelectionList-Item__Action_814o7,
.Online-Store-UI-SelectionList-Item_r090o.Online-Store-UI-SelectionList-Item--interactive_1t6af .Online-Store-UI-SelectionList-Item__Action_814o7 {
    outline: none;
    position: relative
}

.Online-Store-UI-SelectionList-Item_r090o.Online-Store-UI-SelectionList-Item--active_1xvy5 .Online-Store-UI-SelectionList-Item__Action_814o7:after,
.Online-Store-UI-SelectionList-Item_r090o.Online-Store-UI-SelectionList-Item--current_yoqay .Online-Store-UI-SelectionList-Item__Action_814o7:after,
.Online-Store-UI-SelectionList-Item_r090o.Online-Store-UI-SelectionList-Item--interactive_1t6af .Online-Store-UI-SelectionList-Item__Action_814o7: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_r090o.Online-Store-UI-SelectionList-Item--active_1xvy5 .Online-Store-UI-SelectionList-Item__Action_814o7:focus:after,
.Online-Store-UI-SelectionList-Item_r090o.Online-Store-UI-SelectionList-Item--current_yoqay .Online-Store-UI-SelectionList-Item__Action_814o7:focus:after,
.Online-Store-UI-SelectionList-Item_r090o.Online-Store-UI-SelectionList-Item--interactive_1t6af .Online-Store-UI-SelectionList-Item__Action_814o7:focus:after {
    box-shadow: 0 0 0 .125rem var(--p-color-border-focus);
    outline: var(--osui_high-contrast-outline)
}

.Online-Store-UI-SelectionList-Item_r090o.Online-Store-UI-SelectionList-Item--active_1xvy5 .Online-Store-UI-SelectionList-Item__Action_814o7:focus:not(:focus-visible):after,
.Online-Store-UI-SelectionList-Item_r090o.Online-Store-UI-SelectionList-Item--current_yoqay .Online-Store-UI-SelectionList-Item__Action_814o7:focus:not(:focus-visible):after,
.Online-Store-UI-SelectionList-Item_r090o.Online-Store-UI-SelectionList-Item--interactive_1t6af .Online-Store-UI-SelectionList-Item__Action_814o7:focus:not(:focus-visible):after {
    box-shadow: 0 0 0 0 transparent
}

@media (-ms-high-contrast: active) {

    .Online-Store-UI-SelectionList-Item_r090o.Online-Store-UI-SelectionList-Item--active_1xvy5 .Online-Store-UI-SelectionList-Item__Action_814o7:focus:not(:focus-visible):after,
    .Online-Store-UI-SelectionList-Item_r090o.Online-Store-UI-SelectionList-Item--current_yoqay .Online-Store-UI-SelectionList-Item__Action_814o7:focus:not(:focus-visible):after,
    .Online-Store-UI-SelectionList-Item_r090o.Online-Store-UI-SelectionList-Item--interactive_1t6af .Online-Store-UI-SelectionList-Item__Action_814o7:focus:not(:focus-visible):after {
        outline: none
    }
}

.Online-Store-UI-SelectionList-Item_r090o.Online-Store-UI-SelectionList-Item--active_1xvy5 .Online-Store-UI-SelectionList-Item__Action_814o7:focus-visible:after,
.Online-Store-UI-SelectionList-Item_r090o.Online-Store-UI-SelectionList-Item--current_yoqay .Online-Store-UI-SelectionList-Item__Action_814o7:focus-visible:after,
.Online-Store-UI-SelectionList-Item_r090o.Online-Store-UI-SelectionList-Item--interactive_1t6af .Online-Store-UI-SelectionList-Item__Action_814o7: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_r090o.Online-Store-UI-SelectionList-Item--active_1xvy5 .Online-Store-UI-SelectionList-Item__Action_814o7:after,
.Online-Store-UI-SelectionList-Item_r090o.Online-Store-UI-SelectionList-Item--current_yoqay .Online-Store-UI-SelectionList-Item__Action_814o7:after,
.Online-Store-UI-SelectionList-Item_r090o.Online-Store-UI-SelectionList-Item--interactive_1t6af .Online-Store-UI-SelectionList-Item__Action_814o7: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_r090o.Online-Store-UI-SelectionList-Item--active_1xvy5 .Online-Store-UI-SelectionList-Item__Action_814o7:focus-visible,
.Online-Store-UI-SelectionList-Item_r090o.Online-Store-UI-SelectionList-Item--current_yoqay .Online-Store-UI-SelectionList-Item__Action_814o7:focus-visible,
.Online-Store-UI-SelectionList-Item_r090o.Online-Store-UI-SelectionList-Item--interactive_1t6af .Online-Store-UI-SelectionList-Item__Action_814o7: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_r090o.Online-Store-UI-SelectionList-Item--active_1xvy5 .Online-Store-UI-SelectionList-Item__Action_814o7:hover,
    .Online-Store-UI-SelectionList-Item_r090o.Online-Store-UI-SelectionList-Item--current_yoqay .Online-Store-UI-SelectionList-Item__Action_814o7:hover,
    .Online-Store-UI-SelectionList-Item_r090o.Online-Store-UI-SelectionList-Item--interactive_1t6af .Online-Store-UI-SelectionList-Item__Action_814o7:hover {
        color: var(--p-color-text-brand);
        background-color: var(--p-color-bg-fill-transparent-hover)
    }
}

.Online-Store-UI-SelectionList-Item_r090o.Online-Store-UI-SelectionList-Item--active_1xvy5 .Online-Store-UI-SelectionList-Item__Action_814o7:active,
.Online-Store-UI-SelectionList-Item_r090o.Online-Store-UI-SelectionList-Item--current_yoqay .Online-Store-UI-SelectionList-Item__Action_814o7:active,
.Online-Store-UI-SelectionList-Item_r090o.Online-Store-UI-SelectionList-Item--interactive_1t6af .Online-Store-UI-SelectionList-Item__Action_814o7:active {
    color: var(--p-color-text-brand);
    background-color: var(--p-color-bg-surface-tertiary)
}

.Online-Store-UI-SelectionList-Item__Action_814o7 {
    -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: flex;
    align-items: center;
    padding-inline: var(--p-space-200);
    width: 100%;
    min-height: 1.875rem;
    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);
    border-radius: var(--p-border-radius-200)
}

.Online-Store-UI-SelectionList-Item__Action_814o7:focus {
    outline: none
}

@media (max-width: 41.685em) {
    .Online-Store-UI-SelectionList-Item__Action_814o7 {
        min-height: 2.75rem
    }
}

.Online-Store-UI-SelectionList-Item--active_1xvy5 .Online-Store-UI-SelectionList-Item__Action_814o7,
.Online-Store-UI-SelectionList-Item--current_yoqay .Online-Store-UI-SelectionList-Item__Action_814o7 {
    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_1xvy5 .Online-Store-UI-SelectionList-Item__Action_814o7:hover,
    .Online-Store-UI-SelectionList-Item--current_yoqay .Online-Store-UI-SelectionList-Item__Action_814o7:hover {
        background-color: var(--p-color-bg-fill-transparent-hover)
    }
}

.Online-Store-UI-SelectionList-Item--disabled_m95ss .Online-Store-UI-SelectionList-Item__Action_814o7 {
    color: var(--p-color-text-disabled)
}

.Online-Store-UI-SelectionList-Item--disabledBackground_wh4cl .Online-Store-UI-SelectionList-Item__Action_814o7 {
    background-color: var(--p-color-bg-surface-disabled)
}

.Online-Store-UI-SelectionList-Item--current_yoqay .Online-Store-UI-SelectionList-Item__Action_814o7 {
    background-color: var(--p-color-bg-fill-transparent-active)
}

.Online-Store-UI-SelectionList-Item__Content_yol8e,
.Online-Store-UI-SelectionList-Item__IconPrefix_1irg6,
.Online-Store-UI-SelectionList-Item__Prefix_c1c6c,
.Online-Store-UI-SelectionList-Item__Suffix_c1c79 {
    min-width: 0;
    max-width: 100%
}

.Online-Store-UI-SelectionList-Item--interactive_1t6af .Online-Store-UI-SelectionList-Item__Content_yol8e,
.Online-Store-UI-SelectionList-Item--interactive_1t6af .Online-Store-UI-SelectionList-Item__IconPrefix_1irg6,
.Online-Store-UI-SelectionList-Item--interactive_1t6af .Online-Store-UI-SelectionList-Item__Prefix_c1c6c,
.Online-Store-UI-SelectionList-Item--interactive_1t6af .Online-Store-UI-SelectionList-Item__Suffix_c1c79 {
    color: var(--p-color-icon-emphasis)
}

.Online-Store-UI-SelectionList-Item--interactive_1t6af .Online-Store-UI-SelectionList-Item__Content_yol8e ui-icon,
.Online-Store-UI-SelectionList-Item--interactive_1t6af .Online-Store-UI-SelectionList-Item__Content_yol8e svg,
.Online-Store-UI-SelectionList-Item--interactive_1t6af .Online-Store-UI-SelectionList-Item__IconPrefix_1irg6 ui-icon,
.Online-Store-UI-SelectionList-Item--interactive_1t6af .Online-Store-UI-SelectionList-Item__IconPrefix_1irg6 svg,
.Online-Store-UI-SelectionList-Item--interactive_1t6af .Online-Store-UI-SelectionList-Item__Prefix_c1c6c ui-icon,
.Online-Store-UI-SelectionList-Item--interactive_1t6af .Online-Store-UI-SelectionList-Item__Prefix_c1c6c svg,
.Online-Store-UI-SelectionList-Item--interactive_1t6af .Online-Store-UI-SelectionList-Item__Suffix_c1c79 ui-icon,
.Online-Store-UI-SelectionList-Item--interactive_1t6af .Online-Store-UI-SelectionList-Item__Suffix_c1c79 svg {
    color: var(--p-color-text-emphasis)
}

@media (hover: hover) and (pointer: fine) {

    .Online-Store-UI-SelectionList-Item--interactive_1t6af .Online-Store-UI-SelectionList-Item__Action_814o7:hover .Online-Store-UI-SelectionList-Item__Content_yol8e,
    .Online-Store-UI-SelectionList-Item--interactive_1t6af .Online-Store-UI-SelectionList-Item__Action_814o7:hover .Online-Store-UI-SelectionList-Item__IconPrefix_1irg6,
    .Online-Store-UI-SelectionList-Item--interactive_1t6af .Online-Store-UI-SelectionList-Item__Action_814o7:hover .Online-Store-UI-SelectionList-Item__Prefix_c1c6c,
    .Online-Store-UI-SelectionList-Item--interactive_1t6af .Online-Store-UI-SelectionList-Item__Action_814o7:hover .Online-Store-UI-SelectionList-Item__Suffix_c1c79 {
        color: var(--p-color-icon-emphasis-hover)
    }

    .Online-Store-UI-SelectionList-Item--interactive_1t6af .Online-Store-UI-SelectionList-Item__Action_814o7:hover .Online-Store-UI-SelectionList-Item__Content_yol8e ui-icon,
    .Online-Store-UI-SelectionList-Item--interactive_1t6af .Online-Store-UI-SelectionList-Item__Action_814o7:hover .Online-Store-UI-SelectionList-Item__Content_yol8e svg,
    .Online-Store-UI-SelectionList-Item--interactive_1t6af .Online-Store-UI-SelectionList-Item__Action_814o7:hover .Online-Store-UI-SelectionList-Item__IconPrefix_1irg6 ui-icon,
    .Online-Store-UI-SelectionList-Item--interactive_1t6af .Online-Store-UI-SelectionList-Item__Action_814o7:hover .Online-Store-UI-SelectionList-Item__IconPrefix_1irg6 svg,
    .Online-Store-UI-SelectionList-Item--interactive_1t6af .Online-Store-UI-SelectionList-Item__Action_814o7:hover .Online-Store-UI-SelectionList-Item__Prefix_c1c6c ui-icon,
    .Online-Store-UI-SelectionList-Item--interactive_1t6af .Online-Store-UI-SelectionList-Item__Action_814o7:hover .Online-Store-UI-SelectionList-Item__Prefix_c1c6c svg,
    .Online-Store-UI-SelectionList-Item--interactive_1t6af .Online-Store-UI-SelectionList-Item__Action_814o7:hover .Online-Store-UI-SelectionList-Item__Suffix_c1c79 ui-icon,
    .Online-Store-UI-SelectionList-Item--interactive_1t6af .Online-Store-UI-SelectionList-Item__Action_814o7:hover .Online-Store-UI-SelectionList-Item__Suffix_c1c79 svg {
        color: var(--p-color-text-emphasis-hover)
    }
}

.Online-Store-UI-SelectionList-Item--interactive_1t6af.Online-Store-UI-SelectionList-Item--disabled_m95ss .Online-Store-UI-SelectionList-Item__Content_yol8e,
.Online-Store-UI-SelectionList-Item--interactive_1t6af.Online-Store-UI-SelectionList-Item--disabled_m95ss .Online-Store-UI-SelectionList-Item__IconPrefix_1irg6,
.Online-Store-UI-SelectionList-Item--interactive_1t6af.Online-Store-UI-SelectionList-Item--disabled_m95ss .Online-Store-UI-SelectionList-Item__Prefix_c1c6c,
.Online-Store-UI-SelectionList-Item--interactive_1t6af.Online-Store-UI-SelectionList-Item--disabled_m95ss .Online-Store-UI-SelectionList-Item__Suffix_c1c79 {
    color: var(--p-color-text-disabled)
}

.Online-Store-UI-SelectionList-Item--interactive_1t6af.Online-Store-UI-SelectionList-Item--disabled_m95ss .Online-Store-UI-SelectionList-Item__Content_yol8e ui-icon,
.Online-Store-UI-SelectionList-Item--interactive_1t6af.Online-Store-UI-SelectionList-Item--disabled_m95ss .Online-Store-UI-SelectionList-Item__Content_yol8e svg,
.Online-Store-UI-SelectionList-Item--interactive_1t6af.Online-Store-UI-SelectionList-Item--disabled_m95ss .Online-Store-UI-SelectionList-Item__IconPrefix_1irg6 ui-icon,
.Online-Store-UI-SelectionList-Item--interactive_1t6af.Online-Store-UI-SelectionList-Item--disabled_m95ss .Online-Store-UI-SelectionList-Item__IconPrefix_1irg6 svg,
.Online-Store-UI-SelectionList-Item--interactive_1t6af.Online-Store-UI-SelectionList-Item--disabled_m95ss .Online-Store-UI-SelectionList-Item__Prefix_c1c6c ui-icon,
.Online-Store-UI-SelectionList-Item--interactive_1t6af.Online-Store-UI-SelectionList-Item--disabled_m95ss .Online-Store-UI-SelectionList-Item__Prefix_c1c6c svg,
.Online-Store-UI-SelectionList-Item--interactive_1t6af.Online-Store-UI-SelectionList-Item--disabled_m95ss .Online-Store-UI-SelectionList-Item__Suffix_c1c79 ui-icon,
.Online-Store-UI-SelectionList-Item--interactive_1t6af.Online-Store-UI-SelectionList-Item--disabled_m95ss .Online-Store-UI-SelectionList-Item__Suffix_c1c79 svg {
    color: var(--p-color-icon-disabled)
}

.Online-Store-UI-SelectionList-Item__IconPrefix_1irg6,
.Online-Store-UI-SelectionList-Item__Prefix_c1c6c,
.Online-Store-UI-SelectionList-Item__Suffix_c1c79 {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    place-content: center center
}

.Online-Store-UI-SelectionList-Item__IconPrefix_1irg6>*,
.Online-Store-UI-SelectionList-Item__Suffix_c1c79>* {
    min-width: 0;
    max-width: 100%;
    flex: 1 1 auto
}

.Online-Store-UI-SelectionList-Item__IconPrefix_1irg6 ui-icon,
.Online-Store-UI-SelectionList-Item__IconPrefix_1irg6 svg,
.Online-Store-UI-SelectionList-Item__Suffix_c1c79 ui-icon,
.Online-Store-UI-SelectionList-Item__Suffix_c1c79 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_m95ss .Online-Store-UI-SelectionList-Item__IconPrefix_1irg6 ui-icon,
.Online-Store-UI-SelectionList-Item--disabled_m95ss .Online-Store-UI-SelectionList-Item__IconPrefix_1irg6 svg,
.Online-Store-UI-SelectionList-Item--disabled_m95ss .Online-Store-UI-SelectionList-Item__Suffix_c1c79 ui-icon,
.Online-Store-UI-SelectionList-Item--disabled_m95ss .Online-Store-UI-SelectionList-Item__Suffix_c1c79 svg {
    color: var(--p-color-icon)
}

.Online-Store-UI-SelectionList-Item__Content_yol8e {
    display: block;
    flex: 1 1 auto
}

.Online-Store-UI-SelectionList-Item__Prefix_c1c6c {
    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_c1c6c,
.Online-Store-UI-SelectionList-Item__IconPrefix_1irg6 {
    margin-right: var(--p-space-100)
}

.Online-Store-UI-SelectionList-Item--current_yoqay .Online-Store-UI-SelectionList-Item__IconPrefix_1irg6 ui-icon,
.Online-Store-UI-SelectionList-Item--current_yoqay .Online-Store-UI-SelectionList-Item__IconPrefix_1irg6 svg {
    color: var(--p-color-icon-emphasis)
}

.Online-Store-UI-SelectionList-Item__Suffix_c1c79 {
    margin-left: var(--p-space-400);
    color: var(--p-color-text-secondary);
    transition: color var(--p-motion-duration-200) var(--p-motion-ease)
}

.Online-Store-UI-SelectionList-Item--disabled_m95ss .Online-Store-UI-SelectionList-Item__Suffix_c1c79 {
    color: var(--p-color-text-secondary)
}

.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_wzugr {
    display: flex;
    align-items: center;
    flex: 0 1 auto;
    height: 100%
}

.Online-Store-UI-TopBar-ExitAction_hu8gq {
    -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_hu8gq:focus {
    outline: none
}

.Online-Store-UI-TopBar-ExitAction_hu8gq: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_hu8gq:focus:after {
    box-shadow: 0 0 0 .125rem var(--p-color-border-focus);
    outline: var(--osui_high-contrast-outline)
}

.Online-Store-UI-TopBar-ExitAction_hu8gq:focus:not(:focus-visible):after {
    box-shadow: 0 0 0 0 transparent
}

@media (-ms-high-contrast: active) {
    .Online-Store-UI-TopBar-ExitAction_hu8gq:focus:not(:focus-visible):after {
        outline: none
    }
}

.Online-Store-UI-TopBar-ExitAction_hu8gq: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_hu8gq ui-icon,
.Online-Store-UI-TopBar-ExitAction_hu8gq svg {
    transition: color var(--p-motion-duration-150) var(--p-motion-ease)
}

.Online-Store-UI-TopBar-ExitAction_hu8gq:focus-visible {
    color: var(--p-color-text-brand);
    background-color: var(--p-color-bg-fill-transparent-secondary)
}

.Online-Store-UI-TopBar-ExitAction_hu8gq:focus-visible ui-icon,
.Online-Store-UI-TopBar-ExitAction_hu8gq:focus-visible svg {
    color: var(--p-color-text-brand)
}

@media (-ms-high-contrast: active) {

    .Online-Store-UI-TopBar-ExitAction_hu8gq:focus-visible ui-icon,
    .Online-Store-UI-TopBar-ExitAction_hu8gq:focus-visible svg {
        color: var(--p-color-icon-secondary)
    }
}

@media (hover: hover) and (pointer: fine) {
    .Online-Store-UI-TopBar-ExitAction_hu8gq:hover {
        color: var(--p-color-text-brand);
        background-color: var(--p-color-bg-fill-transparent-secondary)
    }

    .Online-Store-UI-TopBar-ExitAction_hu8gq:hover ui-icon,
    .Online-Store-UI-TopBar-ExitAction_hu8gq:hover svg {
        color: var(--p-color-text-brand)
    }
}

@media (hover: hover) and (pointer: fine) and (-ms-high-contrast: active) {

    .Online-Store-UI-TopBar-ExitAction_hu8gq:hover ui-icon,
    .Online-Store-UI-TopBar-ExitAction_hu8gq:hover svg {
        color: var(--p-color-icon-secondary)
    }
}

.Online-Store-UI-TopBar-ExitAction_hu8gq:active {
    color: var(--p-color-text-brand);
    background-color: var(--p-color-bg-surface-tertiary)
}

.Online-Store-UI-TopBar-ExitAction_hu8gq:active ui-icon,
.Online-Store-UI-TopBar-ExitAction_hu8gq:active svg {
    color: var(--p-color-text-brand)
}

@media (-ms-high-contrast: active) {

    .Online-Store-UI-TopBar-ExitAction_hu8gq:active ui-icon,
    .Online-Store-UI-TopBar-ExitAction_hu8gq:active svg {
        color: var(--p-color-icon-secondary)
    }
}

@media (min-width: 41.6875em) {
    .Online-Store-UI-TopBar-ExitAction_hu8gq {
        height: 100%;
        justify-content: left;
        border-radius: 0;
        color: var(--p-color-text)
    }

    .Online-Store-UI-TopBar-ExitAction_hu8gq: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_hu8gq:focus-visible:before {
        opacity: 0
    }

    .Online-Store-UI-TopBar-ExitAction--animated_1chr7 .Online-Store-UI-TopBar-ExitAction_hu8gq {
        z-index: 2;
        position: absolute;
        top: 0;
        left: 0;
        background-color: var(--osui_color-frame-surface-bg)
    }

    .Online-Store-UI-TopBar-ExitAction--animated_1chr7 .Online-Store-UI-TopBar-ExitAction_hu8gq:hover {
        background-color: var(--osui_color-frame-surface-bg)
    }

    .Online-Store-UI-TopBar-ExitAction--animated_1chr7 .Online-Store-UI-TopBar-ExitAction_hu8gq:active {
        background-color: var(--osui_color-plain-button-bg-active)
    }
}

.Online-Store-UI-TopBar-ExitAction__Content_jczer {
    display: flex;
    align-items: center;
    overflow: hidden
}

@media (min-width: 41.6875em) {
    .Online-Store-UI-TopBar-ExitAction__Content_jczer {
        min-width: 3.5rem;
        height: 100%
    }

    .Online-Store-UI-TopBar-ExitAction--animated_1chr7 .Online-Store-UI-TopBar-ExitAction__Content_jczer {
        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_1chr7 .Online-Store-UI-TopBar-ExitAction_hu8gq:focus .Online-Store-UI-TopBar-ExitAction__Content_jczer,
    .Online-Store-UI-TopBar-ExitAction--animated_1chr7 .Online-Store-UI-TopBar-ExitAction_hu8gq:hover .Online-Store-UI-TopBar-ExitAction__Content_jczer {
        max-width: calc(10.5rem + var(--p-space-300))
    }
}

.Online-Store-UI-TopBar-ExitAction__Label_1b0i1,
.Online-Store-UI-TopBar-ExitAction__IconWrapper_83too {
    min-width: 0;
    max-width: 100%;
    flex: 0 0 auto
}

@media (min-width: 41.6875em) {
    .Online-Store-UI-TopBar-ExitAction__IconWrapper_83too {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 3.5rem;
        height: 100%
    }
}

.Online-Store-UI-TopBar-ExitAction__Label_1b0i1 {
    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_1b0i1>* {
    padding-bottom: .14em;
    line-height: 1.1
}

@supports (-webkit-line-clamp: 2) {
    .Online-Store-UI-TopBar-ExitAction__Label_1b0i1>* {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden
    }
}

.Online-Store-UI-TopBar-ExitAction--animated_1chr7 .Online-Store-UI-TopBar-ExitAction__Label_1b0i1 {
    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_1chr7 .Online-Store-UI-TopBar-ExitAction_hu8gq:focus .Online-Store-UI-TopBar-ExitAction__Label_1b0i1,
.Online-Store-UI-TopBar-ExitAction--animated_1chr7 .Online-Store-UI-TopBar-ExitAction_hu8gq:hover .Online-Store-UI-TopBar-ExitAction__Label_1b0i1,
.Online-Store-UI-TopBar-ExitAction--animated_1chr7 .Online-Store-UI-TopBar-ExitAction_hu8gq:active .Online-Store-UI-TopBar-ExitAction__Label_1b0i1 {
    opacity: 1;
    transform: translate(0)
}

.Online-Store-UI-TopBar-ExitAction__ChildrenWrapper_137sa {
    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_1chr7 .Online-Store-UI-TopBar-ExitAction__ChildrenWrapper_137sa {
        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_1chr7 .Online-Store-UI-TopBar-ExitAction_hu8gq:focus+.Online-Store-UI-TopBar-ExitAction__ChildrenWrapper_137sa,
    .Online-Store-UI-TopBar-ExitAction--animated_1chr7 .Online-Store-UI-TopBar-ExitAction_hu8gq:hover+.Online-Store-UI-TopBar-ExitAction__ChildrenWrapper_137sa,
    .Online-Store-UI-TopBar-ExitAction--animated_1chr7 .Online-Store-UI-TopBar-ExitAction_hu8gq:active+.Online-Store-UI-TopBar-ExitAction__ChildrenWrapper_137sa {
        opacity: 0;
        transform: translate(var(--p-space-200))
    }
}

.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-NavHeader-Section_tikg2 {
    --osui_nav-header-section-divider-offset: 0;
    padding: var(--p-space-200)
}

.Online-Store-UI-NavHeader-Section_tikg2+.Online-Store-UI-NavHeader-Section_tikg2 {
    padding-top: 0
}

.Online-Store-UI-NavHeader-Section_tikg2+.Online-Store-UI-NavHeader-Section_tikg2: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_tikg2:first-child {
    padding-top: var(--p-space-400)
}

.Online-Store-UI-NavHeader-Section--alignToActionBar_rtxv9: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_lsbl6 {
    padding-left: 1.75rem
}

.Online-Store-UI-NavHeader-Section--alignToNav_lsbl6,
.Online-Store-UI-NavHeader-Section--alignToNav_lsbl6+.Online-Store-UI-NavHeader-Section_tikg2 {
    --osui_nav-header-section-divider-offset: calc(1.75rem - var(--p-space-200))
}

.Online-Store-UI-NavHeader-Section--alignToNav_lsbl6:first-child,
.Online-Store-UI-NavHeader-Section--alignToNav_lsbl6+.Online-Store-UI-NavHeader-Section_tikg2:first-child {
    padding-left: var(--p-space-400);
    padding-right: var(--p-space-400)
}

.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-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-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-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-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-ResourceAction-ControlSpinner_12r0f {
    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*.5*-1 - .625rem);
    padding: var(--p-space-100);
    border-radius: 50%;
    background-color: var(--p-color-bg-surface-brand-selected)
}

.Online-Store-UI-ResourceAction-ControlSpinner_12r0f,
.Online-Store-UI-ResourceAction-ControlSpinner_12r0f.Online-Store-UI-ResourceAction-ControlSpinner--exitDone_1mdnm,
.Online-Store-UI-ResourceAction-ControlSpinner_12r0f.Online-Store-UI-ResourceAction-ControlSpinner--appear_1vln4,
.Online-Store-UI-ResourceAction-ControlSpinner_12r0f.Online-Store-UI-ResourceAction-ControlSpinner--appearActive_18fe4,
.Online-Store-UI-ResourceAction-ControlSpinner_12r0f.Online-Store-UI-ResourceAction-ControlSpinner--appearDone_1xtg3 {
    display: none
}

.Online-Store-UI-ResourceAction-ControlSpinner_12r0f.Online-Store-UI-ResourceAction-ControlSpinner--enter_1yxfv,
.Online-Store-UI-ResourceAction-ControlSpinner_12r0f.Online-Store-UI-ResourceAction-ControlSpinner--enterActive_1lb2i,
.Online-Store-UI-ResourceAction-ControlSpinner_12r0f.Online-Store-UI-ResourceAction-ControlSpinner--enterDone_8kp6e,
.Online-Store-UI-ResourceAction-ControlSpinner_12r0f.Online-Store-UI-ResourceAction-ControlSpinner--exit_ptp79,
.Online-Store-UI-ResourceAction-ControlSpinner_12r0f.Online-Store-UI-ResourceAction-ControlSpinner--exitActive_chr62 {
    display: block
}

.Online-Store-UI-ResourceAction-ControlSpinner_12r0f.Online-Store-UI-ResourceAction-ControlSpinner--enterActive_1lb2i,
.Online-Store-UI-ResourceAction-ControlSpinner_12r0f.Online-Store-UI-ResourceAction-ControlSpinner--enterDone_8kp6e,
.Online-Store-UI-ResourceAction-ControlSpinner_12r0f.Online-Store-UI-ResourceAction-ControlSpinner--exit_ptp79 {
    opacity: 1
}

.Online-Store-UI-ResourceAction-ControlSpinner_12r0f,
.Online-Store-UI-ResourceAction-ControlSpinner_12r0f.Online-Store-UI-ResourceAction-ControlSpinner--enter_1yxfv,
.Online-Store-UI-ResourceAction-ControlSpinner_12r0f.Online-Store-UI-ResourceAction-ControlSpinner--exitActive_chr62,
.Online-Store-UI-ResourceAction-ControlSpinner_12r0f.Online-Store-UI-ResourceAction-ControlSpinner--exitDone_1mdnm {
    opacity: 0
}

.Online-Store-UI-ResourceAction-ControlSpinner__LoadingIndicator_6v11d {
    width: 1.25rem;
    height: 1.25rem
}

.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-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-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_4ur3p {
    --osui_sidebar-action-offset: var(--p-space-100);
    display: flex;
    flex-direction: column;
    flex: 0 0 auto
}

.Online-Store-UI-StaticPanel-Layout_4ur3p>.Online-Store-UI-StaticPanel-Layout_4ur3p.Online-Store-UI-StaticPanel-Layout--sticky_7q4ys {
    z-index: 5;
    position: sticky
}

.Online-Store-UI-StaticPanel-Layout_4ur3p>.Online-Store-UI-StaticPanel-Layout_4ur3p.Online-Store-UI-StaticPanel-Layout--sticky_7q4ys:first-child {
    top: 0
}

.Online-Store-UI-StaticPanel-Layout_4ur3p>.Online-Store-UI-StaticPanel-Layout_4ur3p.Online-Store-UI-StaticPanel-Layout--sticky_7q4ys:last-child {
    bottom: var(--p-border-width-025);
    margin-top: auto;
    padding-top: 0
}

.Online-Store-UI-StaticPanel-Layout--spaceBefore_1thjn {
    padding-top: var(--osui_static-panel-layout-spacing)
}

.Online-Store-UI-StaticPanel-Layout--spaceAfter_wg0n9 {
    padding-bottom: var(--osui_static-panel-layout-spacing)
}

.Online-Store-UI-StaticPanel-Layout--sticky_7q4ys:first-child.Online-Store-UI-StaticPanel-Layout--isStuck_1pqwk {
    border-bottom: var(--p-border-width-025) solid var(--p-color-border-secondary)
}

.Online-Store-UI-StaticPanel-Layout--sticky_7q4ys:last-child {
    border-top: var(--p-border-width-025) solid var(--p-color-border-secondary)
}

.Online-Store-UI-StaticPanel-Layout--sticky_7q4ys .Online-Store-UI-StaticPanel-Layout__ChildrenWrapper_te6q6 {
    background-color: var(--p-color-bg-surface)
}

.Online-Store-UI-StaticPanel-Layout--fullHeight_1rirz {
    flex: 1 1 auto
}

.Online-Store-UI-StaticPanel-Layout--scrollable_qvacr {
    height: 100%;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch
}

@media (max-width: 41.685em) {
    .Online-Store-UI-StaticPanel-Layout--scrollable_qvacr {
        overflow-x: hidden
    }
}

.Online-Store-UI-StaticPanel-Layout--layoutSpacingNone_1fouk,
.Online-Store-UI-StaticPanel-Layout--sectionSpacingNone_13wlo,
.Online-Store-UI-StaticPanel-Layout--sectionSpacingDefault_sw9ei:first-of-type,
.Online-Store-UI-StaticPanel-Layout--sectionSpacingDefault_sw9ei:only-child {
    --osui_static-panel-layout-spacing: var(--p-space-0)
}

.Online-Store-UI-StaticPanel-Layout--layoutSpacingExtraTight_1mygn,
.Online-Store-UI-StaticPanel-Layout--sectionSpacingExtraTight_1o1tm {
    --osui_static-panel-layout-spacing: var(--p-space-100)
}

.Online-Store-UI-StaticPanel-Layout--layoutSpacingTight_17cha,
.Online-Store-UI-StaticPanel-Layout--sectionSpacingTight_1cpgz {
    --osui_static-panel-layout-spacing: var(--p-space-200)
}

.Online-Store-UI-StaticPanel-Layout--layoutSpacingBaseTight_1b1uj,
.Online-Store-UI-StaticPanel-Layout--sectionSpacingBaseTight_1gny3 {
    --osui_static-panel-layout-spacing: var(--p-space-300)
}

.Online-Store-UI-StaticPanel-Layout--layoutSpacingDefault_onq00,
.Online-Store-UI-StaticPanel-Layout--layoutSpacingBase_1f9ti,
.Online-Store-UI-StaticPanel-Layout--sectionSpacingBase_ee9dk {
    --osui_static-panel-layout-spacing: var(--p-space-400)
}

.Online-Store-UI-StaticPanel-Layout--layoutSpacingLoose_gr2q1,
.Online-Store-UI-StaticPanel-Layout--sectionSpacingLoose_1yzl8 {
    --osui_static-panel-layout-spacing: var(--p-space-500)
}

.Online-Store-UI-StaticPanel-Layout--layoutSpacingExtraLoose_y4d5y,
.Online-Store-UI-StaticPanel-Layout--sectionSpacingExtraLoose_gcil7 {
    --osui_static-panel-layout-spacing: var(--p-space-800)
}

.Online-Store-UI-StaticPanel-Layout--dividerBefore_1dzj0 {
    border-top: var(--p-border-width-025) solid var(--p-color-border-secondary)
}

.Online-Store-UI-StaticPanel-Layout--dividerAfter_gdgzb {
    border-bottom: var(--p-border-width-025) solid var(--p-color-border-secondary)
}

.Online-Store-UI-StaticPanel-Layout--divider_1grfu:before,
.Online-Store-UI-StaticPanel-Layout--divided_1t5dd>.Online-Store-UI-StaticPanel-Layout__Section_1wlgc: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_yjxwy: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_1t5dd>.Online-Store-UI-StaticPanel-Layout--dividerFull_yjxwy:before {
    margin-left: 0;
    width: 100%
}

.Online-Store-UI-StaticPanel-Layout--dividerHide_wpy99:before,
.Online-Store-UI-StaticPanel-Layout--divider_1grfu:first-of-type:before,
.Online-Store-UI-StaticPanel-Layout--divider_1grfu:only-child:before,
.Online-Store-UI-StaticPanel-Layout--divider_1grfu.Online-Store-UI-StaticPanel-Layout--sectionSpacingNone_13wlo:before,
.Online-Store-UI-StaticPanel-Layout--divided_1t5dd.Online-Store-UI-StaticPanel-Layout--layoutSpacingNone_1fouk .Online-Store-UI-StaticPanel-Layout--sectionSpacingNone_13wlo:before,
.Online-Store-UI-StaticPanel-Layout--divided_1t5dd.Online-Store-UI-StaticPanel-Layout--layoutSpacingNone_1fouk .Online-Store-UI-StaticPanel-Layout--sectionSpacingDefault_sw9ei:before,
.Online-Store-UI-StaticPanel-Layout--divided_1t5dd>.Online-Store-UI-StaticPanel-Layout__Section_1wlgc:first-of-type:before,
.Online-Store-UI-StaticPanel-Layout--divided_1t5dd>.Online-Store-UI-StaticPanel-Layout__Section_1wlgc:only-child:before,
.Online-Store-UI-StaticPanel-Layout--divided_1t5dd>.Online-Store-UI-StaticPanel-Layout--dividerHide_wpy99:before,
.Online-Store-UI-StaticPanel-Layout--alignToBottom_6pmxm:not(.Online-Store-UI-StaticPanel-Layout--divider_1grfu):before {
    content: none
}

.Online-Store-UI-StaticPanel-Layout__Section_1wlgc {
    z-index: 2;
    position: relative;
    padding-top: var(--osui_static-panel-layout-spacing);
    width: 100%
}

.Online-Store-UI-StaticPanel-Layout__Section_1wlgc.Online-Store-UI-StaticPanel-Layout--sticky_7q4ys {
    z-index: 5;
    position: sticky
}

.Online-Store-UI-StaticPanel-Layout__Section_1wlgc.Online-Store-UI-StaticPanel-Layout--sticky_7q4ys:first-child {
    top: 0
}

.Online-Store-UI-StaticPanel-Layout__Section_1wlgc.Online-Store-UI-StaticPanel-Layout--sticky_7q4ys:last-child {
    bottom: var(--p-border-width-025);
    margin-top: auto;
    padding-top: 0;
    border-top: none
}

.Online-Store-UI-StaticPanel-Layout__Section_1wlgc.Online-Store-UI-StaticPanel-Layout--sticky_7q4ys: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_1vx5o {
    padding-top: var(--p-space-200)
}

.Online-Store-UI-StaticPanel-Layout--alignToBottom_6pmxm {
    --osui_static-panel-layout-spacing: var(--p-space-1600);
    margin-top: auto
}

.Online-Store-UI-StaticPanel-Layout--alignToBottom_6pmxm:before,
.Online-Store-UI-StaticPanel-Layout--divided_1t5dd>.Online-Store-UI-StaticPanel-Layout--alignToBottom_6pmxm:before {
    margin-bottom: var(--p-space-400)
}

.Online-Store-UI-StaticPanel-Layout__ChildrenWrapper_te6q6 {
    padding-right: var(--osui_static-panel-section-padding);
    padding-left: var(--osui_static-panel-section-padding)
}

.Online-Store-UI-StaticPanel-Layout--paddingNone_l6v8o {
    --osui_static-panel-section-padding: var(--p-space-0)
}

.Online-Store-UI-StaticPanel-Layout--paddingExtraTight_1n5kh {
    --osui_static-panel-section-padding: var(--p-space-100)
}

.Online-Store-UI-StaticPanel-Layout--paddingTight_pmp1z {
    --osui_static-panel-section-padding: var(--p-space-200)
}

.Online-Store-UI-StaticPanel-Layout--paddingBaseTight_nskys {
    --osui_static-panel-section-padding: var(--p-space-300)
}

.Online-Store-UI-StaticPanel-Layout--paddingBase_1pfah {
    --osui_static-panel-section-padding: var(--p-space-400)
}

.Online-Store-UI-StaticPanel-Layout--paddingBase_1pfah.Online-Store-UI-StaticPanel-Layout--denseUi_1xn81 {
    --osui_static-panel-section-padding: var(--p-space-300)
}

.Online-Store-UI-StaticPanel-Layout--paddingLoose_uewx8 {
    --osui_static-panel-section-padding: var(--p-space-500)
}

.Online-Store-UI-StaticPanel-Layout--paddingExtraLoose_1f9sd {
    --osui_static-panel-section-padding: var(--p-space-800)
}

.Online-Store-UI-StaticPanel-Header_1qbfz {
    --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_1vvev {
    --osui_static-panel-header-padding-y: var(--p-space-400)
}

.Online-Store-UI-StaticPanel-Header--sticky_1vvev.Online-Store-UI-StaticPanel-Header--hasBack_1lxgz,
.Online-Store-UI-StaticPanel-Header--sticky_1vvev.Online-Store-UI-StaticPanel-Header--hasClose_k25no {
    --osui_static-panel-header-padding-y: var(--p-space-200)
}

.Online-Store-UI-StaticPanel-Header--alignToActionBar_1fipt {
    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_1fipt.Online-Store-UI-StaticPanel-Header--hasBack_1lxgz {
    padding-top: var(--p-space-300);
    padding-bottom: var(--p-space-300)
}

.Online-Store-UI-StaticPanel-Header__HeaderContentWrapper_gia0n {
    display: grid;
    grid-template-columns: 1fr;
    align-items: center
}

.Online-Store-UI-StaticPanel-Header--hasBack_1lxgz:not(.Online-Store-UI-StaticPanel-Header--hasActions_17dj8) .Online-Store-UI-StaticPanel-Header__HeaderContentWrapper_gia0n {
    grid-template-columns: auto 1fr
}

.Online-Store-UI-StaticPanel-Header--hasActions_17dj8:not(.Online-Store-UI-StaticPanel-Header--hasBack_1lxgz) .Online-Store-UI-StaticPanel-Header__HeaderContentWrapper_gia0n {
    grid-template-columns: 1fr auto
}

.Online-Store-UI-StaticPanel-Header--hasActions_17dj8 .Online-Store-UI-StaticPanel-Header__HeaderContentWrapper_gia0n {
    grid-template-columns: auto 1fr auto
}

.Online-Store-UI-StaticPanel-Header--hasClose_k25no .Online-Store-UI-StaticPanel-Header__HeaderContentWrapper_gia0n {
    grid-template-columns: 1fr auto
}

.Online-Store-UI-StaticPanel-Header__TitleWrapper_1ltbx {
    display: flex;
    align-items: center;
    min-width: 0;
    gap: var(--p-space-200)
}

.Online-Store-UI-StaticPanel-Header__TitleWrapper_1ltbx.Online-Store-UI-StaticPanel-Header--subtitle_6d7ct {
    margin-top: var(--p-space-200)
}

.Online-Store-UI-StaticPanel-Header__TitleMiddleSection_1ehwl {
    min-width: 0;
    max-width: 100%
}

.Online-Store-UI-StaticPanel-Header__ActionWrapper_1uol4 {
    display: flex;
    justify-content: space-between;
    line-height: initial
}

.Online-Store-UI-StaticPanel-Header__BackActionWrapper_18n2a {
    display: grid;
    margin-left: calc((var(--osui_height-common-control) - 1.25rem)*.5*-1);
    margin-right: var(--p-space-100)
}

.Online-Store-UI-StaticPanel-Header__CloseActionWrapper_1gmqb {
    display: grid;
    margin-left: var(--p-space-100);
    margin-right: calc((var(--osui_height-common-control) - 1.25rem)*.5*-1)
}

@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-SidebarHeader-BackAction_4zznp {
    flex: 0 1 auto;
    max-width: 100%
}

.Online-Store-UI-SegmentedControl-Option__OptionWrapper_5yntt {
    margin: 0;
    padding: 0;
    list-style: none;
    width: 100%
}

.Online-Store-UI-SegmentedControl-Option__OptionWrapper_5yntt.Online-Store-UI-SegmentedControl-Option--truncate_1u1te {
    overflow: hidden
}

.Online-Store-UI-SegmentedControl-Option__SegmentedControlItem_1egst {
    --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);
    margin: var(--p-space-050) 0;
    line-height: 1.25rem;
    border: 0;
    border-radius: calc(var(--p-border-radius-200) - .09375rem);
    cursor: pointer;
    white-space: nowrap;
    background-color: var(--p-color-bg-fill-secondary);
    width: 100%
}

.Online-Store-UI-SegmentedControl-Option__SegmentedControlItem_1egst:focus {
    outline: none
}

.Online-Store-UI-SegmentedControl-Option__SegmentedControlItem_1egst: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_1egst: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_1egst:focus:not(:focus-visible):after {
    box-shadow: 0 0 0 0 transparent
}

@media (-ms-high-contrast: active) {
    .Online-Store-UI-SegmentedControl-Option__SegmentedControlItem_1egst:focus:not(:focus-visible):after {
        outline: none
    }
}

.Online-Store-UI-SegmentedControl-Option__SegmentedControlItem_1egst: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_1egst:after {
    inset: var(--p-border-width-050) var(--p-border-width-050) var(--p-border-width-050) var(--p-border-width-050);
    border-radius: calc(var(--p-border-radius-200) - .0625rem)
}

.Online-Store-UI-SegmentedControl-Option__SegmentedControlItem_1egst:has(.Online-Store-UI-SegmentedControl-Option__Icon_1i4wt) {
    gap: var(--p-space-200)
}

.Online-Store-UI-SegmentedControl-Option__SegmentedControlItem_1egst:hover {
    background-color: var(--p-color-bg-surface-secondary)
}

.Online-Store-UI-SegmentedControl-Option__SegmentedControlItem_1egst:hover:not(.Online-Store-UI-SegmentedControl-Option--selected_l8bxx) {
    --osui-icon-color: var(--p-color-icon-secondary-active)
}

.Online-Store-UI-SegmentedControl-Option__SegmentedControlItem_1egst.Online-Store-UI-SegmentedControl-Option--selected_l8bxx {
    --osui-icon-color: var(--p-color-icon-active);
    background-color: var(--p-color-bg-surface);
    box-shadow: var(--p-shadow-200)
}

.Online-Store-UI-SegmentedControl-Option__SegmentedControlItem_1egst.Online-Store-UI-SegmentedControl-Option--selected_l8bxx.Online-Store-UI-SegmentedControl-Option--toneMagic_98kwt {
    color: var(--p-color-text-magic);
    box-shadow: 0 .0625rem 0 0 var(--p-color-bg-fill-magic-secondary-active) inset, .0625rem 0 0 0 var(--p-color-bg-fill-magic-secondary-active) inset, -.0625rem 0 0 0 var(--p-color-bg-fill-magic-secondary-active) inset, 0 -.0625rem #ae94ff inset
}

.Online-Store-UI-SegmentedControl-Option--truncate_1u1te .Online-Store-UI-SegmentedControl-Option__SegmentedControlItem_1egst {
    overflow: hidden
}

.Online-Store-UI-SegmentedControl-Option__SegmentedControlItem_1egst.Online-Store-UI-SegmentedControl-Option--slim_1i50g {
    padding: var(--p-space-100)
}

.Online-Store-UI-SegmentedControl-Option__Icon_1i4wt ui-icon,
.Online-Store-UI-SegmentedControl-Option__Icon_1i4wt svg {
    color: var(--osui-icon-color)
}

.Online-Store-UI-SortableListNext-SortableItem__Item_b36qu {
    outline: none
}

.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-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-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-UrlPicker-UrlPickerActivator__PrefixWrapper_30ch1 svg {
    color: var(--p-color-text-inverse)
}

.Online-Store-UI-UrlPicker-UrlPickerActivator__PrefixWrapper_30ch1.Online-Store-UI-UrlPicker-UrlPickerActivator--toneMagic_xj86v svg {
    fill: var(--p-color-text-magic)
}

.Online-Store-UI-UrlPicker-UrlPickerList__UrlPickerListWrapper_1bvas:not(.Online-Store-UI-UrlPicker-UrlPickerList--fullWidth_10t6o) {
    width: 15rem
}

.Online-Store-UI-UrlPicker-UrlPickerList_11ii8 {
    margin: 0;
    padding: 0;
    list-style: none;
    width: 100%
}

.Online-Store-UI-UrlPicker-UrlPickerList__Loading_1ajb0 {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 2.5rem
}

.Online-Store-UI-UrlPicker-UrlPickerList__BackButton_1b4cs {
    -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_1b4cs:focus {
    outline: none
}

.Online-Store-UI-UrlPicker-UrlPickerList__BackButton_1b4cs::-moz-focus-inner {
    border: none
}

@media (hover: hover) and (pointer: fine) {
    .Online-Store-UI-UrlPicker-UrlPickerList__BackButton_1b4cs: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_1b4cs:active {
    background-color: var(--p-color-bg-surface-secondary-selected)
}

.Online-Store-UI-UrlPicker-UrlPickerList__BackIconWrapper_cuv53 {
    flex: 0 0 auto;
    margin-left: calc(var(--p-space-100)*-1);
    margin-right: var(--p-space-100)
}

.Online-Store-UI-UrlPicker-UrlPickerList__ResultsCount_1fyn4 {
    flex: 1 1 auto;
    margin-left: auto;
    text-align: right
}

.Online-Store-UI-RichText-Toolbar_qtg83 {
    display: flex;
    justify-content: space-between
}

.Online-Store-UI-RichText-Toolbar__Group_16m32,
.Online-Store-UI-RichText-Toolbar__Section_54u0f {
    display: flex;
    margin: 0;
    padding: 0;
    list-style: none
}

.Online-Store-UI-RichText-Toolbar__Group_16m32 {
    flex-wrap: wrap;
    margin-top: -.25rem;
    margin-left: -.25rem
}

.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-FilenameWithExtension__FirstPart_18jw4 {
    min-width: 0;
    flex-shrink: 1;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    text-shadow: 0 0 .1875rem rgba(0, 0, 0, .1)
}

.Online-Store-UI-FilenameWithExtension__LastPart_ikib7 {
    min-width: 0;
    flex-shrink: 0;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    text-shadow: 0 0 .1875rem rgba(0, 0, 0, .1)
}

.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-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-Combo-Footer_ihd4e {
    flex: 0 0 auto;
    padding: var(--p-space-200);
    background-color: var(--p-color-bg-surface-secondary);
    border: 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_ihd4e.Online-Store-UI-Combo-Footer--toneMagic_f3v2h {
    border-color: var(--p-color-border-magic-secondary)
}

.Online-Store-UI-Combo-Footer_ihd4e.Online-Store-UI-Combo-Footer--unframed_1n012 {
    border: none;
    border-radius: 0;
    border-top: var(--p-border-width-025) solid var(--p-color-border-secondary)
}

.Online-Store-UI-ResizeableCombo-Backdrop_12w2g {
    -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_12w2g: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_1txk3 {
    animation: var(--osui_animation-name-fade-in) var(--p-motion-duration-300) 0ms var(--p-motion-ease) both
}

.Online-Store-UI-ResizeableCombo-Backdrop--fullscreen_1lpmb:before {
    opacity: 1
}

.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(Online-Store-UI-ResizeableCombo-Header--slow_495v0) 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-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-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-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-Preview_13jat {
    outline: none
}

.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-inlines-link-Link_1ak4n {
    position: relative;
    text-decoration: none;
    color: var(--p-color-text-emphasis)
}

.Online-Store-UI-RichText-editor-plugins-inlines-link-Link_1ak4n span {
    text-decoration: underline
}

.Online-Store-UI-RichText-editor-plugins-inlines-link-Link_1ak4n 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-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-SortableItem-Ghost_1ydj3 {
    display: flex;
    align-items: center
}

.Online-Store-UI-SortableItem-Ghost_1ydj3: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-emphasis);
    border-radius: 50%
}

.Online-Store-UI-SortableItem-Ghost_1ydj3: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)
}

.Online-Store-UI-ToolbarUI-Item_1mbsb {
    position: relative;
    margin-top: .25rem;
    padding-left: .25rem
}

.Online-Store-UI-ToolbarUI-Item_1mbsb:last-child {
    margin-right: calc(.25rem + var(--p-border-width-025))
}

.Online-Store-UI-ToolbarUI-Item__Section_eiuey:last-child .Online-Store-UI-ToolbarUI-Item_1mbsb:last-child {
    margin-right: 0
}

.Online-Store-UI-ToolbarUI-Item__Section_eiuey+.Online-Store-UI-ToolbarUI-Item__Section_eiuey .Online-Store-UI-ToolbarUI-Item_1mbsb:first-child {
    margin-left: calc(-.25rem + var(--p-border-width-025)*-1);
    padding-left: calc(.5rem + var(--p-border-width-025))
}

.Online-Store-UI-UrlPickerList-UrlPickerItem__Action_1eb2u {
    -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_1eb2u:focus {
    outline: none
}

.Online-Store-UI-UrlPickerList-UrlPickerItem__Action_1eb2u:active {
    background-color: var(--p-color-bg-surface-secondary-selected)
}

@media (hover: hover) and (pointer: fine) {
    .Online-Store-UI-UrlPickerList-UrlPickerItem__Action_1eb2u:active: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_1eb2u:active:hover:focus-visible:not(:active) {
        background-color: var(--p-color-bg-surface);
        outline: var(--p-border-width-050) solid var(--p-color-border-focus)
    }

    .Online-Store-UI-UrlPickerList-UrlPickerItem__Action_1eb2u:active:hover:focus-visible:not(:active):after {
        content: none
    }
}

@media (hover: hover) and (pointer: fine) {
    .Online-Store-UI-UrlPickerList-UrlPickerItem__Action_1eb2u: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_1eb2u:hover:focus-visible:not(:active) {
        background-color: var(--p-color-bg-surface);
        outline: var(--p-border-width-050) solid var(--p-color-border-focus)
    }

    .Online-Store-UI-UrlPickerList-UrlPickerItem__Action_1eb2u:hover:focus-visible:not(:active):after {
        content: none
    }
}

.Online-Store-UI-UrlPickerList-UrlPickerItem__Action_1eb2u.Online-Store-UI-UrlPickerList-UrlPickerItem--disabled_1m04b {
    background-image: none;
    color: var(--p-color-text-disabled);
    cursor: default
}

.Online-Store-UI-UrlPickerList-UrlPickerItem__Action_1eb2u.Online-Store-UI-UrlPickerList-UrlPickerItem--disabled_1m04b .Online-Store-UI-UrlPickerList-UrlPickerItem__VisualElement_1cdfm svg {
    fill: var(--p-color-icon-disabled);
    color: var(--p-color-text-inverse)
}

.Online-Store-UI-UrlPickerList-UrlPickerItem__Action_1eb2u::-moz-focus-inner {
    border: none
}

.Online-Store-UI-UrlPickerList-UrlPickerItem__VisualElement_1cdfm {
    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_1cdfm svg {
    fill: var(--p-color-icon);
    color: var(--p-color-text-inverse)
}

.Online-Store-UI-UrlPickerList-UrlPickerItem__Text_192hg {
    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_82q7g {
    display: flex;
    align-items: center
}

.Online-Store-UI-Footer-Shelf_gw0wa {
    position: relative;
    z-index: 3
}

.Online-Store-UI-Footer-StackedActions_17625 {
    margin: 0;
    padding: 0;
    list-style: none
}

.Online-Store-UI-Footer-StackedActions__Item_137ic+.Online-Store-UI-Footer-StackedActions__Item_137ic {
    border-top: var(--p-border-width-025) solid var(--p-color-border-secondary)
}

.Online-Store-UI-Footer-StackedActions__Item_137ic a,
.Online-Store-UI-Footer-StackedActions__Item_137ic 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_137ic a:after,
.Online-Store-UI-Footer-StackedActions__Item_137ic 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_137ic a:focus:after,
.Online-Store-UI-Footer-StackedActions__Item_137ic 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_137ic a:focus:not(:focus-visible):after,
.Online-Store-UI-Footer-StackedActions__Item_137ic button:focus:not(:focus-visible):after {
    box-shadow: 0 0 0 0 transparent
}

@media (-ms-high-contrast: active) {

    .Online-Store-UI-Footer-StackedActions__Item_137ic a:focus:not(:focus-visible):after,
    .Online-Store-UI-Footer-StackedActions__Item_137ic button:focus:not(:focus-visible):after {
        outline: none
    }
}

.Online-Store-UI-Footer-StackedActions__Item_137ic a:focus-visible:after,
.Online-Store-UI-Footer-StackedActions__Item_137ic 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_137ic a:after,
.Online-Store-UI-Footer-StackedActions__Item_137ic 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_137ic a ui-icon,
.Online-Store-UI-Footer-StackedActions__Item_137ic a svg,
.Online-Store-UI-Footer-StackedActions__Item_137ic button ui-icon,
.Online-Store-UI-Footer-StackedActions__Item_137ic button svg {
    transition: color var(--p-motion-duration-150) var(--p-motion-ease)
}

.Online-Store-UI-Footer-StackedActions__Item_137ic a:focus-visible,
.Online-Store-UI-Footer-StackedActions__Item_137ic button:focus-visible {
    color: var(--p-color-text-brand);
    background-color: var(--p-color-bg-fill-transparent-secondary)
}

.Online-Store-UI-Footer-StackedActions__Item_137ic a:focus-visible ui-icon,
.Online-Store-UI-Footer-StackedActions__Item_137ic a:focus-visible svg,
.Online-Store-UI-Footer-StackedActions__Item_137ic button:focus-visible ui-icon,
.Online-Store-UI-Footer-StackedActions__Item_137ic button:focus-visible svg {
    color: var(--p-color-text-brand)
}

@media (-ms-high-contrast: active) {

    .Online-Store-UI-Footer-StackedActions__Item_137ic a:focus-visible ui-icon,
    .Online-Store-UI-Footer-StackedActions__Item_137ic a:focus-visible svg,
    .Online-Store-UI-Footer-StackedActions__Item_137ic button:focus-visible ui-icon,
    .Online-Store-UI-Footer-StackedActions__Item_137ic button:focus-visible svg {
        color: var(--p-color-icon-secondary)
    }
}

@media (hover: hover) and (pointer: fine) {

    .Online-Store-UI-Footer-StackedActions__Item_137ic a:hover,
    .Online-Store-UI-Footer-StackedActions__Item_137ic button:hover {
        color: var(--p-color-text-brand);
        background-color: var(--p-color-bg-fill-transparent-secondary)
    }

    .Online-Store-UI-Footer-StackedActions__Item_137ic a:hover ui-icon,
    .Online-Store-UI-Footer-StackedActions__Item_137ic a:hover svg,
    .Online-Store-UI-Footer-StackedActions__Item_137ic button:hover ui-icon,
    .Online-Store-UI-Footer-StackedActions__Item_137ic 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_137ic a:hover ui-icon,
    .Online-Store-UI-Footer-StackedActions__Item_137ic a:hover svg,
    .Online-Store-UI-Footer-StackedActions__Item_137ic button:hover ui-icon,
    .Online-Store-UI-Footer-StackedActions__Item_137ic button:hover svg {
        color: var(--p-color-icon-secondary)
    }
}

.Online-Store-UI-Footer-StackedActions__Item_137ic a:active,
.Online-Store-UI-Footer-StackedActions__Item_137ic button:active {
    color: var(--p-color-text-brand);
    background-color: var(--p-color-bg-surface-tertiary)
}

.Online-Store-UI-Footer-StackedActions__Item_137ic a:active ui-icon,
.Online-Store-UI-Footer-StackedActions__Item_137ic a:active svg,
.Online-Store-UI-Footer-StackedActions__Item_137ic button:active ui-icon,
.Online-Store-UI-Footer-StackedActions__Item_137ic button:active svg {
    color: var(--p-color-text-brand)
}

@media (-ms-high-contrast: active) {

    .Online-Store-UI-Footer-StackedActions__Item_137ic a:active ui-icon,
    .Online-Store-UI-Footer-StackedActions__Item_137ic a:active svg,
    .Online-Store-UI-Footer-StackedActions__Item_137ic button:active ui-icon,
    .Online-Store-UI-Footer-StackedActions__Item_137ic button:active svg {
        color: var(--p-color-icon-secondary)
    }
}

.Online-Store-UI-Footer-StackedActions--dividerBefore_1ag1t {
    border-top: var(--p-border-width-025) solid var(--p-color-border-secondary)
}

.Online-Store-UI-Footer-StackedActions--alignToNav_xncuw {
    padding-left: var(--p-space-400)
}

.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-RichText-editor-plugins-inlines-token-Token_1ry3p {
    --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-200);
    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;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

a .Online-Store-UI-RichText-editor-plugins-inlines-token-Token_1ry3p {
    color: var(--p-color-text-emphasis)
}

.Online-Store-UI-RichText-editor-plugins-inlines-token-Token_1ry3p.Online-Store-UI-RichText-editor-plugins-inlines-token-Token--invalid_99qbq {
    --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_1ry3p.Online-Store-UI-RichText-editor-plugins-inlines-token-Token--warning_vaa73 {
    --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_1ry3p.Online-Store-UI-RichText-editor-plugins-inlines-token-Token--highlight_1ek4b {
    --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_1ry3p.Online-Store-UI-RichText-editor-plugins-inlines-token-Token--loading_vakiz {
    height: 1.71em;
    min-width: 7.14em;
    padding: 0;
    justify-content: center
}

.Online-Store-UI-RichText-editor-plugins-inlines-token-Token_1ry3p.Online-Store-UI-RichText-editor-plugins-inlines-token-Token--loading_vakiz 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_1ry3p:focus:not(.Online-Store-UI-RichText-editor-plugins-inlines-token-Token--invalid_99qbq):not(.Online-Store-UI-RichText-editor-plugins-inlines-token-Token--warning_vaa73):not(.Online-Store-UI-RichText-editor-plugins-inlines-token-Token--highlight_1ek4b),
.Online-Store-UI-RichText-editor-plugins-inlines-token-Token_1ry3p.Online-Store-UI-RichText-editor-plugins-inlines-token-Token--selected_1t1b8:not(.Online-Store-UI-RichText-editor-plugins-inlines-token-Token--invalid_99qbq):not(.Online-Store-UI-RichText-editor-plugins-inlines-token-Token--warning_vaa73):not(.Online-Store-UI-RichText-editor-plugins-inlines-token-Token--highlight_1ek4b) {
    --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_1ry3p:focus.Online-Store-UI-RichText-editor-plugins-inlines-token-Token--invalid_99qbq,
.Online-Store-UI-RichText-editor-plugins-inlines-token-Token_1ry3p.Online-Store-UI-RichText-editor-plugins-inlines-token-Token--selected_1t1b8.Online-Store-UI-RichText-editor-plugins-inlines-token-Token--invalid_99qbq {
    --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_1ry3p:focus.Online-Store-UI-RichText-editor-plugins-inlines-token-Token--warning_vaa73,
.Online-Store-UI-RichText-editor-plugins-inlines-token-Token_1ry3p.Online-Store-UI-RichText-editor-plugins-inlines-token-Token--selected_1t1b8.Online-Store-UI-RichText-editor-plugins-inlines-token-Token--warning_vaa73 {
    --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_1ry3p:focus.Online-Store-UI-RichText-editor-plugins-inlines-token-Token--highlight_1ek4b,
.Online-Store-UI-RichText-editor-plugins-inlines-token-Token_1ry3p.Online-Store-UI-RichText-editor-plugins-inlines-token-Token--selected_1t1b8.Online-Store-UI-RichText-editor-plugins-inlines-token-Token--highlight_1ek4b {
    --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_1ry3p.Online-Store-UI-RichText-editor-plugins-inlines-token-Token--block_1s06c {
    height: 2.25rem;
    width: auto;
    min-width: calc(100% - var(--osui-token-horizontal-margin)*2);
    align-items: center;
    padding: clamp(.0625rem, .07em, var(--p-space-400)) clamp(var(--p-space-200), var(--p-space-300), var(--p-space-400));
    line-height: 1.42
}

.Online-Store-UI-RichText-editor-plugins-inlines-token-Token__Label_1rwrr {
    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_1rwrr[data-label]:after {
    content: attr(data-label)
}

.Online-Store-UI-RichText-editor-plugins-inlines-token-Token__Icon_w2llr {
    width: 1rem;
    height: 1rem;
    flex-shrink: 0;
    align-self: center;
    margin-right: var(--p-space-150);
    fill: var(--osui_token-icon)
}

.Online-Store-UI-RichText-editor-plugins-inlines-token-Token__Icon_w2llr.Online-Store-UI-RichText-editor-plugins-inlines-token-Token--right_1sdbd {
    margin-right: 0;
    margin-left: var(--p-space-150)
}

:nth-child(n+2)>span>.Online-Store-UI-RichText-editor-plugins-inlines-token-Token--block_1s06c {
    margin-top: var(--p-space-200)
}

:nth-last-child(n+2)>span>.Online-Store-UI-RichText-editor-plugins-inlines-token-Token--block_1s06c {
    margin-bottom: var(--p-space-200)
}