@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}}@layer ds-reset,ds-foundation,ds-subatoms,ds-atoms,ds-molecules,ds-organisms,ds-templates,ds-landing;@layer ds-molecules{.color-formatter{display:flex;flex-direction:column;gap:var(--spacings-s12)}.color-formatter .text-field__control{font-size:var(--typography-t4-font-size);line-height:var(--typography-t4-line-height)}.color-formatter__icon-inputs{display:flex;flex-direction:column;flex-grow:1;flex-shrink:1;align-items:center;position:relative}.color-formatter__input-wrapper{display:flex;gap:var(--spacings-s4)}.color-formatter__icon{color:var(--text-colors-tint-2)}.color-formatter__icon>path{fill:currentColor}.color-formatter__format-input>input{padding-left:calc(var(--spacings-s32) + 4px)}}@layer ds-reset,ds-foundation,ds-subatoms,ds-atoms,ds-molecules,ds-organisms,ds-templates,ds-landing;@layer ds-molecules{@keyframes color-chooser-fade-in{0%{opacity:0}to{opacity:1}}.color-chooser{display:flex;width:100%;flex-direction:column}.color-chooser__select-wrapper{animation:color-chooser-fade-in var(--timings-default) var(--easings-ease) forwards;margin-bottom:var(--spacings-s8)}.color-chooser__spectrum{animation:color-chooser-fade-in var(--timings-default) var(--easings-ease) forwards}.color-chooser__slider{animation:color-chooser-fade-in var(--timings-default) var(--easings-ease) forwards;align-items:center;gap:var(--spacings-s8)}.color-chooser__slider-column{min-width:0}.color-chooser__slider-column--eye-dropper{grid-area:eye-dropper}.color-chooser__slider-column--hue{grid-area:hue-slider}.color-chooser__slider-column--current-prev-color{grid-area:current-previous}.color-chooser__opacity{display:grid;grid-template-rows:1fr;grid-template-columns:auto 1fr auto;grid-template-areas:"title slider percent";align-items:center;gap:var(--spacings-s12);margin-bottom:var(--spacings-s12)}.color-chooser__opacity-column{min-width:0}.color-chooser__opacity-column--title{grid-area:title}.color-chooser__opacity-column--slider{grid-area:slider}.color-chooser__opacity-column--percent{grid-area:percent;width:66px}.color-chooser--hidden{display:none}}@layer ds-reset,ds-foundation,ds-subatoms,ds-atoms,ds-molecules,ds-organisms,ds-templates,ds-landing;@layer ds-atoms{.color-spectrum{display:grid;width:100%;border-radius:var(--corner-radius-r4);background-color:var(--cs-base-color);aspect-ratio:16/9}.color-spectrum--custom-height{width:auto;height:var(--cs-height)}.color-spectrum:before{content:"";grid-area:1/1;border-radius:inherit;background:linear-gradient(267.93deg,#fff0 1.74%,#fff 98.26%)}.color-spectrum:after{content:"";grid-area:1/1;border-radius:inherit;background:linear-gradient(175.51deg,#fff0 .64%,#000 93.35%)}.color-spectrum__picker-wrap{grid-area:1/1}.color-spectrum__picker{display:grid;place-content:center;width:44px;height:44px;border:none;background:transparent;transform:translate(var(--cs-picker-x),var(--cs-picker-y));cursor:pointer}.color-spectrum__picker[data-is-interactive],.color-spectrum__picker:active{will-change:transform}.color-spectrum__picker:before{content:"";width:16px;height:16px;border:2px solid var(--absolute-white-colors-base-default);border-radius:var(--corner-radius-circle);filter:drop-shadow(0 0 4px rgba(0,0,0,.16))}}