.filter-container{border-radius:var(--global-border-radius)}.filter-container-right{display:flex;flex-direction:column}.filter-container-left{background:var(--main-700);position:absolute;min-width:150px;z-index:var(--z-filter-container-left);opacity:.9;min-width:200px}.filter-container-left .filter-options{display:none}.filter-container .filter-name{margin-left:5px}.filter-container .transform-tool-property-panel .transform-tool-panel-expand-strip{display:none;align-items:center;justify-content:space-between;gap:6px;width:100%;box-sizing:border-box;padding:4px 6px;cursor:pointer;border-radius:var(--global-border-radius);min-width:200px}.filter-container .transform-tool-property-panel.transform-tool-property-panel--collapsed .transform-tool-panel-expand-strip{display:flex}.filter-container .transform-tool-property-panel.transform-tool-property-panel--collapsed .transform-tool-panel-chrome{display:none}.filter-container .transform-tool-panel-expand-strip:hover{background:var(--main-hover)}.filter-container .filter-header{display:flex;justify-content:space-between;align-items:center;padding:2px;gap:4px}.filter-container .filter-header-icon{margin-top:5px;cursor:pointer}.filter-container .filter-header-icon-play.is-playing,.filter-container .filter-header-icon-info.is-playing{color:var(--blue-600);animation:filter-play-blink 2.5s ease-in-out infinite}@keyframes filter-play-blink{0%{color:var(--blue-600);opacity:1}50%{color:var(--main-200);opacity:1}to{color:var(--blue-600);opacity:1}}.filter-container .filter-item{display:block;text-decoration:none;padding:4px 8px;transition:background .2s;cursor:pointer}.filter-container .transform-bounds-fields{display:flex;flex-direction:column;gap:4px}.filter-container .transform-bounds-row{display:flex;gap:8px}.filter-container .transform-bounds-field{flex:1 1 0;min-width:0;display:flex;align-items:center;justify-content:space-between;gap:6px;color:var(--main-200);font-size:var(--fontsize-small)}.filter-container .transform-bounds-field input[type=number]{flex:1 1 auto;min-width:0;max-width:72px;margin:4px 0}.filter-container .filter-item--separator{padding:0 8px;cursor:default}.filter-container-right .filter-item--separator:hover{background:transparent}.filter-container .filter-item--separator:before{content:"";display:block;height:1px;margin:4px 0;background:var(--main-600)}.dark .filter-container .filter-item--separator:before{background:var(--thin-line-color)}.filter-container label.property-item-color,.filter-container .property-item-color{display:flex;flex-direction:row;align-items:center;gap:4px}.filter-container label.property-item-color .property-label,.filter-container .property-item-color .property-label{flex:1 1 auto;min-width:0}.filter-container .property-label{color:var(--main-200);font-size:var(--fontsize-small)}.filter-container .first-property{border-top-left-radius:var(--global-border-radius);border-top-right-radius:var(--global-border-radius)}.filter-container .last-property{border-bottom-left-radius:var(--global-border-radius);border-bottom-right-radius:var(--global-border-radius)}.slider-panel .icon{color:var(--main-100);cursor:pointer}.filter-container .lock-icon{opacity:.6;cursor:pointer}.filter-container .lock-icon-locked{opacity:1}.filter-container .lock-icon:hover svg{fill:var(--blue-hover);opacity:1}.filter-container-right .filter-item:hover{background:var(--main-hover)}.filter-container label{color:var(--main-200);display:flex;justify-content:space-between;align-items:center;font-size:var(--fontsize-small)}.filter-container label:has(>input[type=checkbox]){gap:4px}.filter-container label:has(>input[type=checkbox]) input[type=checkbox]{margin-left:auto}.filter-container label.slider-label{flex-direction:column;align-items:flex-start}.filter-container label.slider-label input[type=range]{width:100%;margin-top:4px}.filter-container .filter-font-picker{display:flex;flex-direction:column;align-items:stretch;gap:8px;width:100%;box-sizing:border-box}.filter-container .filter-font-header{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;min-width:0;color:var(--main-200);font-size:var(--fontsize-small)}.filter-container .filter-font-header-start{display:flex;align-items:center;gap:6px;min-width:0;flex:1 1 auto}.filter-container .filter-font-header-start>span[id]{min-width:0}.filter-container .filter-font-picker .filter-font-select{width:100%;max-width:100%;height:32px;box-sizing:border-box;margin-left:0;padding:6px 10px;font-size:var(--fontsize-small);color:var(--main-100);background:var(--main-700);border:1px solid var(--main-600);border-radius:var(--global-border-radius);outline:none}.filter-container .filter-font-picker .filter-font-header .filter-font-search{flex:0 1 200px;width:auto;max-width:min(200px,52%);min-width:100px;height:32px;box-sizing:border-box;margin-left:auto;padding:6px 10px 6px 30px;font-size:var(--fontsize-small);color:var(--main-100);background-color:var(--main-700);border:1px solid var(--main-600);border-radius:var(--global-border-radius);outline:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 -960 960 960' width='20' fill='%23999'%3E%3Cpath d='M784-120 532-372q-30 24-69 38t-83 14q-109 0-184.5-75.5T120-580q0-109 75.5-184.5T380-840q109 0 184.5 75.5T640-580q0 44-14 83t-38 69l252 252-56 56ZM380-400q75 0 127.5-52.5T560-580q0-75-52.5-127.5T380-760q-75 0-127.5 52.5T200-580q0 75 52.5 127.5T380-400Z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:8px center;background-size:16px 16px}.filter-container .filter-font-picker .filter-font-header .filter-font-search:focus,.filter-container .filter-font-picker .filter-font-select:focus{border-color:var(--blue-600);box-shadow:0 0 0 1px var(--blue-600)}.filter-container .filter-font-picker .filter-font-header .filter-font-search::placeholder{color:var(--main-200);opacity:.85}.filter-container label.slider-label span{margin-top:2px}.filter-container .background-container{display:flex;align-items:center;align-content:center;justify-content:space-between}.filter-container .action-container{background:var(--main-600);display:none;align-items:center;align-content:center;justify-content:space-between;padding:8px;margin-top:10px;border-radius:var(--global-border-radius)}.filter-container .action-container:hover{background:var( --main-hover)}.linejoin-toolbar,.linecap-toolbar{display:flex;gap:4px;background:var(--main-500);border-radius:var(--global-border-radius)}.linejoin-toolbar .btn,.linecap-toolbar .btn{padding:2px;border:none;border-radius:var(--global-border-radius);background:transparent;cursor:pointer;transition:all .2s ease}.linejoin-toolbar .btn:hover,.linecap-toolbar .btn:hover{background:var(--global-hover)}.linejoin-toolbar .btn.active,.linecap-toolbar .btn.active{color:var(--button-color);background:var(--purple);opacity:1}.linejoin-toolbar svg,.linecap-toolbar svg{width:24px;height:24px}