:root{--fg:#efefef;--fg2:#ffffff;--bg:#353535;--bg2:#2f2f2f;--button-bg-hover:#1b1b1b;--bg3:#efefef;--bg-win:#0000005e}@font-face{font-family:Lato;src:url("./fonts/Lato-Regular.ttf")}@font-face{font-family:Montserrat;src:url("./fonts/Montserrat-VariableFont_wght.ttf")}body{background:var(--bg);color:#fff;font-family:Lato,Tahoma,Geneva,Verdana,sans-serif;margin:0;padding:0;text-align:center;font-size:19px;line-height:1.7em;overflow-x:hidden}.error{color:red}p{text-align:left;width:50%;margin:1em auto;padding:1em 0}:focus{outline:0!important}*{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}h1,h2,h3,h4,h5,h6{font-family:Montserrat;max-width:calc(100% - 1em);margin:auto}button{border-radius:200px;border:none;padding:1em;font-size:1em;cursor:pointer;background-color:var(--bg3);transition:background-color .25s,color .25s}button:hover{background-color:var(--button-bg-hover);color:var(--bg3)}button:disabled{background:grey;color:#999;cursor:not-allowed}.invert{filter:invert(1)}.icon{max-width:64px}.left{text-align:right}.right{text-align:left}main{display:flex;flex-direction:column;align-items:center;padding:2rem 0 15em;position:relative;background:var(--bg);border-top:1px solid}.blured{filter:blur(10px)}header{overflow:hidden;height:56vh;position:relative}header img.background{filter:blur(10px) brightness(.5);width:100%;position:fixed;left:0}header h1{z-index:1;position:relative;font-size:5em;line-height:1.4em;margin-top:1.8em}header .host{z-index:1;display:flex;align-items:center;background:var(--bg);width:fit-content;border-radius:200px;border:1px solid;padding:3px;cursor:pointer;user-select:none;transition:background-color .2s;margin:auto 2em 2em auto;right:0;position:absolute;bottom:0}header .host:hover{background-color:#454545}header .host img{width:64px;border-radius:200px}header .host div.host-name{margin:auto 1em;display:flex;flex-direction:column;align-items:center;line-height:1.2em}header .host div.host-name .label{font-size:.7em;color:grey;font-style:italic}header .host div.host-name .name{font-weight:700}.datelocation{display:flex;flex-direction:row;width:calc(50% - 2rem);padding:1rem;align-items:center;margin-bottom:2rem;background:var(--bg2);border-radius:5px}.datelocation .date{border:1px solid;border-radius:5px;display:flex;flex-direction:column;width:fit-content;padding:0}.datelocation>div:first-child{margin-right:auto;margin-left:0}.datelocation>div:last-child{margin-left:auto;margin-right:0}.datelocation .date .weekday{background:#fff;color:#000;padding:.2em 1em;border-radius:3px 3px 0 0}.datelocation .date .day{font-size:5em;font-weight:700;padding:.5em}.datelocation .date .month{font-style:italic;border-top:1px solid;padding:.2em;background:var(--bg);border-radius:0 0 5px 5px}.datelocation .location{display:flex;flex-direction:row;align-items:center}.datelocation .location .left{margin-right:2rem}.datelocation .location .left img{border:1px solid #000;padding:1rem;border-radius:80px;cursor:pointer;background-color:#fff;transition:background-color .2s;user-select:none;-webkit-user-drag:none}.datelocation .location .left img:hover{background-color:var(--bg2)}.datelocation .location .name{font-size:1.2rem;font-weight:700;border-bottom:1px solid;margin-bottom:.2rem}.datelocation .location .adress{line-height:2.4em}.datelocation .location .adress .citycp{font-weight:700}.datelocation .location .adress .addedinfos{font-size:.8rem;line-height:1.4em;font-style:italic;text-align:right;margin-top:1rem}.warning{width:calc(50% - 2rem - 2px);border:1px solid;border-radius:4px;padding:1rem;background:var(--bg2);display:flex;flex-direction:row;align-items:center;margin:1rem auto}.warning .left{margin-left:0;margin-right:auto}.warning .right{margin-left:2rem}.warning .right .warning-txt p{margin-left:1.5rem}p.more-infos{width:50%;text-align:right;font-style:italic;margin-top:2rem;color:var(--fg);line-height:1.4em}.planning{width:50%;margin-top:2rem;padding-bottom:2rem;margin-bottom:2rem;border-bottom:1px solid}.planning ul{padding:0}.planning ul li{border:1px solid;padding:1rem;border-radius:4px;background:var(--bg2);margin:.5rem 0}main img.main{width:50%;margin:auto auto 1rem;height:460px;object-fit:cover;border-radius:4px}button.sign-up{margin-top:2rem;font-size:2rem;border-radius:100px}.meeting-hour{display:flex;flex-direction:row;align-items:center;font-family:Montserrat;font-size:3em;margin:1em auto;padding-bottom:1em;border-bottom:1px solid;width:50%}.price.label-container{background:var(--bg2);padding:1em 1.5em;border:1px solid;border-radius:100px}.meeting-hour .left{margin-left:auto;margin-right:1rem}.meeting-hour .right{display:flex;margin-right:auto;margin-left:1rem;font-weight:700}.chrono{font-size:2rem;width:50%;background:var(--bg2);border-radius:4px;margin:1rem auto 2rem;padding:1em}.chrono .labels{color:grey;font-size:1.6rem;font-style:italic;margin-right:.3rem}.warning p{width:initial;margin:initial}div.hook{width:100%;margin-bottom:1em}div.hook button{margin-bottom:1.5em}button.google-map{display:none}div.window{background:var(--bg2);color:var(--fg2);box-shadow:none;border:1px solid #8d8d8d;backdrop-filter:blur(19px)}div.window.focus{box-shadow:none}div.window input,div.window input[type=number]{background:var(--button-bg-hover);color:var(--fg);font-size:1em;font-family:Montserrat;border-radius:100px;border:1px solid transparent;transition:border-color .3s;display:block;margin-bottom:.5em}div.window input[type=number]{padding:1em 2em}div.window label.input-container{display:flex;align-items:center}div.window label.input-container input{width:40%;margin:auto 0 auto auto}.guests-infos{text-align:right;color:grey;font-style:italic;font-size:.8em;margin-right:2em}div.window input:focus{border-color:var(--fg)}.popup .footer button,div.window button{border-radius:100px;margin-top:2em;border:1px solid transparent;transition:background-color .3s,border-color .3s,color .3s}div.window button:hover{border-color:var(--fg)}div.window button:disabled:hover{border-color:transparent}.spinner{border-top-color:#fff}div.window button.close{background-color:transparent}div.window button.close:after,div.window button.close:before{background-color:var(--fg2)}.popup .footer span{display:initial;text-align:initial;font-size:initial;line-height:initial;margin-top:initial}a{color:var(--bg-green2);font-weight:700}.timezone{font-style:italic;color:grey;font-size:.8em}a:hover{text-decoration:underline}div.window div.host-infos .flex{display:flex;align-content:center;align-items:center}div.window div.host-infos .flex .left{margin:auto 2em auto 1em;display:flex;flex-direction:column;align-items:center}div.window div.host-infos .flex .left img{border-radius:200px;width:164px;margin-bottom:1em}div.window div.host-infos .flex .left div{font-weight:700}div.window div.host-infos .flex .right{margin:1em 1em 1em auto;font-size:.85em;line-height:1.8em}div.window div.host-infos .flex .right p{width:inherit}@media screen and (max-width:1600px){.datelocation{width:calc(65% - 2rem)}}@media screen and (max-width:1450px){.chrono,.meeting-hour,.planning,div.hook p,main img.main,p.more-infos{width:65%}.warning{width:calc(65% - 2rem - 2px)}}@media screen and (max-width:1397px){header h1{margin-top:1em}}@media screen and (max-width:1170px){.datelocation{width:calc(100% - 5rem)}}@media screen and (max-width:1090px){.chrono,.meeting-hour,.planning,div.hook p,main img.main,p.more-infos{width:calc(100% - 3rem)}.warning{width:calc(100% - 5rem - 2px)}main img.main{height:380px}header h1{font-size:4em}header img.background{width:150%}}@media screen and (max-width:840px){.chrono{display:block}header img.background{margin-top:0;width:250%}}@media screen and (max-width:715px){.datelocation{flex-direction:column;padding:1rem;margin-bottom:0}.datelocation>div:first-child{margin:auto auto 1em;font-size:2em}.datelocation div.date{width:100%;max-width:300px}.datelocation>div:last-child{margin:1em auto auto}.datelocation .date .weekday{padding:.8em 1em}.datelocation .date .day{padding:0;margin:.5em auto}.datelocation .date .month{padding:.7em}}@media screen and (max-width:654px){header h1{margin-top:1em}main img.main{height:255px}button.google-map{font-family:Lato;margin:1em auto 3rem;background:#fff;color:#000;font-size:1.5em;width:calc(100% - 3rem);display:block}}@media screen and (max-width:630px){.chrono{display:flex;flex-direction:column;align-items:center;width:fit-content;padding:1em;line-height:1.4em}}@media screen and (max-width:577px){header h1{font-size:2.9em}header img.background{width:350%;margin-top:0;margin-left:-50%}header .host{position:absolute;left:0;right:inherit;margin-left:50%;transform:translate(-50%,0);width:calc(100% - 2em)}header .host div.host-name{margin-left:auto;margin-right:2em;flex-direction:row}header .host div.host-name .label{margin-right:1em}}@media screen and (max-width:386px){header h1{font-size:2.7em}}