@figlinq/react-chart-editor
Version:
plotly.js chart editor react component UI
1 lines • 79.5 kB
CSS
:root{--layout-panel-width:335px;--layout-sidebar-width:100px;--env:$ENV}.animate--fade-in{animation:fade-in .1s cubic-bezier(.19,1,.22,1) forwards;opacity:0}.animate--fade-out{animation:fade-out .1s cubic-bezier(.19,1,.22,1) forwards;opacity:1}.animate--fade-and-slide-in-from-bottom{animation:fade-and-slide-in-from-bottom .1s cubic-bezier(.19,1,.22,1) forwards;opacity:0;transform:translateY(20px)}.animate--fsbr{animation:fsbr .1s cubic-bezier(.19,1,.22,1) forwards;opacity:1;transform:none}.\+flex{display:flex}.\+cursor-clickable{cursor:pointer}.\+hover-grey:hover{color:var(--color-text-active)}.\+error{border-color:var(--color-sienna)!important;outline-color:var(--color-sienna)!important}.plotly-editor--theme-provider{--color-white:#fff;--color-rhino-core:#2a3f5f;--color-rhino-dark:#506784;--color-rhino-medium-1:#a2b1c6;--color-rhino-medium-2:#c8d4e3;--color-rhino-light-1:#dfe8f3;--color-rhino-light-2:#ebf0f8;--color-rhino-light-3:#f3f6fa;--color-rhino-light-4:#fafbfd;--color-rhino-light-5:#f8f8f9;--color-figlinq-brand:#08547d;--color-figlinq-brand-shade:#6a89a7;--color-figlinq-brand-shade-mid:#436e92;--color-figlinq-brand-darker:#114667;--color-figlinq-accent:#55bbe7;--color-figlinq-accent-shade:#3d7893;--color-figlinq-accent-shade-mid:#4999bc;--color-aqua:#09ffff;--color-aqua-shade:#19d3f3;--color-lavender:#e763fa;--color-lavender-shade:#ab63fa;--color-lavender-shade-mid:#934bde;--color-cornflower:#636efa;--color-emerald:#00cc96;--color-sienna:#ef553b;--color-accent:var(--color-figlinq-brand);--color-accent-shade:var(--color-figlinq-brand-shade);--color-accent-shade-mid:var(--color-figlinq-brand-shade-mid);--color-brand:var(--color-figlinq-brand);--color-brand-darker:var(--color-figlinq-brand-darker);--color-text-base:var(--color-rhino-dark);--color-text-light:var(--color-rhino-medium-1);--color-text-dark:var(--color-rhino-core);--color-text-headings:var(--color-text-dark);--color-text-section-header:var(--color-text-dark);--color-text-active:var(--color-rhino-core);--color-text-placeholder:var(--color-rhino-medium-1);--color-border-default:var(--color-rhino-medium-2);--color-border-light:var(--color-rhino-light-1);--color-border-dark:var(--color-rhino-medium-1);--color-border-accent:var(--color-accent);--color-border-accent-shade:var(--color-accent-shade);--color-background:var(--color-rhino-light-2);--color-background-base:var(--color-rhino-light-2);--color-background-light:var(--color-rhino-light-3);--color-background-medium:var(--color-rhino-light-1);--color-background-dark:var(--color-rhino-medium-1);--color-background-top:var(--color-white);--color-background-inverse:var(--color-rhino-dark);--color-background-inputs:var(--color-background-top);--color-button-primary-base-fill:var(--color-accent);--color-button-primary-base-border:var(--color-accent-shade);--color-button-primary-base-text:var(--color-white);--color-button-primary-hover-fill:var(--color-accent-shade-mid);--color-button-primary-hover-border:var(--color-accent-shade);--color-button-primary-hover-text:var(--color-white);--color-button-primary-active-fill:var(--color-accent-shade);--color-button-primary-active-border:var(--color-accent-shade);--color-button-primary-active-text:var(--color-white);--color-button-secondary-base-fill:transparent;--color-button-secondary-base-border:var(--color-rhino-medium-2);--color-button-secondary-base-text:var(--color-text-base);--color-button-secondary-hover-fill:transparent;--color-button-secondary-hover-border:var(--color-rhino-medium-1);--color-button-secondary-hover-text:var(--color-text-dark);--color-button-secondary-active-fill:transparent;--color-button-secondary-active-border:var(--color-rhino-medium-1);--color-button-secondary-active-text:var(--color-text-dark);--color-button-tertiary-base-fill:transparent;--color-button-tertiary-base-border:transparent;--color-button-tertiary-base-text:var(--color-text-base);--color-button-tertiary-hover-fill:transparent;--color-button-tertiary-hover-border:transparent;--color-button-tertiary-hover-text:var(--color-text-dark);--color-button-tertiary-active-fill:transparent;--color-button-tertiary-active-border:transparent;--color-button-tertiary-active-text:var(--color-text-dark);--color-button-default-base-fill:var(--color-background-light);--color-button-default-base-border:var(--color-border-default);--color-button-default-base-text:var(--color-text-base);--color-button-default-hover-fill:var(--color-background-base);--color-button-default-hover-border:var(--color-border-dark);--color-button-default-hover-text:var(--color-text-dark);--color-button-default-active-fill:var(--color-background-dark);--color-button-default-active-border:var(--color-border-dark);--color-button-default-active-text:var(--color-text-dark);--color-button-upgrade-base-fill:var(--color-lavender-shade);--color-button-upgrade-base-border:var(--color-lavender-shade-dark);--color-button-upgrade-base-text:var(--color-white);--color-button-upgrade-hover-fill:var(--color-lavender-shade-mid);--color-button-upgrade-hover-border:var(--color-lavender-shade-dark);--color-button-upgrade-hover-text:var(--color-white);--color-button-upgrade-active-fill:var(--color-lavender-shade-dark);--color-button-upgrade-active-border:var(--color-lavender-shade-dark);--color-button-upgrade-active-text:var(--color-white);--color-button-header-base-fill:transparent;--color-button-header-base-border:var(--color-dodger);--color-button-header-base-text:var(--color-dodger);--color-button-header-hover-fill:transparent;--color-button-header-hover-border:var(--color-dodger-shade-mid);--color-button-header-hover-text:var(--color-dodger-shade);--color-button-header-active-fill:transparent;--color-button-header-active-border:var(--color-dodger-shade);--color-button-header-active-text:var(--color-dodger-shade);--spacing-base-unit:24px;--spacing-half-unit:12px;--spacing-quarter-unit:6px;--spacing-sixth-unit:4px;--spacing-eighth-unit:3px;--font-size-base:13px;--font-size-small:12px;--font-size-medium:14px;--font-size-large:14px;--font-size-heading-base:24px;--font-size-heading-small:18px;--font-size-heading-large:28px;--font-size-h5:16px;--font-weight-light:400;--font-weight-normal:500;--font-weight-semibold:600;--font-weight-bold:700;--font-leading-body:1.6;--font-leading-head:1.2;--font-letter-spacing-headings:0.5px;--font-family-body:"Open Sans",--apple-default,sans-serif;--font-family-headings:"Dosis","Arial",sans-serif;--border-default:1px solid var(--color-border-default);--border-light:1px solid var(--color-border-light);--border-dark:1px solid var(--color-border-dark);--border-accent:1px solid var(--color-border-accent);--border-accent-shade:1px solid var(--color-border-accent-shade);--border-radius:5px;--border-radius-small:3px;--text-shadow-dark-color:rgba(42,63,95,.7);--text-shadow-dark-ui:0 1px 2px var(--text-shadow-dark-color);--text-shadow-dark-ui-inactive:0 1px 1px rgba(42,63,95,.4);--box-shadow-base-color:rgba(80,103,132,.2);--box-shadow-base:0px 2px 9px var(--box-shadow-base-color);--scrollbar-track-background:var(--color-background-base);--scrollbar-thumb-color:var(--color-rhino-medium-1);--panel-background:var(--color-background-base);--panel-width:var(--layout-panel-width);--fold-header-text-color-base:var(--color-white);--fold-header-background-base:var(--color-figlinq-brand);--fold-header-border-color-base:var(--color-figlinq-brand);--fold-header-text-color-closed:var(--color-white);--fold-header-background-closed:var(--color-figlinq-brand-darker);--fold-header-border-color-closed:var(--color-figlinq-brand-darker);--sidebar-background:var(--color-background-top);--sidebar-width:var(--layout-sidebar-width);--sidebar-group-background-base:var(--sidebar-background);--sidebar-item-background-base:var(--color-background-light);--sidebar-item-background-hover:var(--color-background-base);--sidebar-item-background-active:var(--color-background-medium);--editor-width:calc(var(--sidebar-width) + var(--panel-width) + 1px)}.editor_controls{display:flex;flex-shrink:0;overflow:hidden;position:relative;width:var(--editor-width);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:var(--font-family-body)}.editor_controls :root{--layout-panel-width:335px;--layout-sidebar-width:100px}.editor_controls .animate--fade-in,.editor_controls .modal__backdrop{animation:fade-in .1s cubic-bezier(.19,1,.22,1) forwards;opacity:0}.editor_controls .animate--fade-out,.editor_controls .modal--animate-out .modal__backdrop{animation:fade-out .1s cubic-bezier(.19,1,.22,1) forwards;opacity:1}.editor_controls .animate--fade-and-slide-in-from-bottom,.editor_controls .modal__card{animation:fade-and-slide-in-from-bottom .1s cubic-bezier(.19,1,.22,1) forwards;opacity:0;transform:translateY(20px)}.editor_controls .animate--fsbr,.editor_controls .modal--animate-out .modal__card{animation:fsbr .1s cubic-bezier(.19,1,.22,1) forwards;opacity:1;transform:none}.editor_controls .sidebar{background:var(--sidebar-background);border-right:var(--border-default);flex-grow:1;float:left;height:100%;max-width:var(--sidebar-width);min-width:var(--sidebar-width);overflow-x:hidden;overflow-y:auto;scrollbar-color:var(--scrollbar-thumb-color) var(--scrollbar-track-background);scrollbar-width:none;text-align:center;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:var(--sidebar-width);-webkit-overflow-scrolling:touch}.editor_controls .sidebar::-webkit-scrollbar{background:#fff;width:0}.editor_controls .sidebar::-webkit-scrollbar-track{background:var(--scrollbar-track-background);box-shadow:none}.editor_controls .sidebar::-webkit-scrollbar-thumb{background-color:var(--scrollbar-thumb-color);border-radius:10px}.editor_controls .sidebar__group{background-color:var(--sidebar-group-background-base);cursor:pointer;width:100%}.editor_controls .sidebar__group__title{border-bottom:var(--border-light);color:var(--color-text-base);display:flex;font-size:var(--font-size-medium);font-weight:var(--font-weight-normal);padding:var(--spacing-half-unit) 0;position:relative;text-align:left;text-transform:capitalize}.editor_controls .sidebar__group__title__label{padding-left:var(--spacing-base-unit)}.editor_controls .sidebar__group__title__icon{opacity:.5;position:absolute;transform:scale(.9) translateX(2px) translateY(-4px);transform-origin:center center;transition:all .15s ease-in-out}.editor_controls .sidebar__group__title__icon svg path{fill:currentColor}.editor_controls .sidebar__group:hover .sidebar__group__title__icon{opacity:1}.editor_controls .sidebar__group--is-active{color:var(--color-text-active);cursor:default}.editor_controls .sidebar__group--is-active .sidebar__group__title__label{color:var(--color-text-active);font-weight:var(--font-weight-semibold)}.editor_controls .sidebar__group--is-active .sidebar__group__title__icon{opacity:1}.editor_controls .sidebar__group--is-active .sidebar__group__title__icon svg path{fill:var(--color-accent)}.editor_controls .sidebar__group--is-expanded .sidebar__group__title__icon{opacity:1;transform:scale(.9) translateY(-5px) rotate(90deg)}.editor_controls .sidebar__group--is-expanded .sidebar__group__title{box-shadow:var(--box-shadow-base);position:relative;z-index:4}.editor_controls .sidebar__item{background-color:var(--sidebar-item-background-base);border-bottom:var(--border-light);color:var(--color-text-base);cursor:pointer;font-size:var(--font-size-medium);font-weight:var(--font-weight-normal);line-height:var(--font-size-medium);overflow:hidden;padding:10px 10px 10px 18px;padding-right:var(--spacing-quarter-unit);position:relative;text-align:left;text-transform:capitalize}.editor_controls .sidebar__item--single{margin-top:15px}.editor_controls .sidebar__item--single:last-child{margin-bottom:15px}.editor_controls .sidebar__item:before{background-color:var(--color-accent);content:"";height:100%;left:0;position:absolute;top:0;transform:scaleX(0);transform-origin:left center;transition:all .15s ease-in-out;width:5px;will-change:transform}.editor_controls .sidebar__item span{display:block;transition:all .15s ease-in-out;will-change:transform}.editor_controls .sidebar__item:not(.sidebar__item--is-active):hover{background-color:var(--sidebar-item-background-hover)}.editor_controls .sidebar__item--is-active{color:var(--color-text-active);cursor:default;font-weight:var(--font-weight-semibold)}.editor_controls .sidebar__item--is-active:before{transform:none}.editor_controls .sidebar__item--is-active span{transform:translateX(5px)}.editor_controls .sidebar__logo{height:50px;margin:10px}.editor_controls .sidebar__buttons{display:flex;flex-direction:row;width:var(--sidebar-width)}.editor_controls .panel{box-sizing:border-box;display:flex;flex-direction:column;flex-grow:1;overflow-x:hidden;overflow-y:auto;padding:var(--spacing-half-unit);position:relative;scrollbar-color:var(--scrollbar-thumb-color) var(--scrollbar-track-background);scrollbar-width:thin;width:100%;-webkit-overflow-scrolling:touch}.editor_controls .panel::-webkit-scrollbar{background:#fff;width:5px}.editor_controls .panel::-webkit-scrollbar-track{background:var(--scrollbar-track-background);box-shadow:none}.editor_controls .panel::-webkit-scrollbar-thumb{background-color:var(--scrollbar-thumb-color);border-radius:10px}.editor_controls .editor_controls__wrapper>.panel{background-color:var(--panel-background);border-right:var(--border-default);width:var(--panel-width)}.editor_controls .panel__content{display:flex;flex-direction:column;flex-grow:1}.editor_controls .panel__header{display:flex;flex-shrink:0;margin-bottom:var(--spacing-half-unit)}.editor_controls .panel__header__content{flex-grow:1}.editor_controls .panel__header__actions__container{width:100%}.editor_controls .panel__header__collapse{align-items:center;color:var(--color-text-base);cursor:pointer;display:flex;float:left;font-size:var(--font-size-medium);height:100%}.editor_controls .panel__header__collapse svg{height:16px!important;padding-right:3px;width:16px!important}.editor_controls .panel__header__collapse svg path{fill:var(--color-text-light)!important}.editor_controls .panel__header__action{float:right}.editor_controls .panel__empty{background-color:var(--panel-background);border-right:var(--border-default);box-sizing:border-box;display:flex;flex-direction:column;height:100%;padding:var(--spacing-half-unit);position:absolute;right:0;top:0;width:var(--panel-width);z-index:1}.editor_controls .panel__empty__message{text-align:center}.editor_controls .panel__empty__message__icon{margin-bottom:var(--spacing-half-unit);opacity:.5;padding-top:calc(var(--spacing-base-unit)*2)}.editor_controls .panel__empty__message__icon svg{height:48px!important;margin:0 auto;width:48px!important}.editor_controls .panel__empty__message__icon svg path{fill:var(--color-text-light)!important}.editor_controls .panel__empty__message__heading{color:var(--color-text-headings);font-family:var(--font-family-headings);font-size:var(--font-size-heading-base);font-weight:var(--font-weight-normal);letter-spacing:var(--font-letter-spacing-headings);line-height:var(--font-leading-head)}.editor_controls .panel__empty__message__content{color:var(--color-text-base);font-size:var(--font-size-base);line-height:var(--font-leading-body)}.editor_controls .panel--no-padding{padding:0}.editor_controls .fold .panel{overflow-x:visible;overflow-y:visible}.editor_controls .fold{margin-bottom:var(--spacing-half-unit);-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%}.editor_controls .fold__top{background-color:var(--fold-header-background-closed);border:1px solid var(--fold-header-border-color-closed);border-radius:var(--border-radius);clear:both;color:var(--fold-header-text-color-closed);display:flex;font-size:var(--font-size-base);height:15px;justify-content:space-between;padding:var(--spacing-quarter-unit) var(--spacing-half-unit);text-shadow:var(--text-shadow-dark-ui);transition:background-color .1s ease-in-out,color .1s ease-in-out,border .1s ease-in-out}.editor_controls .fold__top:hover{background-color:var(--fold-header-background-closed);cursor:pointer}.editor_controls .fold__top svg{display:block;filter:drop-shadow(0 1px 2px rgba(42,63,95,.7));height:18px;width:18px}.editor_controls .fold__top svg path{fill:currentColor}.editor_controls .fold__top--open{background-color:var(--fold-header-background-base);border:1px solid var(--fold-header-border-color-base);border-radius:var(--border-radius) var(--border-radius) 0 0;color:var(--fold-header-text-color-base);text-shadow:var(--text-shadow-dark-ui-inactive)}.editor_controls .fold__top--open svg{filter:drop-shadow(0 1px 1px rgba(42,63,95,.4))}.editor_controls .fold__top--open:hover{background-color:var(--fold-header-background-base)}.editor_controls .fold__top__icon{display:block;margin-right:var(--spacing-quarter-unit);transform:translateY(-1px)}.editor_controls .fold__top__title{font-size:var(--font-size-medium);font-weight:var(--font-weight-semibold);letter-spacing:.2px;line-height:var(--font-size-medium);margin-left:calc(var(--spacing-half-unit)/3);max-width:230px;overflow:hidden;text-overflow:ellipsis;transform:translateY(1px);white-space:nowrap}.editor_controls .fold__top__arrow{transform:translateX(-3px) translateY(-1px)}.editor_controls .fold__top__arrow svg{font-weight:700;transform:rotate(-90deg);transform-origin:center center;transition:transform .1s ease-in-out;will-change:transform}.editor_controls .fold__top__arrow-title{display:flex;flex-grow:1}.editor_controls .fold__top__arrow--open svg{transform:rotate(0deg)}.editor_controls .fold__top__moving-controls{height:27px;margin-right:5px;margin-top:-7px}.editor_controls .fold__top__moving-controls svg{font-weight:700;opacity:.75}.editor_controls .fold__top__moving-controls--up{display:block;height:13px;width:18px}.editor_controls .fold__top__moving-controls--up svg{transform:rotate(-180deg);transform-origin:center center}.editor_controls .fold__top__moving-controls--up svg:hover{opacity:1}.editor_controls .fold__top__moving-controls--up--disabled{display:block;height:13px;width:18px}.editor_controls .fold__top__moving-controls--up--disabled svg{opacity:.3;transform:rotate(-180deg);transform-origin:center center}.editor_controls .fold__top__moving-controls--up--disabled svg:hover{opacity:.3}.editor_controls .fold__top__moving-controls--down{display:block;height:13px;margin-top:-2px;width:18px}.editor_controls .fold__top__moving-controls--down svg:hover{opacity:1}.editor_controls .fold__top__moving-controls--down--disabled{display:block;height:13px;margin-top:-2px;width:18px}.editor_controls .fold__top__moving-controls--down--disabled svg,.editor_controls .fold__top__moving-controls--down--disabled svg:hover{opacity:.3}.editor_controls .fold__top__delete{font-size:18px;opacity:.75;transform:translateY(-2px)}.editor_controls .fold__top__delete:hover{opacity:1}.editor_controls .fold__content{background:var(--color-background-top);border:var(--border-default);border-bottom-left-radius:5px;border-bottom-right-radius:5px;border-width:0 1px 1px}.editor_controls .fold__content__plot{border-bottom-left-radius:var(--border-radius);border-bottom-right-radius:var(--border-radius);overflow:hidden}.editor_controls .fold__content>:first-child{border-top:0}.editor_controls .fold__content__empty{display:flex;flex-direction:column;font-family:var(--font-family-headings);justify-content:center;padding:30px 25px}.editor_controls .fold__content__empty__icon{background-color:var(--color-dodger);border-radius:50%;display:flex;flex-direction:column;height:40px;justify-content:center;margin:0 auto 15px;width:40px}.editor_controls .fold__content__empty__icon svg{margin:0 auto!important;fill:#fff;height:23px;width:23px}.editor_controls .fold__content__empty__message__primary{color:var(--color-text-base);font-size:17px;margin-bottom:20px;text-align:center}.editor_controls .fold__content__empty__message__secondary{color:var(--color-text-base);font-family:var(--font-family-body);font-size:var(--font-size-small);text-align:center}.editor_controls .fold__content--noheader{border-width:1px}.editor_controls .fold .fold:last-child{margin-bottom:0}.editor_controls .section__heading{background-color:var(--color-background-light);clear:both;color:var(--color-text-section-header);cursor:default;display:flex;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);padding:var(--spacing-quarter-unit) var(--spacing-half-unit);position:relative;text-transform:capitalize}.editor_controls .section:not(:first-child) .section__heading{border-top:var(--border-light)}.editor_controls .section:first-child .section__heading{border-top:0}.editor_controls .menupanel{display:flex;flex-grow:1;justify-content:flex-end;padding-top:0}.editor_controls .menupanel--ownline{padding-top:var(--spacing-quarter-unit);width:100%}.editor_controls .menupanel__label{font-weight:var(--font-weight-semibold);padding-right:var(--spacing-quarter-unit)}.editor_controls .menupanel__icon{height:15px!important;vertical-align:middle;width:15px!important;fill:var(--color-text-light)!important;padding-left:var(--spacing-quarter-unit)}.editor_controls .menupanel__icon svg{display:block}.editor_controls .menupanel__icon:hover{cursor:pointer;fill:var(--color-accent)!important}.editor_controls .menupanel__icon-span{display:flex;font-size:var(--font-size-small)}.editor_controls .menupanel__icon-span--question{color:var(--color-text-base)}.editor_controls .info__title{color:var(--color-text-headings);font-family:var(--font-family-headings);font-size:var(--font-size-heading-small);font-weight:var(--font-weight-normal);letter-spacing:var(--font-letter-spacing-headings);line-height:var(--font-leading-head);padding:var(--spacing-half-unit) var(--spacing-half-unit) var(--spacing-quarter-unit) var(--spacing-half-unit)}.editor_controls .info__text{padding:var(--spacing-quarter-unit) var(--spacing-half-unit)}.editor_controls .info__sub-text,.editor_controls .info__text{color:var(--color-text-base);font-size:var(--font-size-small);font-weight:var(--font-weight-normal);line-height:var(--font-leading-body)}.editor_controls .info__sub-text{font-style:italic;padding:var(--spacing-quarter-unit) var(--spacing-half-unit) var(--spacing-half-unit) var(--spacing-half-unit)}.editor_controls .modalbox{align-content:center;background-color:var(--color-background-top);border:var(--border-default);border-radius:var(--border-radius);box-shadow:var(--box-shadow-base);left:calc(var(--spacing-quarter-unit)*-1);overflow:hidden;position:absolute;text-align:left;text-transform:none;top:calc(100% + var(--spacing-quarter-unit));width:calc(100% + var(--spacing-half-unit));z-index:9}.editor_controls .modalbox__cover{bottom:0;left:0;position:fixed;right:0;top:0;z-index:-1}.editor_controls .modalbox--dark{background-color:var(--color-background-inverse)}.editor_controls .modalbox--relative{position:relative}.editor_controls .field .modalbox{left:-1px;top:100%;width:100%}.editor_controls .modal{align-items:flex-start;box-sizing:border-box;display:flex;height:100vh;justify-content:center;left:0;overflow-y:auto;position:fixed;top:0;width:100vw;z-index:3001}.editor_controls .modal *{box-sizing:border-box}.editor_controls .modal__backdrop{animation-delay:0s;animation-duration:1s;height:100%;left:0;opacity:0;position:fixed;top:0;width:100%;will-change:opacity}.editor_controls .modal__backdrop:before{background:var(--color-background-dark);content:"";height:100%;left:0;opacity:.5;position:fixed;top:0;width:100%}.editor_controls .modal__card{animation-delay:.1s;animation-duration:.85s;background:var(--color-background-top);border-radius:var(--border-radius);box-shadow:var(--box-shadow-base);display:flex;flex-direction:column;flex-grow:0;margin:3vh 10vw;max-width:calc(100% - var(--spacing-base-unit));position:relative;will-change:opacity,transform;z-index:3001}.editor_controls .modal__header{align-items:center;color:var(--color-text-base);display:flex;font-weight:var(--font-weight-semibold);justify-content:space-between;padding:var(--spacing-half-unit)}.editor_controls .modal__header__close{opacity:.5}.editor_controls .modal__header__close:hover{cursor:pointer;opacity:1}.editor_controls .modal__header__close svg{display:block}.editor_controls .modal__header__close svg *{fill:currentColor}.editor_controls .modal__content{background-color:var(--color-background-light);border-bottom-left-radius:var(--border-radius);border-bottom-right-radius:var(--border-radius);flex-grow:1}.editor_controls .modal--animate-out{pointer-events:none}.editor_controls .modal--animate-out .modal__backdrop,.editor_controls .modal--animate-out .modal__card{animation-delay:0s;animation-duration:.85s}.editor_controls .panel .react-tabs{display:flex;flex-direction:column;flex-grow:1}.editor_controls .panel .react-tabs__tab{align-items:center;background:var(--color-background-medium);background:var(--color-background-light);border:var(--border-default);border-bottom:0;color:var(--color-text-base);display:flex;flex-grow:1;flex-shrink:0;font-size:var(--font-size-base);justify-content:center;padding:var(--spacing-quarter-unit);position:relative;transition:border-color .15s ease-in-out}.editor_controls .panel .react-tabs__tab-list{align-items:flex-end;background:var(--color-background-medium);display:flex;flex-shrink:0;height:32px;list-style:none;margin:0;padding-bottom:0;padding-left:var(--spacing-half-unit);padding-right:var(--spacing-half-unit);padding-top:var(--spacing-half-unit)}.editor_controls .panel .react-tabs__tab:first-of-type{border-top-left-radius:var(--border-radius)}.editor_controls .panel .react-tabs__tab:last-of-type{border-left:none;border-top-right-radius:var(--border-radius)}.editor_controls .panel .react-tabs__tab:hover{background-color:var(--color-background-base);cursor:pointer}.editor_controls .panel .react-tabs__tab--selected{background-color:var(--color-background-base);border-top-color:var(--color-accent);border-top-width:2px;color:var(--color-text-active);margin-top:0;pointer-events:none}.editor_controls .panel .react-tabs__tab--selected:before{background-color:var(--color-background-base);content:"";height:1px;left:0;position:absolute;top:100%;width:100%;z-index:4}.editor_controls .panel .react-tabs__tab:not(:first-of-type):not(:last-of-type){border-left:0}.editor_controls .panel .react-tabs__tab-panel{border-top:var(--border-default);display:none}.editor_controls .panel .react-tabs__tab-panel--selected{display:flex;flex-direction:column;flex-grow:1}.editor_controls .field{align-items:flex-start;border-top:var(--border-light);color:var(--color-text-base);display:flex;font-size:var(--font-size-base);font-weight:var(--font-weight-normal);justify-content:flex-start;line-height:var(--font-size-base);min-height:32px;padding:var(--spacing-quarter-unit) 0;position:relative;width:100%}.editor_controls .field__no-title{align-self:center;line-height:var(--font-leading-body);padding:0 var(--spacing-half-unit);width:100%}.editor_controls .field__no-title--center{text-align:center}.editor_controls .field__widget{align-self:center;display:flex;flex-basis:0;flex-wrap:wrap;padding-left:var(--spacing-half-unit);padding-right:var(--spacing-half-unit)}.editor_controls .field__widget:not(.field__widget--units){flex-grow:1}.editor_controls .field__widget--units{padding-right:0}.editor_controls .field__units{align-self:center}.editor_controls .field__title{color:var(--color-text-base);display:block;font-size:var(--font-size-small);line-height:var(--font-leading-body);padding-left:var(--spacing-half-unit);padding-top:var(--spacing-quarter-unit);-webkit-user-select:none;-moz-user-select:none;user-select:none;width:80px}.editor_controls .field__title-text{cursor:default;text-transform:capitalize}.editor_controls .field__delete{align-items:center;display:flex;justify-content:center;opacity:.5;padding-left:var(--spacing-quarter-unit)}.editor_controls .field__delete svg{display:block}.editor_controls .field__delete svg path{fill:var(--color-text-base)}.editor_controls .field__delete:hover{cursor:pointer;opacity:1}.editor_controls .field__delete:hover svg path{fill:var(--color-sienna)}.editor_controls .field__colorscale .field__widget{padding-right:0}.editor_controls .field .rect,.editor_controls .field .square{border-color:var(--color-accent)}.editor_controls .field .rect-grid{border-color:var(--panel-background)!important;border-left:1px solid;border-top:1px solid;float:left}.editor_controls .field .rect-container{margin:0 auto;max-width:294px;position:relative}.editor_controls .field .field{border-top:none}.editor_controls .field .field .field__no-title{padding:0}.editor_controls .symbol-selector__toggle{border:var(--border-default);border-radius:var(--border-radius);cursor:pointer;padding:var(--spacing-quarter-unit) var(--spacing-quarter-unit) 3px var(--spacing-quarter-unit);width:80px}.editor_controls .symbol-selector__toggle:after,.editor_controls .symbol-selector__toggle:before{content:" ";display:table}.editor_controls .symbol-selector__toggle:after{clear:both}.editor_controls .symbol-selector__toggle--dark{background-color:var(--color-background-inverse)}.editor_controls .symbol-selector__toggle__option{float:left}.editor_controls .symbol-selector__toggle__caret{float:right;fill:var(--color-text-light);height:13px!important;padding-top:var(--spacing-eighth-unit);width:13px!important}.editor_controls .symbol-selector__menu{border:var(--border-default);border-radius:var(--border-radius-small);box-shadow:2px 2px var(--spacing-half-unit) var(--color-border-light);left:var(--spacing-base-unit);max-width:225px;padding:var(--spacing-half-unit);position:absolute;z-index:3001}.editor_controls .symbol-selector__item{display:inline}.editor_controls .symbol-selector__symbol:hover{background-color:var(--color-border-default)}.editor_controls button{border:1px solid transparent;border-radius:var(--border-radius);cursor:pointer;display:inline-block;font-family:var(--font-family-body);font-size:var(--font-size-medium);font-weight:var(--font-weight-semibold);height:36px;letter-spacing:.5px;line-height:1;outline:none;padding:var(--spacing-quarter-unit) var(--spacing-half-unit);text-align:center;text-transform:capitalize;transition:all .15s ease-in-out;-webkit-user-select:none;-moz-user-select:none;user-select:none}.editor_controls button.button{padding-left:0}.editor_controls .button__wrapper{align-items:center;display:flex;justify-content:center;overflow:hidden;position:relative}.editor_controls .button__label{padding-left:var(--spacing-half-unit)}.editor_controls .button__icon{display:flex;padding-left:var(--spacing-quarter-unit);will-change:transform}.editor_controls .button__icon svg{display:block;transform:scale(.8);transform-origin:center center}.editor_controls .button__icon svg path{fill:currentColor}.editor_controls .button__icon+.button__label{padding-left:0}.editor_controls .sidebar .button{height:26px;margin-left:var(--spacing-half-unit);margin-right:var(--spacing-half-unit);width:calc(100% - var(--spacing-base-unit))}.editor_controls .sidebar .sidebar__buttons .button{border-radius:0;margin-left:0;margin-right:0;padding:2px;width:50%}.editor_controls .sidebar .sidebar__buttons .button .button__label{padding-left:2px}.editor_controls .button--no-text{background-color:var(--color-button-default-base-fill);border-color:var(--color-button-default-base-border);color:var(--color-button-default-base-text);margin-left:5px;padding-right:var(--spacing-quarter-unit)}.editor_controls .button--no-text:hover:not(.button--no-text--disabled){background-color:var(--color-button-default-hover-fill);border:1px solid var(--color-button-default-hover-border);color:var(--color-button-default-hover-text)}.editor_controls .button--no-text:active:not(.button--no-text--disabled){background-color:var(--color-button-default-active-fill);border:1px solid var(--color-button-default-active-border);color:var(--color-button-default-active-text)}.editor_controls .button--no-text--disabled{background-color:var(--color-button-default-base-fill);border-color:var(--color-button-default-base-border);color:var(--color-button-default-base-text);color:#bababa;cursor:default;margin-left:5px;padding-right:var(--spacing-quarter-unit)}.editor_controls .button--no-text--disabled:hover:not(.button--no-text--disabled){background-color:var(--color-button-default-hover-fill);border:1px solid var(--color-button-default-hover-border);color:var(--color-button-default-hover-text)}.editor_controls .button--no-text--disabled:active:not(.button--no-text--disabled){background-color:var(--color-button-default-active-fill);border:1px solid var(--color-button-default-active-border);color:var(--color-button-default-active-text)}.editor_controls .button--default{background-color:var(--color-button-default-base-fill);border-color:var(--color-button-default-base-border);color:var(--color-button-default-base-text)}.editor_controls .button--default:hover:not(.button--no-text--disabled){background-color:var(--color-button-default-hover-fill);border:1px solid var(--color-button-default-hover-border);color:var(--color-button-default-hover-text)}.editor_controls .button--default:active:not(.button--no-text--disabled){background-color:var(--color-button-default-active-fill);border:1px solid var(--color-button-default-active-border);color:var(--color-button-default-active-text)}.editor_controls .button--primary{background-color:var(--color-button-primary-base-fill);border-color:var(--color-button-primary-base-border);color:var(--color-button-primary-base-text);text-shadow:var(--text-shadow-dark-ui)}.editor_controls .button--primary svg{filter:drop-shadow(0 1px 2px rgba(42,63,95,.7))}.editor_controls .button--primary:hover:not(.button--no-text--disabled){background-color:var(--color-button-primary-hover-fill);border:1px solid var(--color-button-primary-hover-border);color:var(--color-button-primary-hover-text)}.editor_controls .button--primary:active:not(.button--no-text--disabled){background-color:var(--color-button-primary-active-fill);border:1px solid var(--color-button-primary-active-border);color:var(--color-button-primary-active-text)}.editor_controls .button--secondary{background-color:var(--color-button-secondary-base-fill);border-color:var(--color-button-secondary-base-border);color:var(--color-button-secondary-base-text)}.editor_controls .button--secondary:hover:not(.button--no-text--disabled){background-color:var(--color-button-secondary-hover-fill);border:1px solid var(--color-button-secondary-hover-border);color:var(--color-button-secondary-hover-text)}.editor_controls .button--secondary:active:not(.button--no-text--disabled){background-color:var(--color-button-secondary-active-fill);border:1px solid var(--color-button-secondary-active-border);color:var(--color-button-secondary-active-text)}.editor_controls .button--tertiary{background-color:var(--color-button-tertiary-base-fill);border-color:var(--color-button-tertiary-base-border);color:var(--color-button-tertiary-base-text)}.editor_controls .button--tertiary:hover:not(.button--no-text--disabled){background-color:var(--color-button-tertiary-hover-fill);border:1px solid var(--color-button-tertiary-hover-border);color:var(--color-button-tertiary-hover-text)}.editor_controls .button--tertiary:active:not(.button--no-text--disabled){background-color:var(--color-button-tertiary-active-fill);border:1px solid var(--color-button-tertiary-active-border);color:var(--color-button-tertiary-active-text)}.editor_controls .button--upgrade{background-color:var(--color-button-upgrade-base-fill);border-color:var(--color-button-upgrade-base-border);color:var(--color-button-upgrade-base-text);text-shadow:var(--text-shadow-dark-ui)}.editor_controls .button--upgrade svg{filter:drop-shadow(0 1px 2px rgba(42,63,95,.7))}.editor_controls .button--upgrade:hover:not(.button--no-text--disabled){background-color:var(--color-button-upgrade-hover-fill);border:1px solid var(--color-button-upgrade-hover-border);color:var(--color-button-upgrade-hover-text)}.editor_controls .button--upgrade:active:not(.button--no-text--disabled){background-color:var(--color-button-upgrade-active-fill);border:1px solid var(--color-button-upgrade-active-border);color:var(--color-button-upgrade-active-text)}.editor_controls .button--header{background-color:var(--color-button-header-base-fill);border-color:var(--color-button-header-base-border);color:var(--color-button-header-base-text)}.editor_controls .button--header:hover:not(.button--no-text--disabled){background-color:var(--color-button-header-hover-fill);border:1px solid var(--color-button-header-hover-border);color:var(--color-button-header-hover-text)}.editor_controls .button--header:active:not(.button--no-text--disabled){background-color:var(--color-button-header-active-fill);border:1px solid var(--color-button-header-active-border);color:var(--color-button-header-active-text)}.editor_controls .checkbox__group{text-align:left}.editor_controls .checkbox__item{cursor:default;padding-bottom:var(--spacing-eighth-unit);padding-top:var(--spacing-eighth-unit);-webkit-user-select:none;-moz-user-select:none;user-select:none}.editor_controls .checkbox__item--vertical{clear:both;display:block}.editor_controls .checkbox__box{border:var(--border-default);border-radius:var(--border-radius-small);cursor:pointer;display:inline-block;height:18px;position:relative;text-align:center;vertical-align:middle;width:18px}.editor_controls .checkbox__box:hover{background:var(--color-background-light)}.editor_controls .checkbox__box--checked{background:var(--color-accent);border:var(--border-accent-shade)}.editor_controls .checkbox__box--checked:hover{background:var(--color-accent-shade)}.editor_controls .checkbox__box--checked+.checkbox__label{color:var(--color-text-active)}.editor_controls .checkbox__check{align-items:center;color:var(--color-text-base);display:flex;font-size:var(--spacing-half-unit);height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%}.editor_controls .checkbox__check svg{filter:drop-shadow(0 1px 2px rgba(42,63,95,.7))}.editor_controls .checkbox__check svg path{fill:var(--color-white)!important}.editor_controls .checkbox__label{color:var(--color-text-base);cursor:pointer;display:inline-block;font-size:var(--font-size-base);line-height:20px;padding-left:var(--spacing-quarter-unit);text-align:left;vertical-align:middle}.editor_controls .colorpicker__controls .colorpicker__active,.editor_controls .colorpicker__controls .colorpicker__sliders .colorpicker__slider,.editor_controls .colorpicker__saturation{border:var(--border-default);border-radius:var(--border-radius-small);cursor:pointer;overflow:hidden;position:relative}.editor_controls .colorpicker{border:var(--border-default);border-radius:100%;display:flex;height:26px;padding:var(--spacing-eighth-unit);width:26px}.editor_controls .colorpicker__outer{width:185px}.editor_controls .colorpicker__container{align-items:center;display:flex;line-height:2;position:relative;width:185px}.editor_controls .colorpicker__selected-color{color:var(--color-text-base);display:inline-block;font-size:var(--font-size-small);font-weight:var(--font-weight-semibold);margin-left:var(--spacing-half-unit);text-transform:uppercase;vertical-align:middle}.editor_controls .colorpicker__swatch{border-radius:50%;flex-grow:1;height:100%;width:100%}.editor_controls .colorpicker__saturation{height:100px}.editor_controls .colorpicker__custom-input{padding-top:var(--spacing-eighth-unit)}.editor_controls .colorpicker__custom-input input{background-color:var(--color-background-inputs);border:var(--border-default)!important;box-shadow:none!important;color:var(--color-text-dark)}.editor_controls .colorpicker__custom-input input+span{color:var(--color-text)!important}.editor_controls .colorpicker__controls .colorpicker__sliders{width:100%}.editor_controls .colorpicker__controls .colorpicker__sliders .colorpicker__slider{height:10px;margin:auto 0;margin:var(--spacing-eighth-unit) 0}.editor_controls .colorpicker__controls .colorpicker__active{height:var(--spacing-base-unit);margin:var(--spacing-eighth-unit) 0 0 var(--spacing-half-unit);width:var(--spacing-base-unit)}.editor_controls .colorpicker__controls .colorpicker__active .colorpicker__active-swatch{border:1px solid #eee;border-radius:var(--border-radius-small);bottom:0;left:0;position:absolute;right:0;top:0}.editor_controls .sketch-picker{border:none!important;box-shadow:none!important;padding:10px 0 0!important}.editor_controls .sketch-picker input,.editor_controls .sketch-picker label{color:var(--color-text-base)!important}.editor_controls .sketch-picker input{box-shadow:var(--color-border-light) 0 0 0 1px inset!important}.editor_controls .sketch-picker input:focus-visible{outline-color:var(--color-brand-accent)!important}.editor_controls .sketch-picker>div:nth-child(2)>div:nth-child(2){display:none!important}.editor_controls .sketch-picker .flexbox-fix:last-of-type{border-top:none!important;padding-top:0!important}.editor_controls .sketch-picker .flexbox-fix:last-of-type div{margin-bottom:3px!important;margin-right:3px!important}.editor_controls .sketch-picker .flexbox-fix:last-of-type div:nth-of-type(5n){margin-right:8px!important}.editor_controls .fold .fold .colorpicker__container,.editor_controls .fold .fold .colorpicker__outer{width:calc(185px - var(--spacing-half-unit) - var(--spacing-half-unit))}.editor_controls .colorscaleDescription,.editor_controls .colorscalePickerTopContainer{display:none}.editor_controls .colorscalePickerContainer{background:none;border:none;max-height:none;min-width:240px;padding:0;position:relative;resize:none}.editor_controls .colorscalePickerContainer input:focus{outline:none}.editor_controls .colorscalePickerContainer::-webkit-scrollbar{width:5px}.editor_controls .colorscalePickerBottomContainer{padding:5px 0 0}.editor_controls .colorscaleControlPanel{margin:0 0 0 27%;padding:0;width:70%}.editor_controls .customPickerContainer{text-align:left;width:180px}.editor_controls .customPickerContainer__clickable{margin-top:5px;min-height:27px;width:180px}.editor_controls .customPickerContainer__expanded-content{margin-top:10px}.editor_controls .customPickerContainer__category-dropdown{max-width:100%;width:180px!important}.editor_controls .customPickerContainer__palettes{margin-left:-60px}.editor_controls .customPickerContainer__info{width:240px}.editor_controls .dropdown-container{flex-grow:1}.editor_controls .dropdown-container:not(:last-child){margin-bottom:var(--spacing-quarter-unit)}.editor_controls .dropdown-container .Select__control{background-color:var(--color-background-inputs);border:var(--border-default);box-shadow:none!important;color:var(--color-text-base);min-height:36px}.editor_controls .dropdown-container .Select__control:hover{border-color:var(--color-border-dark)}.editor_controls .dropdown-container .Select__control:hover .Select__arrow{opacity:1}.editor_controls .dropdown-container .Select__control:not(.is-open){background-color:var(--color-background-inputs)!important}.editor_controls .dropdown-container .Select__option{background-color:var(--color-background-inputs);color:var(--color-text-base)}.editor_controls .dropdown-container .Select__menu{background-color:transparent;border:var(--border-default);border-top-color:var(--color-border-default);box-shadow:var(--box-shadow-base);margin-bottom:0;margin-top:0;top:98%;z-index:100}.editor_controls .dropdown-container .Select__menu-list{padding-bottom:0;padding-top:0}.editor_controls .dropdown-container .Select__menu-notice{background:var(--color-background-inputs)}.editor_controls .dropdown-container .Select__indicator-separator{display:none}.editor_controls .dropdown-container .Select__clear-indicator{color:var(--color-rhino-medium-2);padding:6px 0}.editor_controls .dropdown-container .Select__clear-indicator:hover{color:var(--color-sienna)}.editor_controls .dropdown-container .Select__dropdown-indicator{color:var(--color-rhino-medium-2);padding:6px 6px 6px 0}.editor_controls .dropdown-container .Select__dropdown-indicator:hover{color:var(--color-border-accent)}.editor_controls .dropdown-container .Select__single-value{color:var(--color-text-active);font-size:12px;font-weight:400;height:16px}.editor_controls .dropdown-container .Select__multi-value{background-color:var(--color-rhino-medium-2);border:var(--border-default)}.editor_controls .dropdown-container .Select__multi-value__label{max-width:105px;white-space:pre-wrap;word-break:break-word}.editor_controls .dropdown-container .Select.is-focused:not(.is-open)>.Select__control{border-color:var(--color-border-accent)}.editor_controls .dropdown-container .Select__arrow{border-color:var(--color-border-default) transparent transparent}.editor_controls .dropdown-container .Select__option--is-selected{font-weight:var(--font-weight-semibold)}.editor_controls .dropdown-container .Select__option--is-focused,.editor_controls .dropdown-container .Select__option--is-selected,.editor_controls .dropdown-container .Select__option:hover{background-color:var(--color-background-light);color:var(--color-text-active)}.editor_controls .dropdown-container .Select__value-container{color:var(--color-text-base);padding:2px 6px}.editor_controls .dropdown-container .Select__placeholder{color:var(--color-text-placeholder);font-size:12px;font-weight:400;height:16px}.editor_controls .dropdown-container .dropdown--dark .Select__control,.editor_controls .dropdown-container .dropdown--dark .Select__option{background-color:var(--color-background-inverse)}.editor_controls .dropdown-container .dropdown--dark .Select__option--is-selected{background-color:var(--color-border-default)}.editor_controls .dropdown-container .dropdown--dark .Select--is-focused{background-color:var(--color-border-light)}.editor_controls ::-webkit-input-placeholder{color:var(--color-text-placeholder)}.editor_controls :-moz-placeholder,.editor_controls ::-moz-placeholder{color:var(--color-text-placeholder)}.editor_controls .numeric-input__wrapper{align-items:center;color:var(--color-text-base);display:flex;flex:1;line-height:20px;max-width:100%}.editor_controls .numeric-input__number{background:var(--color-background-inputs);border:var(--border-default);border-radius:var(--border-radius-small);color:inherit;cursor:text;display:inline-block;font-family:inherit;font-size:inherit;overflow:hidden;padding:var(--spacing-quarter-unit);text-align:left;text-overflow:ellipsis;vertical-align:middle;white-space:nowrap;width:62px}.editor_controls .numeric-input__caret-box{box-sizing:border-box;display:inline-block;margin-left:var(--spacing-quarter-unit);margin-right:var(--spacing-half-unit);max-height:32px;vertical-align:middle}.editor_controls .numeric-input__caret:first-child{margin-bottom:2px}.editor_controls .numeric-input__caret{background-color:var(--color-background-light);border:var(--border-default);border-radius:1px;cursor:pointer;line-height:var(--spacing-half-unit);max-height:13px;text-align:center}.editor_controls .numeric-bottom-caret-modifier,.editor_controls .numeric-top-caret-modifier{height:13px!important;width:13px!important;fill:var(--color-text-base)!important}.editor_controls .AxisInterval-milliseconds{width:50%}.editor_controls .text-input{background:var(--color-background-inputs);border:var(--border-default);border-radius:var(--border-radius-small);color:inherit;cursor:text;display:inline-block;font-family:inherit;font-size:inherit;overflow:hidden;padding:var(--spacing-quarter-unit) var(--spacing-quarter-unit) var(--spacing-quarter-unit) var(--spacing-half-unit);text-align:left;text-overflow:ellipsis;vertical-align:middle;white-space:nowrap;width:140px}.editor_controls .radio-block{display:flex;line-height:var(--font-leading-head);width:100%}.editor_controls .radio-block__option{background-color:var(--color-background-top);border:var(--border-default);cursor:pointer;display:inline-block;flex-grow:1;font-size:var(--font-size-small);min-width:0;padding:var(--spacing-quarter-unit) var(--spacing-half-unit);text-align:center}.editor_controls .radio-block__option:not(.radio-block__option--active):hover{background-color:var(--color-background-light);color:var(--color-text-active)}.editor_controls .radio-block__option--active{background-color:var(--color-button-primary-base-fill);border:1px solid var(--color-button-primary-base-border);color:var(--color-button-primary-base-text);cursor:default;font-weight:var(--font-weight-semibold);margin-left:-1px;text-shadow:var(--text-shadow-dark-ui)}.editor_controls .radio-block__option--active:last-child,.editor_controls .radio-block__option--active:not(:first-child){border-left:var(--border-accent-shade)!important}.editor_controls .radio-block__option:not(:first-child):not(:last-child){border-left:0}.editor_controls .radio-block__option:last-child{border-bottom-right-radius:var(--border-radius-small);border-left:0;border-top-right-radius:var(--border-radius-small)}.editor_controls .radio-block__option:first-child{border-bottom-left-radius:var(--border-radius-small);border-top-left-radius:var(--border-radius-small)}.editor_controls .radio-block__option:first-child:not(.radio-block__option--active){border-left:var(--border-default)}.editor_controls .text-editor{border:var(--border-default);border-radius:var(--border-radius);display:flex;flex-direction:column;flex-grow:1;min-height:155px;overflow:hidden}.editor_controls .text-editor *{box-sizing:border-box}.editor_controls .text-editor textarea[class=multi-format-editor__latex]{border:var(--border-default);height:155px;margin:10px;width:100%}.editor_controls .text-editor textarea[class=multi-format-editor__html]{height:145px;width:100%}.editor_controls .text-editor textarea{background-color:var(--color-background-inputs);border:none;box-shadow:none;color:var(--color-text-base);font-size:13px;height:100%;line-height:24px;outline:none;overflow:auto;padding:var(--spacing-quarter-unit);resize:none;width:100%}.editor_controls .multi-format-editor__root{display:flex;height:205px;overflow:hidden}.editor_controls .mul