.tool-container .position-adjuster{display:flex;align-content:center;gap:20px 40px}@media (min-width: 990px){.tool-container .position-adjuster{flex-direction:column}}@media (min-width: 1200px){.tool-container .position-adjuster{flex-direction:row}}.tool-container .position-adjuster .coordinates{flex-basis:50%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;font-size:18px;font-family:monospace}.tool-container .position-adjuster .coordinates .value{display:flex;justify-content:space-between;align-items:center;width:140px;height:34px;border:1px solid black;border-radius:8px;overflow:hidden}.tool-container .position-adjuster .coordinates .value .title{display:flex;justify-content:space-between;align-items:center;padding-inline:12px;background-color:#2f3643;color:#e2ebf2;height:100%}.tool-container .position-adjuster .coordinates .value .title-value{display:flex;justify-content:space-between;align-items:center;width:60px}.tool-container .position-adjuster .controls{flex-basis:50%;display:flex;flex-direction:column;justify-content:center;align-items:center}.tool-container .position-adjuster .controls .axis-group{position:relative;display:flex;flex-direction:column;align-items:center;gap:5px;width:140px;height:120px}.tool-container .position-adjuster .controls .axis-group .btn{position:absolute;transition:all .35s ease-out;cursor:pointer}.tool-container .position-adjuster .controls .axis-group .btn:hover.arrow i{scale:3}.tool-container .position-adjuster .controls .axis-group .btn.arrow{aspect-ratio:1;border-radius:100%;-webkit-tap-highlight-color:transparent}@media (min-width: 0px){.tool-container .position-adjuster .controls .axis-group .btn.arrow{width:44px}}@media (min-width: 560px){.tool-container .position-adjuster .controls .axis-group .btn.arrow{width:40px}}.tool-container .position-adjuster .controls .axis-group .btn.arrow i{scale:2.5}.tool-container .position-adjuster .controls .axis-group .btn.up{top:0;left:50%;transform:translate(-50%)}.tool-container .position-adjuster .controls .axis-group .btn.up i{rotate:-90deg}.tool-container .position-adjuster .controls .axis-group .btn.down{bottom:0;left:50%;transform:translate(-50%)}.tool-container .position-adjuster .controls .axis-group .btn.down i{rotate:90deg}.tool-container .position-adjuster .controls .axis-group .btn.left{top:50%;left:0%;transform:translateY(-50%)}.tool-container .position-adjuster .controls .axis-group .btn.left i{rotate:180deg}.tool-container .position-adjuster .controls .axis-group .btn.right{top:50%;right:0%;transform:translateY(-50%)}@keyframes animateActiveCardSideOutliner-f69d6290{0%{opacity:0;display:flex}50%{opacity:1}to{opacity:.2;display:none}}@keyframes zoomInOut-f69d6290{0%{scale:.97}to{scale:1}}button.btn.position-settings i[data-v-f69d6290]{rotate:45deg!important}.option-container{position:relative;border:1px solid rgba(47,54,67,.6);border-radius:8px;z-index:10}.option-container:focus-within{border:1px solid rgb(255,67,54)}.input{position:relative;display:block}.input .option-input-container{position:relative}.input .ajax-options-container{display:none}.input .ajax-options-container.active{position:absolute;left:0;display:flex;flex-direction:column;width:100%;max-height:176px;background-color:#fefefe;border:1px solid #f0f0f0;border-radius:8px;box-shadow:0 4px 12px #00000040;overflow-y:auto;z-index:2}@media (min-width: 990px){.input .ajax-options-container.active{top:calc(100% + 6px)}}@media (min-width: 0px){.input .ajax-options-container.active{bottom:calc(100% + 16px)}}@media (min-width: 990px){.input .ajax-options-container.active{bottom:unset}}.input .ajax-options-container.active .ajax-options{display:flex;width:100%;padding:8px 12px;z-index:1;transition:all .35s ease-out;cursor:pointer}.input .ajax-options-container.active .ajax-options.selected{background-color:#f0f0f0}.input .ajax-options-container.active .ajax-options:hover{background-color:#f006;color:#2f3643}.input .ajax-options-container.active .ajax-options .content{display:flex;align-items:center;width:100%}.input .ajax-options-container.active .ajax-options .content .icon-left{display:flex;width:12px;height:12px;margin-right:10px;fill:#ff0000d9}.input .ajax-options-container.active .ajax-options .content .check-mark{display:flex;width:12px;height:12px;margin-left:auto;fill:#2f3643}.font-family-options{position:relative}.font-style-options{position:relative}.font-style{width:100%;padding-bottom:400px}.font-style h3{margin:0 0 20px}@keyframes animateActiveCardSideOutliner-6364986a{0%{opacity:0;display:flex}50%{opacity:1}to{opacity:.2;display:none}}@keyframes zoomInOut-6364986a{0%{scale:.97}to{scale:1}}.btn[data-v-6364986a]{display:flex;flex-shrink:0;width:fit-content;border:1px solid #8a8a8a;box-shadow:none}@media screen and (min-width: 760px){.btn[data-v-6364986a]{display:flex;justify-content:start;width:100%;padding:6px 14px;align-self:left;border:1px solid transparent}.btn[data-v-6364986a]:hover{background-color:#d7d7d7}.btn.active[data-v-6364986a]:hover{border:1px solid #575757}.btn.active:hover svg[data-v-6364986a]{fill:#e2ebf2}}.btn.active[data-v-6364986a]{background-color:#0b0b0b}.btn.active .btn-title[data-v-6364986a]{color:#e2ebf2}.btn.active svg[data-v-6364986a]{fill:#e2ebf2}.btn .swatch[data-v-6364986a]{width:22px;aspect-ratio:1;border-radius:999px;border:1px solid #ddd!important}@keyframes animateActiveCardSideOutliner{0%{opacity:0;display:flex}50%{opacity:1}to{opacity:.2;display:none}}@keyframes zoomInOut{0%{scale:.97}to{scale:1}}.actions-container{position:relative;display:flex;flex-direction:column;width:100%;z-index:4;scroll-behavior:smooth;scrollbar-shadow-color:transparent;scrollbar-width:none;overflow-x:hidden}@media screen and (min-width: 760px){.actions-container{width:fit-content;background-color:#fff;overflow-x:visible;border-bottom:none;margin-bottom:0;padding-bottom:0}.actions-container:before{content:"";position:absolute;top:0;left:calc(100% + 4px);height:100%;border-right:1px solid #f0f0f0;z-index:2}}.actions-container .menu-section{position:absolute;top:0;display:flex;flex-direction:column;transform:translate(-200%);transition:all .35s ease-out}.actions-container .menu-section.active{position:relative;transform:translateY(0)}.actions-container .menu-section .menu-title{display:flex;width:fit-content;font-size:20px;font-weight:600;margin:0 0 6px;color:#2f3643}.actions-container .menu-section .buttons-container{display:flex;gap:5px;width:100%;min-width:240px;margin-top:15px;overflow-x:auto;-webkit-overflow-scrolling:touch;scroll-behavior:smooth;scrollbar-width:none}@media screen and (min-width: 760px){.actions-container .menu-section .buttons-container{flex-direction:column;min-width:160px}}.actions-container .menu-section .buttons-container[disabled=true] button{opacity:.5;pointer-events:none;cursor:not-allowed}.actions-container .btn{display:flex;flex-shrink:0;width:fit-content;border:1px solid #8a8a8a;box-shadow:none}@media screen and (min-width: 760px){.actions-container .btn{display:flex;justify-content:start;width:100%;padding:6px 14px;align-self:left;border:1px solid transparent}.actions-container .btn:hover{background-color:#d7d7d7}.actions-container .btn.active:hover{border:1px solid #575757}.actions-container .btn.active:hover svg{fill:#e2ebf2}}.actions-container .btn.active{background-color:#0b0b0b}.actions-container .btn.active .btn-title{color:#e2ebf2}.actions-container .btn.active svg{fill:#e2ebf2}.actions-container .font-size-indicator,.actions-container .font-weight-indicator{display:flex;justify-content:center;align-items:center;min-width:26px;font-size:16px;color:#fff;opacity:.8;transition:all .35s ease-out}.toggle{position:relative;display:inline-flex;align-items:center;gap:10px;width:fit-content;user-select:none;cursor:pointer}.toggle input{position:absolute;opacity:0;width:0;height:0}.toggle .track{width:44px;height:24px;border-radius:999px;background:#cfd3d8;position:relative;transition:all .2s ease}.toggle .track:before{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 1px 2px #0003;transition:all .35s ease-out}.toggle input:checked+.track{background:#ff0000d9}.toggle input:checked+.track:before{transform:translate(20px)}.toggle .text{font-size:14px}
