@layer ds-reset,ds-foundation,ds-subatoms,ds-atoms,ds-molecules,ds-organisms,ds-templates,ds-landing;@layer ds-molecules{.palette{display:flex;justify-content:flex-start;overflow-x:auto;gap:var(--spacings-s12);scrollbar-width:none;-ms-overflow-style:none}.palette::-webkit-scrollbar{display:none}.palette__tooltip-text{color:var(--negative-colors-text-default)}.palette__item{flex-shrink:0}}@layer ds-reset,ds-foundation,ds-subatoms,ds-atoms,ds-molecules,ds-organisms,ds-templates,ds-landing;@layer ds-atoms{.pigment{position:relative;display:inline-flex;vertical-align:top;width:32px;height:32px;overflow:hidden;border:1px solid var(--control-colors-border-default);border-radius:var(--corner-radius-r8);background:transparent;cursor:pointer;transition:border-color var(--timings-fast) var(--easings-ease-in-out)}.pigment:before{content:"";display:block;width:100%;height:100%;border-radius:var(--corner-radius-r8);background:var(--pigment-skin);transform:scale(1);transition:transform var(--timings-fast) var(--easings-ease-in-out)}@media(hover:hover)and (pointer:fine){.pigment:hover{border-color:var(--control-colors-border-action)}.pigment:hover:before{transform:scale(.8)}}@media(hover:none)and (pointer:coarse){.pigment:active{border-color:var(--control-colors-border-action)}.pigment:active:before{transform:scale(.8)}}.pigment--active{border-color:var(--primary-colors-base-active)}.pigment--active:before{transform:scale(.8)}@media(hover:hover)and (pointer:fine){.pigment--active:hover{border-color:var(--primary-colors-base-active-action)}}@media(hover:none)and (pointer:coarse){.pigment--active:active{border-color:var(--primary-colors-base-active-action)}}.pigment--read-only{cursor:not-allowed;pointer-events:none}.pigment--read-only:before{transform:scale(.53)}.pigment--transparent:before{background:none;background-image:repeating-conic-gradient(var(--background-colors-tint-1) 0deg 90deg,var(--background-colors-tint-3) 90deg 180deg);background-size:10px 10px}.pigment--transparent-read-only:before{background-size:100% 100%}.pigment--no-color:after{content:"";display:block;position:absolute;inset-block:0;width:2px;height:35px;border:1px solid var(--control-colors-border-default);border-radius:var(--corner-radius-r8);background:var(--error-colors-base-default);transform:translate(27px,1px) rotate(45deg);transform-origin:left top}}