body,html{width:100%;height:100%;padding:0;margin:0}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50;height:calc(var(--vh, 1vh)*100)}.nav-btn{display:flex;flex-direction:column;height:60px;width:100px;padding:15px;text-decoration:none}.router-link-exact-active{background-color:#b00020;color:#fff;font-weight:700}.gen{color:#b00020}.router-link-exact-active:hover{background-color:#b00020;color:#fff;font-weight:700}.router-link-exact-active>i{font-weight:700}.main{height:100vh;height:calc(var(--vh, 1vh)*100);display:grid}.footer{grid-area:footer}.view{grid-area:main;overflow-y:scroll;margin-bottom:10px}.appname{font-size:2em;font-family:Calibri Light}#nav{grid-area:nav;display:flex;flex-wrap:wrap;align-items:center;align-content:center;justify-content:center;height:100%;border-right:1px solid #ddd}#header{padding:0 1em 0 1em;display:flex;justify-content:left;grid-area:header;height:20px;border-bottom:1px solid #ddd}a{color:#666;text-decoration:none}@media screen and (max-width:476px){.appname{font-size:1em}.main{grid-template-columns:100%;grid-template-rows:20px auto 60px 0;grid-template-areas:"header" "main" "nav" "nav"}#nav{border-top:1px solid #ddd}}@media screen and (min-width:476px){.main{grid-template-columns:100px auto;grid-template-rows:50px auto 0;grid-template-areas:"header header" "nav main" "footer footer"}a:hover{background-color:#f9f9f9}#header{height:50px}}.searchbar[data-v-1e16340a]{width:100%;padding:30px}.p-inputtext[data-v-1e16340a],.searchbar-span[data-v-1e16340a]{width:100%}.genre-title[data-v-5e701c42]{grid-area:genre;font-size:1.7em;color:#fff;text-align:left;font-weight:lighter;font-family:Segoe UI,sans-serif}.genre-code[data-v-5e701c42]{grid-area:number;color:#fff;opacity:.85;text-align:right}.genre-code[data-v-5e701c42]:hover{opacity:1}.watch[data-v-5e701c42]{position:absolute;bottom:0;right:-10px;justify-self:end;align-self:end;font-size:1em;background-color:#f9f9f9;border-radius:100px;height:60px;width:85px;box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23);display:none;justify-content:center;flex-direction:column}.watch[data-v-5e701c42]:hover{background-color:#ddd;font-weight:700}.watch>i[data-v-5e701c42]{font-size:2em}.genre-card:hover>.watch[data-v-5e701c42]{display:flex}.genre-card[data-v-5e701c42]{position:relative;display:grid;flex-shrink:0;width:278px;height:120px;//background-image:linear-gradient(to bottom right,#64bafd,#dae8ff);background-color:#b00020;align-items:center;grid-template-columns:auto;grid-template-rows:1em auto;grid-template-areas:" . . number" "genre genre genre";padding:15px;box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);transition:all .3s cubic-bezier(.25,.8,.25,1)}.genre-card[data-v-5e701c42]:hover{cursor:pointer;box-shadow:0 10px 20px rgba(0,0,0,.19),0 6px 6px rgba(0,0,0,.23)}.card[data-v-42b32af2]{margin:.5em;flex-grow:1}.genre-list[data-v-42b32af2]{display:flex;flex-wrap:wrap;justify-content:center;flex-grow:inherit}.genre-list[data-v-42b32af2]:after{content:"";flex-grow:1000000000}.p-tag[data-v-42b32af2]:hover{cursor:pointer}.p-tag[data-v-42b32af2]{background-color:#b00020}.nothingFound[data-v-42b32af2]{display:flex;justify-content:center;align-items:center;height:100px;flex-wrap:wrap}.sad-smiley[data-v-42b32af2]{font-size:5em;font-family:Segoe UI Light,sans-serif;margin-right:20px}.sad-text[data-v-42b32af2]{font-size:1.5em;font-weight:lighter;font-family:Segoe UI Light,sans-serif}.sad-recommandations-title[data-v-42b32af2]{font-size:1em;font-weight:lighter;font-family:Segoe UI Light,sans-serif}.sad-recommandations[data-v-42b32af2]{margin-top:10px}.sad-recommandations>[data-v-42b32af2]{margin:5px}@media screen and (min-width:476px){.sad-recommandations-title[data-v-42b32af2]{font-size:1.5em}.sad-smiley[data-v-42b32af2]{font-size:9em}}.home[data-v-9d256bf0]{padding:10px}