html{height:100%}html,body{font-family:sans-serif;margin:0;padding:0;position:absolute;top:0;bottom:0;left:0;right:0}body>*{height:100%}.background-attachment{background-size:cover;background-position:center center;filter:blur(20px);min-height:100vh;min-width:100vw;position:fixed;top:0;transform:scale(1.2);z-index:-1}main{background-color:#000000bf;color:#fff;min-height:100%;padding:1% 10%;display:flex;align-items:center;flex-direction:column}img.cover{box-shadow:#0003 5px 5px 10px;max-width:400px;width:50%}img.screenshot{box-shadow:#0003 5px 5px 10px;max-width:90%;max-height:60vh}h1{font-size:3em;text-align:center}h2{margin-top:30px}.services{align-content:stretch;display:flex;flex-wrap:wrap;justify-content:center;width:80%}.service-item{background-color:#00000080;border-radius:5px;box-shadow:#0003 5px 5px 10px inset;display:flex;flex-direction:column;color:#fff;margin:10px;padding:10px 20px;text-decoration:none;width:200px}.service-item .img-box{display:flex;flex:1;flex-direction:column;justify-content:center;margin:10px 0}.default-background{background-image:url(/assets/images/default-background.png)}.pills{display:flex;flex-wrap:wrap;gap:8px;margin:24px 0 8px}.pills>*{background-color:#868686;border-radius:16px;box-shadow:#0003 5px 5px 10px;padding:4px 8px}.menu{display:flex;flex-direction:column;align-items:center;background-color:#0000;background-image:url(/assets/images/logo.svg);background-repeat:no-repeat;background-size:64px;background-position-x:right;background-position-y:8px;opacity:.8;height:100%;width:50%;min-width:360px;overflow-x:hidden;overflow-y:hidden;padding:16px;position:fixed;top:0;left:calc(40px - 50%);z-index:1;transition:all .5s ease-in-out}.menu:hover{background-color:#000;background-position-x:8px;background-position-y:-64px;opacity:1;overflow-y:auto;left:0;animation:show-menu .5s ease-in-out}@keyframes show-menu{0%{overflow:hidden}}.menu-logo{width:100px;height:100px}.menu-layout{display:flex;flex-wrap:wrap;align-items:baseline;gap:1rem;width:100%}.submenu{flex:1 1 40%;display:flex;flex-direction:column;align-items:center}.menu hr{align-self:stretch;border:1px solid rgba(255,255,255,0);margin:15px 0;width:100%;transition:all .5s ease-in-out}.menu:hover hr{border-color:#ffffff40}.menu .subtitle{color:#fffc;font-size:.8em;font-style:italic;margin:-15px 0 10px;padding-top:8px}.menu a{color:#fff;text-decoration:none;margin:5px 0;white-space:nowrap;opacity:0;transition:opacity .5s ease-in-out}.menu:hover a{opacity:1}.menu a:last-of-type{margin-bottom:32px}.menu small{color:#ffffff80}@media screen and (max-width: 720px){.menu{background:#000;opacity:1;position:relative;left:auto;height:auto;width:auto;min-width:auto}.menu-layout{flex-direction:column;flex-wrap:nowrap;align-items:stretch}.menu hr{border-color:#ffffff40}.menu a{white-space:initial;text-align:center;opacity:1}}.rhap_container{box-sizing:border-box;display:flex;flex-direction:column;line-height:1;font-family:inherit;width:100%;padding:10px 15px;background-color:#fff;box-shadow:0 0 3px #0003}.rhap_container:focus:not(:focus-visible){outline:0}.rhap_container svg{vertical-align:initial}.rhap_header{margin-bottom:10px}.rhap_footer{margin-top:5px}.rhap_main{display:flex;flex-direction:column;flex:1 1 auto}.rhap_stacked .rhap_controls-section{margin-top:8px}.rhap_horizontal{flex-direction:row}.rhap_horizontal .rhap_controls-section{margin-left:8px}.rhap_horizontal-reverse{flex-direction:row-reverse}.rhap_horizontal-reverse .rhap_controls-section{margin-right:8px}.rhap_stacked-reverse{flex-direction:column-reverse}.rhap_stacked-reverse .rhap_controls-section{margin-bottom:8px}.rhap_progress-section{display:flex;flex:3 1 auto;align-items:center}.rhap_progress-container{display:flex;align-items:center;height:20px;flex:1 0 auto;align-self:center;margin:0 calc(10px + 1%);cursor:pointer;user-select:none;-webkit-user-select:none}.rhap_progress-container:focus:not(:focus-visible){outline:0}.rhap_time{color:#333;font-size:16px;user-select:none;-webkit-user-select:none}.rhap_progress-bar{box-sizing:border-box;position:relative;z-index:0;width:100%;height:5px;background-color:#ddd;border-radius:2px}.rhap_progress-filled{height:100%;position:absolute;z-index:2;background-color:#868686;border-radius:2px}.rhap_progress-bar-show-download{background-color:#dddddd80}.rhap_download-progress{height:100%;position:absolute;z-index:1;background-color:#ddd;border-radius:2px}.rhap_progress-indicator{box-sizing:border-box;position:absolute;z-index:3;width:20px;height:20px;margin-left:-10px;top:-8px;background:#868686;border-radius:50px;box-shadow:#86868680 0 0 5px}.rhap_controls-section{display:flex;flex:1 1 auto;justify-content:space-between;align-items:center}.rhap_additional-controls{display:flex;flex:1 0 auto;align-items:center}.rhap_repeat-button{font-size:26px;width:26px;height:26px;color:#868686;margin-right:6px}.rhap_main-controls{flex:0 1 auto;display:flex;justify-content:center;align-items:center}.rhap_main-controls-button{margin:0 3px;color:#868686;font-size:35px;width:35px;height:35px}.rhap_play-pause-button{font-size:40px;width:40px;height:40px}.rhap_volume-controls{display:flex;flex:1 0 auto;justify-content:flex-end;align-items:center}.rhap_volume-button{flex:0 0 26px;font-size:26px;width:26px;height:26px;color:#868686;margin-right:6px}.rhap_volume-container{display:flex;align-items:center;flex:0 1 100px;user-select:none;-webkit-user-select:none}.rhap_volume-bar-area{display:flex;align-items:center;width:100%;height:14px;cursor:pointer}.rhap_volume-bar-area:focus:not(:focus-visible){outline:0}.rhap_volume-bar{box-sizing:border-box;position:relative;width:100%;height:4px;background:#ddd;border-radius:2px}.rhap_volume-indicator{box-sizing:border-box;position:absolute;width:12px;height:12px;margin-left:-6px;left:0;top:-4px;background:#868686;opacity:.9;border-radius:50px;box-shadow:#86868680 0 0 3px;cursor:pointer}.rhap_volume-indicator:hover{opacity:.9}.rhap_volume-filled{height:100%;position:absolute;z-index:2;background-color:#868686;border-radius:2px}.rhap_button-clear{background-color:transparent;border:none;padding:0;overflow:hidden;cursor:pointer}.rhap_button-clear:hover{opacity:.9;transition-duration:.2s}.rhap_button-clear:active{opacity:.95}.rhap_button-clear:focus:not(:focus-visible){outline:0}.loading{display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#000;color:#fff;font-size:2em;font-weight:700;position:fixed;width:100%;height:100%;z-index:2;transition:all 1s ease-out}.loading[hidden]{opacity:0}.loading .animation{flex:1;background:url(/assets/images/loading.svg) no-repeat center center;aspect-ratio:1/1;max-width:200px;max-height:200px}.alert{display:grid;grid-template-areas:"icon title" "icon body" "icon footer";grid-template-columns:auto 1fr;grid-template-rows:auto 1fr auto;gap:.5rem;background-color:#000000b3;box-shadow:#0003 5px 5px 10px;color:#fff;margin:1rem;padding:.75rem}.alert .icon{grid-area:icon;place-self:center;object-fit:cover;min-width:4rem;animation:alert-icon 1.5s alternate infinite ease-in-out}.alert .title{grid-area:title;place-self:end start;font-size:1.2rem;font-weight:700;margin:0}.alert .body{grid-area:body;align-self:center;font-size:.8rem;font-style:italic;margin:0}.alert .footer{grid-area:footer;place-self:center;font-size:.8rem}.alert a{color:#fff}@keyframes alert-icon{0%{transform:rotate(-6deg)}to{transform:rotate(6deg)}}