@import"https://fonts.googleapis.com/css2?family=Huninn&family=Onest:wght@100..900&display=swap";:root{--color-text-primary: #eeeeee;--color-text-secondary: #d8c7b8;--color-accent: #fd944d;--color-accent-light: #fcbb8f;--color-accent-dark: #74523d;--color-bg-dark: #3d403b;--color-bg-mid: #4a4d47;--color-bg-light: #636363}@keyframes show-modal{0%{opacity:0;top:49%}to{opacity:1;top:50%}}*{box-sizing:border-box;margin:0;padding:0;font-family:Onest,sans-serif;color:var(--color-text-primary)}html{background-color:var(--color-bg-dark)}body,html{margin:0;padding:1vh 1vw}body>#root>div{height:96vh}.general__container{display:flex;align-items:stretch;gap:16px}.properties__container{display:flex;flex-direction:column;gap:16px;flex-shrink:0}.display__container{position:relative;flex-grow:1;min-width:242px;padding:16px;border-radius:5px;background-color:var(--color-bg-mid)}.container_properties__container{flex:1;border-radius:5px;background-color:var(--color-bg-mid)}.flexbox__container{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:2rem;border-radius:5px;background-color:var(--color-bg-mid)}.block__container{display:flex;justify-content:center;align-items:center;flex-basis:100px;min-height:100px;width:100px;margin:16px;font-size:32px;border-radius:5px;color:var(--color-accent-dark);background-color:var(--color-accent-light);transition:background-color 1s ease,transform .5s ease}.block__container.active.no-transition{transition:none!important}.active{flex-basis:100px;background-color:var(--color-accent);box-shadow:inset 0 0 .5px 1px #ffffff1a,0 0 0 1px #14151a13,0 .3px .4px #14151a05,0 .9px 1.5px #14151a0b,0 3.5px 6px #14151a17}.flexbox_input{width:1rem;height:1rem;margin:.5rem;accent-color:var(--color-accent);color:var(--color-text-primary)}.radio_input{accent-color:var(--color-accent)}.input__container{position:relative;left:10%}.input{width:20%;padding:.5rem .2rem;font-size:1.3rem;font-weight:700;font-family:inherit;text-align:right;color:var(--color-text-secondary);border:1px solid var(--color-bg-dark);border-radius:.5rem;background-color:var(--color-bg-light);transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease}.input_unit{margin-left:4px;font-size:1.3rem;font-weight:700;color:var(--color-text-secondary)}.input:hover{color:var(--color-accent-light);border-color:var(--color-bg-dark);background-color:var(--color-text-primary)}.input:focus{outline:none;color:var(--color-accent-light);border-color:var(--color-bg-dark);background-color:var(--color-text-primary)}.property_container{margin:1.5rem .5rem 0}.property_container:first-child,.property_container.child-properties{margin-top:1rem}.property_label{font-size:1.1rem}.selector_button,.selector_button_active{padding:.2rem;margin-right:.5rem;margin-top:.2rem;cursor:pointer;border:none;border-radius:1px;transition:.3s}.selector_button{color:var(--color-accent-dark);background-color:var(--color-accent)}.selector_button:hover{background-color:var(--color-accent);box-shadow:inset 0 0 .5px 1px #ffffff1a,0 0 0 1px #14151a13,0 .3px .4px #14151a05,0 .9px 1.5px #14151a0b,0 3.5px 6px #14151a17}.selector_button:last-child,.selector_button_active:last-child{margin-right:0}.selector_button_active{color:var(--color-accent-dark);background-color:var(--color-accent-light);box-shadow:inset 0 0 .5px 1px #ffffff1a,0 0 0 1px #14151a13,0 .3px .4px #14151a05,0 .9px 1.5px #14151a0b,0 3.5px 6px #14151a17}.swift_button{border:none;font-size:1.5rem;font-weight:700;cursor:pointer;transition:.3s;background-color:var(--color-bg-mid);color:var(--color-accent)}.swift_button:hover{color:var(--color-accent)}.swift_button:first-child:hover{transform:translate(-10%)}.swift_button:last-child:hover{transform:translate(10%)}.swift_container,.radio_container{position:relative;display:flex;justify-content:flex-start;left:10%;margin-top:.5rem;gap:3rem}.swift_value{width:1rem;text-align:center;align-self:center;font-size:1.3rem;font-weight:700;cursor:default;color:var(--color-text-secondary)}.radio_label{margin-left:.5rem;font-size:1.3rem;font-weight:700;color:var(--color-text-secondary)}.range-slider{width:80%!important}.range-slider .range-slider__range,.range-slider__thumb{background:var(--color-accent)!important}.range-slider__thumb[data-upper]{background-color:var(--color-accent-light)!important}.modal{position:relative;top:50%;left:50%;width:30%;padding:1rem;border:none;cursor:default;transform:translate(-50%,-100%);background-color:var(--color-bg-dark);animation:show-modal .25s ease-in-out}.info-modal_close-button{position:absolute;top:5%;right:2%;border:none;cursor:pointer;background-color:var(--color-bg-dark)}.info-button{margin-left:.3rem;transform:scale(.8);cursor:pointer}.range-slider{touch-action:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;cursor:pointer;display:block;position:relative;width:100%;height:8px;background:#ddd;border-radius:4px}.range-slider[data-vertical]{height:100%;width:8px}.range-slider[data-disabled]{opacity:.5;cursor:not-allowed}.range-slider .range-slider__thumb{position:absolute;z-index:3;top:50%;width:24px;height:24px;transform:translate(-50%,-50%);border-radius:50%;background:#2196f3}.range-slider .range-slider__thumb:focus-visible{outline:0;box-shadow:0 0 0 6px #2196f380}.range-slider[data-vertical] .range-slider__thumb{left:50%}.range-slider .range-slider__thumb[data-disabled]{z-index:2}.range-slider .range-slider__range{position:absolute;z-index:1;transform:translateY(-50%);top:50%;width:100%;height:100%;background:#51adf6}.range-slider[data-vertical] .range-slider__range{left:50%;transform:translate(-50%)}.range-slider input[type=range]{-webkit-appearance:none;pointer-events:none;position:absolute;z-index:2;top:0;left:0;width:0;height:0;background-color:transparent}.range-slider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none}.range-slider input[type=range]::-moz-range-thumb{width:0;height:0;border:0}.range-slider input[type=range]:focus{outline:0}