@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Teko:wght@400;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Comic+Relief:wght@400;700&display=swap";:root{--user-font: sans-serif;--user-primary-color: #fff;--user-secondary-color: #fff;--user-terciary-color: #fff;--user-bg-color: #fff;--user-bg-secondary-color: #fff;--user-contrast-color: #000;--user-shadow-color: rgba(0,0,0, .4);--user-button-border-radius: 0rem;--user-icons-background-color: #fff}#user-links-page-content{min-height:100vh;min-height:100dvh;color:var(--user-contrast-color);font-family:var(--user-font);background:linear-gradient(to bottom,var(--user-bg-color),var(--user-bg-secondary-color));display:flex}#user-links-page-content canvas{touch-action:none}#user-links-page-content .user-links-page-wave{position:relative;min-width:10vw;min-height:100vh;min-height:100dvh}#user-links-page-content .user-links-page-wave .wave{background:var(--user-wave-color);position:absolute;border-radius:0 100% 100% 0;height:100%}#user-links-page-content .user-links-page-wave .wave-1{width:60%;z-index:999;animation:wave1 3s linear infinite}#user-links-page-content .user-links-page-wave .wave-2{opacity:.75;animation:wave2 3s linear infinite}#user-links-page-content .user-links-page-container{position:relative;padding:1rem 1rem 0rem;margin-left:auto;margin-right:auto;max-width:450px;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;gap:.75rem}#user-links-page-content .user-links-page-header{text-align:center}#user-links-page-content .user-links-page-header .avatar{margin:.5rem;margin-left:auto;margin-right:auto;width:8rem;height:8rem;border-radius:100%;border:.25rem solid var(--user-secondary-color);box-shadow:1px 2px 2px var(--user-shadow-color);object-fit:cover}#user-links-page-content .user-links-page-header .title-div{display:flex;justify-content:center;align-items:center;gap:.5rem}#user-links-page-content .user-links-page-header .title-div h1{font-size:1.5rem;color:var(--user-primary-color)}#user-links-page-content .user-links-page-header .title-div .premium-icon{padding:.2rem;color:invert(var(--user-bg-color));background-color:var(--shadow-color);border-radius:100%;font-size:1.2rem;opacity:.4}#user-links-page-content .user-links-page-header .title-div .premium-icon:hover{color:#fff;padding:.15rem;box-shadow:1px 1px 5px var(--shadow-color);background:linear-gradient(to bottom,var(--secondary-color),var(--primary-color));opacity:1;transition:.3s}#user-links-page-content .user-links-page-header p{margin:.5rem 0rem;font-size:1.1rem;color:var(--user-contrast-color)}#user-links-page-content .icons-grid{display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:wrap}#user-links-page-content .icons-grid .icons-grid-item{max-height:8rem;max-width:8rem}#user-links-page-content .buttons-grid .user-btn-default,#user-links-page-content .buttons-grid .user-btn-outline{cursor:pointer;margin:1rem 0rem;width:100%;padding:1rem;border-radius:var(--user-button-border-radius);font-size:1rem;font-family:var(--font);word-break:break-all}#user-links-page-content .buttons-grid .user-btn-default{color:var(--user-secondary-color);background:var(--user-primary-color);box-shadow:1px 1px 6px var(--shadow-color);border:none}#user-links-page-content .buttons-grid .user-btn-default:hover{transform:scale(1.1);transition:.3s}#user-links-page-content .buttons-grid .user-btn-outline{color:var(--user-primary-color);background:none;border:1px solid var(--user-primary-color)}#user-links-page-content .buttons-grid .user-btn-outline:hover{color:var(--user-secondary-color);background:var(--user-primary-color);transition:.3s}#user-links-page-content .powered-by{margin-bottom:0;margin-top:auto;cursor:pointer;font-family:var(--font);display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:.5rem;text-align:center;background:#fff9;border-radius:1.5rem 1.5rem 0rem 0rem;color:var(--contrast-color);text-decoration:none;padding:1rem;box-shadow:0 0 10px var(--shadow-color)}#user-links-page-content .powered-by:hover{background:var(--bg-color);transition:.3s}#user-links-page-content .powered-by svg{font-size:1.2rem}.user-links-page-options-menu{cursor:pointer;position:absolute;top:0;right:0;margin:1rem;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:.75rem;color:var(--contrast-color);background-color:#fff6;font-size:1rem;border-radius:1.5rem;padding:.5rem;box-shadow:0 0 10px var(--shadow-color);max-height:3rem}.user-links-page-options-menu svg{font-size:1.2rem}.user-links-page-options-menu svg:hover{scale:1.1;transition:.3s}.user-links-page-options-menu:hover{background-color:#fff9}.user-links-page-options-menu.open{max-height:10rem;transition:all .3s ease}.user-links-page-options-menu .liked,.user-links-page-options-menu .disliked{fill:var(--primary-color)}:root{--font: "Montserrat", sans-serif;--primary-color: #ef529c;--secondary-color: #ef4523;--terciary-color: #8d2c91;--bg-color: #fff;--bg-secondary-color: #f5f5f7;--contrast-color: #111211;--success-color: #2ecc71;--error-color: #e63946;--shadow-color: rgba(0,0,0, .4);--select-color: #fff;--select-background: #e63946;--scrollbar-color: #ef529c;--scrollbar-background: #f5f5f5}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes spin-clockwise{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes spin-counterclockwise{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}@keyframes wave1{0%{width:50%}50%{width:70%}to{width:50%}}@keyframes wave2{0%{width:70%}50%{width:100%}to{width:70%}}*{padding:0;margin:0;box-sizing:border-box}html{scroll-behavior:smooth}body{min-height:100vh;min-height:100dvh;color:var(--contrast-color);font-family:var(--font);background:var(--bg-color)}.container{margin-left:auto;margin-right:auto;max-width:950px;padding:2rem}.hidden{display:none}.fade-in-up{opacity:0;transform:translateY(20px);animation:fadeInUp 1.5s ease-out forwards}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--scrollbar-background)}::-webkit-scrollbar-thumb{background-color:var(--scrollbar-color);border-radius:20px;border:1px solid var(--scrollbar-background)}::selection{background-color:var(--select-background);color:var(--select-color)}@media (max-width: 530px){.row{flex-direction:column-reverse!important}.row .col-half{width:100%}.row .col-half div{flex-direction:column}}@media (max-width: 769px){#config-page{flex-direction:column!important}#config-page #user-config-form{max-width:100%!important}#config-page #preview{flex-grow:0}#metrics-page .stats-list{align-items:center;justify-content:center;flex-direction:column}#metrics-page .stats-list .dashboard-stat{width:100%}#metrics-page .charts-row{flex-wrap:wrap}#metrics-page .charts-row>*{width:100%!important}}#config-page{display:flex;flex-direction:row;min-height:100vh;min-height:100dvh;position:relative}#config-page #user-config-form{min-height:100%;padding:1.5rem 1.5rem 3rem;box-shadow:2px 2px 8px var(--shadow-color);max-width:488px;z-index:10;overflow-y:auto}#config-page #user-config-form h4{color:var(--shadow-color);margin:.75rem 0rem}#config-page #user-config-form p{margin:.5rem 0rem;font-size:.9rem}#config-page #user-config-form input,#config-page #user-config-form textarea{width:100%}#config-page #user-config-form input,#config-page #user-config-form .toggle,#config-page #user-config-form .btn{margin:.5rem .5rem .5rem 0rem}#config-page #user-config-form .img-input{margin-bottom:1.25rem}#config-page #user-config-form #save-div{display:flex;align-items:center;gap:1rem}#config-page #preview{flex-grow:1;position:sticky;top:0;height:100%}.custom-hr-primary,.custom-hr-secondary,.custom-hr-terciary{margin:1.5rem 0rem}.custom-hr-primary{border:1px solid var(--primary-color)}.custom-hr-secondary{border:1px solid var(--secondary-color)}.custom-hr-terciary{border:1px solid var(--terciary-color)}#premium-page{min-height:90vh;min-height:90dvh;display:flex;align-items:center;justify-content:center;background:linear-gradient(to bottom,var(--secondary-color),var(--terciary-color));padding:2rem}#premium-page .container{box-shadow:1px 1px 6px var(--shadow-color);background:var(--bg-secondary-color);border-radius:2rem}#premium-page p{margin:1rem 0rem}#premium-page .sign-premium-please{margin-top:2rem;display:flex;align-items:center;flex-wrap:wrap;gap:1rem}#metrics-page{min-height:100vh;background-color:var(--bg-secondary-color)}#metrics-page h2{text-align:center}#metrics-page .stats-list{display:flex;justify-content:space-around;align-items:center;flex-wrap:wrap;gap:1rem}#metrics-page .stats-list,#metrics-page .line-graph,#metrics-page .charts-row,#metrics-page .bar-horizontal-graph,#metrics-page .comparative-chart{margin:2rem 0rem}#metrics-page .charts-row{max-width:100%;display:flex;align-items:stretch;gap:2rem}#metrics-page .charts-row>*{width:50%}#not-found-user{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:1rem;min-height:100vh;min-height:100dvh;text-align:center;background:var(--bg-secondary-color)}#not-found-user h2,#not-found-user svg{color:var(--shadow-color)}#not-found-user h2:hover,#not-found-user svg:hover{color:var(--secondary-color);transition:.3s}#not-found-user svg{font-size:8rem}#not-found-user button{margin-top:1rem}#not-found-user button svg{font-size:1.1rem;color:var(--secondary-color);margin-right:.5rem}#not-found-user button:hover svg{color:var(--bg-color)}#explore-page h2,#explore-page p{margin:.5rem 0rem;text-align:center}#explore-page .grid-container{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem;padding:2rem 0;max-width:1200px;margin:0 auto}@media (max-width: 665px){#explore-page .grid-container{grid-template-columns:1fr}}#explore-page .grid-container .create-your-page-cta{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;text-align:center}#explore-page .grid-container .create-your-page-cta .btn:hover{scale:1.1;transition:.3s}#explore-page .user-preview-container{width:100%;padding:1rem 0rem;cursor:pointer;-webkit-user-select:none;user-select:none;text-align:center;background-color:var(--bg-secondary-color);border-radius:1.5rem}#explore-page .user-preview-container h3{font-size:1rem;font-weight:600}#explore-page .user-preview-container .user-page-preview{pointer-events:none;width:100%;aspect-ratio:3/2;border-radius:1.5rem;overflow:hidden;position:relative;margin-bottom:.5rem}#explore-page .user-preview-container .user-page-preview .iframe-container{position:absolute;top:50%;left:50%;width:1024px;height:768px;transform:translate(-50%,-50%) scale(.35)}@media (max-width: 1200px){#explore-page .user-preview-container .user-page-preview .iframe-container{transform:translate(-50%,-50%) scale(.3)}}@media (max-width: 768px){#explore-page .user-preview-container .user-page-preview .iframe-container{transform:translate(-50%,-50%) scale(.25)}}#explore-page .user-preview-container .user-page-preview .iframe-container iframe{width:100%;height:100%;border:1px solid #ccc;border-radius:2rem}#explore-page .user-preview-container:hover{box-shadow:0 2px 8px var(--shadow-color);scale:1.05;transition:.3s}header{padding:.5rem 1rem;display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid var(--primary-color)}header nav .blog-menu-icon,header nav .explore-menu-icon{cursor:pointer;font-size:1.75rem;color:#a9a9a9;margin-right:.75rem;margin-bottom:.25rem}header nav .blog-menu-icon:hover,header nav .explore-menu-icon:hover{scale:1.15;color:var(--terciary-color);transition:.3s}header nav .explore-menu-icon:hover{transform:rotate(90deg)}header nav .user-menu-icon{cursor:pointer;font-size:2.25rem;color:#a9a9a9;border:3px solid var(--bg-color);padding:2px;border-radius:100%}header nav .user-menu-icon:hover{border:2px solid var(--secondary-color);color:var(--secondary-color);transition:.3s}header nav ul{position:absolute;right:1rem;z-index:999999;background-color:var(--bg-color);box-shadow:2px 3px 4px var(--shadow-color);border-radius:1rem;padding:1rem;display:flex;flex-direction:column;gap:.5rem;font-size:.9rem;list-style:none}header nav ul .disabled{color:var(--shadow-color);cursor:not-allowed}header nav ul a{color:var(--contrast-color);text-decoration:none}header nav ul .btn{padding:0!important;margin:0!important;background:none!important;box-shadow:none!important;border:none!important}header nav ul .btn:hover,header nav ul a:hover,header nav ul li:hover{color:var(--secondary-color);text-decoration:underline;transition:.3s;box-shadow:none!important}.modal-backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;height:100dvh;padding:1rem;background-color:var(--shadow-color);display:flex;align-items:center!important;justify-content:center!important;z-index:999998}.modal-backdrop .modal-container{z-index:999999;max-width:450px;background-color:var(--bg-color);box-shadow:2px 3px 4px var(--shadow-color);border-radius:1rem;margin:1.5rem;padding:1.5rem}.modal-backdrop .modal-container .modal-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:2rem}.lp-session{min-height:90vh;min-height:90dvh;display:flex;align-items:center}.secondary-bg{background:var(--bg-secondary-color)}.col-half{width:calc(50% - 1.5rem);display:flex;justify-content:center;align-items:flex-start;flex-direction:column}.col-half h1,.col-half h2,.col-half h3,.col-half p{margin-bottom:1.5rem}.col-half img{margin-left:auto;margin-right:auto;max-width:100%;height:auto}.col-half .btn{margin-right:1rem}.col-half div{display:flex;justify-content:flex-start;align-items:flex-start;flex-wrap:wrap}.col-half div .btn{margin-bottom:.75rem}.row{display:flex;justify-content:center;align-items:stretch;flex-wrap:wrap;gap:1.5rem;width:100%}.row-reverse{flex-direction:row-reverse}.btn,.img-input label,.btn-outline-terciary,.btn-outline-secondary,.btn-outline,.btn-dark,.btn-error,.btn-terciary,.btn-secondary,.btn-primary{position:relative;display:flex;align-items:center;justify-content:center;gap:.5rem;cursor:pointer;padding:.5rem 1.5rem;background:var(--bg-color);border-radius:1rem;border:none;box-shadow:1px 1px 6px var(--shadow-color);text-decoration:none;color:var(--contrast-color);font:var(--font);font-size:.9rem;white-space:nowrap;max-width:fit-content;min-width:auto}.btn svg,.img-input label svg,.btn-outline-terciary svg,.btn-outline-secondary svg,.btn-outline svg,.btn-dark svg,.btn-error svg,.btn-terciary svg,.btn-secondary svg,.btn-primary svg{font-size:1.1rem;vertical-align:bottom}.btn .loader,.img-input label .loader,.btn-outline-terciary .loader,.btn-outline-secondary .loader,.btn-outline .loader,.btn-dark .loader,.btn-error .loader,.btn-terciary .loader,.btn-secondary .loader,.btn-primary .loader{margin-left:120%;margin-bottom:.75rem}.btn:hover,.img-input label:hover,.btn-outline-terciary:hover,.btn-outline-secondary:hover,.btn-outline:hover,.btn-dark:hover,.btn-error:hover,.btn-terciary:hover,.btn-secondary:hover,.btn-primary:hover{box-shadow:0 0 10px var(--secondary-color);transition:.3s}.btn:disabled,.img-input label:disabled,.btn-outline-terciary:disabled,.btn-outline-secondary:disabled,.btn-outline:disabled,.btn-dark:disabled,.btn-error:disabled,.btn-terciary:disabled,.btn-secondary:disabled,.btn-primary:disabled{background-color:var(--shadow-color);color:var(--bg-color);box-shadow:none;opacity:.5}.btn-primary{background:var(--primary-color);color:var(--bg-color)}.btn-primary:hover{box-shadow:0 0 10px var(--primary-color);transition:.3s}.btn-secondary{background:var(--secondary-color);color:var(--bg-color)}.btn-secondary:hover{box-shadow:0 0 10px var(--secondary-color);transition:.3s}.btn-terciary{background:var(--terciary-color);color:var(--bg-color)}.btn-terciary:hover{box-shadow:0 0 10px var(--terciary-color);transition:.3s}.btn-error{background:var(--error-color);color:var(--bg-color)}.btn-error:hover{box-shadow:0 0 10px var(--error-color);transition:.3s}.btn-dark{background:var(--contrast-color);color:var(--bg-color)}.btn-dark:hover{box-shadow:0 0 10px var(--contrast-color);transition:.3s}.btn-outline{color:var(--primary-color);border:1px solid var(--primary-color);box-shadow:none;background:none}.btn-outline:hover{color:var(--bg-color);background:var(--primary-color);border:1px solid var(--primary-color);box-shadow:none}.btn-outline-secondary{color:var(--secondary-color);border:1px solid var(--secondary-color);box-shadow:none;background:none}.btn-outline-secondary:hover{color:var(--bg-color);background:var(--secondary-color);border:1px solid var(--secondary-color);box-shadow:none}.btn-outline-terciary{color:var(--terciary-color);border:1px solid var(--terciary-color);box-shadow:none;background:none}.btn-outline-terciary:hover{color:var(--bg-color);background:var(--terciary-color);border:1px solid var(--terciary-color);box-shadow:none}input,textarea,select{border:1px solid var(--shadow-color);border-radius:1rem;padding:.5rem 1.5rem;margin-bottom:.75rem;background:none}input:focus,textarea:focus,select:focus{outline:none;border:1px solid var(--secondary-color)}textarea{min-height:4rem;resize:none}.img-input{display:flex;align-items:center;flex-wrap:wrap}.img-input input{display:none}.img-input label{font-size:.8rem}.img-input span{padding:8px;font-size:.8rem;font-weight:700;position:relative;display:flex;align-items:center;justify-content:center;flex-wrap:wrap}.img-input span .loader{margin-left:110%;margin-bottom:.75rem}.img-input span svg{cursor:pointer;font-size:1.2rem;color:var(--shadow-color)}.img-input span svg:hover{color:var(--error-color);transition:.3s}textarea::-webkit-scrollbar{width:6px}textarea::-webkit-scrollbar-track{margin:10px;background:var(--bg-secondary-color);border-radius:20px}textarea::-webkit-scrollbar-thumb{background-color:var(--shadow-color);border-radius:20px;border:1px solid var(--bg-secondary-color)}.color-input-wrapper{position:relative;margin:1rem 0rem;max-width:240px}.color-input-wrapper .color-input-field{display:flex;align-items:center;cursor:pointer;gap:1rem;font-size:.85rem}.color-input-wrapper .color-input-field .color-preview{width:1.5rem;height:1.5rem;border-radius:100%;box-shadow:1px 1px 6px var(--shadow-color)}.color-input-wrapper .color-picker-popover{position:absolute;z-index:100;bottom:120%;left:0;margin-top:8px;background:var(--bg-color);box-shadow:0 2px 8px #00000026;border-radius:8px;overflow:hidden}.color-input-wrapper .color-picker-popover input{border:none;padding:.25rem .75rem;text-align:center}.select-input{display:flex;flex-wrap:wrap;align-items:baseline;gap:.5rem}.select-input label{font-size:.85rem}.select-input select{padding-right:1rem;cursor:pointer;color:var(--contrast-color)}.subscribe-content h2,.subscribe-content p,.subscribe-content form{margin-bottom:1rem}.subscribe-content h2{font-size:1.2rem;font-weight:300}.subscribe-content p{font-size:.9rem}.subscribe-content form{display:flex;flex-direction:column;width:100%}.subscribe-content form input{max-width:15rem}.user-link-option-config-wrapper{display:flex;flex-direction:row-reverse}.user-link-option-config-wrapper .change-order-arrows{display:flex;justify-content:center;flex-direction:column;gap:1rem;padding:.5rem}.user-link-option-config-wrapper .change-order-arrows svg{cursor:pointer;color:var(--shadow-color)}.user-link-option-config-wrapper .change-order-arrows svg:hover{color:var(--secondary-color);transition:.3s}.user-link-option-config-wrapper .user-link-option-config-box{flex-grow:1;padding:1.25rem;margin:1rem 0rem;border-radius:2rem;background-color:var(--bg-secondary-color)}.user-link-option-config-wrapper .user-link-option-config-box .delete-box-btn{cursor:pointer;display:flex;align-items:center;gap:.25rem;margin:.5rem 0rem;max-width:100px;font-size:.7rem;color:var(--shadow-color);font-weight:700}.user-link-option-config-wrapper .user-link-option-config-box .delete-box-btn svg{font-size:1rem}.user-link-option-config-wrapper .user-link-option-config-box .delete-box-btn:hover{color:var(--error-color);transition:.3s}.user-link-option-config-wrapper .user-link-option-config-box:hover{background:var(--bg-color);box-shadow:1px 1px 6px var(--shadow-color);transition:.3s}.user-link-option-config-wrapper .user-link-option-config-box label,.user-link-option-config-wrapper .user-link-option-config-box input,.user-link-option-config-wrapper .user-link-option-config-box select{font-size:.8rem}.user-link-option-config-wrapper .user-link-option-config-box input,.user-link-option-config-wrapper .user-link-option-config-box select{padding:.25rem 1rem}#generate-page-by-ai{display:flex;flex-direction:column;gap:1rem}#generate-page-by-ai h4{color:var(--secondary-color)}#generate-page-by-ai p,#generate-page-by-ai textarea{width:100%;margin:0}#generate-page-by-ai .error-text{color:var(--error-color);font-weight:700}.generate-ai-icon{cursor:pointer;z-index:999;position:fixed;bottom:0;padding:.75rem 1rem .5rem .75rem;font-size:1.5rem;background:var(--primary-color);color:var(--bg-color);border-radius:0rem 2rem 0rem 0rem;display:flex;justify-content:center;align-items:center;box-shadow:2px 3px 4px var(--shadow-color)}.generate-ai-icon:hover{transition:.3s;background:var(--secondary-color);box-shadow:0 0 10px var(--secondary-color)}.toggle{display:inline-flex;align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none}.toggle .switch{width:40px;height:20px;border-radius:20px;background-color:var(--shadow-color);position:relative;transition:background-color .3s;margin-left:10px}.toggle .switch:after{content:"";width:18px;height:18px;background:var(--bg-color);border-radius:50%;position:absolute;top:1px;left:1px;transition:transform .3s}.toggle.on .switch{background-color:var(--secondary-color)}.toggle.on .switch:after{transform:translate(20px)}.toggle.off .switch{background-color:var(--shadow-color)}.toggle.off .switch:after{transform:translate(0)}.toggle .label{font-size:.85rem;color:var(--contrast-color)}.disabled{opacity:.4}.loader{position:absolute;width:4rem;height:4rem}.loader .circle{cursor:pointer;position:absolute;border-radius:100%;animation-duration:1.5s;animation-iteration-count:infinite;animation-timing-function:linear;transform-origin:center center}.loader .circle.circle1{width:4rem;height:4rem;border:.2rem solid var(--primary-color);border-top-color:transparent;animation-name:spin-clockwise}.loader .circle.circle2{width:2.4rem;height:2.4rem;top:.8rem;left:.8rem;border:.15rem solid var(--secondary-color);border-top-color:transparent;animation-name:spin-counterclockwise}.loader .circle.circle3{width:1.2rem;height:1.2rem;top:1.4rem;left:1.4rem;border:.1rem solid var(--terciary-color);border-top-color:transparent;animation-name:spin-clockwise}.loader-small{width:1.5rem;height:1.5rem;transform:scale(.35);transform-origin:center center}.loading-page{min-height:100vh;min-height:100dvh;width:100%;display:flex;align-items:center;justify-content:center}.tooltip-wrapper{position:relative;display:inline-block}.tooltip-text{position:absolute;background-color:#333;color:#fff;padding:6px 10px;border-radius:4px;font-size:.8rem;white-space:nowrap;z-index:10;opacity:.9;transition:opacity .2s ease}.tooltip-text:after{position:absolute;border-style:solid}.tooltip-top{bottom:100%;left:50%;transform:translate(-50%);margin-bottom:6px}.tooltip-top:after{top:100%;left:50%;margin-left:-5px;border-width:5px 5px 0 5px;border-color:#333 transparent transparent transparent}.tooltip-bottom{top:100%;left:50%;transform:translate(-50%);margin-top:6px}.tooltip-bottom:after{bottom:100%;left:50%;margin-left:-5px;border-width:0 5px 5px 5px;border-color:transparent transparent #333 transparent}.tooltip-left{right:100%;top:50%;transform:translateY(-50%);margin-right:6px}.tooltip-left:after{top:50%;left:100%;margin-top:-5px;border-width:5px 0 5px 5px;border-color:transparent transparent transparent #333}.tooltip-right{left:100%;top:50%;transform:translateY(-50%);margin-left:6px}.tooltip-right:after{top:50%;right:100%;margin-top:-5px;border-width:5px 5px 5px 0;border-color:transparent #333 transparent transparent}.snackbar{position:fixed;bottom:1rem;right:1rem;padding:.75rem 1.5rem;margin:.5rem;border-radius:2.5rem;box-shadow:0 2px 8px var(--shadow-color);z-index:1000;animation:slideIn .3s ease-out;max-width:400px;width:auto;color:var(--contrast-color);background-color:var(--bg-color);border-bottom:2px solid var(--primary-color)}.snackbar .snackbar-content{display:flex;align-items:center;justify-content:space-between}.snackbar .snackbar-message{font-family:var(--font);font-size:.875rem}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.dashboard-stat{padding:1rem;border-radius:1rem;background:var(--bg-color);box-shadow:2px 2px 6px var(--shadow-color);text-align:center;min-width:10rem;transition:.3s}.dashboard-stat .dashboard-stat-label{font-size:.875rem;letter-spacing:.05em;margin-bottom:.5rem}.dashboard-stat .dashboard-stat-value{display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:700;color:var(--terciary-color)}.dashboard-stat .dashboard-stat-value span{font-weight:bolder;margin-left:.1rem;font-size:1.5rem}.dashboard-stat.color-primary .dashboard-stat-value{color:var(--primary-color)}.dashboard-stat.color-primary:hover{background:var(--primary-color)}.dashboard-stat.color-primary:hover .dashboard-stat-label,.dashboard-stat.color-primary:hover .dashboard-stat-value{color:var(--bg-color)}.dashboard-stat.color-secondary .dashboard-stat-value{color:var(--secondary-color)}.dashboard-stat.color-secondary:hover{background:var(--secondary-color)}.dashboard-stat.color-secondary:hover .dashboard-stat-label,.dashboard-stat.color-secondary:hover .dashboard-stat-value{color:var(--bg-color)}.dashboard-stat.color-terciary .dashboard-stat-value{color:var(--terciary-color)}.dashboard-stat.color-terciary:hover{background:var(--terciary-color)}.dashboard-stat.color-terciary:hover .dashboard-stat-label,.dashboard-stat.color-terciary:hover .dashboard-stat-value{color:var(--bg-color)}.line-graph{background:var(--bg-color);border-radius:1rem;padding:1rem;box-shadow:2px 2px 6px var(--shadow-color)}.line-graph .line-graph-title{margin-bottom:1rem;text-align:center}.line-graph .custom-legend{margin-top:1rem;display:flex;justify-content:center;flex-wrap:wrap;gap:1rem}.line-graph .custom-legend .custom-legend-item{display:flex;align-items:center;gap:.5rem}.list-chart-wrapper{background:var(--bg-color);padding:1rem;border-radius:1rem;box-shadow:2px 2px 6px var(--shadow-color)}.list-chart-wrapper h3,.list-chart-wrapper .warning{text-align:center}.list-chart-wrapper .warning a{font-weight:700;color:var(--primary-color);text-decoration:none}.list-chart-wrapper .warning a:hover{text-decoration:underline;transition:.3s}.list-chart-wrapper .warning,.list-chart-wrapper .list-chart-item{background:var(--bg-secondary-color);border-radius:1rem;padding:1rem;margin:1rem 0rem}.list-chart-wrapper .list-chart-item{display:flex;align-items:center;gap:.5rem}.list-chart-wrapper .list-chart-item .list-chart-item-icon{display:flex;align-items:center;justify-content:center;font-size:1.25rem;width:1.25rem}.list-chart-wrapper .list-chart-item .label-value{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.9rem}.list-chart-wrapper .list-chart-item .clicks-value{margin-left:auto;padding:.5rem;min-width:2.5rem;background:var(--bg-color);border-radius:.25rem;text-align:center}.list-chart-wrapper .list-chart-item:hover{scale:1.01;box-shadow:2px 2px 6px var(--shadow-color);transition:.3s}.bar-horizontal-graph{background:var(--bg-color);padding:1rem;border-radius:1rem;box-shadow:2px 2px 6px var(--shadow-color);width:100%}.bar-horizontal-graph h3{text-align:center}.bar-horizontal-graph .warning{background:var(--bg-secondary-color);border-radius:1rem;padding:1rem;margin:1rem 0rem;text-align:center}.bar-horizontal-graph .warning a{font-weight:700;color:var(--primary-color);text-decoration:none}.bar-horizontal-graph .warning a:hover{text-decoration:underline;transition:.3s}.comparative-chart{display:flex;flex-wrap:wrap;background:var(--bg-color);padding:1rem;border-radius:1rem;box-shadow:2px 2px 6px var(--shadow-color);gap:.75rem}.comparative-chart h3{width:100%;text-align:center}.comparative-chart .warning{text-align:center;width:100%}.comparative-chart .warning a{font-weight:700;color:var(--primary-color);text-decoration:none}.comparative-chart .warning a:hover{text-decoration:underline;transition:.3s}.comparative-chart .warning,.comparative-chart .comparative-chart-item{background:var(--bg-secondary-color);border-radius:1rem;padding:1rem;margin:1rem 0rem}.comparative-chart .comparative-chart-item{flex-grow:1;flex-shrink:8rem;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:.5rem}.comparative-chart .comparative-chart-item svg{font-size:3rem;background:var(--bg-color);padding:.5rem;border-radius:1rem}.comparative-chart .comparative-chart-item:hover{scale:1.01;box-shadow:2px 2px 6px var(--shadow-color);transition:.3s}footer{width:100%;padding:1rem;text-align:center;border-top:2px solid var(--primary-color)}
