.ui-image-editor__header{align-items:center;background-color:#1239;-moz-column-gap:16px;column-gap:16px;display:grid;grid-template-areas:"actions divider colors save hide";grid-template-columns:auto 1px 1fr auto 24px;padding:8px 24px;position:sticky;top:0;z-index:2}@media (max-width:760px){.ui-image-editor__header{align-items:start;grid-template-areas:"actions hide" "colors hide";grid-template-columns:1fr 24px;padding-left:16px;padding-right:16px;row-gap:8px}}.ui-image-editor__actions{align-items:center;display:flex;grid-area:actions}.ui-image-editor__actions>*+*{margin-left:24px}@media (max-width:760px){.ui-image-editor__actions>*+*{margin-left:16px}}.ui-image-editor__action{color:rgb(var(--color-1));cursor:pointer;display:block;flex:0 0 auto;height:24px;transition-duration:.3s;transition-property:color;width:24px}.ui-image-editor__action:hover{color:rgba(var(--color-accent),.8)}.ui-image-editor__action--selected,.ui-image-editor__action--selected:hover{color:rgb(var(--color-accent))}.ui-image-editor__action-icon{height:100%;width:100%}.ui-image-editor__divider{align-self:stretch;background-color:rgba(var(--color-1),.2);grid-area:divider;width:1px}@media (max-width:760px){.ui-image-editor__divider{display:none}}.ui-image-editor__colors{align-items:center;display:flex;grid-area:colors}.ui-image-editor__colors>*+*{margin-left:12px}.ui-image-editor__color{border:2px solid transparent;border-radius:100%;cursor:pointer;flex:0 0 auto;height:20px;padding:2px;position:relative;transition-duration:.3s;transition-property:border-color;width:20px}.ui-image-editor__color:before{background-color:currentColor;border-radius:inherit;content:"";display:block;height:12px;width:12px}.ui-image-editor__color:hover{border-color:rgba(var(--color-accent),.8)}.ui-image-editor__color--selected,.ui-image-editor__color--selected:hover{border-color:rgb(var(--color-accent))}.ui-image-editor__save{grid-area:save;--ui-color-accent:var(--color-accent)}.ui-image-editor__save,.ui-image-editor__save:hover{color:rgb(var(--color-9))}@media (max-width:760px){.ui-image-editor__save{display:none}}.ui-image-editor__save-small{bottom:24px;display:none;left:0;margin:auto;max-width:328px;position:fixed;right:0;--ui-color-accent:var(--color-accent);box-shadow:0 2px 8px #0000001a;color:rgb(var(--color-9))}.ui-image-editor__save-small:hover{color:rgb(var(--color-9))}@media (max-width:760px){.ui-image-editor__save-small{display:block}}.ui-image-editor__hide{grid-area:hide;--ui-color-accent:var(--color-1)}.ui-image-editor__body{margin-left:24px;margin-right:24px;overflow:hidden;padding-bottom:24px;white-space:nowrap}.ui-image-editor__body:before{content:"";display:inline-block;height:calc(100vh - 48px);vertical-align:middle}@media (max-width:760px){.ui-image-editor__body{margin-bottom:16px;margin-left:16px;margin-right:16px}.ui-image-editor__body:before{height:calc(100vh - 68px)}}.ui-image-editor__wrapper{display:inline-block;vertical-align:middle}.ui-image-editor__canvas{transition-duration:.3s;transition-property:width,height}.ui-image-editor__spinner{bottom:0;left:0;position:fixed;right:0;top:0;visibility:hidden;z-index:2}.ui-image-editor--loading .ui-image-editor__spinner{visibility:visible}.ui-image-editor__save-small{z-index:1}.ui-image-loader-item{height:124px;width:160px}.ui-image-loader-item:after{background-color:rgb(var(--color-6))}.ui-image-loader-item__upload-trigger{background-color:rgb(var(--color-2));border:1px solid rgb(var(--color-3));cursor:pointer;display:block;height:100%;position:relative;transition-duration:.3s;transition-property:border-color,background-color;width:100%}.ui-image-loader-item__upload-trigger:hover{border-color:rgb(var(--color-5))}.ui-image-loader-item__upload-trigger:active{background-color:rgb(var(--color-3))}.ui-image-loader-item__upload-trigger-icon{color:rgb(var(--color-5));height:24px;left:calc(50% - 12px);position:absolute;top:calc(50% - 12px);width:24px}.ui-image-loader-item__wrapper{border:1px solid rgb(var(--color-3));height:100%;position:relative;transition-duration:.3s;transition-property:border-color;width:100%}.ui-image-loader-item__wrapper:hover{border-color:rgb(var(--color-5));opacity:1;visibility:visible}.ui-image-loader-item__wrapper:focus-within .ui-image-loader-item__actions,.ui-image-loader-item__wrapper:focus-within .ui-image-loader-item__gallery-trigger:before,.ui-image-loader-item__wrapper:focus-within .ui-image-loader-item__remove,.ui-image-loader-item__wrapper:hover .ui-image-loader-item__actions,.ui-image-loader-item__wrapper:hover .ui-image-loader-item__gallery-trigger:before,.ui-image-loader-item__wrapper:hover .ui-image-loader-item__remove{opacity:1;visibility:visible}.ui-image-loader-item__gallery-trigger{border:none!important;cursor:pointer;display:block;height:100%;padding:0;position:relative;width:100%}.ui-image-loader-item__gallery-trigger:before{background-color:#1239;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition-duration:.3s;transition-property:visibility,opacity;visibility:hidden}.ui-image-loader-item__gallery-trigger-image{display:block;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.ui-image-loader-item__gallery-trigger-hidden{background-color:#0006;color:#fff;cursor:default;font-size:13px;font-weight:600;height:100%;left:0;line-height:14px;padding:5px;position:absolute;top:0;width:100%}.ui-image-loader-item__remove{--ui-color-accent:var(--color-1);cursor:pointer;opacity:0;position:absolute;right:8px;top:8px;transition-duration:.3s;transition-property:visibility,opacity,color;visibility:hidden}.ui-image-loader-item__remove:hover{color:rgba(var(--color-1))}.ui-image-loader-item__remove-icon{height:18px;width:18px}.ui-image-loader-item__actions{align-items:center;display:flex;justify-content:center;left:50%;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%);transition-duration:.3s;transition-property:visibility,opacity;visibility:hidden}.ui-image-loader-item__actions>*+*{margin-left:24px}.ui-image-loader-item__action{flex:0 0 auto;--ui-color-accent:var(--color-1)}.ui-image-loader-item--dragover .ui-image-loader-item__upload-trigger{background-color:rgb(var(--color-3))}.ui-image-loader-item--disabled .ui-image-loader-item__upload-trigger,.ui-image-loader-item--disabled .ui-image-loader-item__upload-trigger:active,.ui-image-loader-item--disabled .ui-image-loader-item__upload-trigger:hover{background-color:rgb(var(--color-2));border-color:rgb(var(--color-3));cursor:default;opacity:.48}.ui-image-loader-item--error .ui-image-loader-item__upload-trigger,.ui-image-loader-item--error .ui-image-loader-item__upload-trigger:hover{border-color:rgb(var(--color-negative))}.ui-image-loader-item--disabled .ui-image-loader-item__wrapper,.ui-image-loader-item--disabled .ui-image-loader-item__wrapper:hover{border-color:rgb(var(--color-3));opacity:.48}.ui-image-loader-item--disabled .ui-image-loader-item__gallery-trigger{cursor:default}.ui-image-loader-item--disabled .ui-image-loader-item__wrapper:focus-within .ui-image-loader-item__actions,.ui-image-loader-item--disabled .ui-image-loader-item__wrapper:focus-within .ui-image-loader-item__gallery-trigger:before,.ui-image-loader-item--disabled .ui-image-loader-item__wrapper:focus-within .ui-image-loader-item__remove,.ui-image-loader-item--disabled .ui-image-loader-item__wrapper:hover .ui-image-loader-item__actions,.ui-image-loader-item--disabled .ui-image-loader-item__wrapper:hover .ui-image-loader-item__gallery-trigger:before,.ui-image-loader-item--disabled .ui-image-loader-item__wrapper:hover .ui-image-loader-item__remove{opacity:0;visibility:hidden}.ui-image-loader-item--error .ui-image-loader-item__wrapper,.ui-image-loader-item--error .ui-image-loader-item__wrapper:hover{border-color:rgb(var(--color-negative))}.ui-image-loader__form-info__title{font: 700 20px/28px Roboto}.ui-image-loader__form-info__text{font: 16px/24px Roboto}.ui-image-loader--required .ui-image-loader__form-info__title:after{color:rgb(var(--color-negative));content:" *"}.ui-image-loader__input{display:none}.ui-image-loader__list{display:flex;flex-wrap:wrap;gap:16px}.ui-image-loader__item{flex:0 0 auto;height:124px;width:160px}.ui-image-loader__notice{align-items:flex-start;display:flex;margin-top:12px}.ui-image-loader__notice>*+*{margin-left:16px}.ui-image-loader__error{color:#f95d7d;font-size:.875em;line-height:20px;margin-top:12px}.ui-image-loader__notice-icon{color:rgb(var(--color-7));flex:0 0 auto;height:24px;width:24px}.ui-image-loader__notice-text{color:rgb(var(--color-7));flex:0 1 760px;font-size:14px;line-height:24px}