[data-ds-component=BrandSwitcher]{--ds-brand-switcher-color-background-primary:var(--semantic-color-background-primary,#fff);--ds-brand-switcher-color-background-secondary:var(--semantic-color-background-secondary,#efefef);--ds-brand-switcher-color-background-tertiary:var(--semantic-color-background-tertiary,#cecece);--ds-brand-switcher-color-background-accent:var(--semantic-color-background-accent,#d9292b);--ds-brand-switcher-color-background-highlight:var(--semantic-color-background-highlight,#f7c1c2);--ds-brand-switcher-color-foreground-primary:var(--semantic-color-foreground-primary,#141414);--ds-brand-switcher-color-foreground-secondary:var(--semantic-color-foreground-secondary,#555);--ds-brand-switcher-color-foreground-tertiary:var(--semantic-color-foreground-tertiary,#717171);--ds-brand-switcher-color-border-default:var(--semantic-color-border-default,#aeaeae);--ds-brand-switcher-color-border-hover:var(--semantic-color-border-hover,#f29495);--ds-brand-switcher-color-border-focus:var(--semantic-color-border-focus,#d9292b);--ds-brand-switcher-color-border-accent:var(--semantic-color-border-accent,#d9292b);--ds-brand-switcher-spacing-gap-xs:var(--semantic-spacing-gap-component,8px);--ds-brand-switcher-spacing-gap-sm:var(--semantic-spacing-gap-grid,16px);--ds-brand-switcher-spacing-gap-md:var(--semantic-spacing-gap-grid-medium,24px);--ds-brand-switcher-spacing-padding-xs:var(--semantic-spacing-padding-component,16px);--ds-brand-switcher-spacing-padding-sm:var(--semantic-spacing-padding-card,16px);--ds-brand-switcher-spacing-padding-md:var(--semantic-spacing-padding-component,16px);--ds-brand-switcher-spacing-padding-lg:var(--semantic-spacing-padding-section,32px);--ds-brand-switcher-size-radius-01:var(--core-shape-radius-01,2px);--ds-brand-switcher-size-radius-02:var(--core-shape-radius-02,4px);--ds-brand-switcher-size-radius-03:var(--core-shape-radius-03,8px);--ds-brand-switcher-typography-font-size-xs:var(--semantic-typography-meta-caption-font-size,12px);--ds-brand-switcher-typography-font-size-sm:var(--semantic-typography-body-small-font-size,14px);--ds-brand-switcher-typography-font-size-default:var(--semantic-typography-body-default-font-size,16px);--ds-brand-switcher-typography-font-weight-default:var(--semantic-typography-font-weight-regular,400);--ds-brand-switcher-typography-font-weight-strong:var(--semantic-typography-font-weight-bold,700);--ds-brand-switcher-typography-line-height-default:var(--semantic-typography-body-default-line-height,1.5);--ds-box-model-gap:var(--semantic-spacing-gap-grid-medium,24px);--ds-box-model-padding-block-start:0;--ds-box-model-padding-block-end:0;--ds-box-model-padding-inline-start:0;--ds-box-model-padding-inline-end:0}
[data-ds-component=BrandSwitcher].brandSwitcher{--brand-switcher-gap-control:10px;--brand-switcher-border-width-strong:2px;--brand-switcher-radius-control:10px;--brand-switcher-radius-slider:3px;--brand-switcher-shadow-swatch:0 1px 4px #0000001f;--brand-switcher-shadow-slider:0 1px 4px #0003;--brand-switcher-shadow-segment:0 1px 3px #00000014;--brand-switcher-shadow-compact:0 1px 2px #0000001a;--brand-switcher-shadow-compact-hover:0 2px 4px #00000026;--brand-switcher-transition-control:all .15s ease;--brand-switcher-transition-slider-thumb:transform .1s ease;gap:var(--ds-box-model-gap);padding-inline:var(--ds-box-model-padding-inline-start) var(--ds-box-model-padding-inline-end);padding-block:var(--ds-box-model-padding-block-start) var(--ds-box-model-padding-block-end);background:0 0;border:none;flex-direction:column;display:flex}[data-ds-component=BrandSwitcher].brandSwitcher.compact{padding:var(--semantic-spacing-padding-sm);background:0 0;border:none}[data-ds-component=BrandSwitcher].brandSwitcher.sticky{z-index:100;position:sticky;top:12px}[data-ds-component=BrandSwitcher] .sectionCard{padding:var(--ds-brand-switcher-spacing-padding-sm);background:var(--semantic-color-background-primary);border:1px solid var(--semantic-color-border-default);border-radius:var(--ds-brand-switcher-size-radius-03)}[data-ds-component=BrandSwitcher] .sectionHeader{margin-bottom:var(--ds-brand-switcher-spacing-gap-md);justify-content:space-between;align-items:center;display:flex}[data-ds-component=BrandSwitcher] .sectionTitle{margin:0 0 var(--ds-brand-switcher-spacing-gap-md);color:var(--semantic-color-foreground-primary);font-weight:var(--ds-brand-switcher-typography-font-weight-strong);font-size:var(--ds-brand-switcher-typography-font-size-sm);letter-spacing:var(--ds-brand-switcher-letter-spacing-tight,.05em);text-transform:uppercase}.sectionHeader :is([data-ds-component=BrandSwitcher] .sectionTitle){margin-bottom:0}[data-ds-component=BrandSwitcher] .selectedBrandInfo{gap:var(--brand-switcher-gap-control);margin-bottom:var(--ds-brand-switcher-spacing-gap-md);align-items:center;display:flex}[data-ds-component=BrandSwitcher] .selectedBrandDot{border-radius:50%;flex-shrink:0;width:20px;height:20px}[data-ds-component=BrandSwitcher] .selectedBrandName{color:var(--semantic-color-foreground-primary);font-weight:var(--ds-brand-switcher-typography-font-weight-strong);font-size:var(--ds-brand-switcher-typography-font-size-sm);line-height:1.2}[data-ds-component=BrandSwitcher] .selectedBrandMood{color:var(--semantic-color-foreground-tertiary);font-size:var(--ds-brand-switcher-typography-font-size-xs);line-height:1.3}[data-ds-component=BrandSwitcher] .swatchGrid{gap:var(--ds-brand-switcher-spacing-gap-xs);grid-template-columns:repeat(5,1fr);display:grid}[data-ds-component=BrandSwitcher] .swatchBtn{background:var(--semantic-color-background-secondary);border:var(--brand-switcher-border-width-strong) solid transparent;border-radius:var(--brand-switcher-radius-control);width:40px;height:40px;transition:var(--brand-switcher-transition-control);cursor:pointer;justify-content:center;align-items:center;padding:0;display:flex}[data-ds-component=BrandSwitcher] .swatchBtn:hover{background:var(--semantic-color-background-tertiary);transform:scale(1.05)}[data-ds-component=BrandSwitcher] .swatchBtn:focus{border-color:var(--semantic-color-border-focus);outline:none}[data-ds-component=BrandSwitcher] .swatchBtn.selected{background:var(--semantic-color-background-secondary);border-color:var(--semantic-color-foreground-primary)}[data-ds-component=BrandSwitcher] .swatchDot{width:24px;height:24px;box-shadow:var(--brand-switcher-shadow-swatch);border-radius:50%;display:block}[data-ds-component=BrandSwitcher] .densitySlider{gap:var(--ds-brand-switcher-spacing-gap-xs);flex-direction:column;display:flex}[data-ds-component=BrandSwitcher] .densityLabel{color:var(--semantic-color-foreground-secondary);font-weight:var(--ds-brand-switcher-typography-font-weight-default);font-size:var(--ds-brand-switcher-typography-font-size-xs)}[data-ds-component=BrandSwitcher] .rangeInput{background:var(--semantic-color-background-tertiary);border-radius:var(--brand-switcher-radius-slider);cursor:pointer;appearance:none;outline:none;width:100%;height:6px}[data-ds-component=BrandSwitcher] .rangeInput::-webkit-slider-thumb{background:var(--semantic-color-foreground-accent);border:2px solid var(--semantic-color-background-primary);width:18px;height:18px;box-shadow:var(--brand-switcher-shadow-slider);transition:var(--brand-switcher-transition-slider-thumb);cursor:pointer;appearance:none;border-radius:50%}[data-ds-component=BrandSwitcher] .rangeInput::-webkit-slider-thumb:hover{transform:scale(1.15)}[data-ds-component=BrandSwitcher] .rangeInput::-moz-range-thumb{background:var(--semantic-color-foreground-accent);border:2px solid var(--semantic-color-background-primary);width:18px;height:18px;box-shadow:var(--brand-switcher-shadow-slider);cursor:pointer;border-radius:50%}[data-ds-component=BrandSwitcher] .densityTicks{justify-content:space-between;display:flex}[data-ds-component=BrandSwitcher] .densityTick{color:var(--semantic-color-foreground-tertiary);font-size:var(--ds-brand-switcher-typography-font-size-xs)}[data-ds-component=BrandSwitcher] .segmentedControl{gap:var(--ds-brand-switcher-spacing-gap-xs);padding:var(--ds-brand-switcher-spacing-gap-xs);background:var(--semantic-color-background-tertiary);border-radius:var(--ds-brand-switcher-size-radius-02);display:flex}[data-ds-component=BrandSwitcher] .segment{padding:var(--ds-brand-switcher-spacing-gap-xs) var(--ds-brand-switcher-spacing-padding-xs);border-radius:var(--ds-brand-switcher-size-radius-02);color:var(--semantic-color-foreground-secondary);font-weight:var(--ds-brand-switcher-typography-font-weight-default);font-size:var(--ds-brand-switcher-typography-font-size-xs);text-align:center;transition:var(--brand-switcher-transition-control);cursor:pointer;background:0 0;border:none;flex:1}[data-ds-component=BrandSwitcher] .segment:hover{color:var(--semantic-color-foreground-primary)}[data-ds-component=BrandSwitcher] .segment:focus{outline:none}[data-ds-component=BrandSwitcher] .segmentActive{background:var(--semantic-color-background-primary);box-shadow:var(--brand-switcher-shadow-segment);color:var(--semantic-color-foreground-primary)}[data-ds-component=BrandSwitcher] .subsection{margin-bottom:var(--ds-brand-switcher-spacing-gap-md)}[data-ds-component=BrandSwitcher] .subsection:last-child{margin-bottom:0}[data-ds-component=BrandSwitcher] .subsectionLabel{margin-bottom:var(--ds-brand-switcher-spacing-gap-xs);color:var(--semantic-color-foreground-tertiary);font-weight:var(--ds-brand-switcher-typography-font-weight-strong);font-size:var(--ds-brand-switcher-typography-font-size-xs);letter-spacing:var(--ds-brand-switcher-letter-spacing-wide,.06em);text-transform:uppercase}[data-ds-component=BrandSwitcher] .keyboardHint{padding:var(--ds-brand-switcher-spacing-padding-xs);color:var(--semantic-color-foreground-tertiary);font-size:var(--ds-brand-switcher-typography-font-size-xs);text-align:center}[data-ds-component=BrandSwitcher] .kbd{margin:0 var(--ds-brand-switcher-kbd-gap,1px);padding:var(--ds-brand-switcher-spacing-gap-xs) var(--ds-brand-switcher-spacing-padding-xs);background:var(--semantic-color-background-secondary);border-radius:var(--ds-brand-switcher-size-radius-01);color:var(--semantic-color-foreground-primary);font-size:var(--ds-brand-switcher-typography-font-size-xs);font-family:SF Mono,Monaco,monospace;display:inline-block}[data-ds-component=BrandSwitcher] .kbdSeparator{margin:0 var(--ds-brand-switcher-spacing-padding-xs);color:var(--semantic-color-border-default)}[data-ds-component=BrandSwitcher] .swatchRow{gap:var(--semantic-spacing-gap-xs);display:flex}[data-ds-component=BrandSwitcher] .swatch{background-color:var(--swatch-color);border:var(--brand-switcher-border-width-strong) solid transparent;border-radius:var(--core-shape-radius-01);width:1.5rem;height:1.5rem;box-shadow:var(--brand-switcher-shadow-compact);cursor:pointer;padding:0;transition:transform .1s,border-color .15s,box-shadow .15s}[data-ds-component=BrandSwitcher] .swatch:hover{box-shadow:var(--brand-switcher-shadow-compact-hover);transform:scale(1.1)}[data-ds-component=BrandSwitcher] .swatch:focus{border-color:var(--semantic-color-border-focus);outline:none}[data-ds-component=BrandSwitcher] .swatch.active{border-color:var(--semantic-color-foreground-primary);box-shadow:0 0 0 2px var(--semantic-color-background-primary), 0 0 0 4px var(--swatch-color)}[data-ds-component=BrandSwitcher] .autoCycle{gap:var(--semantic-spacing-gap-sm);flex-direction:column;display:flex}[data-ds-component=BrandSwitcher] .autoCycleLabel{gap:var(--semantic-spacing-gap-sm);color:var(--semantic-color-foreground-primary);font-size:var(--semantic-typography-font-size-body-sm);cursor:pointer;align-items:center;display:flex}[data-ds-component=BrandSwitcher] .intervalControl{gap:var(--semantic-spacing-gap-sm);padding-left:var(--ds-brand-switcher-compact-indent,1.5rem);align-items:center;display:flex}[data-ds-component=BrandSwitcher] .intervalLabel{color:var(--semantic-color-foreground-secondary);font-size:var(--semantic-typography-font-size-body-xs)}[data-ds-component=BrandSwitcher] .intervalInput{width:5rem;padding:var(--semantic-spacing-padding-xs) var(--semantic-spacing-padding-sm);background:var(--semantic-color-background-primary);border:1px solid var(--semantic-color-border-default);border-radius:var(--core-shape-radius-01);color:var(--semantic-color-foreground-primary);font-size:var(--semantic-typography-font-size-body-sm)}[data-ds-component=BrandSwitcher] .intervalInput:focus{border-color:var(--semantic-color-border-focus);outline:none}[data-ds-component=BrandSwitcher] .intervalUnit{color:var(--semantic-color-foreground-tertiary);font-size:var(--semantic-typography-font-size-body-xs)}[data-ds-component=BrandSwitcher] .checkbox{border:2px solid var(--semantic-color-border-default);border-radius:var(--ds-brand-switcher-size-radius-01);cursor:pointer;width:18px;height:18px}[data-ds-component=BrandSwitcher] .checkbox:focus{border-color:var(--semantic-color-border-focus);outline:none}@media (max-width:768px){[data-ds-component=BrandSwitcher] .swatchGrid{grid-template-columns:repeat(5,1fr)}[data-ds-component=BrandSwitcher] .sectionCard{padding:var(--ds-brand-switcher-responsive-padding,14px)}}