.systemIconBase[data-stb-system-icon=current]{flex-shrink:0;font-family:Storebrand Symbols;font-size:1rem;height:1rem;line-height:1rem;width:1rem;&[data-legacy=true]{font-family:System-Icons!important}&:before{content:attr(data-icon-name);white-space:nowrap}@media (min-width:600px){font-size:1.5rem;height:1.5rem;line-height:1.5rem;width:1.5rem}}.iconBase[data-stb-icon=current]{display:inline-flex;& img,& svg{height:100%;width:100%}}.illustrationBase[data-stb-illustration=current]{display:inline-flex;&.autoHeight{img{height:auto;width:auto}}& img{max-width:100%;vertical-align:middle}}.chipBase[data-stb-chip=current]{--chip-height:var(--p-spacing-rem-32);--chip-line-height:1.375rem;--chip-color:var(--p-color-text-primary);--chip-background-color:var(--p-color-background);--chip-border-color:var(--p-color-stroke-subtle-0);--chip-border-width:0.0625rem;--chip-outline:none;--chip-padding-vertical:var(--p-spacing-rem-08);--chip-padding-horizontal:var(--p-spacing-rem-16);--chip-padding-horizontal-icon:var(--p-spacing-rem-12);--chip-icon-spacing:var(--p-spacing-rem-04);--chip-icon-size:var(--chip-line-height);color:var(--chip-color);cursor:pointer;display:block;flex-shrink:0;max-width:-moz-fit-content;max-width:fit-content;min-height:var(--chip-height);transition-duration:var(--p-transition-duration);transition-property:border,background-color,color;-webkit-user-select:none;-moz-user-select:none;user-select:none;&[data-disabled=true]{pointer-events:none}& .chipInput{clip:rect(1px,1px,1px,1px);height:1px;opacity:0;overflow:hidden;position:absolute;width:1px;&:focus+.chip{--chip-outline:var(--p-outline)}&:focus:not(:focus-visible)+.chip{--chip-outline:none}&:focus-visible+.chip{--chip-outline:var(--p-outline)}}& .chip{align-items:center;background-color:var(--chip-background-color);border:var(--chip-border-width) solid var(--chip-border-color);border-radius:var(--p-corner-radius-rem-small);box-sizing:border-box;color:var(--chip-color);display:inline-flex;line-height:var(--chip-line-height);outline:var(--chip-outline);outline-offset:var(--p-outline-offset);padding:var(--chip-padding-vertical) var(--chip-padding-horizontal);text-wrap:pretty;&:has(.chipIcon){padding-left:var(--chip-padding-horizontal-icon);padding-right:var(--chip-padding-horizontal-icon)}&.unchecked{--chip-background-color:transparent;--chip-border-color:var(--p-color-stroke-subtle-0);--chip-color:var(--p-color-text-primary)}@media (hover:hover) and (pointer:fine){&.unchecked:hover{--chip-background-color:transparent;--chip-border-color:var(--p-color-stroke-strong-hover);--chip-color:var(--p-color-text-primary-hover)}}&.unchecked:active{--chip-background-color:var(--p-color-background);--chip-border-color:var(--p-color-stroke-strong-pressed);--chip-color:var(--p-color-text-primary-pressed)}&:focus-within{--chip-outline:var(--p-outline)}&.checked{--chip-background-color:var(--p-color-surface-selected);--chip-border-color:var(--p-color-surface-selected);--chip-color:var(--p-color-text-on-color)}& .chipLabel{overflow:hidden;padding:0 var(--p-spacing-rem-04);text-overflow:ellipsis;white-space:nowrap}@media (hover:hover) and (pointer:fine){&.checked:hover{--chip-background-color:var(--p-color-background-selected-hover);--chip-border-color:var(--p-color-surface-selected-hover);--chip-color:var(--p-color-text-on-color)}}&.checked:active{--chip-background-color:var(--p-color-background-selected-pressed);--chip-border-color:var(--p-color-background-selected-pressed);--chip-color:var(--p-color-icon-on-color)}&[data-disabled=true]{--chip-background-color:var(--p-color-background-disabled);--chip-border-color:var(--p-color-background-disabled);--chip-color:var(--p-color-text-disabled)}}&[data-size=small]{--chip-line-height:1.375rem;.chip{height:var(--p-spacing-rem-32)}}&[data-size=medium]{@media (min-width:600px){--chip-line-height:1.625rem}.chip{height:var(--p-spacing-rem-40)}}& .chipIcon{align-items:center;display:flex;font-size:calc(var(--chip-icon-size) - 2px);height:var(--chip-icon-size);justify-content:center;line-height:var(--chip-icon-size);width:var(--chip-icon-size);&.iconLeft{margin-right:var(--chip-icon-spacing)}&.iconRight{margin-left:var(--chip-icon-spacing)}}}.chipGroupBase[data-stb-chip-group=current]{display:flex;gap:var(--p-spacing-rem-08);&.chipGroupBaseStack{flex-wrap:wrap}&.chipGroupBaseScroll{overflow-y:visible;scrollbar-width:none}}