:root{--color-orange: #ff9344;--color-orange-dark: #fc7a37;--color-red: #f55859;--color-red-strong: #dd2b2b;--color-yellow: #ffd65a;--color-yellow-deep: #fabf46;--color-violet-light: #cab2f0;--color-violet-fade: #cab2f0bb;--color-violet: #8151c975;--color-violet-dark: #8b51c9;--color-dark-blue: #232d4f;--color-light-blue: #f2f5fb;--color-bg-light: #e1edf9;--color-green: #6fcf97;--color-green-dark: #27ae60;--color-green-light: #3de27c;--gradient-button: radial-gradient(circle, var(--color-orange) 0%, var(--color-orange-dark) 60%, var(--color-red) 100%);--gradient-icon: linear-gradient(135deg, var(--color-yellow), var(--color-orange));--gradient-bg-soft: linear-gradient(to bottom, var(--color-bg-light), var(--color-bg-light));--gradient-error: radial-gradient(circle, var(--color-red) 0%, var(--color-red-strong) 100%);--gradient-success: radial-gradient(circle, var(--color-green-light) 0%, var(--color-green) 60%, var(--color-green-dark) 100%);--gradient-util: radial-gradient(circle,rgba(89, 208, 255, .2) 0%, rgba(6, 108, 181, .3) 100%);background-color:var(--color-bg-light);font-family:Inter,Arial}@font-face{font-family:StonePunk;src:url(/assets/StonePunk-COFa4-uM.ttf) format("truetype");font-display:swap}body{width:100vw;height:100dvh;overflow:hidden;margin:0}body #root{width:100%;height:100%}div{display:flex;box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center}input,select{border:none;padding:.5vh 1vw;border-radius:.4vh;font-size:1.8vh}button{box-shadow:none;border:none;font-size:2vh;text-align:center;border-radius:.5vh;padding:1vh}button.validate{background:var(--gradient-success)}button.cancel{background:var(--gradient-error)}#Homepage{width:100%;flex:1;text-align:center;overflow:hidden;justify-content:flex-start}#Homepage #hoursDrive{width:90%;font-size:2.4vh;font-weight:700;margin:1vh}#Homepage #conso{width:96%;flex:1;margin-bottom:1vh;padding-top:1vh;flex-direction:column;border-radius:.6vh;background:var(--gradient-icon)}#Homepage #conso #consoTitle{font-size:2.1vh;font-weight:700;margin-bottom:.5vh}#Homepage #conso #consoList{width:98%;flex:1;border-radius:0 0 .4vh .4vh;justify-content:flex-start;overflow-y:scroll;gap:.5vh}#ValidWindow{position:absolute;width:90%;top:57vh;border-radius:.8vh;background-color:#0009;color:#f5f5f5;padding:2vh 3vw;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}#ValidWindow span{font-size:2.3vh;margin-bottom:2vh;text-align:center}#ValidWindow #validButtons{width:80%;flex-direction:row;justify-content:space-between}#ValidWindow #validButtons button{padding:1vh 6vw}@media (min-width: 1024px) and (min-aspect-ratio: 16/9){#Homepage #conso{width:50%;flex:.5;margin-bottom:.5vh}#ValidWindow{width:30%;padding:2vh 1vw}#ValidWindow #validButtons button{padding:1vh 2vw}}#gaugeContainer{display:flex;width:100%;flex:1;justify-content:center;align-items:center}@media (min-width: 1024px) and (min-aspect-ratio: 16/9){#gaugeContainer{width:30%}}.drinkLine{width:100%;flex-direction:row;justify-content:space-between;align-items:center;padding:.5vh 1vw;border-radius:.4vh;background-color:#0005}.drinkLine span{font-size:1.9vh;color:#fff}.drinkLine span.date{padding:0 .8vw;font-style:italic}.drinkLine span.drink{flex:1;padding:0 .8vw;font-weight:700}.drinkLine span.qtt{padding:0 .8vw}.pukeLine{width:100%;flex-direction:row;justify-content:space-evenly;align-items:center;padding:.5vh 1vw;border-radius:.4vh;background-color:#27ae5f99}.pukeLine span{font-size:2vh;color:#fff}.pukeLine span.date{padding:0 .8vw;font-style:italic}#Social{width:100%;height:100%;overflow:hidden;justify-content:flex-start;padding-top:.8vh}#Social #back-header{display:flex;width:100vw;flex-direction:row;justify-content:left;padding-bottom:1vh;justify-content:center}#Social #back-header .back{position:absolute;padding-left:3.5vw;left:0}#Social #back-header .back img{width:5vh;height:5vh}#Social #back-header .title{display:flex;text-align:center;font-size:2.5vh}#Social #page-header{display:flex;width:100vw;flex-direction:row;justify-content:space-evenly;font-size:1.5vh;margin-bottom:.5vh}#Social #page-header .add-friend{position:sticky;border-radius:.8vh;padding:0vh 2vw;background-image:var(--gradient-util);flex-direction:row;gap:.5vw;box-shadow:0 3px 8px 3px #0000004d}#Social #page-header .add-friend img{width:2.5vh;height:2.5vh}#Social #page-header .add-friend .badge{position:absolute;display:flex;justify-content:center;align-items:center;top:-.7vh;right:-.7vh;width:2.5vh;height:2.5vh;padding-top:.2vw;border-radius:.8vh;color:#fff;background-color:red}#Social .panel-container{width:90%;justify-content:flex-start}#Social .panel-container .friend-selected{flex-direction:row;justify-content:space-around;background-color:var(--color-violet-light);border-radius:1vh;margin-bottom:3vh;padding:0 2vw}#Social .panel-container .friend-selected p{font-size:2.3vh}#Social .panel-container .friend-selected-buttons{display:flex;flex-direction:row;flex-wrap:wrap;gap:2vh;padding:0 4vw}#Social .panel-container .friend-selected-buttons .friend-quantity{flex:1;padding:1.5vh;background-color:var(--color-violet-light);border-radius:.5vh;font-size:2.5vh}#Social .panel-container .friendpage-backbutton{width:100%;flex-direction:row;justify-content:space-between;margin-top:1vh}#Social .panel-container #friendForm{width:100%}#Social .panel-container #friendForm .friend-div-container{width:100%;flex-direction:row;justify-content:space-between;margin-top:2vh}#Social .panel-container #friendForm .friend-div-container label{flex:.5;text-align:center;padding:.5vh 2vw}#Social .panel-container #friendForm .friend-div-container input{flex:1;font-size:1.8vh;margin-left:1vw;margin-right:1vw}#Social .panel-container #friendForm .friend-button-container{width:80%;flex-direction:row;justify-content:space-around;margin-top:3vh}#Social .panel-container #friendForm .friend-button-container button.friend-validation{background-image:var(--gradient-success)}#Social .panel-container #friendForm .friend-button-container button.friend-cancel{background-image:var(--gradient-error)}#Social .panel-container #friendRequest-list{position:relative;justify-content:flex-start;width:94%;height:70vh;overflow:hidden auto;font-size:2.2vh}#Social .friend-list{margin-top:.8vh;position:relative;justify-content:flex-start;width:96%;flex:1;overflow:hidden auto;font-size:2.2vh;border:solid var(--color-violet);border-radius:.8vh;margin-bottom:1vh;background-color:var(--gradient-bg-soft);box-shadow:0 0 12px 2px #0000004d}#Social .friend-list .no-friends{margin-top:30vh}#Social .friend-list #friendsFilters{width:100%;padding:.2vh .2vh .5vh;flex-direction:row;justify-content:space-evenly;background-color:var(--color-violet-fade);border-bottom:var(--color-violet) solid}#Social .friend-list #friendsFilters button{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:.6vh 2vw;background-color:transparent}#Social .friend-list #friendsFilters button.filtered{font-weight:700}#Social .friend-list #friendsFilters button img{width:3vh;height:3vh;margin-right:1.5vw}#Social .friendRequest-list{position:relative;justify-content:flex-start;width:94%;flex:1;margin-bottom:1vh;overflow:hidden auto;font-size:2.2vh}#Social .friend-add-button,#Social .group-create-button{background-image:var(--gradient-button);border-radius:.8vh;box-shadow:0 3px 8px 3px #0000004d;width:96%;padding:1vh 0;margin-bottom:1vh}#Social .friend-form .friend-input-container{display:flex;flex-direction:column;margin-top:3vh;margin-bottom:2vh;gap:1vh}#Social .friend-form .friend-input-container label{font-size:2vh}#Social .friend-form .friend-input-container #scanAndInput{flex-direction:row;gap:3vw}#Social .friend-form .friend-input-container #scanAndInput #scanIcon{width:4vh;height:4vh}#Social .friend-form .friend-button-container{display:flex;flex-direction:row}#Social .friend-form .friend-button-container button{margin:1vh}#Social .friend-form .friend-button-container button.friend-validation{background-image:var(--gradient-success)}#Social .friend-form .friend-button-container button.friend-validation:disabled{background-color:gray;background-image:none}#Social .friend-form .friend-button-container button.friend-cancel{background-image:var(--gradient-error)}#Social #friendChartTitle{font-size:2.3vh;overflow:hidden}#Social #chartContainer{width:100%;height:64vh;margin-right:5%}#Social #actualGram{font-size:2vh}#Social #friendButtons{width:96%;flex-direction:row;justify-content:space-evenly;margin-top:1.5vh}#Social #friendButtons #openConso{background:var(--color-yellow-deep)}#Social #ValidWindow{top:40vh}#Social #ValidWindow.conso{top:50vh;max-height:80vh;transform:translateY(-50%);padding-top:1vh;padding-bottom:.8vh;flex-direction:column;justify-content:flex-start;border-radius:.6vh;background:var(--gradient-icon)}#Social #ValidWindow.conso #consoTitle{color:#000;font-weight:700}#Social #ValidWindow.conso #consoList{width:100%;overflow-y:auto;flex-direction:column;justify-content:flex-start;gap:.5vh}#Social #ValidWindow.conso #consoList .drinkLine span,#Social #ValidWindow.conso #consoList .pukeLine span{font-size:1.9vh;margin-bottom:0}#Social #ValidWindow.conso .cancel{padding:.8vh 10vw;margin-top:2vh;color:#f5f5f5}@media (min-width: 1024px) and (min-aspect-ratio: 16/9){.icon{height:4vh;width:4vh}#Social .friend-list,#Social .friend-add-button{width:60%}#Social #chartContainer{width:50%}}#FriendRequest{width:100%;flex-direction:row;justify-content:space-evenly;padding:0 1.5vw;text-align:center;margin:.5vh;border-bottom:.3vh solid var(--color-violet)}#FriendRequest .button-container{display:flex;flex-direction:row}#FriendRequest .button-container button{margin:0 .7vw;border-radius:.8vh;color:#fff}#FriendRequest .button-container button img{height:5vh;width:5vh}#FriendRequest .button-container button.validation{background-color:var(--color-green-dark)}#FriendRequest .button-container button.refu{background-color:var(--color-red-strong)}#FriendRequest .button-container img{height:5vh;width:5vh}.friendCard{width:90%;flex-direction:row;justify-content:space-evenly;padding:1.5vh 1.5vw;text-align:center;border-bottom:.2vh solid var(--color-violet-fade)}.friendCard img{width:3.5vh;height:3.5vh}.friendCard *{-webkit-user-select:none;user-select:none}.selected{background-color:var(--color-violet-light)}.groupCard{width:90%;flex-direction:row;padding:1vh 1.5vw;text-align:center;border-bottom:.2vh solid var(--color-violet-fade)}.groupCard img{margin-right:4vw;width:8vw}@media (min-width: 1024px) and (min-aspect-ratio: 16/9){.groupCard img{width:2.5vw}}#GroupPage{width:100%;height:100%;justify-content:flex-start;align-items:center;overflow:hidden auto}#GroupPage #back-header{display:flex;width:100vw;flex-direction:row;border-bottom:.3vh solid var(--color-violet-dark);justify-content:left;padding-bottom:.5vh;justify-content:center}#GroupPage #back-header .back{margin-left:2vw;width:4vh;height:4vh}#GroupPage #back-header .title{text-align:center;font-size:2.2vh;font-weight:700;flex:1}#GroupPage #back-header #groupIcons{flex-direction:row;padding:0 .5vw;gap:1vw}#GroupPage #back-header #groupIcons img{width:4vh;height:4vh}#GroupPage #groupChartContainer{width:100%;height:59vh;margin-right:5%}#GroupPage #groupUsers{width:96%;border-radius:.6vh;flex-direction:row;flex-wrap:wrap;padding:.7vh 1vw;gap:2vw;background:var(--gradient-button)}#GroupPage #groupUsers .userLine{border-radius:.4vh;flex-direction:row;padding:.2vh .8vw;background:var(--color-yellow)}#GroupPage #groupUsers .userLine span{font-size:2vh}#GroupPage #groupUsers .userLine input{width:2.5vh;height:2.5vh;margin-left:1.5vw;accent-color:var(--color-violet-dark)}#GroupPage #groupMenu{position:absolute;width:90%;top:50vh;border-radius:.8vh;background:#0009;color:#f5f5f5;padding:2vh 3vw;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transform:translateY(-50%)}#GroupPage #groupMenu #grAdminTitle{font-size:2.3vh;font-weight:700;margin-bottom:2vh;text-align:center}#GroupPage #groupMenu #menuUsers{width:90%;flex-direction:column;gap:.5vh}#GroupPage #groupMenu #menuUsers .userElem{width:100%;flex-direction:row;justify-content:space-between;border-radius:.4vh;padding:.4vh 2vw;background-color:var(--color-yellow)}#GroupPage #groupMenu #menuUsers .userElem span{font-size:2vh;color:#000}#GroupPage #groupMenu #menuUsers .userElem img{width:3.5vh;height:3.5vh}#GroupPage #groupMenu #menuUsers .userElem.noImg{padding:1vh 2vw}#GroupPage #groupMenu #addUser{margin-top:3vh}#GroupPage #groupMenu #addUser select{background:var(--gradient-bg-soft)}#GroupPage #groupMenu #addUser button{font-size:2vh;padding:.5vh 6vw;margin-top:1vh}#GroupPage #groupMenu #menuDelete{margin:3.5vh 0}#GroupPage #groupMenu #menuDelete button{display:flex;flex-direction:row;font-weight:700;color:#f5f5f5;padding:.5vh 3vw .5vh 2vw;text-wrap-mode:nowrap;justify-content:center;align-items:center}#GroupPage #groupMenu #menuDelete button img{width:3.5vh;height:3.5vh;margin-right:1vw}#GroupPage #groupMenu #menuButtons{width:60%;flex-direction:row;justify-content:space-between}#GroupPage #groupMenu #menuButtons button{width:100%;padding:.5vh 0;font-weight:700;color:#f5f5f5}#GroupPage #ValidWindow{top:50vh;transform:translateY(-50%)}#GroupPage #ValidWindow #backgroundSelect{flex-direction:row;margin-bottom:2vh}#GroupPage #ValidWindow #backgroundSelect button{border-radius:.4vh 0 0 .4vh}#GroupPage #ValidWindow #backgroundSelect button:last-of-type{border-radius:0 .4vh .4vh 0}#validBackground{position:fixed;top:0;bottom:0;width:100vw;height:100vh;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#fff3}#validBackground #ValidWindow{top:50vh;transform:translateY(-50%);background-color:#000c}#validBackground #ValidWindow span{text-wrap-mode:wrap}@media (min-width: 1024px) and (min-aspect-ratio: 16/9){#GroupPage #groupChartContainer{width:80%}}#drinkPage{width:100%;flex:1;justify-content:flex-start;overflow:hidden}#drinkPage .panel-container{width:94%;justify-content:flex-start}#drinkPage .panel-container .drink-selected{flex-direction:row;justify-content:space-around;background-color:var(--color-violet-light);border-radius:.41vh;margin-bottom:1.5vh}#drinkPage .panel-container .drink-selected span{font-size:2.2vh;padding:.6vh 3vw}#drinkPage .panel-container .drink-quantity-input{padding-top:2vh;display:flex;flex-direction:row;flex-wrap:wrap;gap:1vh}#drinkPage .panel-container .drink-quantity-input label{font-size:2.1vh;margin-right:2vw}#drinkPage .panel-container .drink-quantity-input input{padding:.6vh 1vw;font-size:1.8vh}#drinkPage .panel-container .drink-date-input{display:flex;flex-direction:row;justify-content:center;flex-wrap:wrap;gap:1vw;margin-top:2vh;padding:.5vh 0;border-radius:.4vh;border:.1vh solid var(--color-dark-blue)}#drinkPage .panel-container .drink-date-input .drink-date-type{flex-direction:row;flex-wrap:wrap;align-items:center;margin-bottom:1vh}#drinkPage .panel-container .drink-date-input .drink-date-type span{width:100%;font-size:2.1vh;text-align:center;margin-bottom:1vh}#drinkPage .panel-container .drink-date-input .drink-date-type button{background-color:var(--color-violet-light);border-radius:.4vh 0 0 .4vh;color:#000}#drinkPage .panel-container .drink-date-input .drink-date-type button.selected{background-color:var(--color-violet-dark);font-weight:700;color:#f5f5f5}#drinkPage .panel-container .drink-date-input .drink-date-type button:last-of-type{border-radius:0 .4vh .4vh 0}#drinkPage .panel-container .drink-date-input .drink-date-select{flex-direction:row;align-items:center;margin-right:2vw}#drinkPage .panel-container .drink-date-input .drink-date-select label{width:100%;font-size:2.1vh;margin-bottom:1vh;margin-right:2vw}#drinkPage .panel-container .drink-date-input .drink-date-select input{margin-bottom:1vh}#drinkPage .panel-container #validQuantity{padding:1vh 15vw;font-size:2.2vh;font-weight:700;margin-top:2vh;background:var(--gradient-success)}#drinkPage .panel-container .drink-selected-buttons{display:flex;flex-direction:row;flex-wrap:wrap;gap:1.2vh;padding:0 4vw}#drinkPage .panel-container .drink-selected-buttons .drink-quantity{flex:1;padding:1.2vh 5vw;background-color:var(--color-violet-light);border-radius:.5vh;font-size:2.5vh}#drinkPage .panel-container .drink-selected-buttons .drink-quantity.selected{color:#f5f5f5;font-weight:700;background-color:var(--color-violet-dark)}#drinkPage .panel-container .drinkpage-backbutton{width:100%;flex-direction:row;justify-content:space-between;margin-top:1vh}#drinkPage .panel-container #drinkForm{width:100%}#drinkPage .panel-container #drinkForm .drink-div-container{width:100%;flex-direction:column;justify-content:space-between;align-items:flex-start;margin-top:1vh;margin-bottom:2vh}#drinkPage .panel-container #drinkForm .drink-div-container:last-of-type{margin-bottom:0}#drinkPage .panel-container #drinkForm .drink-div-container label{text-align:center;padding:.6vh 1vw;font-size:2.1vh}#drinkPage .panel-container #drinkForm .drink-div-container input{width:90%;font-size:2vh;margin-left:1vw;padding:.7vh 1.5vw}#drinkPage .panel-container #drinkForm .drink-button-container{width:80%;flex-direction:row;justify-content:space-around;margin-top:3vh}#drinkPage .panel-container #drinkForm .drink-button-container button.drink-validation{background-image:var(--gradient-success)}#drinkPage .panel-container #drinkForm .drink-button-container button.drink-cancel{background-image:var(--gradient-error)}#drinkPage #folderBackButtons{width:94%;flex-direction:row;justify-content:space-between;margin-bottom:.5vh}#drinkPage #folderBackButtons img{width:4vh;height:4vh}#drinkPage #folderBackButtons #emptyIcon{width:3vh;height:3vh}#drinkPage #folderBackButtons #folderTitle{font-size:2.2vh;font-weight:700}#drinkPage .drink-list{position:relative;justify-content:flex-start;width:94%;flex:1;overflow:hidden auto;padding-bottom:.5vh;font-size:2.2vh;margin-bottom:1vh}#drinkPage .drink-list.folder{height:67vh}#drinkPage #addDrinkBtn{flex-direction:row;background-image:var(--gradient-button);border-radius:.8vh;width:95vw;justify-self:center;margin-bottom:1vh;box-shadow:0 3px 8px 3px #0000004d}#drinkPage #addDrinkBtn.valid{width:98vw;justify-content:space-evenly;background-image:none;background-color:none;box-shadow:none}#drinkPage #addDrinkBtn.valid button{background:var(--gradient-success);box-shadow:0 3px 8px 3px #0000004d}#drinkPage #ValidWindow{top:50vh;transform:translateY(-50%)}#drinkPage #ValidWindow select{max-width:90%;font-size:2vh;margin-bottom:3vh;padding:.5vh 3vw}#drinkPage .tiseButtons{position:absolute;width:4vh;height:4vh;top:6vh}#drinkPage #exportButton{right:3vw}#drinkPage #importButton{left:3vw}#drinkPage input[type=file]{display:none}.icon{height:5vh;width:5vh}@media (min-width: 1024px) and (min-aspect-ratio: 16/9){#drinkPage .tiseButtons{top:3vh}#drinkPage .panel-container{width:60%}#drinkPage .panel-container .drink-date-input .drink-date-select{flex-direction:column}#drinkPage .panel-container .drink-date-input .drink-date-select label{margin-right:0}}.drinkcard-container{width:100%;flex-direction:row;background-color:var(--color-violet-light);border-radius:.4vh;border-style:solid;border-color:var(--color-violet-dark);padding:1vh 2vw;text-align:center;margin:.5vh}.drinkcard-container span{flex:1}.drinkcard-container img{flex:.2;width:3vh;height:3vh;margin-left:2vw}.drinkcard-container.selected{background-color:var(--color-violet)}.folder-card{width:100%;flex-direction:row;background-color:var(--color-violet-light);border-radius:.4vh;border-style:solid;border-color:var(--color-violet-dark);padding:.6vh 2vw;text-align:center;margin:.5vh}.folder-card img{width:4vh;height:4vh;margin-right:1.5vw}.panel-container{width:100%;margin:2vh;background-color:var(--color-violet);border-radius:1vh;padding:1.5vh 2vw;z-index:5}#Curves{width:100%;flex:1;justify-content:flex-start;padding-top:3vh;overflow:hidden}#Curves #chartTitle{font-size:2.4vh;font-weight:700;margin-bottom:2vh}#Curves #chartContainer{width:100%;flex:1;margin-right:5%}#Curves #actualGram{font-size:2.3vh;color:red;margin-top:1vh}#Curves #finalMax{width:90%;margin-top:1vh;margin-bottom:1vh;font-size:2.1vh;text-align:center}#Curves #exportPNG{position:absolute;width:4vh;height:4vh;top:17vh;right:1vw}#Curves #ValidWindow{top:50vh;transform:translateY(-50%)}#Curves #ValidWindow #backgroundSelect{flex-direction:row;margin-bottom:2vh}#Curves #ValidWindow #backgroundSelect button{border-radius:.4vh 0 0 .4vh}#Curves #ValidWindow #backgroundSelect button:last-of-type{border-radius:0 .4vh .4vh 0}@media (min-width: 1024px) and (min-aspect-ratio: 16/9){#Curves #chartContainer{width:50%}}#Container{width:100%;height:100%;overflow:hidden;padding-top:3vh;justify-content:flex-start}@media (min-width: 1024px) and (min-aspect-ratio: 16/9){#Container{padding-top:0}}#TopBar{width:100%}#TopBar #homepageTitle{width:100%;height:7.4dvh;text-align:center;color:var(--color-red);font-family:StonePunk;font-size:7vh;font-weight:700;letter-spacing:1vw;padding:.7vh 2vw;text-shadow:0 4px 4px black}@media (min-width: 1024px) and (min-aspect-ratio: 16/9){#TopBar #homepageTitle{height:8dvh;font-size:9vh;letter-spacing:.3vw}}#NavBar{display:flex;position:relative;width:100%;height:16dvw;max-width:100vw;padding:1vw;flex-direction:row;background-image:var(--gradient-bg-soft);border-top:.3vh solid var(--color-violet-light);justify-content:space-around;gap:3vw}#NavBar .navbar-button{position:sticky;padding:1vw;box-shadow:2px;border-radius:2vh}#NavBar .navbar-button .navbar-icon{height:12dvw;width:12dvw}#NavBar .navbar-button.selected{background-image:var(--gradient-icon)}#NavBar .navbar-button .navBarBadge{position:absolute;display:flex;justify-content:center;align-items:center;top:0;right:0;width:5.5vw;height:5.5vw;padding-top:.2vw;border-radius:.8vh;color:#fff;background-color:red}#versionToast button{padding:.5vh 1vw;font-size:1.8vh;margin-left:3vw;background-color:var(--color-green-dark);color:#f5f5f5;border-radius:.2vh}@media (min-width: 1024px) and (min-aspect-ratio: 16/9){#NavBar{width:auto;height:auto;padding:0;gap:2vw;border-radius:2.2vh;border:.5vh solid var(--color-violet-light)}#NavBar .navbar-button .navbar-icon{height:7vh;width:7vh}}#Profile{width:100%;flex:1;justify-content:flex-start;padding-top:2vh;overflow:hidden auto}#Profile.login{background-color:#555}#Profile #loginTitle{font-size:3vh;font-weight:700;margin-bottom:5vh;color:#f5f5f5}#Profile #loginForm{width:100%}#Profile #loginForm input{width:70%;font-size:2vh;margin-bottom:2vh;border-radius:.4vh;border:none;color:#000;background-color:#f5f5f5}#Profile #loginForm button{border-radius:.4vh;border:none;padding:1vh;cursor:pointer}#Profile #loginForm #login{font-size:2.3vh;margin-top:2vh;background-color:#01b101}#Profile #loginForm #login:hover{background-color:green}#Profile #loginForm #login:disabled{background-color:#006400;cursor:default}#Profile #loginForm #loginOTP{font-size:2.3vh;margin-top:2vh;background-color:#01b101}#Profile #loginForm #loginOTP:hover{background-color:green}#Profile #loginForm #loginOTP:disabled{background-color:#006400;cursor:default}#Profile #loginForm #register{font-size:2.2vh;margin-top:6vh;padding:.8vh 5vh;color:#f5f5f5;background-color:gray}#Profile #loginForm #register:hover{background-color:#979797}#Profile #loginForm #passwordForgotten{font-weight:700;font-size:1.9vh;cursor:pointer;text-decoration:underline;color:#43abdb}#Profile #profileHead{margin-bottom:3vh;padding:.5vh 2vw;border-radius:.8vh;background:var(--gradient-icon)}#Profile #profileHead #username{font-weight:700;margin-bottom:.5vh;font-size:2.5vh}#Profile #profileHead span{-webkit-user-select:none;user-select:none;margin-bottom:.5vh;font-size:2.3vh;text-wrap-mode:nowrap}#Profile #profileHead span b{-webkit-user-select:all;user-select:all}#Profile #profileHead #friendCodeLine{flex-direction:row;align-items:center;margin-bottom:.5vh}#Profile #profileHead #friendCodeLine span{margin-bottom:0}#Profile #profileHead #friendCodeLine img{width:4vh;height:4vh;margin-left:2vw}#Profile #userData{width:80%;font-size:2.3vh}#Profile #userData .userDataLine{width:100%;flex-direction:row;align-items:center;justify-content:center;padding:.5vh 2vw;margin-bottom:1vh;border-radius:.8vh;background-color:var(--color-orange)}#Profile #userData .userDataLine img{width:10vw;height:10vw;padding:0 .6vw}#Profile #userData .userDataLine span{flex:1;margin-left:1vw;text-align:center}#Profile #userData .userDataLine input,#Profile #userData .userDataLine select{flex:1;margin-left:1vw}#Profile #profileButtons{flex-direction:column;margin-top:3vh;gap:2vh}#Profile #profileButtons button{display:flex;font-size:2.3vh;flex-direction:row;justify-content:center;align-items:center;border-radius:.8vh;background-color:var(--color-yellow)}#Profile #profileButtons button#food{background-color:var(--color-yellow-deep)}#Profile #profileButtons button#puke{background-color:var(--color-green-dark)}#Profile #profileButtons button img{width:6vw;height:6vw;margin-right:1vw}#Profile #editButtons{width:80%;flex-direction:row;justify-content:space-between;margin-top:3vh}#Profile #editButtons button{font-size:2vh;background:var(--gradient-success)}#Profile #editButtons button.cancel{background:var(--gradient-error)}#Profile #disconnect{margin-top:6vh;font-size:2.5vh;font-weight:700;color:#fff;background:var(--gradient-error)}#Profile #qrBackground{position:fixed;top:0;bottom:0;width:100vw;height:100vh;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:1000;background-color:#0000004d}#Profile #qrBackground #qrWindow{position:absolute;top:50vh;left:50vw;width:80vw;height:80vw;transform:translate(-50%,-50%);box-shadow:0 0 10px 6px #0006}#Profile #qrBackground #qrWindow img{width:70vw;height:70vw}#Profile #qrBackground #foodWindow{position:absolute;left:50vw;top:50vh;border-radius:.8vh;background-color:#0009;color:#f5f5f5;padding:1vh 3vw;transform:translate(-50%,-50%);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}#Profile #qrBackground #foodWindow span{font-size:2.4vh;text-align:center;text-wrap-mode:nowrap;margin-bottom:3vh}#Profile #qrBackground #foodWindow input{font-size:2.3vh;margin-bottom:3vh}#Profile #qrBackground #foodWindow #foodButtons{width:100%;flex-direction:row;justify-content:space-around;gap:1vw}#Profile #qrBackground #foodWindow #foodButtons button{font-size:2.2vh}@media (min-width: 1024px) and (min-aspect-ratio: 16/9){#Profile{width:50%}#Profile #userData{width:70%}#Profile #userData .userDataLine img,#Profile #profileButtons button img{width:5vh;height:5vh}#Profile #editButtons{width:50%}#Profile #qrBackground #qrWindow,#Profile #qrBackground #qrWindow img{width:100vh;height:100vh}}#PukeWindow{position:absolute;left:50vw;top:50vh;border-radius:.8vh;background-color:#0009;color:#f5f5f5;padding:1vh 3vw;transform:translate(-50%,-50%);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}#PukeWindow span{text-align:center;text-wrap-mode:nowrap}#PukeWindow #pukeTitle{font-size:2.4vh}#PukeWindow #pukeList{width:100%;max-height:40vh;flex-direction:column;justify-content:flex-start;overflow-y:auto;gap:.8vh;margin-top:1vh}#PukeWindow #pukeList .noPuke{font-size:2vh;font-style:italic;margin:4vh 0}#PukeWindow #newPuke{width:100%;margin:1.5vh 0}#PukeWindow #newPuke span{font-size:2.2vh;margin-bottom:1vh}#PukeWindow #newPuke #pukeForm{flex-direction:row}#PukeWindow #newPuke #pukeForm input{font-size:2.3vh;margin-right:4vw}#PukeWindow #newPuke #pukeForm button{padding:.8vh 5vw}#PukeWindow .cancel{width:100%;margin-top:2vh}