@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))}}