.system-gear-2{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;pointer-events:none}.system-gear-2 .ui-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-color:rgba(27,30,37,.4);backdrop-filter:blur(2px);overflow:hidden}.system-gear-2 .ui-panel-section{position:relative;cursor:pointer}.system-gear-2 .ui-panel-section svg{transition-duration:var(--duration-base);transition-property:stroke}.system-gear-2 .gear-body{height:100%}.system-gear-2 .gear-body .controls{position:absolute;top:50%;left:0;transform:translateY(-50%);z-index:5}.system-gear-2 .gear-body .controls>*{pointer-events:all}.system-gear-2 .gear-body .control{border-width:1px;border-style:solid;border-bottom-style:none}.system-gear-2 .gear-body .control:first-child{border-top-right-radius:2px}.system-gear-2 .gear-body .control:last-child{border-bottom-right-radius:2px;border-bottom-style:solid}.system-gear-2 .gear-body .control>div{pointer-events:none}.system-gear-2 .gear-body .control-informer{position:fixed;left:80px;top:50%;z-index:5;max-width:380px;transition-duration:var(--duration-base);transition-property:all}.system-gear-2 .gear-body .control-informer-title{font-weight:600}.system-gear-2 .gear-body .control-informer:after{content:"";position:absolute;top:16px;left:-32px;border:16px solid transparent;border-right:24px solid var(--color-neutral-bright)}.system-gear-2 .gear-content-overlay{pointer-events:all}.system-gear-2 .gear-content-wrapper{position:absolute;left:50%;top:50%;width:calc(var(--content-max-width) + var(--content-sides-indent) * 2);height:100%;max-width:90%;max-height:calc(100% - 130px);transform:translate(-50%,-50%);pointer-events:all;z-index:1}.system-gear-2 .gear-content-cross{position:absolute;right:-48px;top:0;cursor:pointer}.system-gear-2 .gear-content-cross svg{max-width:40px;max-height:40px}.system-gear-2 .gear-content{position:relative;max-width:100%;max-height:100%;overflow:hidden}.system-gear-2 .gear-content .gear-product-version{position:absolute;top:18px;right:18px;height:.7rem;font-size:.7rem;font-weight:400;color:var(--color-neutral-semi-dark);line-height:.7rem}.system-gear-2 .gear-content-title{font-weight:600;text-transform:uppercase}.system-gear-2 .gear-content-title-info{font-weight:400;text-transform:none;cursor:pointer}.system-gear-2 .gear-content-inform{position:fixed;top:0;right:0;width:calc(100% - 259px);height:100%;max-height:calc(100% - 80px);background-color:#fff;overflow-y:scroll}.system-gear-2 .gear-content-inform::-webkit-scrollbar{width:26px;transition-duration:var(--duration-base);transition-property:all}.system-gear-2 .gear-content-inform:hover::-webkit-scrollbar-track{border-right:2px solid var(--color-neutral-semi-bright)}.system-gear-2 .gear-content-inform:hover::-webkit-scrollbar-thumb{border-right:2px solid var(--color-neutral-quarter-dark)}.system-gear-2 .gear-content-inform-header{gap:32px;--ui-button-color-transparent:var(--color-neutral-semi-dark)}.system-gear-2 .gear-content-inform-header-title{font-weight:600;text-transform:uppercase}.system-gear-2 .gear-content-inform-header-line{height:1px}.system-gear-2 .gear-content-inform-loader{width:100%}.system-gear-2 .gear-content-inform-loader div:first-child{height:100px;margin-bottom:25px}.system-gear-2 .gear-content-inform-loader div:nth-child(2){height:250px;margin-bottom:25px}.system-gear-2 .gear-content-inform-loader div:nth-child(3){height:50px;margin-bottom:25px}.system-gear-2 .gear-content-inform-loader div:nth-child(4){height:20px;margin-bottom:25px}.system-gear-2 .gear-content-list.open .arrow{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}.system-gear-2 .gear-content-list-wrapper{position:relative;display:flex;flex-direction:column;height:100%}.system-gear-2 .gear-content-list-param{border:1px solid var(--color-neutral-semi-bright);cursor:pointer;margin-top:auto}.system-gear-2 .gear-content-list-param-values{position:absolute;left:0;top:100%;width:100%;max-height:227px;border-bottom:1px solid var(--color-neutral-semi-bright);overflow-y:auto;z-index:10;scrollbar-color:var(--color-neutral-bright) var(--color-neutral-semi-bright)}.system-gear-2 .gear-content-list-param-values::-webkit-scrollbar{width:2px;transition-duration:var(--duration-base);transition-property:all}.system-gear-2 .gear-content-list-param-values::-webkit-scrollbar-track{border-right:2px solid var(--color-neutral-semi-bright)}.system-gear-2 .gear-content-list-param-values::-webkit-scrollbar-thumb{border-right:2px solid var(--color-neutral-quarter-dark)}.system-gear-2 .gear-content-list-param-value{border:1px solid var(--color-neutral-semi-bright);border-top:none;cursor:pointer;transition-duration:var(--duration-base);transition-property:all;color:var(--color-neutral-semi-dark)}.system-gear-2 .gear-content-list-param-value:last-child{border-bottom:none}.system-gear-2 .gear-content-list-param-value:not(.active):hover{color:var(--color-primary-bright);background-color:var(--color-neutral-thin-dark)}.system-gear-2 .gear-content-list-param-value.active{font-weight:500;cursor:default;color:var(--color-neutral-dark)}.system-gear-2 .gear-content-description+.gear-content-variant-bordered{padding-top:0}.system-gear-2 .gear-content-variant-bordered{border-bottom:1px solid var(--color-neutral-semi-bright)}.system-gear-2 .gear-content-variant-bordered:last-child{border-bottom:none}.system-gear-2 .gear-content-variant-roll-wrapper{margin-top:-1px;border:1px solid var(--color-neutral-semi-bright);border-bottom:none}.system-gear-2 .gear-content-variant-roll{gap:24px}.system-gear-2 .gear-content-variant-roll .grabber{cursor:grab}.system-gear-2 .gear-content-variant-roll-content-blocks+div{margin-top:40px}.system-gear-2 .gear-content .variant-roll-title{margin-right:auto;cursor:pointer}.system-gear-2 .gear-content .variant-roll-title .arrow.expand{-webkit-transform:rotate(-180deg);-moz-transform:rotate(-180deg);-ms-transform:rotate(-180deg);-o-transform:rotate(-180deg);transform:rotate(-180deg)}.system-gear-2 .gear-content-color-wrapper{width:38px;height:38px;border-style:solid;border-width:1px;transition-duration:var(--duration-base);transition-property:all;cursor:pointer}.system-gear-2 .gear-content-color-wrapper:hover{border-color:var(--color-neutral-bright);box-shadow:var(--shadow-dark)}.system-gear-2 .gear-content-color-wrapper.active{cursor:none;pointer-events:none}.system-gear-2 .gear-content-custom-color [type=color]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:26px;height:26px;border:none;border-radius:50%;cursor:pointer;outline:0}.system-gear-2 .gear-content-custom-color [type=color]::-webkit-color-swatch{border:none}.system-gear-2 .gear-content-custom-color [type=color]::-moz-color-swatch{border:none}.system-gear-2 .gear-content-custom-color .gear-content-color-wrapper{position:relative}.system-gear-2 .gear-content-custom-color-icon{position:absolute;top:7px;left:8px;width:21px;pointer-events:none}.system-gear-2 .gear-content-custom-color-title{white-space:nowrap;font-weight:500;line-height:1}.system-gear-2 .gear-content-custom-color-subtitle{white-space:nowrap;line-height:1;text-transform:uppercase}.system-gear-2 .gear-content-color{width:26px;height:26px}.system-gear-2 .gear-content-colors{max-width:550px;gap:12px}.system-gear-2 .gear-content-colors-use{font-weight:600;text-transform:uppercase}.system-gear-2 .gear-content-colors-wrapper{max-width:780px}.system-gear-2 .gear-content-buttons{gap:12px}.system-gear-2 .gear-content-button{cursor:pointer;transition-duration:var(--duration-base);transition-property:all}.system-gear-2 .gear-content .menu-tabs{gap:30px;border-bottom:1px solid var(--color-neutral-semi-bright)}.system-gear-2 .gear-content .menu-tab{position:relative;font-weight:600;color:var(--color-neutral-semi-dark);cursor:pointer;transition-duration:var(--duration-base);transition-property:all}.system-gear-2 .gear-content .menu-tab:after{content:"";position:absolute;left:0;bottom:-6px;width:100%;height:2px;transition-duration:var(--duration-base);transition-property:all}.system-gear-2 .gear-content .menu-tab:hover{color:var(--color-primary-base)}.system-gear-2 .gear-content .menu-tab.active{color:var(--color-neutral-dark);cursor:default}.system-gear-2 .gear-content .menu-tab.active:after{background-color:var(--color-primary-base)}.system-gear-2 .gear-content .menu-item{position:relative;min-width:250px;margin-top:-1px;background-color:var(--color-neutral-quarter-bright);border:1px solid var(--color-neutral-semi-bright);border-left:none;font-weight:500;cursor:pointer;z-index:3;transition-duration:var(--duration-base);transition-property:all}.system-gear-2 .gear-content .menu-item .menu-item-name{max-width:10rem;transition-duration:var(--duration-base);transition-property:all}.system-gear-2 .gear-content .menu-item svg{transition-duration:var(--duration-base);transition-property:all}.system-gear-2 .gear-content .menu-item-wrapper{position:relative;overflow-y:auto;overflow-x:hidden;min-width:259px;background-color:var(--color-neutral-quarter-bright)}.system-gear-2 .gear-content .menu-item-wrapper:after{content:"";width:1px;height:100%;position:absolute;right:0;top:0;background-color:var(--color-neutral-semi-bright)}.system-gear-2 .gear-content .menu-item-wrapper::-webkit-scrollbar{width:2px}.system-gear-2 .gear-content .menu-item-wrapper::-webkit-scrollbar-track{-webkit-border-radius:10px;border-radius:10px;background-color:rgba(128,128,128,.1)}.system-gear-2 .gear-content .menu-item-wrapper::-webkit-scrollbar-thumb{-webkit-border-radius:10px;border-radius:10px;background-color:rgba(128,128,128,.4)}.system-gear-2 .gear-content .menu-item:first-child{margin-top:0;border-top:none}.system-gear-2 .gear-content .menu-item:hover .menu-item-name{color:var(--color-primary-bright)}.system-gear-2 .gear-content .menu-item:hover .menu-item-name svg{stroke:var(--color-primary-bright)}.system-gear-2 .gear-content .menu-item.active{padding-bottom:32px;background-color:var(--color-neutral-bright);border-color:var(--color-neutral-bright);border-top-color:var(--color-neutral-semi-bright);cursor:default}.system-gear-2 .gear-content .menu-item.active .menu-item-name{color:var(--color-primary-base)}.system-gear-2 .gear-content .menu-item.active .menu-item-name svg{stroke:var(--color-primary-base)}.system-gear-2 .gear-content .submit-button{cursor:pointer;transition-duration:var(--duration-base);transition-property:all}.system-gear-2 .gear-content .submit-button svg{transition-duration:var(--duration-base);transition-property:all}.system-gear-2 .gear-content .submit-button-wrapper{width:190px}.system-gear-2 .gear-content .submit-button+.submit-button{margin-left:24px}.system-gear-2 .gear-content .submit-button.ui-btn-disabled{cursor:not-allowed!important;border-color:var(--border-color-disabled);background-color:var(--background-color-disabled);color:var(--color-disabled);-webkit-box-shadow:var(--shadow-shape-disabled) var(--shadow-color-disabled);-moz-box-shadow:var(--shadow-shape-disabled) var(--shadow-color-disabled);box-shadow:var(--shadow-shape-disabled) var(--shadow-color-disabled)}.system-gear-2 .gear-content .gear-preloader{position:absolute;top:0;left:0;width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.system-gear-2 .gear-content .menu-sub-list{font-weight:400;line-height:1.2;gap:14px;overflow:hidden;transition-duration:var(--duration-base);transition-property:all}.system-gear-2 .gear-content .menu-sub-list.hidden{display:none}.system-gear-2 .gear-content .menu-sub-list-item{cursor:pointer;transition-duration:var(--duration-base);transition-property:color}.system-gear-2 .gear-content .menu-sub-list-item.active{font-weight:600;cursor:default;color:var(--color-primary-base)}.system-gear-2 .gear-content .menu-content-wrapper{overflow:hidden}.system-gear-2 .gear-content .menu-content-scroll{position:relative;width:100%;height:calc(100% - 80px);overflow-y:auto;overflow-x:hidden;min-width:250px}.system-gear-2 .gear-content .menu-content-scroll::-webkit-scrollbar{width:2px}.system-gear-2 .gear-content .menu-content-scroll::-webkit-scrollbar-track{-webkit-border-radius:10px;border-radius:10px;background-color:rgba(128,128,128,.1)}.system-gear-2 .gear-content .menu-content-scroll::-webkit-scrollbar-thumb{-webkit-border-radius:10px;border-radius:10px;background-color:rgba(128,128,128,.4)}.system-gear-2 .gear-content .menu-content-controls{position:relative;height:80px;box-shadow:0 -7px 28px -3px rgba(27,30,37,.08);z-index:5}.system-gear-2 .gear-content .menu-content{width:100%;height:100%;position:absolute;top:0;left:0;overflow:auto;scrollbar-color:var(--color-neutral-quarter-dark) transparent}.system-gear-2 .gear-content .menu-content::-webkit-scrollbar{width:26px;transition-duration:var(--duration-base);transition-property:all}.system-gear-2 .gear-content .menu-content:hover::-webkit-scrollbar-track{border-right:2px solid var(--color-neutral-semi-bright)}.system-gear-2 .gear-content .menu-content:hover::-webkit-scrollbar-thumb{border-right:2px solid var(--color-neutral-quarter-dark)}.system-gear-2 .gear-content .menu-content-item{position:absolute;width:100%;height:100%;top:0;left:0}.system-gear-2 .gear-content .menu-content-setting{border-bottom:1px solid var(--color-neutral-semi-bright)}.system-gear-2 .gear-content .menu-content-setting-header{font-weight:600}.system-gear-2 .gear-content .menu-content-setting-items{gap:20px}.system-gear-2 .gear-content .variant-tile{height:100%;cursor:pointer;border:1px solid var(--color-neutral-semi-bright);transition-duration:var(--duration-base);transition-property:all}.system-gear-2 .gear-content .variant-tile-title{font-weight:500}.system-gear-2 .gear-content .variant-tile-img{max-width:100%;max-height:320px}.system-gear-2 .gear-content .variant-tile.active{border:1px solid var(--color-primary-bright)}.system-gear-2 .gear-content .variant-tile:hover{background-color:#ebebeb;--ui-switch-default:#DADADA}.system-gear-2 .gear-content .gear-content-big-tiles{--big-tiles-columns:2;display:grid;grid-template:auto/repeat(var(--big-tiles-columns),1fr);gap:32px 24px}.system-gear-2 .gear-content .gear-content-big-tiles[data-columns="1"]{--big-tiles-columns:1}.system-gear-2 .gear-content .gear-content-big-tiles[data-columns="3"]{--big-tiles-columns:3}.system-gear-2 .gear-content .gear-content-big-tiles[data-columns="4"]{--big-tiles-columns:4}.system-gear-2 .gear-content .gear-content-big-tiles .variant-big-tile{cursor:pointer;user-select:none}.system-gear-2 .gear-content .gear-content-big-tiles .variant-big-tile.active svg{opacity:1}.system-gear-2 .gear-content .gear-content-big-tiles .variant-big-tile.active img{border-color:var(--color-primary-base)}.system-gear-2 .gear-content .gear-content-big-tiles .variant-big-tile svg{position:absolute;opacity:0;top:50%;left:50%;fill:var(--color-primary-base);stroke:var(--color-primary-base);transition-property:opacity;transition-duration:var(--duration-base);transform:translate(-50%,-50%)}.system-gear-2 .gear-content .gear-content-big-tiles img{contain:style;width:100%;aspect-ratio:4/3;object-fit:cover;object-position:top;border:1px solid var(--color-neutral-semi-bright);border-radius:2px;transition-property:border-color;transition-duration:var(--duration-base)}.system-gear-2 .gear-content .gear-content-big-tiles .variant-big-tile-img-wrapper{position:relative}.system-gear-2 .gear-content .gear-content-big-tiles .variant-big-tile-title{margin-top:12px;font-size:1rem;font-weight:500;line-height:1.4;text-align:center}.system-gear-2 .gear-content .draggable-roll{transition-duration:var(--duration-base);transition-property:all}.system-gear-2 .gear-content .draggable-roll.disabled{background-color:var(--color-neutral-quarter-bright)}.system-gear-2 .gear-content .draggable-roll:last-child .gear-content-variant-roll-wrapper{border-bottom:1px solid var(--color-neutral-semi-bright)}.system-gear-2 .v-enter-active,.system-gear-2 .v-leave-active{transition-duration:var(--duration-base);transition-property:all}.system-gear-2 .v-enter-from,.system-gear-2 .v-leave-to{transform:translateX(-68px)}.system-gear-2 .fade-enter-active,.system-gear-2 .fade-leave-active{transition:opacity .4s ease}.system-gear-2 .fade-enter-from,.system-gear-2 .fade-leave-to{opacity:0}.system-gear-2 .slide-left-enter-active,.system-gear-2 .slide-left-leave-active{height:0}.system-gear-2 .slide-left-enter-from,.system-gear-2 .slide-left-leave-to{height:183px}.system-gear-2 .slide-fade-enter-active{transition:all .3s ease-out}.system-gear-2 .slide-fade-leave-active{transition:all .8s cubic-bezier(1, .5, .8, 1)}.system-gear-2 .slide-fade-enter-from,.system-gear-2 .slide-fade-leave-to{transform:translateX(20px);opacity:0}.system-gear-2 .roll-enter-active,.system-gear-2 .roll-leave-active{transition:height 1s ease-in-out;overflow:hidden}.system-gear-2 .roll-enter-from,.system-gear-2 .roll-leave-to{height:0}.system-gear-2 .roll-special-enter-active,.system-gear-2 .roll-special-leave-active{transition:height 1s ease-in-out;height:fit-content}.system-gear-2 .roll-special-enter-from,.system-gear-2 .roll-special-leave-to{overflow:hidden;transition-duration:0s;height:0}.system-gear-2 .slide-fade-enter-active{transition:all .3s ease-out}.system-gear-2 .slide-fade-leave-active{transition:all .8s cubic-bezier(1, .5, .8, 1)}.system-gear-2 .slide-fade-enter-from,.system-gear-2 .slide-fade-leave-to{transform:translateX(20px);opacity:0}@media all and (max-width:1024px){.system-gear-2{display:none}}.system-gear-2 .settings-share-title{display:flex;align-items:center;gap:10px}.system-gear-2 .settings-share-title .export{transform:rotateX(180deg)}.system-gear-2 .settings-export-info{display:flex;align-items:center;gap:12px;margin-top:24px}.system-gear-2 .settings-import-wrapper{display:flex;align-items:center;border-radius:2px;padding:11px 21px;border:1px solid var(--color-neutral-semi-bright);position:relative;background:var(--color-neutral-bright);cursor:pointer;transition:background-color .3s ease}.system-gear-2 .settings-import-wrapper[data-state=success] .settings-import-label{color:var(--color-neutral-dark)}.system-gear-2 .settings-import-wrapper[data-state=error] .settings-import-label{color:var(--color-additional-4)}.system-gear-2 .settings-import-wrapper .settings-import-input{position:absolute;top:0;right:0;width:100%;height:100%;background:0 0;opacity:0;border:none;cursor:pointer;z-index:10}.system-gear-2 .settings-import-wrapper .settings-import-label{display:flex;align-items:center;gap:16px;color:var(--color-neutral-semi-dark)}
/*# sourceMappingURL=style.min.css.map */