.overlay{z-index:10000;background-color:#30303033;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;inset:0;overflow:hidden}
.menu__scrollable{scrollbar-width:none;-ms-overflow-style:none;flex-direction:column;display:flex}.menu__scrollable :is(.menu__scroll_top,.menu__scroll_bottom){display:flex!important}.menu__scrollable .presentation{flex-grow:1;overflow:hidden}.menu{background-color:var(--background-400);z-index:100;visibility:hidden;border-radius:5px;padding:6px 0;position:absolute;overflow:hidden;box-shadow:0 0 5px #0003}.menu :is(.menu__scroll_top,.menu__scroll_bottom){cursor:pointer;justify-content:center;align-items:center;padding:6px;display:none}.menu :is(.menu__scroll_top,.menu__scroll_bottom):hover{background-color:var(--background-100)}.menu .presentation{flex-direction:column;height:100%;display:flex}.menu .presentation .menu__header{height:30px;color:var(--text-color);align-items:center;padding:0 10px;font-size:.7em;font-weight:600;line-height:1.1em;display:flex}.menu .presentation .menu_item--disabled{color:var(--foreground-min)}.menu .presentation .menu_item--active,.menu .presentation .menu_item--selected{background-color:var(--primary-color);color:#fff!important}.menu .presentation .menu_item--active>*,.menu .presentation .menu_item--selected>*,.menu .presentation .menu_item--active .menu_item__label,.menu .presentation .menu_item--selected .menu_item__label,.menu .presentation .menu_item--active .menu_item__icon,.menu .presentation .menu_item--selected .menu_item__icon{color:#fff!important}.menu .presentation .menu_item--selected{font-weight:600}.menu .presentation .menu_item{color:var(--foreground-max);cursor:pointer;border-radius:5px;align-items:center;gap:5px;margin:0 8px;padding:5px 4px 5px 8px;display:flex;position:relative}.menu .presentation .menu_item:hover:not(:disabled){background-color:#12a2ec}.menu .presentation .menu_item:hover:not(:disabled)>*{color:#fff!important}.menu .presentation .menu_item>*{pointer-events:none}.menu .presentation .menu_item .menu_item_leading,.menu .presentation .menu_item .menu_item_trailing{width:fit-content;height:fit-content;line-height:.7em}.menu .presentation .menu_item .menu_item__button{width:100%}.menu .presentation .menu_item .menu_item__checkbox{width:16px;color:var(--foreground-medium);justify-content:center;align-items:center;display:flex}.menu .presentation .menu_item .menu_item__label{text-align:left;color:var(--text-color);flex-grow:1;font-size:1.1em}.menu .presentation .menu_item .menu_item__right__align{width:16px;color:var(--foreground-medium);justify-content:center;align-items:center;margin-left:auto;display:flex}.menu .presentation .menu_item .menu_item__shortcut{color:var(--foreground-medium);gap:5px;margin-left:15px;margin-right:10px;font-size:.9em;font-weight:500;display:flex}.menu .presentation .menu_item .menu_item__icon{color:var(--foreground-medium)}.menu .presentation .menu_item__divider--full>hr{margin:5px 0!important}.menu .presentation .menu_item__divider{pointer-events:none}.menu .presentation .menu_item__divider>hr{background-color:var(--background-200);border:none;height:1px;margin:5px 17px}
.dropdown__menu{z-index:100;background-color:#fff;border-radius:5px;flex-direction:column;padding:5px 0;display:flex;position:absolute;box-shadow:0 0 5px #0003}.dropdown__menu .dropdown__menu__item{cursor:pointer;align-items:center;padding:3px 6px;display:flex}.dropdown__menu .dropdown__menu__item:hover{background-color:var(--background-100)}.dropdown__menu .dropdown__menu__item .dropdown__menu__item__checkbox{width:15px;height:15px;color:var(--primary-color);margin-right:5px}.dropdown__menu .dropdown__menu__item .dropdown__menu__item__label{text-align:left;color:var(--text-color);flex-grow:1;font-size:.7em}.dropdown__menu .dropdown__menu__item .dropdown__menu__item__icon{color:var(--primary-color);margin-left:10px}
.alignments{background-color:var(--background-300);align-items:center;width:100%;display:flex}.alignments .divider{border:1px solid var(--background-100);height:30px!important}
.blend_mode{flex-direction:column;display:flex}
.toggle_buttons{display:flex}.toggle_buttons .active{color:var(--primary-color);background-color:var(--background-200)}.toggle_buttons .toggle_buttons__button{border-bottom:1px solid var(--background-100);width:25px;height:25px;border-top:1px solid var(--background-100)!important}.toggle_buttons .toggle_buttons__button:hover:not(.active){background-color:var(--background-200)}.toggle_buttons .toggle_buttons__button:first-child{border-left:1px solid var(--background-100);border-radius:4px 0 0 4px}.toggle_buttons .toggle_buttons__button:not(:first-child):not(:last-child){border-radius:0;border-left:1px solid var(--background-100)!important}.toggle_buttons .toggle_buttons__button:last-child{border-right:1px solid var(--background-100);border-top-right-radius:4px;border-bottom-right-radius:4px;border-left:1px solid var(--background-100)!important;border-top-left-radius:0!important;border-bottom-left-radius:0!important}
.color_preview{appearance:none;border:1px solid var(--background-100);cursor:pointer;border-radius:3px;width:32px;height:16px}.color_preview img.colorpick-eyedropper-input-trigger{display:none}.color_preview:disabled{cursor:initial!important;background-color:var(--foreground-max)!important}.color_preview__disabled{cursor:initial!important}
.color_item{flex-direction:column;display:flex}.color_item .color_item__controls{gap:5px;display:flex;position:relative}.color_item .color_item__controls .color_item__toggle__container{cursor:pointer;-webkit-user-select:none;user-select:none;margin-bottom:13px;padding-left:30px;font-size:22px;display:block;position:relative}.color_item .color_item__controls .color_item__toggle__container input{opacity:0;cursor:pointer;width:0;height:0;position:absolute}.color_item .color_item__controls .color_item__toggle__container .checkmark{border:1px solid var(--foreground-max);background-color:#eee;border-radius:3px;width:12px;height:12px;position:absolute;top:0;left:0}.color_item .color_item__controls .color_item__toggle__container:hover input~.checkmark{background-color:#ccc}.color_item .color_item__controls .color_item__toggle__container>input:checked~.checkmark{background-color:var(--foreground-max)}.color_item .color_item__controls .color_item__toggle__container .checkmark:after{content:"";display:none;position:absolute}.color_item .color_item__controls .color_item__toggle__container>input:checked~.checkmark:after{display:block}.color_item .color_item__controls .color_item__toggle__container .checkmark:after{border:2px solid #fff;border-width:0 2px 2px 0;width:3px;height:6px;top:0;left:2px;transform:rotate(45deg)}.color_item .color_item__controls .color_item__header{align-items:center;height:24px;display:flex}.color_item .color_item__controls .color_item__header .color_item__label{color:var(--foreground-max);margin-left:15px;font-size:11px;font-weight:500}.color_item .color_item__controls .style_item_control__item{flex-grow:1;align-items:center;display:flex}.color_item .color_item__controls .style_item_control__item .fill_preview{border-radius:3px;width:40px;height:16px}.color_item .color_item__controls .style_item_control__item .label{color:var(--text-color);margin-left:15px;font-size:14px}.color_item .color_item__controls .trailing{align-items:center;height:24px;display:flex}.color_item .color_item__controls .trailing .icon{color:var(--text-color)}.color_item .style_item_more__controls{flex-direction:column;flex-grow:1;margin-left:37px;display:flex}
.opacity_control{align-items:flex-end;height:25px;display:flex}.opacity_control input.opacity_range{appearance:none;background:var(--background-100);background-image:linear-gradient(var(--primary-color),var(--primary-color));background-repeat:no-repeat;border-radius:2px;flex-grow:1;width:100%;height:3px;overflow:visible}.opacity_control input.opacity_range:disabled{cursor:not-allowed}.opacity_control input.opacity_range:disabled::-moz-range-track{cursor:initial!important}.opacity_control input.opacity_range:disabled::-moz-range-thumb{border-color:var(--foreground-min);cursor:initial!important}.opacity_control input.opacity_range:disabled::-webkit-slider-thumb{border-color:var(--foreground-min)}.opacity_control input.opacity_range::-webkit-slider-thumb{appearance:none;cursor:ew-resize;background:#fff;border-radius:50%;width:20px;height:20px;box-shadow:0 0 2px #0003}.opacity_control input.opacity_range::-moz-range-track{cursor:pointer;width:100%;height:3px;box-shadow:none;background:var(--background-100);border-radius:1.5px}.opacity_control input.opacity_range::-moz-range-progress{background:var(--primary-color);border-radius:10px}.opacity_control input.opacity_range::-moz-range-thumb{cursor:pointer;background:#fff;border:0;border-radius:50%;width:15px;height:15px;margin-top:1px;box-shadow:0 0 2px 1px #0003}
.switch__disabled .slider{background-color:var(--background-disabled)!important}.switch__disabled .slider.round:before{background-color:var(--foreground-disabled)!important}.switch{width:28px;height:16px;margin-left:auto;display:inline-block;position:relative}.switch input{opacity:0;width:0;height:0}.slider{cursor:pointer;background-color:var(--background-200);transition:all .4s;position:absolute;inset:0}.slider:before{content:"";background-color:#fff;width:12px;height:12px;transition:all .4s;position:absolute;bottom:2px;left:2px}input:checked+.slider{background-color:var(--primary-color)}input:focus+.slider{box-shadow:0 0 1px var(--primary-color)}input:checked+.slider:before{transform:translate(12px)}.slider.round{border-radius:16px}.slider.round:before{border-radius:50%}
.lock_transform{align-items:center;height:35px;display:flex;position:relative;top:7px}.lock_transform:before{content:"";background-color:var(--background-100);z-index:1;width:50%;height:1px;position:absolute;top:0;left:0}.lock_transform:after{content:"";background-color:var(--background-100);z-index:1;width:50%;height:1px;position:absolute;bottom:0;left:0}.lock_transform .vertical_connector{z-index:1;width:1px;height:100%;position:absolute;left:calc(50% - 1px)}.lock_transform .vertical_connector:before{content:"";background-color:var(--background-100);z-index:1;width:1px;height:100%;position:absolute;left:50%}.lock_transform .lock_icon{background-color:var(--background-300);z-index:5;position:relative}.lock_transform .lock_icon .icon{color:var(--foreground-min)}.lock_transform .lock_icon__closed .icon{color:var(--text-color)}.dimensions{padding-bottom:30px;display:flex}.dimensions .size_panel{flex-direction:column;flex-grow:0;justify-content:space-between;width:fit-content;height:79px;display:flex}.dimensions .size_panel .input_with_title{height:30px;color:var(--foreground-max);align-items:center;display:flex}.dimensions .size_panel .input_with_title .input_with_title__label{color:var(--foreground-medium);margin-top:3px;margin-right:9px;font-size:10px;font-weight:600}.dimensions .size_panel .input_with_title .input_with_title__icon,.dimensions .size_panel .input_with_title .icon{color:var(--foreground-max);flex-shrink:1;margin-right:8px}.dimensions .size_panel .input_with_title__vertical{flex-direction:column}.dimensions .size_panel .input_with_title__vertical .input_with_title__label{margin-bottom:3px;margin-right:0}.dimensions .size_panel .size_panel__item{align-items:center;display:flex}.dimensions .size_panel .size_panel__item .size_panel__item_label{color:var(--foreground-medium);margin-right:9px;font-size:10px;font-weight:600}.dimensions .size_panel .size_panel__item .size_panel__item_icon{color:var(--foreground-max);margin-right:8px}
.checkered__background{background-image:linear-gradient(45deg,#000 25%,#0000 25% 75%,#000 75%,#000),linear-gradient(45deg,#000 25%,#0000 25% 75%,#000 75%,#000);background-size:6px 6px;border-radius:2px;width:20px;height:12px}.margin__left__right__icon{border:1px solid var(--foreground-max);background-color:#0000;width:12px;height:12px;position:relative}.margin__left__right__icon:after{content:"";background-color:#0000;position:absolute;inset:0 2px;border-left:1px solid var(--foreground-min)!important;border-right:1px solid var(--foreground-min)!important}.margin__all__icon{border:1px solid var(--foreground-max);width:12px;height:12px;position:relative}.margin__all__icon:after{content:"";border:1px solid var(--foreground-min);position:absolute;inset:2px}.margin__left__right__icon[data-selected=true]{background-color:var(--primary-color)!important;border:1px solid var(--primary-color)!important}.margin__left__right__icon[data-selected=true]:after{content:"";background-color:#fff!important;border:none!important;left:3px!important;right:3px!important}.margin__all__icon:not([data-side])[data-selected=true]{border:1px solid var(--primary-color)!important}.margin__all__icon:not([data-side])[data-selected=true]:after{content:"";background-color:none!important;border:1px solid var(--primary-color)!important}.margin__all__icon[data-side=top]:before{content:"";background-color:var(--primary-color);height:2px;position:absolute;top:0;left:0;right:0}.margin__all__icon[data-side=bottom]:before{content:"";background-color:var(--primary-color);height:2px;position:absolute;bottom:0;left:0;right:0}.margin__all__icon[data-side=left]:before{content:"";background-color:var(--primary-color);width:2px;position:absolute;top:0;bottom:0;left:0}.margin__all__icon[data-side=right]:before{content:"";background-color:var(--primary-color);width:2px;position:absolute;top:0;bottom:0;right:0}
