.Container{display:flex;flex-direction:column;align-items:center}.upperHalf{padding-bottom:5%}.lowerHalf,.upperHalf{width:80%;display:flex;flex-direction:column;float:left;padding-top:5%}.lowerHalf>p,.upperHalf>p{padding:0;font-size:1.2em;margin:0 0 3%;text-align:center}.description-text{font-size:1em!important;color:#666!important;margin-bottom:15px!important;font-style:italic}#copy-button{width:100%!important}.ref-code-display{margin:5px 0;text-align:center}.ref-code-display p{margin-bottom:10px;font-size:1.1em;color:var(--main-bg-color)}.ref-code-text{background-color:#f5f5f5;border:2px solid #ddd;border-radius:8px;padding:15px;font-family:Courier New,monospace;font-size:1.2em;font-weight:700;color:#333;word-break:break-all;text-align:center;letter-spacing:1px}.tooltip-container{position:relative;display:flex;justify-content:center;margin-bottom:10px}.tooltip-container .button{margin:10px;padding:15px;min-width:200px;background-color:var(--main-bg-color);color:white;border-radius:8px;width:auto;border:none;cursor:pointer;font-size:inherit}.tooltip{top:-40px;background-color:#333;color:white;padding:8px 12px;border-radius:4px;font-size:14px;white-space:nowrap;z-index:1000;opacity:1;transition:opacity .3s ease-in-out;pointer-events:none}.tooltip,.tooltip:after{position:absolute;left:50%;transform:translateX(-50%)}.tooltip:after{content:"";top:100%;width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid #333}.tooltip.fade-out{opacity:0}@media (max-width:767px){.lowerHalf,.upperHalf{width:100%;padding:3% 0}.lowerHalf>p,.upperHalf>p{font-size:1em;margin-bottom:5%}.lowerHalf>button,.upperHalf .tooltip-container>button,.upperHalf>button{min-width:120px;padding:8px 16px;font-size:14px}.tooltip-container .button{min-width:120px!important;padding:8px 16px!important;font-size:14px!important}.copyButton{min-width:100px;padding:6px 12px;font-size:14px}}@media (min-width:768px) and (max-width:1023px){.lowerHalf,.upperHalf{width:70%}.lowerHalf>p,.upperHalf>p{font-size:1.1em}.lowerHalf>button,.upperHalf .tooltip-container>button,.upperHalf>button{min-width:130px;padding:9px 18px}.tooltip-container .button{min-width:130px!important;padding:9px 18px!important}.copyButton{min-width:110px;padding:7px 14px}}@media (min-width:1024px){.lowerHalf,.upperHalf{width:60%}.lowerHalf>p,.upperHalf>p{font-size:1.2em}.lowerHalf>button,.upperHalf .tooltip-container>button,.upperHalf>button{min-width:140px;padding:10px 20px}.tooltip-container .button{min-width:140px!important;padding:10px 20px!important}.copyButton{min-width:120px;padding:8px 16px}}@media (min-width:1440px){.lowerHalf,.upperHalf{width:50%}.lowerHalf>p,.upperHalf>p{font-size:1.3em}.lowerHalf>button,.upperHalf .tooltip-container>button,.upperHalf>button{min-width:160px;padding:12px 24px}.tooltip-container .button{min-width:160px!important;padding:12px 24px!important}.copyButton{min-width:140px;padding:10px 20px}}.configuration{display:flex;height:92%;flex-direction:column}.tab-body{display:flex;height:100%}.tab-bar{display:flex;flex:none;min-height:0;flex-direction:column;background:white}.tab-bar,.tab-bar-maximized{width:10vw;min-width:150px;max-width:200px}.tab-bar-maximized{flex:none}.tab-bar-minimized{width:10vw;min-width:150px;max-width:200px;flex:none}.tab-bar button{flex:1 1;min-height:0;background:none;cursor:pointer;transition:background .2s;text-align:center;border:1px solid #ddd}.tab-bar button,.tabButtons{display:flex;flex-direction:column;justify-content:center;width:100%}.tabButtons{height:100%;align-items:center}.tabIMG{width:30%;height:30%;color:var(--main-bg-color)}@media (max-width:720px){.tab-bar button{padding:0}}.tab-bar button:hover{background:var(--secundery-color);color:white}.tab-bar button.active{background:var(--main-bg-color);color:white}.tab-bar button.active .tabIMG{color:white}.tab-content{height:100%}.maximized,.tab-content{flex:1 1;display:flex;flex-direction:column}.maximized{padding:20px;overflow:auto;width:auto}@media (max-width:767px){.configuration,.tab-body{flex-direction:column}.tab-body{height:100%}.tab-bar{order:2;background:var(--main-bg-color);overflow-x:auto;min-height:60px}.tab-bar,.tab-bar-maximized,.tab-bar-minimized{width:100%;height:auto;flex-direction:row}.tab-bar button{min-width:80px;flex:1 1;padding:8px 4px;font-size:small;color:white;border:1px solid var(--secundery-color)}.tabButtons{padding:5px;gap:2px}.tabIMG{width:24px;height:24px;color:white}.tab-content{flex:1 1;height:calc(100% - 60px);order:1;display:flex;flex-direction:column}.maximized{padding:10px}}@media (min-width:768px) and (max-width:1023px){.tab-bar-maximized{width:12vw;flex:none;min-width:120px;max-width:200px}.tab-bar-minimized{width:100%}.tab-content{flex:1 1;display:flex;flex-direction:column}.maximized{width:auto;flex:1 1}.tab-bar button{padding:10px 5px;font-size:medium}.tabButtons{padding:8px}.tabIMG{width:28px;height:28px}.maximized{padding:15px}}@media (min-width:1024px){.tab-bar-maximized{flex:none}.tab-bar-maximized,.tab-bar-minimized{width:10vw;min-width:150px;max-width:200px}.tab-content{flex:1 1;display:flex;flex-direction:column}.maximized{width:auto;flex:1 1}.tabIMG{width:30%;height:30%}.maximized{padding:20px}}@media (min-width:1200px) and (max-width:1599px){.tab-bar,.tab-bar-maximized,.tab-bar-minimized{width:12vw;max-width:220px}}@media (min-width:1600px) and (max-width:1799px){.tab-bar,.tab-bar-maximized,.tab-bar-minimized{width:10vw;max-width:250px}}@media (min-width:1800px){.tab-bar,.tab-bar-maximized,.tab-bar-minimized{width:8vw;max-width:200px}}