@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Source+Code+Pro:wght@200;400;600;800&display=swap";#hamburg{min-width:25px;height:45px;position:relative;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0);-webkit-transition:.5s ease-in-out;-moz-transition:.5s ease-in-out;-o-transition:.5s ease-in-out;transition:.5s ease-in-out;cursor:pointer}#hamburg span{display:block;position:absolute;height:3px;width:50%;background:var(--primary);opacity:1;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0);-webkit-transition:.25s ease-in-out;-moz-transition:.25s ease-in-out;-o-transition:.25s ease-in-out;transition:.25s ease-in-out}#hamburg span:nth-child(2n){left:50%;border-radius:0 9px 9px 0}#hamburg span:nth-child(odd){left:0;border-radius:10px 0 0 10px}#hamburg span:nth-child(1),#hamburg span:nth-child(2){top:8px}#hamburg span:nth-child(3),#hamburg span:nth-child(4){top:14px}#hamburg span:nth-child(5),#hamburg span:nth-child(6){top:20px}#hamburg.open span{background:var(--shade_prim);box-shadow:1px 1px 1px #00000040}#hamburg.open span:nth-child(1),#hamburg.open span:nth-child(6){-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}#hamburg.open span:nth-child(2),#hamburg.open span:nth-child(5){-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}#hamburg.open span:nth-child(1){left:3px;top:10px}#hamburg.open span:nth-child(2){left:9.5px;top:10px}#hamburg.open span:nth-child(3){left:-50%;opacity:0}#hamburg.open span:nth-child(4){left:100%;opacity:0}#hamburg.open span:nth-child(5){left:3px;top:16.5px}#hamburg.open span:nth-child(6){left:9.5px;top:16.5px}*{margin:0;padding:0;box-sizing:border-box}*:after{box-sizing:border-box}*:before{box-sizing:border-box}:root{--primary: #1aac83;--info: #468585;--error: #e7195a;--shade_prim: #fafafa;--shade_scnd: #414141;--shade_prim_faded: rgba(250, 250, 250, .6196078431);--f_prim: #6e6e6e;--f_error: #fdb4cb;--f_bg: #bebebe}body[data-theme=light]{--primary: #1aac83;--info: #468585;--error: #e7195a;--shade_prim: #414141;--shade_scnd: #fafafa;--shade_prim_faded: rgba(65, 65, 65, .6196078431);--f_prim: #e4e4e4;--f_error: #fdb4cb;--f_bg: #6e6e6e}body[data-theme=dark]{--primary: #1aac83;--info: #468585;--error: #e7195a;--shade_prim: #fafafa;--shade_scnd: #414141;--shade_prim_faded: rgba(250, 250, 250, .6196078431);--f_prim: #6e6e6e;--f_error: #fdb4cb;--f_bg: #bebebe}body[data-theme=dark] .home form>label{color:var(--primary)}body[data-theme=dark] .home form>label.home-input-err{color:var(--error)}body[data-theme=dark] .home form input,body[data-theme=dark] .home .last-updated{font-weight:600}body[data-theme=dark] .home .last-updated li{font-weight:400}body[data-theme=dark] .inbox form label{color:var(--primary)}body[data-theme=dark] .inbox form textarea,body[data-theme=dark] .inbox form .save-time .selector p{font-weight:600}body[data-theme=dark] .inbox form .save-time .selector ul li{font-weight:800}body[data-theme=dark] .inbox .detailing .notif-div{font-weight:600}body{font-family:Source Code Pro,monospace;background:var(--shade_scnd);margin-bottom:150px}header{position:relative;padding:3ch 0;z-index:100;background:var(--shade_scnd);box-shadow:0 4px 50px #00000040}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.nav-container{display:flex;justify-content:space-around;align-items:flex-end}@media (max-width: 850px){.nav-container{display:flex;justify-content:space-between;margin:0 2ch}}.nav-container a{display:inline-block;font-size:.8rem;text-decoration:none;color:var(--primary)}@media (min-width: 850px){.nav-container a:hover{color:var(--error);text-shadow:1px 3px 1px rgba(0,0,0,.3019607843)}}.nav-container button{background:none;border:none;padding:0 1ch}.nav-container button svg{fill:var(--shade_prim);transition:.1s ease-out}@media (min-width: 850px){.nav-container button:hover svg{fill:var(--primary);filter:drop-shadow(1px 3px 1px rgba(0,0,0,.3019607843))}}.pages{position:relative;margin:10ch 1ch 0}@media (min-width: 850px){.pages{max-width:50vw;margin:10ch auto}}.home{position:relative}.home .slow-connection{position:absolute;top:13ch;left:1ch;font-weight:200;text-transform:lowercase;border:none;color:var(--shade_prim);font-size:.7em}.home form{display:grid;grid-template-columns:3fr minmax(0px,1fr);row-gap:.5ch;column-gap:.25ch;font-size:1.25rem}.home form .home-input-err{color:var(--error)}.home form>label{transition:.2s ease;margin-left:.5ch;font-weight:800;grid-column:span 2;color:var(--shade_prim);text-shadow:1px 2px 2px rgba(0,0,0,.25)}.home form>button{background:var(--shade_prim);color:var(--primary);border:2px solid transparent;border-radius:0 5px 5px 0}.home form>button:active{color:var(--shade_scnd)}.home form>button:disabled{color:var(--f_prim);background:var(--f_bg)}.home form>button span{font-size:1.5rem}@media (min-width: 850px){.home form>button:hover{border:2px solid var(--primary)}.home form>button:hover:disabled{border:2px solid var(--f_error)}.home form>button:hover:not(:disabled) span:before{color:var(--shade_scnd)}}.home form>input{background:var(--shade_prim);color:var(--shade_scnd);border:none;border-radius:5px 0 0 5px}.home form>input:focus{outline-color:var(--primary)}.home form>input::placeholder{color:var(--f_prim)}.home form>button,.home form>input{padding:10px 1ch;text-overflow:ellipsis}.home .last-updated{font-size:.7em;color:var(--shade_prim);display:grid;margin-top:10ch;margin-left:1ch}.home .last-updated>p{margin-bottom:1ch;padding-bottom:1ch;font-weight:600;text-transform:lowercase;border:1px;border-style:none none solid none;border-color:transparent;border-image:linear-gradient(to right,var(--f_bg),80%,transparent);border-image-slice:1}.home .last-updated>ul{border-collapse:collapse;list-style:none}.home .last-updated>ul>button{display:flex;justify-content:space-between;align-items:center;width:100%;padding:1ch;color:var(--shade_prim);background:none;border:1px;border-style:none none solid none;border-color:transparent;border-image:linear-gradient(to right,var(--f_bg),90%,transparent);border-image-slice:1}.home .last-updated>ul>button p{font-family:Source Code Pro,monospace;font-size:.8em}.home .last-updated>ul>button .date-updated{text-align:end;color:var(--shade_scnd);font-size:.8em;font-weight:600;padding:.5ch 2ch;margin-left:auto;border-radius:2ch;background-color:var(--info)}.home .last-updated>ul .loading-text:after{content:"";animation:dots 2s ease infinite}@keyframes dots{0%{content:""}33%{content:"⚆"}66%{content:"⚆ ⚆"}to{content:"⚆ ⚆ ⚆"}}.home .last-updated .update-p{margin-top:.5ch;margin-left:.5ch;transition:all .2s ease}.inbox{position:relative}.inbox form{display:grid;grid-template-columns:3fr minmax(100px,1fr);gap:3px}.inbox form>label{font-size:1.25rem;transition:.2s ease;margin-bottom:.25ch;margin-left:.1ch;padding:0 4ch .25ch .5ch;overflow:hidden;text-overflow:ellipsis;text-shadow:3px 2px 3px rgba(0,0,0,.25);font-weight:800;letter-spacing:.5rem;text-transform:uppercase;border:1px;border-style:none none solid none;border-color:transparent;border-image:linear-gradient(to right,var(--shade_prim),95%,transparent);border-image-slice:1;color:var(--shade_prim)}.inbox form .save-time{display:grid;font-weight:400;grid-template-rows:35px 1fr;gap:3px}.inbox form .save-time>.submit-button{color:var(--primary);background:var(--shade_prim);border:1px solid var(--shade_prim);border-radius:0 0 5px;box-shadow:3px 2px 3px #00000040;padding:10px 1ch;text-overflow:ellipsis}.inbox form .save-time>.submit-button:active{background:none}.inbox form .save-time>.submit-button:active svg{fill:var(--shade_prim)}.inbox form .save-time>.submit-button:disabled{background:none;border:1px solid var(--f_bg)}.inbox form .save-time>.submit-button:disabled svg{fill:var(--f_bg)}.inbox form .save-time>.submit-button .on-save{display:flex;justify-content:center}.inbox form .save-time>.submit-button svg{transition:font-size .15s ease-out;fill:var(--primary)}@keyframes rotator{0%,to{transform:translate(0)}50%{transform:translate(80%)}}.inbox form .save-time>.submit-button .loading{display:flex;animation:rotator .7s infinite ease-in-out}.inbox form .save-time>.submit-button .loading span{color:var(--f_bg);font-size:1.7rem}.inbox form .save-time .selector{position:relative;box-shadow:3px 2px 3px #00000040;border:1px solid var(--shade_prim);border-radius:0 5px 0 0;background:var(--shade_prim);color:var(--f_prim)}.inbox form .save-time .selector>.hide-list{display:none}.inbox form .save-time .selector>.show-list{display:grid;box-shadow:1px 3px 7px #0000004d}.inbox form .save-time .selector>ul{position:absolute;z-index:1;background:var(--shade_prim);width:calc(100% + 2px);height:250px;top:calc(100% + .5ch)}.inbox form .save-time .selector>ul li{list-style-type:none;color:var(--primary);display:flex;align-items:center;justify-content:center;font-size:.7rem}.inbox form .save-time .selector>ul li:not(:last-child){border:.1px;border-style:none none solid none;border-color:var(--f_prim)}.inbox form .save-time .selector>ul li:hover{background-color:var(--shade_scnd);cursor:pointer}.inbox form>textarea{background:var(--shade_prim);color:var(--shade_scnd);padding:1ch;text-overflow:ellipsis;border:none;border-radius:5px 0 0 5px;height:auto;resize:vertical;overflow-y:hidden}.inbox form>textarea:focus{outline-color:var(--primary)}.inbox form>textarea::placeholder{color:var(--f_prim)}@media (max-width: 850px){.inbox form{display:grid;grid-template-columns:none;gap:3px}.inbox form>textarea{border-radius:5px 5px 0 0;font-weight:200;font-size:.9rem}.inbox form .save-time{grid-template-rows:none;grid-template-columns:4fr 5fr;position:relative;height:60px}.inbox form .save-time>.submit-button{border-radius:0 0 5px}.inbox form .save-time>.selector{border:none;border-radius:0 0 0 5px}.inbox form .save-time>.selector>ul{top:8.5ch;height:250px;width:calc(100svw - 20px);border-radius:0 0 5px 5px}.inbox form .save-time>.selector>ul li{font-size:.8rem}}@media (min-width: 850px){.inbox form>label{letter-spacing:.7rem;grid-column:span 2}.inbox form>textarea{font-size:1rem}.inbox form .save-time .submit-button:hover{transition:background-color .2s ease;border:2px solid}.inbox form .save-time .submit-button:hover:disabled{border-color:var(--f_error)}.inbox form .save-time .submit-button:hover:disabled svg{fill:var(--f_error)}.inbox form .save-time .submit-button:hover:not(:disabled){background-color:none;border-color:var(--primary)}.inbox form .save-time .selector ul{left:-1px}}.inbox .detailing{color:var(--f_bg);font-size:.7rem}.inbox .detailing .extras{margin-top:.5ch;display:flex;justify-content:space-between;align-items:center}.inbox .detailing .extras .update-p{margin-left:.5ch;transition:all .2s ease}.inbox .detailing .extras .link{margin-right:.5ch;border:1px solid transparent;border-radius:5px;padding:0 1ch;overflow:hidden;text-overflow:ellipsis;text-decoration:none;background:var(--f_bg);color:var(--shade_scnd);max-width:50%}@media (min-width: 850px){.inbox .detailing .extras .link:hover{border:1px solid var(--primary);background:var(--shade_prim)}}.menu-btn{position:absolute;right:.5ch;top:-.25ch;padding:0 2ch;z-index:100;display:flex;justify-content:space-evenly;align-items:center;background:none;border:none}.saved-data-options{position:absolute;right:5ch;top:-.25ch;background:var(--primary);padding-inline:1ch;padding-top:.3ch;border-radius:2ch;display:grid;grid-template-columns:1fr 1fr;justify-content:center;align-items:center;gap:1ch;max-height:3ch}.saved-data-options.hidden{width:0;opacity:0;transition:opacity .3s ease-out,width .3s ease-in-out}.saved-data-options.hidden .reload-btn,.saved-data-options.hidden .copy-btn{opacity:0;right:-5ch}.saved-data-options.shown{width:10ch;transition:width .3s ease-in-out}.saved-data-options.shown .reload-btn,.saved-data-options.shown .copy-btn{transition:opacity .3s ease-in;opacity:1;background:none;border:none}.saved-data-options.shown .reload-btn svg,.saved-data-options.shown .copy-btn svg{width:3ch;height:3ch;fill:var(--shade_scnd);filter:drop-shadow(1px 1px 1px rgba(0,0,0,.25));border-radius:2ch}.saved-data-options.shown .reload-btn svg:active,.saved-data-options.shown .copy-btn svg:active{fill:var(--f_bg)}.saved-data-options.shown .reload-btn:active svg,.saved-data-options.shown .copy-btn:active svg{fill:var(--shade_prim);border-radius:100%}@media (min-width: 850px){.saved-data-options.shown .copy-btn svg:hover{fill:var(--f_bg)}}.saved-data-options.shown .reload-btn svg{transition:transform .5s ease;filter:drop-shadow(1px 1px 1px rgba(0,0,0,.25))}@media (min-width: 850px){.saved-data-options.shown .reload-btn svg:hover{transform:rotate(180deg);fill:var(--f_bg)}.saved-data-options.shown .reload-btn svg:not(:hover){transform:rotate(0)}}@keyframes is-loading{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.saved-data-options.shown .reload-btn:disabled svg{animation:is-loading .5s infinite ease-in-out;fill:var(--shade_scnd)}@keyframes fadeInAnimation{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes fadeOutAnimation{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(30px)}}.notif-div{position:absolute;right:1ch;top:-7.5ch;background:none;border:none;display:flex;justify-content:center;align-items:center;gap:1ch}.notif-div>p{padding:1ch 1.5ch;border-radius:2ch;color:var(--shade_prim);font-size:.55rem;font-weight:600;text-align:left;letter-spacing:.09rem;box-shadow:0 4px 10px #00000040}.notif-div svg{width:3ch;height:3ch;fill:var(--shade_scnd);box-shadow:0 4px 10px #00000040;border-radius:2ch;padding:.25ch}@media (min-width: 850px){.notif-div{cursor:pointer}.notif-div>p{font-size:.66rem}}.notif-div.success p{border:1px solid var(--primary)}.notif-div.success svg{fill:var(--primary)}.notif-div.error p{border:1px solid var(--error)}.notif-div.error svg{fill:var(--error)}.notif-div.info p{border:1px solid var(--info)}.notif-div.info svg{fill:var(--info)}.notif-div.fade-in{animation:fadeInAnimation .5s ease-in-out forwards}.notif-div.fade-out{animation:fadeOutAnimation .5s ease-in-out forwards}