.dui-icon-container{display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.dui-icon-container svg{color:var(--text-color-icon-regular);outline:none}.dui-icon-container:hover svg{color:var(--text-color-icon-hover)}.dui-icon-container:active svg{color:var(--text-color-icon-active)}.dui-icon-container--disabled{cursor:not-allowed}.dui-icon-container--disabled svg{color:var(--text-color-disabled)}.dui-icon-container--disabled:hover svg,.dui-icon-container--disabled:active svg{color:var(--text-color-disabled)}.dui-popup{display:inline-block;color:var(--component-color-primary-regular);cursor:pointer}.dui-popup--disabled{cursor:auto}.dui-popup__panel{position:absolute;top:0;left:0;z-index:999;box-sizing:border-box;width:auto;max-height:90vh;border-radius:var(--border-radius-large)}.dui-popup__panel--scrollable{overflow-y:auto}.dui-popup__panel.gda-popover-placement-left,.dui-popup__panel.gda-popover-placement-leftTop,.dui-popup__panel.gda-popover-placement-leftBottom{padding-right:0}.dui-popup__panel.gda-popover-placement-bottom,.dui-popup__panel.gda-popover-placement-bottomLeft,.dui-popup__panel.gda-popover-placement-bottomRight{padding-top:0}.dui-popup__panel .gda-popover-inner{background:none;border:none;border-radius:0;box-shadow:none}.dui-popup__panel .gda-popover-inner-content{min-width:auto;padding:0}.dui-popup__panel--box-shadow{box-shadow:var(--boxshadow-medium)}.dui-popup__panel--padding{padding:0 16px 16px}.dui-popup__panel--padding.gda-popover-placement-left,.dui-popup__panel--padding.gda-popover-placement-leftTop,.dui-popup__panel--padding.gda-popover-placement-leftBottom{padding-right:16px}.dui-popup__panel--background{background:var(--modal-background-color)}.dui-popup__panel--medium{width:264px}.dui-popup__panel--large{width:334px;padding:0 20px 24px;border-radius:--var(--border-radius-xlarge)}.dui-popup__size--medium{width:264px}.dui-popup__size--large{width:344px}.dui-popup__header{display:flex;flex-direction:row;align-items:center;justify-content:space-between;width:calc(100% + 32px);height:48px;padding:0 32px;margin-left:-16px;-webkit-user-select:none;user-select:none}.dui-popup__header--large{height:56px}.dui-popup__header--grab{cursor:grab}.dui-popup__panel--padding .dui-popup__header{padding:0 16px}.dui-popup__title{font:var(--text-p1-bold);color:var(--text-color-primary)}.dui-popup__title--large{font:var(--text-h6-bold)}.dui-popup__close{margin-left:24px}.dui-color-picker-alpha{height:12px}.dui-color-picker-alpha__slider{margin-top:0;margin-right:6px;margin-left:6px}.dui-color-picker-alpha__background{position:relative;height:12px;background-image:linear-gradient(to top right,hsla(0,0%,80%,.6) 25%,transparent 0,transparent 75%,hsla(0,0%,80%,.6) 0,hsla(0,0%,80%,.6)),linear-gradient(to top right,hsla(0,0%,80%,.6) 25%,transparent 0,transparent 75%,hsla(0,0%,80%,.6) 0,hsla(0,0%,80%,.6));background-position:0 0,6px 6px;background-size:12px 12px;border-radius:var(--border-radius-medium)}.dui-color-picker-alpha__background:after{position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid var(--border-color-overlay);border-radius:var(--border-radius-medium);content:""}.dui-color-picker-alpha__gradient{height:12px;border-radius:var(--border-radius-medium)}.dui-color-picker-hue{height:12px}.dui-color-picker-hue__slider{margin-top:0;margin-right:6px;margin-left:6px}.dui-color-picker-hue__background{height:12px;background:linear-gradient(to right,red,#ff0 17%,#0f0 33%,#0ff,#00f 67%,#f0f 83%,red);border-radius:var(--border-radius-medium)}.dui-color-picker-hue__background:after{position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid var(--border-color-overlay);border-radius:var(--border-radius-medium);content:""}.dui-color-eye-dropper{position:fixed;z-index:9999;display:flex;flex-direction:column;align-items:center}.dui-color-eye-dropper--disabled{cursor:not-allowed}.dui-color-eye-dropper__icon{width:var(--ddc79a56);height:var(--502ca208)}.dui-color-eye-dropper__icon--hidden{visibility:hidden}.dui-color-eye-dropper__tips{display:flex;align-items:center;justify-content:center;width:92px;height:24px;margin-top:-16px;font:var(--text-p2-regular);color:var(--text-color-static-white);background-color:#000c;border-radius:var(--border-radius-small)}.dui-color-picker-input-row{display:flex}.dui-color-picker-input-row__hex{flex-grow:1;min-width:128px;margin-left:4px}.dui-color-picker-input-row__alpha{width:64px;margin-left:4px}.dui-color-picker-input-row__icon{display:flex;flex-shrink:0;align-items:center;justify-content:center;width:32px;height:32px;background-color:var(--background-color-tertiary-regular);border-radius:var(--border-radius-medium);cursor:pointer}.dui-color-picker-input-row__icon:hover{background-color:var(--background-color-tertiary-hover)}.dui-color-picker-input-row__icon--dropping{background-color:var(--button-background-color-primary-regular)}.dui-color-picker-input-row__icon--dropping svg{color:#fff}.dui-color-picker-input-row__icon--dropping:hover{background-color:var(--button-background-color-primary-regular)}.dui-color-picker-saturation{position:relative;height:140px;overflow:hidden;border-radius:var(--border-radius-medium)}.dui-color-picker-saturation__white,.dui-color-picker-saturation__black{position:absolute;top:0;right:0;bottom:0;left:0;cursor:pointer}.dui-color-picker-saturation__white{background:linear-gradient(to right,#fff,#fff0)}.dui-color-picker-saturation__black{background:linear-gradient(to top,#000,#0000)}.dui-color-picker-saturation__pointer{position:absolute;cursor:pointer}.dui-color-picker-saturation__pointer--circle{width:22px;height:22px;border:2px solid var(--static-color-white);border-radius:50%;cursor:head;transform:translate(-11px,-11px)}.dui-dropdown-trigger{display:flex;align-items:center;font:var(--text-p1-bold);color:var(--text-color-primary);outline:none;cursor:pointer;-webkit-user-select:none;user-select:none}.dui-dropdown-trigger__title{max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dui-dropdown-trigger__icon{margin-left:4px}.dui-dropdown-trigger__icon-arrow{transition:transform .3s}.dui-dropdown-trigger--expanded .dui-dropdown-trigger__icon-arrow,.gda-dropdown-open .dui-dropdown-trigger__icon-arrow,.gda-select-open .dui-dropdown-trigger__icon-arrow,.gda-cascader-picker-focused .dui-dropdown-trigger__icon-arrow{color:var(--text-color-icon-active);transform:rotate(180deg)}.dui-dropdown-trigger:hover .dui-dropdown-trigger__icon-arrow{color:var(--text-color-icon-hover)}.dui-dropdown-trigger--allow-clear .dui-dropdown-trigger__icon-clear,.dui-dropdown-trigger--allow-clear:hover .dui-dropdown-trigger__icon-arrow{display:none}.dui-dropdown-trigger--allow-clear:hover .dui-dropdown-trigger__icon-clear{display:block}.dui-preset-color-list{width:246px}.dui-preset-color-list__header{display:flex;align-items:center;height:36px}.dui-preset-color-list__title{display:flex;flex-direction:row;align-items:center;cursor:pointer}.dui-preset-color-list__title--normal{cursor:default}.dui-preset-color-list__title__text{margin-right:4px;font:var(--text-p1-bold);color:var(--text-color-primary)}.dui-preset-color-list__content{max-height:72px;margin-top:4px}.dui-preset-color-list__group{margin-top:6px}.dui-preset-color-list__group:first-child{margin-top:0}.dui-preset-color-list__group__title{height:18px;margin-bottom:4px;font:var(--text-p2-regular);line-height:18px;color:var(--text-color-tertiary)}.dui-preset-color-list__list,.dui-preset-color-list__group__list{display:flex;flex-flow:row wrap}.dui-preset-color-list__item,.dui-preset-color-list__group__item{width:24px;height:24px;margin-right:6px;margin-bottom:6px;cursor:pointer}.dui-preset-color-list__empty{display:flex;align-items:center;justify-content:center;width:232px;height:54px;margin-top:6px;font:var(--text-p2-regular);color:var(--text-color-placeholder);border:1px dashed var(--background-color-divider-regular);border-radius:var(--border-radius-medium)}.dui-preset-color-list__menu{max-height:160px;overflow-y:auto;overflow-y:overlay;background:var(--static-color-white)}.dui-preset-color-list__menu .gdesign-icon{display:none}.dui-preset-color-list__menu .gda-dropdown-menu-item-selected .gdesign-icon{display:block}.dui-preset-color-list__menu-item{display:flex;justify-content:space-between}.dui-pure-color-panel{width:232px}.dui-pure-color-panel__hue{margin-top:14px}.dui-pure-color-panel__alpha{margin-top:12px}.dui-pure-color-panel__value{margin:14px 0 8px}