[data-v-3039d6b5]:root{--animation-timing--50:cubic-bezier(.25,1,.3,1);--transition--50:all .25s var(--animation-timing--50);--transition--100:all .5s var(--animation-timing--50)}.freeze-scroll[data-v-3039d6b5]{overflow:hidden}.no-select[data-v-3039d6b5]{-webkit-user-select:none;user-select:none}.swatch-wrapper+.swatch-wrapper[data-v-3039d6b5]{margin-top:2px}.swatch[data-v-3039d6b5]{border-radius:var(--border-radius--none);width:84px;height:64px;transition:box-shadow .25s var(--animation-timing--50);cursor:pointer;transition:var(--transition--50);border:2px solid #0000;grid-template-columns:auto max-content;padding:5px;display:grid}.swatch-wrapper:first-of-type>.swatch[data-v-3039d6b5]{border-top-left-radius:var(--border-radius--lg);border-top-right-radius:var(--border-radius--lg)}.swatch-wrapper:last-of-type>.swatch[data-v-3039d6b5]{border-bottom-left-radius:var(--border-radius--lg);border-bottom-right-radius:var(--border-radius--lg)}.swatch[data-v-3039d6b5]:hover{border:2px solid var(--neutral--0)}.swatch__hsl-info[data-v-3039d6b5]{font-size:var(--font-size--50);background-color:color-mix(in srgb,var(--neutral--0),transparent var(--alpha--low));border-radius:var(--border-radius--md);flex-direction:column;width:fit-content;height:fit-content;padding:2px 5px 4px 4px;display:flex}.swatch__data-point[data-v-3039d6b5]{flex-direction:row;height:14px;display:flex}.swatch__label[data-v-3039d6b5]{color:var(--font-color--disabled);width:calc(var(--grid-unit)*3)}.swatch__value[data-v-3039d6b5]{text-align:right}.adjust-swatch[data-v-3039d6b5],.adjust-swatch[data-v-3039d6b5]:hover{background-color:var(--white)}.adjust-swatch[data-v-3039d6b5]:only-child{place-self:center}.adjust-swatch[data-v-3039d6b5]:last-of-type:not(:only-of-type){place-self:start center}.swatch-adjustment-wrapper[data-v-3039d6b5]{position:fixed}.swatch-adjustment-wrapper-enter-active[data-v-3039d6b5],.swatch-adjustment-wrapper-leave-active[data-v-3039d6b5]{transition:opacity .5s var(--animation-timing--50)}.swatch-adjustment-wrapper-enter-from[data-v-3039d6b5],.swatch-adjustment-wrapper-leave-active[data-v-3039d6b5]{opacity:0}.show-adjustment-hex-enter-active[data-v-3039d6b5],.show-adjustment-hex-leave-active[data-v-3039d6b5],.show-button-enter-active[data-v-3039d6b5],.show-button-leave-active[data-v-3039d6b5]{transition:opacity .5s var(--animation-timing--50)}.show-adjustment-hex-enter-from[data-v-3039d6b5],.show-adjustment-hex-leave-active[data-v-3039d6b5],.show-button-enter-from[data-v-3039d6b5],.show-button-leave-active[data-v-3039d6b5]{opacity:0}.swatch-adjustment__overlay[data-v-3039d6b5]{background-color:#0000;width:100%;height:100%;position:fixed;top:0;left:0}.swatch-adjustment[data-v-3039d6b5]{border:2px solid var(--neutral--0);border-radius:var(--border-radius--lg);width:190px;height:136px;box-shadow:var(--box-shadow--onLight);padding:2px;position:relative}.swatch-adjustment__wrapper[data-v-3039d6b5]{background-color:var(--neutral--0);border-radius:var(--border-radius--md)}.swatch-adjustment__header[data-v-3039d6b5]{padding:calc(var(--grid-unit)/2) var(--grid-unit);justify-content:space-between;align-items:center;gap:calc(var(--grid-unit)*2);display:flex}.swatch-adjustment__title-wrapper[data-v-3039d6b5]{font-size:var(--font-size--200);color:var(--neutral--50);width:142px;margin-top:-1px;font-weight:500;display:flex}.swatch-adjustment__title-muted[data-v-3039d6b5]{color:var(--neutral--40)}.swatch-adjustment__title[data-v-3039d6b5]{text-overflow:ellipsis;white-space:nowrap;word-spacing:-.1em;overflow:hidden}.swatch-adjustment__close-button[data-v-3039d6b5]{color:var(--neutral--40);border-radius:var(--border-radius--max);cursor:pointer;width:24px;height:24px;transition:var(--transition--50);padding:2px}.swatch-adjustment__close-button[data-v-3039d6b5]:hover{background-color:var(--neutral--20);color:var(--neutral--60)}.swatch-adjustment__form[data-v-3039d6b5]{gap:calc(var(--grid-unit)*2);flex-direction:row;align-items:flex-end;width:auto;padding:2px 4px 6px;display:flex}.swatch-adjustment__form-groups[data-v-3039d6b5]{gap:calc(var(--grid-unit)/2);flex-direction:column;display:flex}.swatch-adjustment__form-group[data-v-3039d6b5]{align-items:center;gap:var(--grid-unit);display:flex}.swatch-adjustment__form-label[data-v-3039d6b5]{width:.75em;color:var(--font-color--soft);padding-top:.15em}.swatch-adjustment__form-input[data-v-3039d6b5]{width:68px}.swatch-adjustment__actions[data-v-3039d6b5]{gap:var(--grid-unit);justify-content:flex-end;align-items:center;width:100%;display:flex}.swatch-adjustment__swatch-previews[data-v-3039d6b5]{height:calc(var(--grid-unit)*9);flex-grow:auto;border-bottom-left-radius:var(--border-radius--md);border-bottom-right-radius:var(--border-radius--md);width:auto;display:flex;overflow:hidden}.swatch-adjustment__swatch-adjusted[data-v-3039d6b5],.swatch-adjustment__swatch-original[data-v-3039d6b5]{width:50%;padding:calc(var(--grid-unit)/2);align-items:flex-end;display:flex}.swatch-adjustment__swatch-adjusted[data-v-3039d6b5]{justify-content:flex-end}.swatch-adjustment__hex-label[data-v-3039d6b5]{font-size:var(--font-size--50);background-color:color-mix(in srgb,var(--neutral--0),transparent var(--alpha--low));padding:calc(var(--grid-unit)/2) var(--grid-unit);border-radius:var(--border-radius--sm);cursor:pointer;width:fit-content;min-width:72px;height:fit-content;color:var(--font-color--soft);flex-direction:row;gap:2px;display:flex}.swatch-adjustment__hex-label[data-v-3039d6b5]:hover{background-color:var(--neutral--0);color:var(--font-color--base)}.swatch-adjustment__text-label[data-v-3039d6b5]{color:var(--font-color--disabled);-webkit-user-select:none;user-select:none}