*{box-sizing:border-box;margin:0;padding:0}html,body{box-sizing:border-box;font-family:var(--primary-font);font-size:var(--normal-text);position:relative;overflow:hidden}.hidden{height:0!important;width:0!important;padding:0!important;margin:0!important}.bring-front{z-index:1300!important}.rotate-180{transform:rotate(180deg)}.opacity-0{opacity:0}.scroll-container{height:100%;width:100%;overflow-y:auto!important}.big-text{font-size:var(--big-text)!important;line-height:calc(var(--big-text) + 7px)}.big-text-bold{font-size:var(--big-text)!important;line-height:calc(var(--big-text) + 7px);font-weight:700}.normal-text{font-size:var(--normal-text)!important;line-height:calc(var(--normal-text) + 7px)}.normal-text-bold{font-size:var(--normal-text)!important;line-height:calc(var(--normal-text) + 7px);font-weight:700}.primary-font{font-family:var(--primary-font)!important}.code-font{font-family:var(--code-font)!important}.normal-text.icon-text img{width:calc(var(--normal-text) + 3px)!important;height:calc(var(--normal-text) + 3px)!important;margin-bottom:-3px}.big-text.icon-text{width:calc(var(--big-text) + 3px)!important;height:calc(var(--big-text) + 3px)!important;margin-bottom:-3px}.color-black{color:var(--black)}.color-white{color:var(--white)}.color-orange{color:var(--orange)}.color-green{color:var(--green)}.color-red{color:var(--red)}.color-grey{color:var(--grey)}.black-icon{filter:var(--black-icon)}.white-icon{filter:var(--white-icon)}.orange-icon{filter:var(--orange-icon)}.red-icon{filter:var(--red-icon)}.blue-icon{filter:var(--blue-icon)}.green-icon{filter:var(--green-icon)}.bg-black{background-color:var(--black)}.bg-white{background-color:var(--white)}.bg-orange{background-color:var(--orange)}.icon-32px{width:32px;height:32px}.display-none{display:none!important}.position-relative{position:relative!important}.position-absolute{position:absolute!important}.w-100{width:100%!important}.h-100{height:100%!important}.cursor-pointer{cursor:pointer}.flex-row{display:flex;flex-direction:row!important}.flex-col{display:flex;flex-direction:column!important}.justify-content-center{justify-content:center}.justify-content-start{justify-content:flex-start}.justify-content-end{justify-content:flex-end}.justify-content-around{justify-content:space-around}.justify-content-between{justify-content:space-between}.align-items-center{align-items:center}.align-items-start{align-items:flex-start}.align-items-end{align-items:flex-end}.align-self-start{align-self:flex-start}.align-self-center{align-self:center}.align-self-end{align-self:flex-end}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-justify{text-align:justify}.gap-40px{gap:40px}.gap-35px{gap:35px}.gap-30px{gap:30px}.gap-25px{gap:25px}.gap-20px{gap:20px}.gap-15px{gap:15px}.gap-10px{gap:10px}.gap-5px{gap:5px}.gap-general{gap:var(--gap-general)}.padding-0{padding:0!important}.padding-5px{padding:5px!important}.padding-10px{padding:10px!important}.padding-15px{padding:15px!important}.padding-20px{padding:20px!important}.padding-25px{padding:25px!important}.padding-30px{padding:30px!important}.padding-35px{padding:35px!important}.padding-40px{padding:40px!important}.padding-45px{padding:45px!important}.padding-50px{padding:50px!important}.padding-75px{padding:75px!important}.padding-100px{padding:100px!important}.p-0{padding:0!important}.p-5px{padding:5px!important}.p-10px{padding:10px!important}.p-15px{padding:15px!important}.p-20px{padding:20px!important}.p-25px{padding:25px!important}.p-30px{padding:30px!important}.p-35px{padding:35px!important}.p-40px{padding:40px!important}.p-45px{padding:45px!important}.p-50px{padding:50px!important}.p-75px{padding:75px!important}.p-100px{padding:100px!important}.margin-0{margin:0!important}.margin-50px{margin:50px!important}.margin-100px{margin:100px!important}.m-0{margin:0!important}.m-50px{margin:50px!important}.m-100px{margin:100px!important}.mb-auto{margin-bottom:auto!important}.mb-50px{margin-bottom:50px!important}.mb-45px{margin-bottom:45px!important}.mb-40px{margin-bottom:40px!important}.mb-35px{margin-bottom:35px!important}.mb-30px{margin-bottom:30px!important}.mb-25px{margin-bottom:25px!important}.mb-20px{margin-bottom:20px!important}.mb-15px{margin-bottom:15px!important}.mb-10px{margin-bottom:10px!important}.mb-5px{margin-bottom:5px!important}.mt-auto{margin-top:auto!important}.mt-50px{margin-top:50px!important}.mt-45px{margin-top:45px!important}.mt-40px{margin-top:40px!important}.mt-35px{margin-top:35px!important}.mt-30px{margin-top:30px!important}.mt-25px{margin-top:25px!important}.mt-20px{margin-top:20px!important}.mt-15px{margin-top:15px!important}.mt-10px{margin-top:10px!important}.mt-5px{margin-top:5px!important}.mr-auto{margin-right:auto!important}.mr-30px{margin-right:30px!important}.mr-25px{margin-right:25px!important}.mr-20px{margin-right:20px!important}.mr-15px{margin-right:15px!important}.mr-10px{margin-right:10px!important}.mr-5px{margin-right:5px!important}.ml-auto{margin-left:auto!important}.ml-30px{margin-left:30px!important}.ml-25px{margin-left:25px!important}.ml-20px{margin-left:20px!important}.ml-15px{margin-left:15px!important}.ml-10px{margin-left:10px!important}.ml-5px{margin-left:5px!important}:root{--violet: #6E60DB;--aqua: #54CD9A;--black: #202020;--white: #EEEEEE;--grey: #909090;--orange: #FFA500;--orange-light: #ffa60060;--red: #FF0000;--red-light: #FF000060;--green: #0EDC0E;--green-light: #00FF0060;--blue: #0000FF;--blue-light: #0000FF60;--purple: #CB5BF1;--background: #D0D0D0;--shadow-black: 5px 5px 10px 0 rgba(0, 0, 0, .3);--black-icon: invert(0%) sepia(50%) saturate(1171%) hue-rotate(48deg) brightness(93%) contrast(105%);--white-icon: invert(99%) sepia(57%) saturate(0%) hue-rotate(221deg) brightness(111%) contrast(100%);--orange-icon: invert(69%) sepia(67%) saturate(2934%) hue-rotate(0deg) brightness(103%) contrast(104%);--grey-icon: invert(68%) sepia(19%) saturate(0%) hue-rotate(165deg) brightness(82%) contrast(84%);--red-icon: invert(13%) sepia(99%) saturate(6635%) hue-rotate(360deg) brightness(97%) contrast(111%);--green-icon: invert(74%) sepia(69%) saturate(5528%) hue-rotate(82deg) brightness(110%) contrast(104%);--blue-icon: invert(8%) sepia(100%) saturate(6984%) hue-rotate(248deg) brightness(105%) contrast(144%);--primary-font: "Poppins", sans-serif;--code-font: "Atkinson Hyperlegible Mono", monospace;--big-text: 16px;--normal-text: 14px;--small-text: 12px;--padding-general: 10px;--margin-general: 10px;--gap-general: 6px;--radius-general: 6px;--padding-btn: 4px 8px;--gap-btn: 5px;--radius-btn: 5px;--icon-size: 18px;--header-height: 50px;--single-border: 2px;--transition: all .25s ease-in-out;--transition-btn: all .1s linear}[data-theme=dark]{--violet: #6E60DBBB;--aqua: #54CD9ABB;--black: #EEEEEE;--white: #202020;--black-icon: invert(97%) sepia(97%) saturate(12%) hue-rotate(197deg) brightness(104%) contrast(104%);--background: #606060;--shadow-black: 5px 5px 10px rgba(255, 255, 255, .3)}@media only screen and (max-width: 1200px){:root{--big-text: 14px;--normal-text: 12px;--small-text: 10px;--padding-general: 10px;--margin-general: 10px;--gap-general: 6px;--radius-general: 6px;--header-height: 45px}}@media only screen and (max-width: 576px){:root{--big-text: 12px;--normal-text: 10px;--small-text: 8px;--padding-general: 8px;--margin-general: 8px;--gap-general: 5px;--radius-general: 5px;--header-height: 40px}}header{position:relative;display:flex;justify-content:space-between;align-items:center;gap:calc(var(--gap-general) * 3);width:100%;height:var(--header-height);padding:0 15px;background:linear-gradient(20deg,var(--violet) 20%,var(--aqua) 60%)}.platform-name{font-family:var(--primary-font);font-size:calc(var(--header-height) * .7);font-weight:700;cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;color:#fff}.status-bar{position:absolute;top:0;left:50%;transform:translate(-50%);width:350px;height:5px;border-radius:0 0 10px 10px;background-color:var(--red)}.status-container{position:absolute;bottom:10%;left:50%;transform:translate(-50%);display:flex;flex-direction:row;align-items:center;justify-content:space-between;width:350px}.connection-status{display:flex;flex-direction:row;align-items:center;justify-content:flex-end;gap:5px}.connection-status .connection-status-item{display:flex;align-items:center;justify-content:center;filter:var(--white-icon);border:1px solid black;border-radius:var(--radius-general);padding:2px;transition:var(--transition-btn)}.connection-status .connection-status-item img{width:calc(var(--icon-size) + 5px);height:calc(var(--icon-size) + 5px)}.connection-status .connection-status-item:hover{filter:var(--orange-icon);cursor:pointer}.connection-status .connection-status-item.active{filter:var(--orange-icon)}.header-buttons-container{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:10px}.header-buttons{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:8px!important;border:1px solid white!important;color:#fff!important}.header-buttons span{margin-top:-1px}.header-buttons img{width:calc(var(--icon-size) + 3px)!important;height:calc(var(--icon-size) + 3px)!important;filter:invert(99%) sepia(57%) saturate(0%) hue-rotate(221deg) brightness(111%) contrast(100%)!important}.header-buttons:hover,.header-buttons.active{border:1px solid var(--orange)!important;color:var(--orange)!important}.header-buttons:hover img,.header-buttons.active img{filter:invert(69%) sepia(67%) saturate(2934%) hue-rotate(0deg) brightness(103%) contrast(104%)!important}#btn-sidebar-menu img,#btn-full-screen img{filter:invert(97%) sepia(97%) saturate(12%) hue-rotate(197deg) brightness(104%) contrast(104%);width:calc(var(--icon-size) + 12px);height:calc(var(--icon-size) + 12px)}@media only screen and (max-width: 992px){header{padding:0 10px}.platform-name{font-size:calc(var(--header-height) * .6)}.status-container{width:300px}.status-bar{width:300px;height:4px}}@media only screen and (max-width: 576px){.header-buttons-container{width:100%;justify-content:space-between}.platform-name{display:none}.status-container{width:250px}.status-bar{width:250px;height:3px}#btn-sidebar-menu,#btn-full-screen{padding:2px 5px}}.menu-overlay{position:absolute;z-index:1500;height:calc(100% - var(--header-height));width:100%;opacity:1;background-color:#0000004d;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);transition:var(--transition)}.hidden-overlay{opacity:0;pointer-events:none}.menu{position:absolute;right:0;z-index:1510;display:flex;flex-direction:column;align-items:start;justify-content:space-between;background-color:var(--white);height:100%;width:230px;padding:var(--padding-general);border-radius:var(--radius-general) 0 0 var(--radius-general);-webkit-user-select:none;user-select:none;transition:var(--transition)}.hidden-menu{right:-210px}.top-options,.bot-options{display:flex;flex-direction:column;align-items:start;gap:var(--gap-general);width:100%}.option-group{display:flex;flex-direction:column;align-items:end;gap:calc(var(--gap-general) * 2);width:100%;border-bottom:1px solid var(--background);padding-bottom:calc(var(--gap-general) * 1)}.menu-option{display:flex;align-items:center;justify-content:space-between;gap:var(--gap-general);width:100%;padding:var(--padding-btn);border:1px solid var(--background);border-radius:var(--radius-general);text-wrap:nowrap;overflow:hidden;transition:var(--transition-btn)}.menu-suboption{display:flex;align-items:center;justify-content:space-between;gap:var(--gap-general);width:100%;padding-left:var(--padding-btn);text-wrap:nowrap;overflow:hidden;transition:var(--transition-btn)}.menu-option img,.menu-suboption img{filter:var(--black-icon);width:calc(var(--icon-size) + 1px);height:calc(var(--icon-size) + 1px)}.menu-option p,.menu-suboption p{color:var(--black);font-size:var(--normal-text)}.menu-option:hover,.menu-option.active{border:1px solid var(--orange);background-color:var(--orange-light);cursor:pointer}@media only screen and (max-width: 992px){.bot-options{margin-bottom:40px}}@media only screen and (max-width: 576px){.bot-options{margin-bottom:60px}}.modal-overlay{position:absolute;z-index:1100;width:100%;height:100%;top:0;left:0;background-color:#0000004d;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal-overlay-alert{position:absolute;z-index:2000;width:100%;height:100%;top:0;left:0;background-color:#0000004d;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal-overlay-radius{border-radius:var(--radius-general)}.modal-first-boot{position:absolute;z-index:2000;width:100%;height:100%;top:0;left:0;background-color:var(--background);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:calc(var(--gap-general) * 3)}.modal-first-boot-title{font-family:var(--primary-font);color:var(--black);font-size:100px;font-weight:800}.modal-first-boot-logo{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:calc(var(--gap-general) * 3);height:250px}.modal-first-boot-logo img{width:100%;height:100%;object-fit:cover}.loading-modal{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:calc(var(--gap-general) * 5);width:100%;height:100%;cursor:wait}.progress-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:calc(var(--gap-general) * 1);width:50%;height:fit-content}.progress-bar{top:0;left:0;z-index:200;width:100%;height:10px;border-radius:10px;background:linear-gradient(to right,var(--orange) 50%,var(--grey) 50%)}.progress-percentage{font-size:var(--big-text);color:var(--black)}.sk-chase{width:60px;height:60px;position:relative;animation:sk-chase 2.5s infinite linear both}.sk-chase-dot{width:100%;height:100%;position:absolute;left:0;top:0;animation:sk-chase-dot 2s infinite ease-in-out both}.sk-chase-dot:before{content:"";display:block;width:25%;height:25%;background-color:var(--violet);border-radius:100%;animation:sk-chase-dot-before 2s infinite ease-in-out both}.sk-chase-dot:nth-child(1){animation-delay:-1.1s}.sk-chase-dot:nth-child(2){animation-delay:-1s}.sk-chase-dot:nth-child(3){animation-delay:-.9s}.sk-chase-dot:nth-child(4){animation-delay:-.8s}.sk-chase-dot:nth-child(5){animation-delay:-.7s}.sk-chase-dot:nth-child(6){animation-delay:-.6s}.sk-chase-dot:nth-child(1):before{animation-delay:-1.1s}.sk-chase-dot:nth-child(2):before{animation-delay:-1s}.sk-chase-dot:nth-child(3):before{animation-delay:-.9s}.sk-chase-dot:nth-child(4):before{animation-delay:-.8s}.sk-chase-dot:nth-child(5):before{animation-delay:-.7s}.sk-chase-dot:nth-child(6):before{animation-delay:-.6s}@keyframes sk-chase{to{transform:rotate(360deg)}}@keyframes sk-chase-dot{80%,to{transform:rotate(360deg)}}@keyframes sk-chase-dot-before{50%{transform:scale(.4)}to,0%{transform:scale(1)}}.modal-alert{position:absolute;z-index:2100;top:20%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;justify-content:space-between;align-items:center;border-radius:var(--radius-general);padding:calc(var(--padding-general) * 1.5);width:50%;max-width:700px;height:fit-content;box-shadow:var(--shadow-black);cursor:help}.modal-alert-success{color:var(--black);border:2px solid var(--green);border-left:10px solid var(--green);background-color:var(--background)}.modal-alert-error{color:var(--black);border:2px solid var(--red);border-left:10px solid var(--red);background-color:var(--background)}.modal-alert-info{color:var(--black);border:2px solid var(--blue);border-left:10px solid var(--blue);background-color:var(--background)}.modal-alert-success img{filter:var(--green-icon)}.modal-alert-error img{filter:var(--red-icon)}.modal-alert-info img{filter:var(--blue-icon)}.modal{position:absolute;z-index:1200;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;justify-content:space-between;align-items:center;gap:calc(var(--gap-general) * 3);background-color:var(--white);border-radius:var(--radius-general);padding:calc(var(--padding-general) * 1.5);box-shadow:var(--shadow-black)}.modal-50{width:50%;max-width:400px;height:fit-content}.modal-90{width:90%;max-width:700px;height:fit-content}.modal-header{width:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:center;color:var(--black);font-size:var(--big-text)}.modal-title{font-size:var(--big-text);font-weight:600}.btn-close-modal img{padding:2px;width:var(--icon-size);height:var(--icon-size);filter:var(--black-icon);transition:var(--transition-btn)}.btn-close-modal:hover img{filter:var(--orange-icon);border:1px solid #000000;border-radius:var(--radius-general)}.modal-body{width:100%;display:flex;flex-direction:column;gap:calc(var(--gap-general) * 2);color:var(--black);font-size:var(--normal-text)}.modal-body-section{width:100%;display:flex;flex-direction:row;gap:15px}.modal-color-select{width:100px}.color-preview{width:100px;height:15px;border-radius:15px;background-color:#fff;margin-left:var(--margin-general)}.modal-footer{width:100%;display:flex;flex-direction:row;justify-content:end;gap:var(--gap-general)}@media only screen and (max-width: 1024px){.modal-first-boot-logo{height:220px}.modal{width:70%}}@media only screen and (max-width: 768px){.modal-first-boot-title{font-size:80px}.modal-first-boot-logo{flex-direction:column;height:fit-content;width:220px}.modal{width:80%}}@media only screen and (max-width: 576px){.modal-first-boot-title{font-size:60px}.modal-first-boot-logo{width:180px}.modal{width:90%}}@media only screen and (max-height: 576px){.modal-first-boot-logo{height:150px}}.viewer-section{position:relative;grid-area:1 / 1 / 12 / 11;padding:0!important;border-radius:var(--radius-general);overflow:hidden;cursor:grab}.viewer canvas{max-width:100%;max-height:100%}.main-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:all 1s ease}.controls-section{grid-area:12 / 1 / 13 / 13;flex-direction:row;align-items:center;gap:calc(var(--gap-general) * 2)!important}.controls-section button{height:100%;font-size:14px}.controls-section button img{width:22px;height:22px}.progress-slider{display:flex;flex-direction:column;width:100%;gap:var(--gap-general)}#progressSlider::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:22px;margin-top:-5px;border:11px solid var(--grey);border-radius:5px;background:none;cursor:pointer}#progressSlider::-webkit-slider-runnable-track{height:12px;border-radius:10px;background:linear-gradient(90deg,var(--background),var(--orange))}.details-section{grid-area:1 / 11 / 12 / 13;flex-direction:column;align-items:center;color:var(--black)}.step-title{font-size:24px;font-weight:600;color:var(--black)}.step-description{font-size:14px;font-weight:400;color:var(--black)}.step-items-container{width:100%;height:100%;overflow-y:auto;display:flex;flex-direction:column;gap:10px}.step-item{display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:10px;background-color:#fff;min-height:150px;max-height:150px;width:100%;overflow:hidden;cursor:pointer}.step-item img{width:100%;height:calc(100% - 35px);object-fit:contain}.step-item-info{width:100%;font-size:14px;font-weight:400;color:#252525;padding:5px 10px}body{box-sizing:border-box;position:relative;background-color:var(--background);transition:var(--transition);height:100vh}.main-grid{display:grid;grid-template-columns:repeat(12,1fr);grid-template-rows:repeat(12,1fr);gap:var(--gap-general);padding:calc(var(--padding-general) * .7);height:calc(100vh - var(--header-height));width:100%}.glow{animation:conn-border-kf .8s infinite}@keyframes conn-border-kf{0%{box-shadow:0 0 #adff2f}to{box-shadow:0 0 0 7px #ffffff10}}@media only screen and (max-width: 992px){.hide-in-tablet{display:none}}@media only screen and (max-width: 576px){.hide-in-phone{display:none}}.section{position:relative;display:flex;background-color:var(--white);padding:var(--padding-general);gap:var(--gap-general);border-radius:var(--radius-general);transition:var(--transition);-webkit-tap-highlight-color:transparent}.section-header{display:flex;flex-direction:row;align-items:center;justify-content:space-between;width:100%;height:fit-content}.section-header .header-text{font-family:var(--primary-font);font-size:var(--big-text);color:var(--black);font-weight:600;margin-left:2px}.section-header .header-icon{width:var(--icon-size);height:var(--icon-size);filter:var(--black-icon)}.section-header .btn-icon img{cursor:pointer;padding:2px;width:calc(var(--icon-size) + 2px);height:calc(var(--icon-size) + 2px);filter:var(--black-icon);transition:var(--transition-btn)}.section-header .btn-icon img:hover{border:1px solid #000000;border-radius:var(--radius-general);filter:var(--orange-icon)}button{font-family:var(--primary-font);font-size:var(--normal-text);cursor:pointer;-webkit-user-select:none;user-select:none;background-color:transparent;border:none;padding:0;margin:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}button:focus{outline:none}.btn{display:flex;flex-direction:row;align-items:center;gap:var(--gap-btn);padding:var(--padding-btn);border-radius:var(--radius-btn);font-family:var(--primary-font);font-size:var(--normal-text);height:fit-content;width:fit-content;transition:var(--transition-btn);cursor:pointer;-webkit-user-select:none;user-select:none}.btn img{width:var(--icon-size);height:var(--icon-size);filter:var(--black-icon)}.btn:focus{outline:none}.btn.disabled,.btn[Disabled]{cursor:not-allowed;-webkit-user-select:none;user-select:none;color:var(--black);filter:opacity(.5)}.btn-primary{background-color:var(--background);border:1px solid var(--background);color:var(--black)}.btn-primary:hover,.btn-primary.active{color:var(--orange);border:1px solid var(--orange)}.btn-primary:hover img,.btn-primary.active img{filter:var(--orange-icon)}.btn-outlined{background-color:transparent;border:1px solid var(--background);color:var(--black)}.btn-outlined img{filter:var(--black-icon)}.btn-outlined:hover,.btn-outlined.active{color:var(--orange);border:1px solid var(--orange)}.btn-outlined:hover img,.btn-outlined.active img{filter:var(--orange-icon)}.btn-icon{padding:2px;width:calc(var(--icon-size) + 2px);height:calc(var(--icon-size) + 2px);filter:var(--black-icon);cursor:pointer;transition:var(--transition-btn)}.btn-icon.active,.btn-icon:hover{border:1px solid #000000;border-radius:var(--radius-general);filter:var(--orange-icon)}.btn-circle{width:calc(var(--icon-size) + 2px);height:calc(var(--icon-size) + 2px);transition:var(--transition-btn);cursor:pointer}.btn-circle img{border-radius:50%;border:2px solid var(--white)}.btn-circle img:hover{border-radius:50%;border:2px solid var(--orange);transform:rotate(15deg)}.btn-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--gap-general);padding:var(--padding-general);border-radius:var(--radius-general);background-color:var(--background);border:1px solid var(--background);color:var(--black);width:150px;height:120px}.btn-card img{width:calc(var(--icon-size) * 2);height:calc(var(--icon-size) * 2);filter:var(--black-icon)}.btn-card:hover,.btn-card.active{border:1px solid var(--orange);color:var(--orange)}.btn-card:hover img,.btn-card.active img{filter:var(--orange-icon)}input,select{font-family:var(--primary-font);font-size:var(--normal-text)}input[type=range]{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:100%;border-radius:10px;cursor:pointer}input[type=text],input[type=password],input[type=number]{width:100%;padding:var(--padding-btn);border-radius:var(--radius-btn);color:var(--black);background-color:var(--background);border:none;outline:none}input[type=text]::placeholder,input[type=password]::placeholder,input[type=number]::placeholder{color:var(--grey)}input[type=text].error-message,input[type=password].error-message,input[type=number].error-message{border:1px solid var(--red)}.error-message{color:var(--red)}input[type=radio]{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:var(--icon-size);height:var(--icon-size);border-radius:50%;background-color:var(--background);border:4px solid var(--background);cursor:pointer;transition:var(--transition-btn)}input[type=radio]:checked{background-color:var(--background);border:4px solid var(--orange)}.disabled{-webkit-user-select:none;user-select:none;color:var(--black);filter:opacity(.5);pointer-events:none;cursor:not-allowed}.select-input{position:relative;transition:var(--transition)}.select-input select{-moz-appearance:none;appearance:none;-webkit-appearance:none;padding:var(--padding-btn);padding-right:26px;border:1px solid var(--background);border-radius:var(--radius-btn);background-color:var(--background);color:var(--black);outline:none;cursor:pointer}.select-input select:hover{border:1px solid var(--orange)}.select-input svg{position:absolute;right:1px;top:55%;transform:translateY(-50%);fill:var(--black);pointer-events:none}.select-input select:focus{border:1px solid var(--orange)}.select-input select:focus+svg{fill:var(--orange);transform:translateY(-50%) rotate(180deg)}.toggle{position:relative;width:50px;height:26px}.toggle input{display:none}.switch{position:absolute;cursor:pointer;width:100%;height:100%;background-color:transparent;border:2px solid var(--background);border-radius:26px;transition:var(--transition)}.switch:before{content:"";position:absolute;width:18px;height:18px;background-color:var(--background);border-radius:50%;top:2px;left:2px;transition:var(--transition)}input:checked+.switch{background-color:var(--orange)}input:checked+.switch:before{transform:translate(24px);background-color:var(--background)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background-color:transparent;border-radius:10px}::-webkit-scrollbar-thumb{background-color:var(--grey);opacity:.5;border-radius:10px}.tabs-nav{display:grid;grid-template-columns:repeat(auto-fit,minmax(50px,150px));gap:var(--gap-general);width:100%;height:fit-content;padding:0 15px;border-bottom:2px solid var(--orange)}.tabs-nav .tab-btn{display:flex;align-items:start;justify-content:start;width:100%;height:fit-content;padding:var(--padding-btn);color:var(--black);background-color:var(--background);border:1px solid var(--background);border-radius:var(--radius-btn);margin-bottom:10px;transition:var(--transition-btn)}.tabs-nav .tab-btn img{filter:var(--black-icon)}.tabs-nav .tab-btn:hover{border:1px solid var(--orange);box-shadow:var(--shadow-black)}.tabs-nav .tab-btn.active,.tabs-nav .tab-btn.active:hover{background-color:var(--orange);height:100%;box-shadow:none;border:1px solid var(--orange);border-radius:var(--radius-btn) var(--radius-btn) 0 0;margin-bottom:0}