﻿:root{--blur-normal: blur(3px);--font-primary: #fff;--font-secondary: #ddd;--highlight: #181818;--highlight-alpha: rgba(24, 24, 24, .5);--primary: #282828;--secondary: #303030;--link: #1eaedb;--box-shadow: 0 0 .75rem var(--highlight-alpha);--success: #2ecc71;--warning: #f1c40f;--error: #e74c3c;--info: #3498db;--grey: #bdc3c7}html,body{height:100%;margin:0 auto}details{background-color:var(--secondary);border-color:rgba(0,0,0,0);border-radius:.5rem;border:0;overflow:hidden;transition:border-color .2s ease-in-out;width:21rem}details[open]{border:.1rem solid #007aff;width:auto}details[open] summary::after{transform:rotate(-90deg)}details[open] div{padding:.5rem 1rem 1rem 1rem;font-size:.95rem;line-height:1.5;border-top:.1rem solid #eee}summary{list-style:none;display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;cursor:pointer;font-size:1rem;font-weight:500;color:var(--font-primary);user-select:none;outline:none}summary:-webkit-details-marker{display:none}summary:after{content:"";display:inline-block;width:1rem;height:1rem;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23888' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;background-size:1rem 1rem;transition:transform .2s ease-in-out;transform:rotate(90deg)}textarea,input,select{appearance:none;background-color:rgba(0,0,0,0);border-radius:.1rem;border:none;color:var(--font-primary);outline:none;transition:border-color .2s ease-in-out,box-shadow .2s ease-in-out}textarea:hover,textarea:focus,input:hover,input:focus,select:hover,select:focus{box-shadow:var(--box-shadow)}textarea{border-radius:.1rem;height:7rem}table{border-collapse:collapse;border-spacing:0;color:var(--font-primary);display:block;overflow:auto;width:100%}table th{border:.1rem solid #353535;font-weight:600;padding:.5rem 1rem}table td{border:.1rem solid #353535;padding:.5rem 1rem}table tr{border-top:.1rem solid #353535}.btn{backface-visibility:hidden;box-sizing:border-box;display:inline-block;text-align:center;text-decoration:none;white-space:nowrap;line-height:1rem}button,.btn{appearance:none;background-color:var(--secondary);border-radius:.5rem;border:none;color:var(--font-primary);cursor:pointer;font-size:1rem;outline:none;padding:.75rem 1.25rem;transition:background-color .2s ease-in-out,transform .1s ease-in-out,box-shadow .2s ease-in-out}button:hover,.btn:hover{box-shadow:0 4px 12px rgba(0,0,0,.25)}button:active,.btn:active{filter:brightness(0.75);transform:translateY(0.1rem);box-shadow:0 4px 12px rgba(0,0,0,.75)}label{align-items:center;border-radius:.5rem;display:flex;flex-direction:row;font-weight:bold;gap:.5rem;margin:.5rem 0;padding:.25rem .5rem;position:relative}label.column{flex-direction:column;align-items:flex-start}label input,label select{margin:0;outline:none}label.default{font-weight:normal}label.default select{padding:.25rem 2.5rem .25rem .5rem}label.default input:not([type=checkbox]),label.default select,label.default option{height:auto;width:auto;padding:.25rem .5rem}input{margin-top:.1rem;width:20rem;padding:.75rem .875rem}input:placeholder{color:var(--font-secondary);font-style:italic}input[type=checkbox]{background-color:var(--grey);border-radius:1rem;height:1.5rem;position:relative;transition:background-color .2s ease-in-out;width:2.75rem}input[type=checkbox]:before{background-color:var(--font-primary);border-radius:50%;box-shadow:0 1px 3px rgba(0,0,0,.2);content:"";height:1.25rem;left:.125rem;position:absolute;top:.125rem;transition:transform .2s ease-in-out;width:1.25rem}input[type=checkbox]:focus-visible{box-shadow:0 0 0 2px var(--font-primary),0 0 0 4px var(--success)}input[type=checkbox]:checked{background-color:var(--success)}input[type=checkbox]:checked:before{transform:translateX(1.25rem)}select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23888' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;background-size:1rem 1rem;cursor:pointer;font-size:1rem;margin-top:.375rem;padding:.75rem 2.125rem .75rem .875rem;width:20rem}select option{font-size:1rem;color:var(--font-primary);background-color:var(--secondary)}a{color:var(--link)}body{background-color:var(--highlight);color:var(--font-primary);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";margin:0 auto}.no-select{user-select:none;-moz-user-select:none;-webkit-user-select:none}.no-overflow{overflow:hidden}.no-margin{margin:0}.no-padding{padding:0}.no-border-radius{border-radius:0}.text-center{text-align:center}.bold-text{font-weight:bold !important}.white-text{color:#fff !important}.black-text{color:#000 !important}.highlight-bg{background-color:var(--highlight) !important}.primary-bg{background-color:var(--primary) !important}.secondary-bg{background-color:var(--secondary) !important}.success-bg{background-color:var(--success) !important}.info-bg{background-color:var(--info) !important}.warning-bg{background-color:var(--warning) !important}.error-bg{background-color:var(--error) !important}.grey-bg{background-color:var(--grey) !important}@keyframes enter-page{from{opacity:0;transform:translate(0, 15rem)}100%{opacity:1;transform:translate(0, 0)}}@keyframes enter-left{from{left:-10rem;opacity:0}100%{left:1.5rem;opacity:1}}@keyframes enter-bottom{from{bottom:-10rem;opacity:0}100%{bottom:1.5rem;opacity:1}}@keyframes enter-right{from{opacity:0;right:-10rem}100%{opacity:1;right:1.5rem}}@keyframes enter-notify-right{from,100%{opacity:0;transform:translateX(10rem)}20%,80%{opacity:1;transform:translateX(0)}}.background-container{align-items:center;display:flex;flex-direction:column;gap:1rem 0;height:100vh;justify-content:center;position:relative;transition:opacity .5s ease-out;width:100vw}.background-container #background{filter:var(--blur-normal) brightness(75%);height:100%;left:0;object-fit:cover;opacity:0;position:fixed;top:0;transition:opacity .5s ease-out;width:100%;z-index:-1}#bookmarks{animation:enter-bottom 1s ease-in-out forwards;bottom:1.5rem;display:flex;flex-direction:row;flex-wrap:wrap;gap:.5rem 1rem;justify-content:center;left:50%;list-style:none;margin:0 auto;opacity:0;padding:0;position:absolute;text-align:center;transform:translateX(-50%);width:80%}#bookmarks a{align-items:center;backdrop-filter:var(--blur-normal);background-color:var(--highlight-alpha);border-radius:.5rem;color:var(--font-primary);display:flex;flex-direction:column;font-size:2rem;justify-content:center;max-width:5rem;overflow:hidden;padding:.6rem 1.2rem;position:relative;text-decoration:none;transition:transform .3s ease,color .3s ease,box-shadow .3s ease;width:auto}#bookmarks a:hover{color:var(--font-secondary);box-shadow:var(--box-shadow);transform:translateY(-0.25rem)}#bookmarks a[data-auto=true]:before{content:"✨";font-size:.75rem;position:absolute;right:.1rem;top:.1rem}#bookmarks .bookmark-icon{height:2rem;margin-bottom:.25rem;position:relative;width:2rem;z-index:999}#bookmarks span{font-size:1rem;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap;width:100%}@keyframes demo-bar-bounce{from{right:0}20%,40%{right:-0.5rem}50%{right:0rem}60%{right:-0.25rem}70%{right:0}80%{right:-0.1rem}90%,100%{right:0}}#demo-buttons{backdrop-filter:var(--blur-normal);background-color:var(--highlight-alpha);border-radius:0 1rem 1rem 0;bottom:1.5rem;display:flex;flex-direction:column;padding:1rem 2.5rem 1rem 2rem;position:absolute;z-index:100;transform:translateX(-23rem);transition:transform .3s ease-in-out,padding .3s ease-in-out}#demo-buttons label{margin:.1rem 0;padding:0;background:rgba(0,0,0,0)}#demo-buttons:hover{transform:translateX(0);padding-right:1rem}#demo-buttons:hover:after{opacity:0}#demo-buttons:after{animation:demo-bar-bounce 2s infinite;animation-delay:2s;animation-iteration-count:2;background-color:var(--grey);border-radius:.25rem;width:.5rem;height:4rem;position:absolute;content:"";right:0;top:50%;transform:translate(50%, -50%);transition:opacity .3s ease-in-out}#install-button{backdrop-filter:var(--blur-normal);background-color:var(--highlight-alpha);border-radius:.5rem;bottom:1.5rem;color:var(--font-primary);cursor:pointer;padding:.5rem 1rem;position:absolute;right:1.5rem;text-decoration:none;transition:background-color .3s ease,transform .3s ease,color .3s ease,box-shadow .3s ease}#install-button:hover{background-color:rgba(46,204,113,.8);box-shadow:var(--box-shadow);transform:translateY(-0.25rem)}#search-form{animation:enter-page 1s ease-in-out;margin:0 auto;max-width:50rem;position:relative;width:80%}#search-form:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='%239CA3AF'%3E%3Cpath fill-rule='evenodd' d='M8 4a4 4 0 100 8 4 4 0 000-8zM2 8a6 6 0 1110.89 3.476l4.817 4.817a1 1 0 01-1.414 1.414l-4.816-4.816A6 6 0 012 8z' clip-rule='evenodd' /%3E%3C/svg%3E");background-position:center;background-repeat:no-repeat;background-size:1.5rem 1.5rem;content:"";height:1.5rem;left:1rem;opacity:.5;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);width:1.5rem;z-index:100}#search-form #search-input{backdrop-filter:var(--blur-normal);background-color:var(--highlight-alpha);border-radius:1rem;box-sizing:border-box;color:var(--font-primary);font-size:1rem;height:3.5rem;margin:0;padding:1rem 1rem 1rem 3.25rem;transition:box-shadow .3s ease-in-out;width:100%}#search-form #search-input:hover,#search-form #search-input:focus{box-shadow:var(--box-shadow)}#search-form #search-input:focus{outline:none}#settings{bottom:1.5rem;color:var(--font-primary);height:3rem;margin:0;position:absolute;right:1.5rem;text-decoration:none}#settings .settings-icon{fill:var(--font-primary);height:3rem;transition:transform .3s ease,fill .3s ease;width:3rem}#settings .settings-icon:hover{fill:var(--font-secondary);transform:rotate(45deg)}.box-container{align-items:center;background-color:var(--primary);display:flex;flex-direction:column;justify-content:center;margin-bottom:2.5rem;padding:1rem;position:relative}.container{box-sizing:border-box;margin:0 auto;max-width:1100px;padding:1.5rem 2rem;position:relative;width:100%}.header-container{display:flex;flex-direction:row;align-items:center;gap:1rem;justify-content:center}.header-container img{height:auto;width:2rem}.header-container h1{font-size:2rem}.links-container{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;gap:2rem}@keyframes alert-bar{0%{width:0%}100%{width:100%}}#notification{position:fixed;bottom:0;right:0;overflow:hidden;height:auto;display:flex;flex-direction:column;align-items:flex-end}#notification .alert{animation:enter-notify-right 3s ease forwards;background-color:var(--secondary);border:.1rem solid var(--success);border-bottom:none;color:var(--font-primary);font-size:1rem;height:auto;margin-bottom:1rem;margin-right:1rem;padding:.5rem 1rem .5rem .75rem;position:relative;width:auto}#notification .alert:before{animation:alert-bar 3s ease forwards;border-bottom-color:var(--success);border-bottom-style:solid;border-bottom-width:.1rem;bottom:0;content:"";height:100%;left:0;position:absolute;width:0}#notification .alert.test{animation:none}#notification .alert.change{border-color:var(--warning)}#notification .alert.change:before{border-color:var(--warning)}#notification .alert.remove{border-color:var(--error)}#notification .alert.remove:before{border-color:var(--error)}.modal{align-items:center;background:rgba(0,0,0,.8);display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;transition:all .5s ease-in-out;width:100%}.modal h1{font-size:4rem}.modal.modal--close{background:rgba(0,0,0,0);color:rgba(0,0,0,0);display:none;transition:all .5s ease-in-out}#custombg_previews{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center}.preview-container{display:inline-block;position:relative}.preview-container .preview-image{border-radius:1rem;height:8.75rem;margin:.25rem .5rem;width:15rem;transition:opacity .2s ease-in-out}.preview-container:hover .preview-image{cursor:pointer;opacity:.25}.preview-container:hover:before{align-items:center;background-image:url("../images/icons/delete.png");background-position:center;background-repeat:no-repeat;background-size:3rem 3rem;content:"";display:flex;filter:brightness(0) saturate(100%) invert(34%) sepia(76%) saturate(1861%) hue-rotate(341deg) brightness(96%) contrast(88%);height:100%;justify-content:center;margin-bottom:.25rem;position:absolute;width:100%}.file-container{align-items:center;background-color:rgba(0,0,0,0);border-radius:1rem;border:.25rem dashed var(--grey);box-sizing:border-box;color:var(--font-secondary);cursor:pointer;display:flex;flex-direction:column;font-size:1.1rem;height:8.75rem;justify-content:center;margin:.25rem .5rem;position:relative;text-align:center;transition:background-color .2s ease-in-out,border-color .2s ease-in-out;width:15rem}.file-container .icon{height:3rem;width:3rem;filter:brightness(0) saturate(100%) invert(99%) sepia(1%) saturate(6187%) hue-rotate(177deg) brightness(88%) contrast(74%)}.file-container:hover{background-color:rgba(0,0,0,.25);border-color:var(--font-secondary)}.file-container #custombg_uploader{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.file-container .message{pointer-events:none}.bookmark-container{align-items:center;display:flex;flex-direction:column;justify-content:center}.bookmark-container .bookmark-item{background:var(--secondary);border-radius:.5rem;display:flex;flex-direction:row;justify-content:center;align-items:center;margin:.25rem 0;position:relative}.bookmark-container .bookmark-item .drag{height:1.5rem;width:1.5rem;padding:.5rem;cursor:grab}.bookmark-container .bookmark-item .remove{filter:brightness(0) saturate(100%) invert(46%) sepia(46%) saturate(3229%) hue-rotate(333deg) brightness(89%) contrast(103%);height:1.5rem;width:1.5rem;padding:.5rem;cursor:pointer}.bookmark-container .bookmark-item #add_bookmark{cursor:pointer;filter:brightness(0) saturate(100%) invert(89%) sepia(100%) saturate(1180%) hue-rotate(65deg) brightness(86%) contrast(83%);height:1.5rem;width:1.5rem;padding:.5rem}.bookmark-container .bookmark-item .bookmark-name,.bookmark-container .bookmark-item .bookmark-url,.bookmark-container .bookmark-item #bookmark_name,.bookmark-container .bookmark-item #bookmark_url{margin:0 !important;background-color:rgba(0,0,0,0) !important;height:100% !important}.bookmark-container .bookmark-item .bookmark-url,.bookmark-container .bookmark-item #bookmark_url{width:20rem !important}.bookmark-container .bookmark-item .bookmark-name,.bookmark-container .bookmark-item #bookmark_name{width:10rem !important}.time-container{align-items:center;animation:enter-page 1s ease-in-out;display:flex;flex-direction:column;justify-content:center;text-align:center}.time-container #time{letter-spacing:.25rem}.time-container #time,.time-container #date{text-shadow:0 0 .5rem #000;font-size:10vmin;font-variant-numeric:tabular-nums;margin:0;transition:all .5s ease;line-height:100%}#weather-container{align-items:center;animation:enter-left 1s ease-in-out;backdrop-filter:var(--blur-normal);background-color:var(--highlight-alpha);border-radius:1rem;display:flex;flex-direction:row;gap:1rem;justify-content:center;left:1.5rem;padding:.6rem 1.2rem;position:absolute;top:1.5rem;user-select:none}#weather-container .details{display:flex;flex-direction:column}#weather-container p{font-size:1.25rem;font-weight:400;margin:0}#weather-container #wicon{height:4.5rem;width:4.5rem}