.hf-select__wrapper{padding:0 calc(var(--spacing-xxsmall) * .4);position:relative}.hf-select__wrapper:has(.hf-select[aria-invalid=true]){border-color:var(--color-danger)}.hf-select__wrapper .hf-select__arrow{pointer-events:none;right:var(--spacing-xsmall);width:1rem;height:1rem;position:absolute;top:50%;transform:translateY(-50%)}.hf-select__wrapper[data-is-placeholder=true] .hf-select__display-value{opacity:.5;font-weight:100}.hf-select__wrapper .hf-select{-webkit-user-select:none;user-select:none;opacity:0;background:0 0;width:100%;height:100%;margin:0;font-size:1rem;position:absolute;top:0;left:0}[data-read-only=true]:is(.hf-select__wrapper .hf-select){pointer-events:none;opacity:.5;cursor:not-allowed}.hf-select__wrapper .hf-select__display-value{color:currentColor;white-space:nowrap;text-overflow:ellipsis;-webkit-user-select:none;user-select:none;padding:0;padding-left:var(--spacing-xsmall);font-weight:var(--font-weight-regular);flex-grow:1;overflow:hidden}.hf-select__wrapper[data-is-placeholder=true] .hf-select__display-value{color:color-mix(in srgb, currentColor 50%, transparent);font-weight:var(--font-weight-light)}@property --horizontal-scroll-fade-left{syntax:"<length>";inherits:false;initial-value:0}@property --horizontal-scroll-fade-right{syntax:"<length>";inherits:false;initial-value:0}.horizontal-scroll{max-width:100%;position:relative}.horizontal-scroll[data-variant=modal-flush]{margin:calc(var(--panel-spacing,var(--spacing-medium)) * -1);max-width:none}.horizontal-scroll[data-full-width=true]{width:100%}.horizontal-scroll .horizontal-scroll__scroller{--fade-size:var(--horizontal-scroll-fade-size,10px);--horizontal-scroll-fade-left:0px;--horizontal-scroll-fade-right:0px;max-width:100%}[data-has-scroll=true]:is(.horizontal-scroll .horizontal-scroll__scroller){-webkit-mask-image:linear-gradient(to right, transparent, black var(--horizontal-scroll-fade-left), black calc(100% - var(--horizontal-scroll-fade-right)), transparent);mask-image:linear-gradient(to right, transparent, black var(--horizontal-scroll-fade-left), black calc(100% - var(--horizontal-scroll-fade-right)), transparent);transition:--horizontal-scroll-fade-left var(--timing-quick), --horizontal-scroll-fade-right var(--timing-quick);overflow:auto hidden}[data-snap-mode=proximity]:is(.horizontal-scroll .horizontal-scroll__scroller){scroll-snap-type:x proximity}[data-snap-mode=mandatory]:is(.horizontal-scroll .horizontal-scroll__scroller){scroll-snap-type:x mandatory}:is([data-snap-mode]:is(.horizontal-scroll .horizontal-scroll__scroller) .horizontal-scroll__inner)>*{scroll-snap-align:start}:is([data-snap-mode]:is(.horizontal-scroll .horizontal-scroll__scroller) .horizontal-scroll__inner)>.hf-flexbox>*{scroll-snap-align:start}[data-is-scrolled-to-left=false]:is(.horizontal-scroll .horizontal-scroll__scroller){--horizontal-scroll-fade-left:var(--fade-size)}[data-is-scrolled-to-right=false]:is(.horizontal-scroll .horizontal-scroll__scroller){--horizontal-scroll-fade-right:var(--fade-size)}[data-vertical-pad=true]:is(.horizontal-scroll .horizontal-scroll__scroller){padding-bottom:var(--spacing-xsmall)}.horizontal-scroll .horizontal-scroll__scroller{--horizontal-scroll-thumb-colour:var(--color-line-dark);scrollbar-width:thin;scrollbar-gutter:stable;scrollbar-color:transparent transparent}.horizontal-scroll:-webkit-any([data-show-buttons=true],[data-hide-scrollbar=true]) .horizontal-scroll__scroller{scrollbar-width:none}.horizontal-scroll:-moz-any([data-show-buttons=true],[data-hide-scrollbar=true]) .horizontal-scroll__scroller{scrollbar-width:none}.horizontal-scroll:is([data-show-buttons=true],[data-hide-scrollbar=true]) .horizontal-scroll__scroller{scrollbar-width:none}:-webkit-any(.horizontal-scroll:-webkit-any([data-show-buttons=true],[data-hide-scrollbar=true]) .horizontal-scroll__scroller)::-webkit-scrollbar{display:none}:-moz-any(.horizontal-scroll:-moz-any([data-show-buttons=true],[data-hide-scrollbar=true]) .horizontal-scroll__scroller)::-webkit-scrollbar{display:none}:is(.horizontal-scroll:is([data-show-buttons=true],[data-hide-scrollbar=true]) .horizontal-scroll__scroller)::-webkit-scrollbar{display:none}@media (hover:hover) and (pointer:fine){.horizontal-scroll:hover:not(:-webkit-any([data-show-buttons=true],[data-hide-scrollbar=true])) .horizontal-scroll__scroller{scrollbar-color:var(--horizontal-scroll-thumb-colour) transparent}.horizontal-scroll:hover:not(:-moz-any([data-show-buttons=true],[data-hide-scrollbar=true])) .horizontal-scroll__scroller{scrollbar-color:var(--horizontal-scroll-thumb-colour) transparent}.horizontal-scroll:hover:not(:is([data-show-buttons=true],[data-hide-scrollbar=true])) .horizontal-scroll__scroller{scrollbar-color:var(--horizontal-scroll-thumb-colour) transparent}}.horizontal-scroll .horizontal-scroll__inner{width:max-content;min-width:100%}.horizontal-scroll .horizontal-scroll__buttons{justify-content:space-between;align-items:center;gap:var(--spacing-xsmall);z-index:1;pointer-events:none;width:100%;height:100%;transition:opacity var(--timing-quick);opacity:0;flex-direction:row;padding:0;display:none;position:absolute;top:0;left:0}:is(.horizontal-scroll .horizontal-scroll__buttons) .hf-button{pointer-events:all;color:var(--color-white);background-color:color-mix(in srgb, var(--parent-background-colour) 90%, transparent);height:100%;width:var(--horizontal-scroll-button-width,var(--spacing-gutter));transition:opacity var(--timing-quick);position:relative}[data-scrollable=false]:is(:is(.horizontal-scroll .horizontal-scroll__buttons) .hf-button){opacity:0;visibility:hidden;pointer-events:none}:is(:is(.horizontal-scroll .horizontal-scroll__buttons) .hf-button) .hf-button__icon{width:2rem;height:2rem}.horizontal-scroll:hover .horizontal-scroll__buttons{opacity:1}.horizontal-scroll[data-buttons-placement=end]{align-items:center;display:flex}.horizontal-scroll[data-buttons-placement=end]>.horizontal-scroll__scroller{flex:auto;min-width:0}.horizontal-scroll[data-buttons-placement=end] .horizontal-scroll__end-controls{align-items:center;gap:var(--spacing-xxsmall);flex-shrink:0;padding-inline-start:var(--spacing-xsmall);display:flex}.horizontal-scroll[data-buttons-placement=end] .horizontal-scroll__end-divider{width:1px;height:var(--spacing-medium);background-color:var(--color-line-light);flex-shrink:0;margin-inline-end:var(--spacing-xxsmall)}.horizontal-scroll[data-show-buttons-always=true]{padding-inline:var(--horizontal-scroll-button-width,var(--spacing-gutter))}.horizontal-scroll[data-show-buttons-always=true][data-has-scroll=true]>.horizontal-scroll__buttons{opacity:1;display:flex}.horizontal-scroll[data-show-buttons-always=true][data-has-scroll=false]>.horizontal-scroll__buttons{display:none}@media (pointer:fine) and (hover:hover){.horizontal-scroll .horizontal-scroll__buttons{display:flex}}