.anyslider-label{display:none}.anyslider-value{color:white;text-align:center;opacity:0;transition:opacity 0.2s ease;pointer-events:none;margin:0 auto;width:100%;display:none;position:absolute}.anyslider-value.active{opacity:1}.anysliders{width:100%;padding:0 15px;background-color:transparent;overflow:hidden;box-sizing:border-box;margin:10px 0 0 0}.anyslider-wrapper{width:100%;height:36px;background-color:transparent;margin-bottom:10px;display:flex;align-items:center}.anyslider-container{position:relative;flex-grow:1;height:100%;padding:0 10px}.anyslider-track-design{width:100%;height:2px;border-radius:2px;background-color:var(--inverted-background-color);position:absolute;top:50%;transform:translateY(-50%);left:0;right:0;transition:background-color 0.2s ease-out}.anyslider-track-data{width:100%;height:100%;background:transparent;position:absolute;top:0;left:0;cursor:pointer}.anyslider-thumb-data{width:40px;height:40px;position:absolute;top:50%;transform:translateY(-50%);cursor:pointer}.anyslider-thumb-data.smooth-transition{transition:left 0.2s ease}.anyslider-thumb-design{width:15px;height:15px;background-color:var(--background-color);border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transition:width 0.2s ease,height 0.2s ease}.anyslider-red .anyslider-thumb-design{background-color:red}.anyslider-green .anyslider-thumb-design{background-color:green}.anyslider-blue .anyslider-thumb-design{background-color:blue}.anyslider-brightness .anyslider-thumb-design{background-color:var(--background-color)}.anyslider-saturation .anyslider-thumb-design{background-color:#888888}.anyslider-container:hover .anyslider-track-design{background-color:var(--background-color);transition:background-color 0.2s ease}.anyslider-container:hover .anyslider-thumb-design{width:20px;height:20px}.anyslider-thumb-data:hover .anyslider-thumb-design{width:30px;height:30px;transition:width 0.2s ease,height 0.2s ease}
.logo{width:100%;height:100%}.logo-container{width:80px;height:80px;background-color:#e4e4e4;border-radius:16px;margin:0 auto;box-shadow:2px 4px 10px #00000025;padding:11px;transition:1s;display:block}.logo-container:hover{background-color:#f0f0f0;box-shadow:1px 2px 15px #00000025;padding:11px;transform:scale(1.1);transition:0.15s ease-in-out}.dark-mode .logo-container{background-color:#333333}.logo-container.small{width:40px;height:40px;border-radius:8px;padding:8px}.logo-container.small svg g{stroke-width:20px}
*{margin:0;padding:0;border:0;outline:0;box-sizing:border-box;box-shadow:none;text-shadow:none;font-stretch:normal;background:none}@font-face{font-family:'Geist';src:url('assets/css/Geist-VariableFont_wght.ttf') format('truetype');font-weight:100 900;font-style:normal}:root{--app-ci-color:#F08080;--app-ci-text-color:#303030;--background-color:#0B0B0B;--text-color:#efefef;--link-color:#007bff;--link-hover-color:#0056b3;--button-hover-bg:rgba(255,255,255,0.1);--stroke-color:#efefef;--inverted-stroke-color:#0B0B0B;--inverted-background-color:#efefef;--inverted-text-color:#0B0B0B;--inverted-text-dark-mode:#efefef}.dark-mode{--app-ci-color:#F08080;--app-ci-text-color:#303030;--background-color:#efefef;--text-color:#0B0B0B;--link-color:#2e93ff;--link-hover-color:#007bff;--button-hover-bg:rgba(0,0,0,0.1);--stroke-color:#0B0B0B;--inverted-stroke-color:#efefef;--inverted-background-color:#0B0B0B;--inverted-text-color:#efefef;--inverted-text-dark-mode:#0B0B0B}body,html{width:100%;height:100%;margin:0;padding:0;z-index:5;font-size:14px;font-family:'Geist',sans-serif;font-weight:300;background:var( --inverted-background-color);color:var(--text-color)}strong{font-weight:normal;font-weight:600}.text-center{text-align:center}#app-notifications.notifications{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);padding:20px 30px;border-radius:0.5rem;z-index:10000;display:none;font-size:14px;text-align:center;transition:opacity 0.3s ease-in-out;max-width:280px;word-wrap:break-word;word-break:break-word;border:2px solid var(--inverted-background-color);font-weight:500}#app-notifications.notifications.info{background:#5c5c5c;color:#efefef}#app-notifications.notifications.success{background:#28a745;color:#efefef}#app-notifications.notifications.warning{background:#ffc107;color:#212529}#app-notifications.notifications.error{background:#dc3545;color:#efefef}#app-notifications.notifications.show{display:block;opacity:1}#app-notifications.notifications.hide{opacity:0;transition:opacity 0.3s ease-in-out}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeOut{from{opacity:1}to{opacity:0}}#app-notifications.notifications.show{animation:fadeIn 0.3s forwards}#app-notifications.notifications.hide{animation:fadeOut 0.3s forwards}h1,h2,h3,h4,h5,h6{font-weight:normal;font-weight:300}.app-header h1{font-size:1.6rem;font-weight:300;position:fixed;z-index:100;top:0;left:50%;transform:translateX(-50%);text-align:center;margin-top:20px;padding:5px 16px}#app-title,#app-title-public{cursor:pointer}a{color:var(--link-color);text-decoration:underline}a:hover{color:var(--link-hover-color)}svg{stroke-width:2px;fill:none;stroke:var(--stroke-color);stroke-linecap:round;stroke-linejoin:round;width:32px;height:32px}button,.button{background:none;color:var(--text-color);border:none;cursor:pointer}button svg,.button svg{stroke-width:2px;fill:none;stroke:var(--stroke-color);stroke-linecap:round;stroke-linejoin:round;width:32px;height:32px}button:hover svg,.button:hover svg{stroke:var(--inverted-stroke-color);transform:scale(1.1);transition:stroke 0.3s,transform 0.3s}button:hover,.button:hover{color:var(--inverted-text-color);transition:color 0.3s ease}#menu-button{position:fixed;top:25px;left:30px;z-index:5001}#download-button{position:fixed;top:25px;right:30px;z-index:400}#rgb-button{text-align:left;padding-left:15px}#hex-button{text-align:right;padding-right:15px}#copy-url-button{text-align:center}#darkmode-button{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);z-index:1000}#app-anycolor{width:100%;height:100vh;background-color:#f08080;position:relative;transition:background-color 0.1s ease;z-index:10;display:block;border-bottom-left-radius:30px;border-bottom-right-radius:30px}#app-anycolor.no-transition{transition:background-color 0s ease !important}.app-controls{position:fixed;bottom:0;align-items:center;padding:25px;margin-top:auto;z-index:30;width:100%}#app-buttons{display:flex;justify-content:space-between;align-items:center;width:100%;z-index:70;padding:0 15px}#app-copy-color-buttons{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}#app-copy-color-buttons button{font-size:10px}#app-anycolor-color{display:flex;justify-content:space-between;align-items:center;width:100%;padding:0 15px}#app-anycolor-color-set{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:40px;position:fixed;top:65px;left:0;width:100%;overflow-y:auto;z-index:90}.color-box-handle{height:15px;width:100%;display:block;border-top-left-radius:0.3rem;border-top-right-radius:0.3rem;background-color:var(--inverted-background-color);transition:height 0.2s ease-in-out;position:relative}@keyframes wobble{0%{height:15px}25%{height:18px}50%{height:15px}75%{height:13px}100%{height:15px}}.color-box-handle.wobble{animation:wobble 0.2s ease-in-out infinite;position:relative}.color-set-container{position:relative}#app-anycolor-color-set .color-box{width:60px;height:65px;display:flex;align-items:center;justify-content:center;border-bottom-left-radius:0.3rem;border-bottom-right-radius:0.3rem;cursor:pointer;box-shadow:none;transition:transform 0.2s ease}.color-code{font-size:12px;text-align:center;display:block;padding-top:3px}@media (max-width:400px){#app-anycolor-color-set .color-box{width:46px;height:26px}#app-anycolor-color-set{padding:20px}.color-code{font-size:10px}}.modal{display:none;position:fixed;z-index:1001;left:0;top:0;width:100%;height:100%;overflow:auto;animation:fadeIn 0.3s ease-in-out;font-size:15px}.modal-content{margin:10% auto;width:80%;max-width:400px;position:relative}.modal-header{padding:10px 25px;height:50px;border-top-left-radius:0.4rem;border-top-right-radius:0.4rem;background-color:var(--inverted-background-color);color:var(--inverted-text-color)}.modal-header h2{font-weight:400;padding-top:3px;font-size:20px}.close-button{position:absolute;right:0;top:0;color:inherit}.modal-input{background-color:var(--inverted-background-color)}.modal-input input{width:100%;padding:25px;margin:0;font-size:14px;background-color:var(--inverted-background-color);color:var(--inverted-text-color);border-radius:4px}.modal-footer{border-bottom-left-radius:0.4rem;border-bottom-right-radius:0.4rem;background-color:#555;display:flex;align-items:center;justify-content:space-between;background-image:repeating-linear-gradient( -45deg,transparent,transparent 0.5rem,#ccc 0.5rem,#ccc 1rem );background-size:200% 200%;animation:barberpole 20s linear infinite}@keyframes barberpole{100%{background-position:100% 100%}}#color-preview{width:100%;border-bottom-left-radius:0.4rem;border-bottom-right-radius:0.4rem;display:flex;align-items:center;justify-content:center}#submit-color-button{background:none;border:none;color:var(--text-color);font-size:1.5rem;cursor:pointer;width:100%;padding:25px}.dark-mode #submit-color-button{color:var(--inverted-text-color)}.modal-description ul{list-style:none}.history-inactive{opacity:0.5;pointer-events:none;cursor:default}.history-active{opacity:1;pointer-events:auto;cursor:pointer}.app-user-sets{z-index:3000;background-color:var(--inverted-background-color);color:var(--inverted-text-color);max-width:100%;position:relative;display:block}.local-sets{background-color:none !important}#favorite-color-sets-section{text-align:center;font-size:1.3rem;padding:50px 25px}.favorite-color-sets-link-public a{padding:50px 25px;display:block;font-size:1.3rem;font-weight:400;background-color:var(--inverted-background-color);color:var(--link-color);text-align:center;text-decoration:none}.favorite-color-sets-link-public svg{stroke:#007bff}.favorite-sets-icon{text-align:center}.favorite-sets-icon svg{stroke:var(--inverted-stroke-color)}.no-color-sets-message{font-size:1rem;font-weight:400;text-align:center;color:grey}.favorite-set-container{padding-bottom:1rem;max-width:800px;margin:0 auto}.top-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:0.5rem}.favorite-color-input{width:100px;padding:5px;font-size:16px;text-align:center;border-radius:0.2rem;background-color:#ABCDEF;color:#fff;transition:background-color 0.3s ease,border-color 0.3s ease}.favorite-color-input.invalid{border-color:red}.favorite-color-input.invalid::placeholder{color:red}.buttons-container{display:flex;gap:0.5rem}.colors-container{display:flex;flex-wrap:wrap;gap:5px}.favorite-set-color-box{width:30px;height:40px;border-radius:0.2rem}.fav-set-container{max-width:600px;margin:25px auto;background-color:#fff;padding:15px 15px 5px 15px;border-radius:0.5rem;transition:0.2s ease-in-out}.dark-mode .fav-set-container{background-color:#000;color:#efefefb1}.fav-set-container:hover .favorite-set-color-box{width:40px;height:60px;border-radius:0.2rem;transition:0.2s ease-in-out}.fav-set-container:hover .favorite-set-color-box:hover{width:60px;height:60px;border-radius:0.2rem;transition:0.2s ease-in-out}hr{border:none;border-top:1px solid #88888838;margin:1rem 0}.remove-favorite-set-button,.open-favorite-set-button,.copy-url-local-set{font-size:1rem;font-weight:400;padding:10px 25px}.remove-favorite-set-button:hover,.open-favorite-set-button:hover{text-decoration:underline}.remove-favorite-set-button{color:red}.dark-mode .remove-favorite-set-button{color:red}.open-favorite-set-button,.copy-url-local-set{color:#007bff}.dark-mode .open-favorite-set-button{color:#007bff}.favorite-color{padding:3px 10px;color:#000;border-radius:0.2rem}.pulsing-heart-container{text-transform:uppercase;font-family:'Times New Roman',Times,serif;text-align:center;padding:25px;color:#efefefca}.pulsing-heart{display:inline-block;font-size:18px;animation:pulse 1.5s infinite}@keyframes pulse{0%{transform:scale(0.6)}50%{transform:scale(1.2)}100%{transform:scale(0.6)}}.app-informations{position:fixed;top:0;left:0;width:100%;height:100%;background-color:var(--app-ci-colorapp-ci-color);color:var(--app-ci-text-color);z-index:5000;padding:25px;display:none;justify-content:center;opacity:0;transition:opacity 0.3s ease;overflow:scroll}.app-informations.visible{display:flex;opacity:1;background:lightcoral}.menu-content{width:100%;max-width:800px;padding-top:80px}.menu-section{background:#efefef;color:#FA8072;border-radius:0.5rem;margin:20px 0;padding:15px 25px}.menu-section-row,.menu-section-header{display:flex;justify-content:space-between;align-items:center}.menu-label{font-weight:500;color:#FA8072;font-size:14px;margin:0;padding-right:15px}.menu-value{font-weight:400;color:#0B0B0B;font-size:14px;margin-top:5px}.menu-section-description{margin-top:10px}.menu-section-description p{font-size:14px;color:#888888;line-height:1.4;margin:0}.menu-link{color:#007bff;text-decoration:none;font-weight:400;font-size:14px;cursor:pointer}.menu-link,.menu-link a,.menu-link button{color:#007bff;text-decoration:none;font-weight:400;font-size:14px;cursor:pointer}.menu-link-alert{color:#E92341}.menu-link:hover,.menu-link a:hover,.menu-link button:hover{color:#117cffb9;text-decoration:underline}.menu-link:focus,.menu-link a:focus,.menu-link button:focus{outline:none}.generate-username{width:100%}#username-input{width:100%;margin:10px 0;padding:10px;font-size:14px;border:1px solid #ccc;border-radius:5px}.generate-username-footer{display:flex;justify-content:space-between;align-items:center;margin-top:10px}.menu-label{font-size:14px}.menu-list{list-style:none;padding:0;background:#efefef;border-radius:8px;margin:0}.menu-list h3{margin:0;padding:0}.menu-list li{padding:12px 25px;border-bottom:1px solid #e37060}.menu-list-header{display:flex;justify-content:space-between;align-items:center}.menu-app-description{text-align:center;color:#efefef;padding:2rem 1rem}.menu-app-description .subtitle{padding:1rem}.app-overlay-footer{color:#efefef;padding:1rem 1rem 4rem 1rem;text-align:center}.expand-button svg{stroke:#007bff;width:32px;display:block}.menu-section-content{display:none;width:100%}.menu-section-content.expanded{display:block}.app-content-info{padding:25px 0}.app-content-info p{padding:10px 0;font-size:14px;line-height:1.45rem;font-weight:400}.app-content-info h4,.app-content-info h5{font-weight:500;color:var(--app-ci-color)}.app-content-info h4{font-size:14px;padding:25px 0 15px}.app-content-info h5{font-size:14px;padding:15px 0 10px}#splash-screen{position:fixed;top:0;left:0;width:100%;height:100%;background-color:var(--splash-bg-color-1,rgb(255,189,189));display:flex;justify-content:center;align-items:center;z-index:9999;animation:backgroundFade 5s infinite alternate}@keyframes backgroundFade{0%{background-color:var(--splash-bg-color-1,rgb(255,189,189))}100%{background-color:var(--splash-bg-color-2,lightcoral)}}.splash-content{text-align:center}#splash-screen h1{font-size:25px;margin-top:20px}#splash-screen h2{font-size:13px;margin-top:13px}#splash-screen h1,#splash-screen h2{color:var(--text-color);display:block}.review-section{text-align:center;width:100%;margin:0 auto}.review-section h3{color:#efefefd7;font-weight:500;margin:15px;font-size:14px}.review-container{display:flex;justify-content:space-around;width:100%}.review{text-align:left;width:33%;background-color:#efefefd7;padding:15px;border-radius:0.5rem}.stars{font-weight:500;color:coral;text-align:left;font-family:Arial,sans-serif}.review-username{font-weight:500;color:#555;margin:5px 0}.review-text{color:#333;font-size:1em;margin:5px 0}.local-set-info{padding-bottom:25px}.local-set-info h2{padding-bottom:15px;font-size:1.3rem;font-weight:400}.local-set-info p{padding-bottom:25px;font-size:1rem}.dark-mode .local-set-info{color:#efefefb1}.fav-top-row{display:flex;justify-content:space-between;font-size:14px;margin-bottom:5px}.fav-set-number{color:var(--favorite-color,#ABCDEF);margin-right:5px}.fav-set-star{font-size:1.2em}.fav-set-count{color:var(--inverted-text-color)}.fav-colors-container{display:flex;flex-wrap:wrap;gap:3px;margin-bottom:4px;border-top:1px solid rgba(128,128,128,0.314);border-bottom:1px solid rgba(128,128,128,0.314);padding-top:8px;padding-bottom:8px}.favorite-set-color-box{width:20px;height:30px}.fav-buttons-container{display:flex;justify-content:space-between;gap:15px}.btn-fav{padding:10px 25px;border:none;cursor:pointer}.btn-fav-delete{color:rgb(255,0,0)}.btn-fav-open,.btn-fav-copy{color:#007bff}.btn-fav:hover{opacity:0.7}#welcome-new-user-overlay-id{display:none;opacity:0;transition:opacity 0.5s ease;position:fixed;top:0;left:0;width:100%;height:100%;background:transparent;z-index:20000}#welcome-new-user-overlay-id.welcome-overlay-visible{display:flex;justify-content:center;align-items:center;opacity:1}.welcome-overlay-wrapper{background-color:#efefef;color:#0B0B0B;border-radius:0.5rem;max-width:300px}.welcome-overlay-content{padding:25px}.welcome-overlay-header{padding:25px;border-top-left-radius:0.5rem;border-top-right-radius:0.5rem}.welcome-overlay-dismiss{padding:25px;width:100%;font-size:16px;color:#efefef;cursor:pointer;background-color:#000;border-bottom-left-radius:0.5rem;border-bottom-right-radius:0.5rem}.local-fav-tooltip{position:absolute;background-color:rgba(0,0,0,0.75);color:#fff;padding:4px 8px;border-radius:4px;top:-30px;left:50%;transform:translateX(-50%);white-space:nowrap;font-size:12px;pointer-events:none;opacity:0;transition:opacity 0.2s ease-in-out}.local-fav-color-box:hover .local-fav-tooltip,.local-fav-favorite-set-color-box:hover .local-fav-tooltip{opacity:1}