.browse-home{position:relative;padding-bottom:30px;background-color:#f9f9f9}.browse-home__smile{position:relative;overflow:hidden;padding-bottom:50px;margin-bottom:-56px;z-index:1;background-image:url(../img/home-background.af1d91c7.svg);background-repeat:no-repeat;background-size:cover;background-position:bottom}@media(hover:none),(max-width:425px)and (orientation:portrait),(max-width:812px)and (orientation:landscape){.browse-home__smile{padding-bottom:15px;margin-bottom:-16px}}.browse-home__segments{z-index:1;margin-top:16px}.slide-enter-active[data-v-b8f69048],.slide-leave-active[data-v-b8f69048]{transition:opacity .2s,margin .2s}.slide-enter[data-v-b8f69048],.slide-leave-to[data-v-b8f69048]{opacity:0;margin-top:-20px}.fade-enter-active[data-v-b8f69048],.fade-leave-active[data-v-b8f69048]{transition:opacity .2s}.fade-enter[data-v-b8f69048],.fade-leave-to[data-v-b8f69048]{opacity:0}.fade-in-image[data-v-b8f69048]{animation:fade-in-animation-b8f69048 1s linear;-webkit-animation:fade-in-animation-b8f69048 1s linear;-moz-animation:fade-in-animation-b8f69048 linear 1s;-o-animation:fade-in-animation-b8f69048 linear 1s;-ms-animation:fade-in-animation-b8f69048 linear 1s}@keyframes fade-in-animation-b8f69048{0%{opacity:0}to{opacity:1}}.playlist[data-v-b8f69048]{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;text-align:left;margin-bottom:16px}.playlist>h2[data-v-b8f69048]{padding-left:16px;font-size:1.25rem;margin-top:4px;color:#8d68fb}.playlist .container[data-v-b8f69048]{display:grid;grid-template-columns:repeat(2,115px);grid-gap:32px;margin:16px;margin-top:0}@media screen and (min-width:1500px){.playlist .container[data-v-b8f69048]{grid-template-columns:repeat(4,260px)}}@media screen and (min-width:1100px)and (max-width:1500px){.playlist .container[data-v-b8f69048]{grid-template-columns:repeat(3,260px)}}@media screen and (min-width:725px)and (max-width:1100px){.playlist .container[data-v-b8f69048]{grid-template-columns:repeat(2,260px)}}@media screen and (min-width:375px)and (max-width:725px){.playlist .container[data-v-b8f69048]{grid-template-columns:repeat(2,160px);grid-gap:24px}}@media screen and (max-width:375px){.playlist .container[data-v-b8f69048]{grid-gap:18px}}.playlist-group{display:flex;flex-direction:column;align-items:center;background-color:#fafafa}.playlist-group .cover{height:20vh;width:100%;max-height:350px;margin-bottom:3vh}@media screen and (max-width:1100px){.playlist-group .cover{height:200px;margin-bottom:0}}@media screen and (max-width:725px){.playlist-group .cover{height:175px}}.playlist-group .cover img{width:100%;height:20vh;-o-object-fit:cover;object-fit:cover}.playlist-group .content{display:flex;flex-direction:column;width:-webkit-min-content;width:-moz-min-content;width:min-content;margin:3vh auto 0}.playlist-group .content .logo{display:flex;flex-direction:row;align-items:flex-end;width:100%;margin-left:16px;margin-bottom:1rem}@media screen and (max-width:1100px){.playlist-group .content .logo{flex-direction:column;align-items:center;margin-left:0;padding:0 16px}}.playlist-group .content .logo>h2{font-size:1.8rem;margin-bottom:0;margin-left:1rem}@media screen and (max-width:1100px){.playlist-group .content .logo>h2{text-align:center;margin-top:1rem;margin-left:0}}.playlist-group .content .logo img{width:200px;height:146px;border-radius:16px;border:1px solid rgba(0,0,0,.3)}.playlist-group .content .info{display:inline-flex;flex-flow:row wrap;width:100%;margin-bottom:15px}.playlist-group .content .info>div{display:flex;flex-direction:column;padding:16px;min-width:300px;flex:1 1 50%}@media screen and (max-width:1100px){.playlist-group .content .info .left-info{padding-bottom:0}}.playlist-group .content .info .left-info>div{display:flex;flex-direction:row;align-items:center}.playlist-group .content .info .left-info p{margin-top:16px;font-size:1.2rem;line-height:2rem;font-weight:400}@media screen and (max-width:1100px){.playlist-group .content .info .right-info{padding-top:6px;flex-direction:column-reverse}}.playlist-group .content .info .right-info .advise{display:flex;align-items:center;border-radius:8px;padding:16px;background-color:#ffe9b0}.playlist-group .content .info .right-info .advise div:first-child{text-align:center;min-width:32px;height:32px;font-size:1.6rem;line-height:32px;border-radius:100%;background-color:#ff774c;color:#ffcd4c}.playlist-group .content .info .right-info .advise div:last-child{margin-left:14px;font-weight:700;font-size:1rem;line-height:16px}.playlist-group .content .info .right-info>.development-tags{margin-top:30px}@media screen and (max-width:1100px){.playlist-group .content .info .right-info>.development-tags{margin-top:0;margin-bottom:30px}}.playlist-group .content .episodes-header{padding-left:16px;font-size:1.6rem}.slide-enter-active[data-v-a463f76c],.slide-leave-active[data-v-a463f76c]{transition:opacity .2s,margin .2s}.slide-enter[data-v-a463f76c],.slide-leave-to[data-v-a463f76c]{opacity:0;margin-top:-20px}.fade-enter-active[data-v-a463f76c],.fade-leave-active[data-v-a463f76c]{transition:opacity .2s}.fade-enter[data-v-a463f76c],.fade-leave-to[data-v-a463f76c]{opacity:0}.fade-in-image[data-v-a463f76c]{animation:fade-in-animation-a463f76c 1s linear;-webkit-animation:fade-in-animation-a463f76c 1s linear;-moz-animation:fade-in-animation-a463f76c linear 1s;-o-animation:fade-in-animation-a463f76c linear 1s;-ms-animation:fade-in-animation-a463f76c linear 1s}@keyframes fade-in-animation-a463f76c{0%{opacity:0}to{opacity:1}}.segment[data-v-a463f76c]{width:100%;padding-bottom:40px}.segment>.title[data-v-a463f76c]{font-size:2rem;margin:0 0 20px 56px;color:#453d4d}.segment.smile-segment[data-v-a463f76c]{padding-top:20px}.segment.smile-segment>.title[data-v-a463f76c]{margin-bottom:-12px}.segment.smile-segment .scroll-container[data-v-a463f76c]{padding-top:32px;padding-bottom:32px}@media(hover:none),(max-width:425px)and (orientation:portrait),(max-width:812px)and (orientation:landscape){.segment[data-v-a463f76c]{padding-bottom:16px}.segment>.title[data-v-a463f76c]{margin:0 0 0 16px;font-size:16px}.segment.smile-segment[data-v-a463f76c]{padding-top:12px}.segment.smile-segment>.title[data-v-a463f76c]{margin:0 0 -24px 16px}}.slide-enter-active,.slide-leave-active{transition:opacity .2s,margin .2s}.slide-enter,.slide-leave-to{opacity:0;margin-top:-20px}.fade-enter-active,.fade-leave-active{transition:opacity .2s}.fade-enter,.fade-leave-to{opacity:0}.fade-in-image{animation:fade-in-animation 1s linear;-webkit-animation:fade-in-animation 1s linear;-moz-animation:fade-in-animation linear 1s;-o-animation:fade-in-animation linear 1s;-ms-animation:fade-in-animation linear 1s}@keyframes fade-in-animation{0%{opacity:0}to{opacity:1}}.scroller-button{-webkit-filter:drop-shadow(4px 4px 23px rgba(153,51,255,.5));filter:drop-shadow(4px 4px 23px rgba(153,51,255,.5))}.smile-segment .scroller-button{-webkit-filter:drop-shadow(4px 4px 23px #4cbfff);filter:drop-shadow(4px 4px 23px #4CBFFF)}