.sidebar-colors{position:fixed;top:75%;right:-290px;transform:translateY(-50%);width:300px;height:auto;max-height:80vh;background:var(--glass-background);backdrop-filter:blur(10px);border-left:1px solid var(--glass-border);border-radius:var(--border-radius) 0 0 var(--border-radius);box-shadow:var(--shadow);transition:right .3s ease-in-out;z-index:10000;overflow-y:auto}.sidebar-colors:hover,.sidebar-colors.open{right:0 !important}.sidebar-colors.left{right:auto;left:-290px;border-left:none;border-right:1px solid var(--glass-border);border-radius:0 var(--border-radius) var(--border-radius) 0;transition:left .3s ease-in-out}.sidebar-colors.left:hover,.sidebar-colors.left.open{left:0 !important;right:auto !important}.sidebar-colors.top .sidebar-toggle-colors{margin-top:5px}.sidebar-colors.top:hover,.sidebar-colors.top.open{top:0 !important}.sidebar-colors.bottom:hover,.sidebar-colors.bottom.open{bottom:0 !important}.sidebar-colors.top{left:90%;transform:translateX(-50%);width:300px;height:auto;max-height:80vh;background:var(--glass-background);backdrop-filter:blur(10px);border-left:1px solid var(--glass-border);border-radius:0 0 var(--border-radius) var(--border-radius);box-shadow:var(--shadow);transition:top .3s ease-in-out;z-index:10000;overflow-y:auto}.sidebar-colors.top:hover{top:0 !important}html[lang=ar] .sidebar-colors.top{top:-400px}html[lang=en] .sidebar-colors.top{top:-400px}html[lang=de] .sidebar-colors.top{top:-400px}html[lang=en-DE] .sidebar-colors.top{top:-400px}.sidebar-colors.bottom{top:auto;bottom:-470px;left:90%;transform:translateX(-50%);width:300px;height:auto;max-height:80vh;background:var(--glass-background);backdrop-filter:blur(10px);border-left:1px solid var(--glass-border);border-radius:var(--border-radius) var(--border-radius) 0 0;box-shadow:var(--shadow);transition:bottom .3s ease-in-out;z-index:10000;overflow-y:auto}.sidebar-colors.bottom:hover{bottom:0}.sidebar-colors.left+.sidebar-toggle-colors{right:auto;left:20px}.sidebar-colors.top+.sidebar-toggle-colors{top:20px;left:50%;transform:translateX(-50%)}.sidebar-colors.bottom+.sidebar-toggle-colors{top:auto;bottom:20px;left:50%;transform:translateX(-50%)}.sidebar-content-colors{padding:20px}.sidebar-colors h2{font-size:18px;margin-bottom:20px;color:var(--text-color)}.sidebar-colors label{display:block;margin-bottom:10px;font-size:16px;color:var(--text-color)}.sidebar-colors .logo{height:40px;margin-bottom:20px}.sidebar-colors select{width:100%;padding:10px;margin-bottom:20px}.sidebar-colors button[type=submit]{background:var(--primary-color);color:var(--text-color);border:none;padding:10px 20px;border-radius:var(--border-radius);cursor:pointer;transition:background .3s}.sidebar-colors button[type=submit]:hover{background:#e65a50}.sidebar-toggle-colors{position:fixed;top:20px;background:var(--glass-background);backdrop-filter:blur(10px);border:1px solid var(--glass-border);border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:1001;box-shadow:var(--shadow);transition:background .3s}.sidebar-toggle-colors:hover{background:var(--hover-bg);border-radius:50%}.left-position{left:20px;top:25px}.right-position{right:20px;top:25px}body::after{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.3);pointer-events:none;z-index:-1}body.light-gradient::after{background:hsla(0,0%,100%,.3)}.sidebar-toggle-colors .color-icon{width:24px;height:24px;fill:var(--text-color);transition:fill .3s}.sidebar-toggle-colors:hover .color-icon{fill:var(--primary-color)}video#video-background{position:fixed;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:-1}.sidebar-toggle:hover{background:var(--hover-bg);border-radius:var(--border-radius);transition:background .3s ease}.darker-text-color{color:var(--darker-text-color)}.white-text-color{color:var(--text-color)}@media only screen and (max-width: 1445px){.sidebar-colors{display:none}}/*# sourceMappingURL=colorsSideBar.css.map */