@font-face{font-family:Circular-Std-Black;src:url("/fonts/Circular-Std-Black.otf");src:url("/fonts/CircularStd-Black.woff") format("woff")}@font-face{font-family:Circular-Std-Black-Italic;src:url("/fonts/Circular-Std-BlackItalic.otf");src:url("/fonts/CircularStd-BlackItalic.woff") format("woff")}@font-face{font-family:Circular-Std-Bold;src:url("/fonts/Circular-Std-Bold.otf");src:url("/fonts/CircularStd-Bold.woff") format("woff")}@font-face{font-family:Circular-Std-Bold-Italic;src:url("/fonts/Circular-Std-BoldItalic.otf");src:url("/fonts/CircularStd-BoldItalic.woff") format("woff")}@font-face{font-family:Circular-Std-Book;src:url("/fonts/Circular-Std-Book.otf");src:url("/fonts/CircularStd-Book.woff") format("woff")}@font-face{font-family:Circular-Std-Book-Italic;src:url("/fonts/Circular-Std-BookItalic.otf");src:url("/fonts/CircularStd-BookItalic.woff") format("woff")}@font-face{font-family:Circular-Std-Medium;src:url("/fonts/Circular-Std-Medium.otf");src:url("/fonts/CircularStd-Medium.woff") format("woff")}@font-face{font-family:Circular-Std-Medium-Italic;src:url("/fonts/Circular-Std-MediumItalic.otf");src:url("/fonts/CircularStd-MediumItalic.woff") format("woff")}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}body{font-family:Helvetica}.action-bottom{position:fixed;bottom:0;left:0;width:100%;height:70px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:5px 0;z-index:9999;background:#fff}.action-bottom:before{content:"";position:absolute;left:0;height:3px;width:100%;background:#a44eb2;background:-webkit-gradient(linear,left top,left bottom,from(#5046ad),to(#a44eb2));background:linear-gradient(180deg,#5046ad 0,#a44eb2);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#5046AD,endColorstr=#A44EB2)}.action-bottom .go-to-playlist,.action-bottom .select-genres{height:44px}.action-bottom footer .social-link{display:none}.find-nav-wrap{padding:0 15px}nav{margin-bottom:17px}nav ul{position:relative}nav ul li.step-back{display:none;position:absolute;top:calc(50% - 7px);left:0;height:14px}nav ul li.step-back a{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}nav ul li.reset{display:none;position:absolute;right:0;top:calc(50% - 10px)}nav ul li.reset a{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}nav ul li p{font-size:11px!important;margin-top:5px;color:#3c3c3c;font-family:Circular-Std-Book!important}nav ul li.go-to-info{position:absolute;top:17px;left:0;display:none}nav ul li.go-to-info a{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#dee0e5}nav ul li.go-to-info a img{width:auto;height:18px;margin-bottom:13px}nav ul li.go-to-overview{position:absolute;top:20px;right:0;display:none}nav ul li.go-to-overview a{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#dee0e5}nav ul li.go-to-overview a img{width:15px;height:15px;margin-bottom:13px}nav ul li.go-to-overview a p{font-size:11px!important;margin-top:5px;color:hsla(0,0%,100%,.7);font-family:Circular-Std-Book!important}nav ul li.logo-header a{width:150px;margin:0 auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}nav ul li.logo-header a .logo{width:150px}@media (min-width:1025px){.find-nav-wrap{padding:0}nav ul li.go-to-info{left:0}nav ul li.go-to-overview{right:0}}button{cursor:pointer;font-family:Circular-Std-Black;font-size:11px!important;letter-spacing:1px}.btn-main{color:#5b5b5b;padding:15px 10px;border:none;border-radius:100px;background:#383838;outline:none;min-width:195px;width:100%;position:relative;text-transform:uppercase;font-size:12px;height:44px}.btn-main.filled{background:#a44eb2;background:-webkit-gradient(linear,left top,right top,from(#5046ad),to(#a44eb2));background:linear-gradient(90deg,#5046ad 0,#a44eb2);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#5046AD,endColorstr=#A44EB2);border:none}.btn-main.finish-tutorial,.btn-main.go-to-howto,.btn-main.next-info-step,.btn-main.refine-subgenres,.btn-main.skip-tutorial{background:#2e2333}.btn-main.branded,.btn-main.refine-subgenres{border-radius:0!important;text-indent:-999px;font-size:0;background-color:transparent;background-size:contain;background-repeat:no-repeat;background-position:50%;width:172px;min-width:172px;border:none;overflow:hidden}.btn-main.branded.itunes,.btn-main.refine-subgenres.itunes{background-image:url(/images/applemusic@2x.png)}.btn-main.branded.spotify,.btn-main.refine-subgenres.spotify{background-image:url(/images/spotify@2x.png)}.btn-main.branded.deezer,.btn-main.refine-subgenres.deezer{background-image:url(/images/deezer@2x.png)}.btn-main.branded.soundcloud,.btn-main.refine-subgenres.soundcloud{background-image:url(/images/soundcloud@2x.png)}.btn-main.refine-subgenres{color:#fff;margin-left:auto;margin-right:auto;text-indent:0;margin-top:15px;letter-spacing:1px}.btn-main.refine-subgenres:before{content:"";display:inline-block;width:6px;height:13px;background-repeat:no-repeat;background-position:bottom;margin-right:7px;background-image:url(/images/back.svg)}a.btn-main{margin:20px auto 0;width:195px;text-decoration:none;text-align:center;color:#fff;border:none;-webkit-box-sizing:border-box;box-sizing:border-box;height:47px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-family:Circular-Std-Black;font-size:11px!important}.btn-gradient{width:195px;background:#a44eb2;background:-webkit-gradient(linear,left top,right top,from(#5046ad),to(#a44eb2));background:linear-gradient(90deg,#5046ad 0,#a44eb2);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#5046AD,endColorstr=#A44EB2);margin:15px auto;padding:1px;border-radius:100px}.btn-gradient .btn-main{color:#fff}.btn-not-clickable{margin:15px auto}.btn-not-clickable .btn-main{background-color:transparent;border:1px solid #5b5b5b}.content-block{background:#383838;background:-webkit-gradient(left top,right bottom,color-stop(0,#5b5b5b),color-stop(100%,#383838));background:linear-gradient(135deg,#5b5b5b,#383838);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#5B5B5B,endColorstr=#383838);padding:20px;min-height:calc(100vh - 184px)}section a{text-decoration:none}.logo{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.logo img{width:40px;height:40px;margin-bottom:8px}.logo .logo-wordmark{font-family:Circular-Std-Bold;font-size:16px;color:#fff;letter-spacing:.7px}.social-link img{width:22px;height:auto;margin-bottom:20px}#landing-page{max-width:1200px;margin:0 auto}#app{background-color:#fff;overflow-x:hidden}#app:before{content:"";background:#a44eb2;background:-webkit-gradient(left top,right bottom,color-stop(0,#5046ad),color-stop(100%,#a44eb2));background:linear-gradient(135deg,#5046ad,#a44eb2);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#5046AD,endColorstr=#A44EB2);height:3px;width:100vw;position:absolute}#app .info{font-family:Circular-Std-Book;font-size:14px;line-height:22px}#app .banner img{width:100%;height:auto;-o-object-fit:cover;object-fit:cover;max-height:250px}#app .logo img{width:25px;height:25px}#app .logo .logo-wordmark{font-family:Circular-Std-Bold;letter-spacing:.7px;font-size:13px;text-decoration:none;display:inline-block;color:#5823ea;background:#a44eb2;background:-webkit-gradient(left top,right bottom,color-stop(0,#5046ad),color-stop(100%,#a44eb2));background:linear-gradient(135deg,#5046ad,#a44eb2);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#5046AD,endColorstr=#A44EB2);-webkit-background-clip:text;-webkit-text-fill-color:transparent}#app #startscreen{padding:20px;min-height:calc(100vh - 40px);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;color:#fff;max-width:1000px;margin:0 auto}#app #startscreen .btn-gradient{margin:10px auto}#app #startscreen a{text-decoration:none}#app #startscreen .logo{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}#app #startscreen .logo img{width:67px;height:67px;margin-bottom:14px}#app #startscreen .logo .logo-wordmark{font-family:Circular-Std-Bold;letter-spacing:.7px;font-size:20px;text-decoration:none;display:inline-block;color:#5823ea;background:#a44eb2;background:-webkit-gradient(left top,right bottom,color-stop(0,#5046ad),color-stop(100%,#a44eb2));background:linear-gradient(135deg,#5046ad,#a44eb2);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#5046AD,endColorstr=#A44EB2);-webkit-background-clip:text;-webkit-text-fill-color:transparent}#app #startscreen .intro{margin-top:50px}#app #startscreen .intro h2{text-align:center;font-family:Circular-Std-Book;font-size:13px;line-height:24px;max-width:270px;margin:0 auto 30px;color:#3c3c3c}#app #startscreen .intro p{text-align:center;max-width:500px;margin:0 auto}#app #startscreen a{text-align:center;color:#fff}#app #startscreen footer{color:#b1b1b1;-ms-flex-item-align:center;align-self:center;text-align:center;margin-top:50px;width:300px;left:calc(50% - 150px)}#app #startscreen footer p{margin-bottom:8px;font-family:Circular-Std-Medium;font-size:10px}#app #startscreen footer .social-block{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-bottom:20px}#app #startscreen footer .social-block a{padding:0 18px;height:18px;position:relative}#app #startscreen footer .social-block a:before{content:"";position:absolute;width:1px;height:12px;right:0;background:#818181;top:3px;opacity:.5}#app #startscreen footer .social-block a:last-child:before{display:none}#app #startscreen footer .social-block img{width:18px;height:18px}#app #startscreen footer a{color:#b1b1b1;text-decoration:underline}#app #choice-screen-genre{padding:20px;min-height:calc(100vh - 40px);color:#fff;max-width:1000px;margin:0 auto;display:none}#app #choice-screen-genre .reset,#app #choice-screen-genre .step-back{display:block}#app #choice-screen-genre .step-one-block{position:relative;text-align:center;padding-top:12px}#app #choice-screen-genre .step-one-block .step{font-family:Circular-Std-Bold;font-size:14px;line-height:20px;margin-bottom:5px;color:#3c3c3c}#app #choice-screen-genre .step-one-block .info{font-family:Circular-Std-Medium;font-size:14px;line-height:20px;color:#3c3c3c}#app #choice-screen-genre .step-one-block .main-count,#app #choice-screen-genre .step-one-block .main-counts{margin-top:15px;font-family:Circular-Std-Book;color:#3c3c3c}#app #choice-screen-genre .step-one-block .main-count span,#app #choice-screen-genre .step-one-block .main-counts span{font-family:Circular-Std-Bold;font-size:18px}#app #choice-screen-genre .step-one-block .main-count{display:none}#app #choice-screen-genre .step-one-block:before{content:"";position:absolute;left:-20px;top:0;height:3px;width:calc(100% + 40px);background:#a44eb2;background:-webkit-gradient(linear,left top,left bottom,from(#5046ad),to(#a44eb2));background:linear-gradient(180deg,#5046ad 0,#a44eb2);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#5046AD,endColorstr=#A44EB2);opacity:.2}#app #choice-screen-genre .first-step-choices{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-top:25px;font-size:12px;margin-bottom:80px;position:relative}#app #choice-screen-genre .first-step-choices:after{background:rgba(0,0,0,.08);content:"";position:absolute;height:100%;width:100%;display:block;left:0;top:0;z-index:-1}#app #choice-screen-genre .first-step-choices .first-step-choice{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer;-webkit-box-sizing:border-box;box-sizing:border-box;width:calc(33.3% - 3px);height:60px;background-color:rgba(60,60,60,.4);border-radius:3px;margin-right:3px;margin-bottom:3px;text-align:center;font-family:Circular-Std-Medium;padding:6px 12px;position:relative;border:0 solid hsla(0,0%,100%,0);-webkit-transition:border-radius .1s,border .1s;transition:border-radius .1s,border .1s}#app #choice-screen-genre .first-step-choices .first-step-choice.selected{border:8px solid #fff;border-radius:11px;padding:6px}#app #choice-screen-genre .first-step-choices .first-step-choice:nth-child(3n+3){margin-right:0}#app #choice-screen-genre form{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}#app #choice-screen-genre-subgenre{padding:20px 5px;min-height:calc(100vh - 40px);color:#fff;max-width:1000px;margin:0 auto;text-align:center}#app #choice-screen-genre-subgenre .reset,#app #choice-screen-genre-subgenre .step-back{display:block}#app #choice-screen-genre-subgenre .remove-genre{cursor:pointer}#app #choice-screen-genre-subgenre .step{font-family:Circular-Std-Bold;font-size:14px;line-height:20px;margin-bottom:5px;color:#3c3c3c}#app #choice-screen-genre-subgenre .info{font-family:Circular-Std-Medium;font-size:14px;line-height:20px;color:#3c3c3c}#app #choice-screen-genre-subgenre .loader{position:fixed;width:100vw;height:100vh;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;left:calc(50% - 20px);display:none;z-index:99999;top:0}#app #choice-screen-genre-subgenre .loader:before{content:"";position:fixed;background:rgba(42,42,42,.8);width:100vw;height:100vh;top:0;left:0;z-index:-1}#app #choice-screen-genre-subgenre .loader .line{display:block;height:5px;width:100%;background:#a44eb2;background:-webkit-gradient(left top,right bottom,color-stop(0,#5046ad),color-stop(100%,#a44eb2));background:linear-gradient(135deg,#5046ad,#a44eb2);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#5046AD,endColorstr=#A44EB2);margin-bottom:5px}#app #choice-screen-genre-subgenre .loader .line.one,#app #choice-screen-genre-subgenre .loader .line.three{width:38px}#app #choice-screen-genre-subgenre .loader .line.two{width:45px}#app #choice-screen-genre-subgenre .loader .line.five,#app #choice-screen-genre-subgenre .loader .line.four{width:20px}#app #choice-screen-genre-subgenre .loader .line.one{-webkit-animation:loading .5s ease-in-out infinite;animation:loading .5s ease-in-out infinite}#app #choice-screen-genre-subgenre .loader .line.two{-webkit-animation:loading-2 .5s ease-in-out infinite .1s;animation:loading-2 .5s ease-in-out infinite .1s}#app #choice-screen-genre-subgenre .loader .line.three{-webkit-animation:loading .5s ease-in-out infinite .2s;animation:loading .5s ease-in-out infinite .2s}#app #choice-screen-genre-subgenre .step-two-block{position:relative;padding-top:12px}#app #choice-screen-genre-subgenre .step-two-block:before{content:"";position:absolute;left:-20px;top:0;height:3px;width:calc(100% + 40px);background:#a44eb2;background:-webkit-gradient(linear,left top,left bottom,from(#5046ad),to(#a44eb2));background:linear-gradient(180deg,#5046ad 0,#a44eb2);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#5046AD,endColorstr=#A44EB2);opacity:.2}#app #choice-screen-genre-subgenre .genres{margin-top:25px;margin-bottom:80px;position:relative}#app #choice-screen-genre-subgenre .genres .genre{display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:2px;height:90px;min-height:90px}#app #choice-screen-genre-subgenre .genres .genre .level-1{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;background:#000;min-height:90px;text-align:center;font-size:12px;font-family:Circular-Std-Bold;-ms-touch-action:manipulation;touch-action:manipulation;padding:0 5px;min-width:75px;border-radius:3px;color:#fff;position:relative;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}#app #choice-screen-genre-subgenre .genres .genre .level-1 .top-bar{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;width:100%;padding:10px 15px 0;-webkit-box-sizing:border-box;box-sizing:border-box}#app #choice-screen-genre-subgenre .genres .genre .level-1 .top-bar img{width:12px;height:11px}#app #choice-screen-genre-subgenre .genres .genre .level-1.ui-resizable-resizing .ui-resizable-s:after{content:"";background:url("/images/horizontal-resize-active.png");background-size:cover;width:56px;height:56px;display:block;top:-18px;position:absolute;left:calc(50% - 28px);z-index:99999;-webkit-transform:rotate(90deg) scale(.7);-khtml-transform:rotate(90deg) scale(.7);transform:rotate(90deg) scale(.7)}#app #choice-screen-genre-subgenre .genres .genre .level-1 .ui-resizable-s{cursor:ns-resize;height:20px;bottom:-11px}#app #choice-screen-genre-subgenre .genres .genre .level-1 .ui-resizable-s:before{content:"";background:url("/images/vertical-resize.png");width:12px;height:10px;display:block;position:absolute;left:calc(50% - 6px);top:5px}#app #choice-screen-genre-subgenre .genres .genre ul{width:100%;max-width:100%;overflow:hidden;padding-bottom:10px;padding-top:10px}#app #choice-screen-genre-subgenre .genres .genre ul :last-child{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}#app #choice-screen-genre-subgenre .genres .genre ul li{margin-right:2px;border-radius:3px;font-size:11px;font-family:Circular-Std-Book;word-break:break-all;min-width:10%;width:100%}#app #choice-screen-genre-subgenre .genres .genre ul li.fix-element{-ms-flex-negative:0;flex-shrink:0;-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0}#app #choice-screen-genre-subgenre .genres .genre ul li:last-child{margin-right:0}#app #choice-screen-genre-subgenre .genres .genre ul li .ui-resizable{height:40px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-align:center}#app #choice-screen-genre-subgenre .genres .genre ul li .ui-resizable p{padding:0 5px}#app #choice-screen-genre-subgenre .genres .genre ul li .ui-resizable .ui-resizable-e{cursor:ew-resize;width:36px;right:-20px}#app #choice-screen-genre-subgenre .genres .genre ul li .ui-resizable .ui-resizable-e:before{content:"";background:url("/images/horizontal-resize.png");width:8px;height:12px;display:block;top:calc(50% - 6px);position:absolute;left:13px}#app #choice-screen-genre-subgenre .genres .genre ul li .ui-resizable .ui-resizable-e:after{content:""}#app #choice-screen-genre-subgenre .genres .genre ul li .ui-resizable.ui-resizable-resizing .ui-resizable-e:after{content:"";background:url("/images/horizontal-resize-active.png");background-size:cover;width:56px;height:56px;display:block;top:calc(50% - 28px);position:absolute;left:-11px;z-index:99999}#app #choice-screen-genre-subgenre .genres .genre ul :last-child .ui-resizable .ui-resizable-e:before{display:none}#app #choice-screen-genre-subgenre .genres :last-child .ui-resizable .ui-resizable-s:before{content:"";background:url("/images/vertical-resize.png");width:12px;height:2px;display:block;position:absolute;left:calc(50% - 6px);top:5px}#app #playlist-result-screen{padding:20px;min-height:calc(100vh - 40px);color:#fff;display:none;max-width:1000px;margin:0 auto}#app #playlist-result-screen .step-back{display:block}#app #playlist-result-screen .playlist-link img{width:82px;height:40px}#app #playlist-result-screen .result-wrap{min-height:calc(100vh - 85px - 80px - 100px);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:relative;margin-bottom:65px}#app #playlist-result-screen .result-wrap:before{content:"";position:absolute;left:-20px;top:0;height:3px;width:calc(100% + 40px);background:#a44eb2;background:-webkit-gradient(linear,left top,left bottom,from(#5046ad),to(#a44eb2));background:linear-gradient(180deg,#5046ad 0,#a44eb2);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#5046AD,endColorstr=#A44EB2);opacity:.2}#app #playlist-result-screen .result-wrap .text{text-align:center;font-family:Circular-Std-Medium;font-size:16px;line-height:23px;color:#3c3c3c;margin:20px auto;max-width:500px}#app #playlist-result-screen .result-wrap .play-options>div{padding:15px 0 15px 10px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:calc(100% + 40px);margin:0 auto;left:-20px;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}#app #playlist-result-screen .result-wrap .play-options>div.odd{background-color:#f4f4f4}#app #playlist-result-screen .result-wrap .play-options>div p{font-family:Circular-Std-Medium;font-size:16px;color:#3c3c3c;margin-bottom:15px;margin-right:10px;position:relative;padding-left:30px;line-height:20px;white-space:nowrap;word-wrap:break-word;text-overflow:ellipsis;overflow:hidden}#app #playlist-result-screen .result-wrap .play-options>div p:before{content:"";background:url("/images/ico-music-note.png");width:16px;height:16px;display:block;position:absolute;left:5px}#app #playlist-result-screen .result-wrap .play-options>div p+a{margin-right:20px}#app #playlist-result-screen .btn-gradient{margin:10px auto}#app #playlist-result-screen footer{color:hsla(0,0%,100%,.4);-ms-flex-item-align:center;align-self:center;text-align:center;margin-top:10px}#app #playlist-result-screen footer p{margin-bottom:8px;font-family:Circular-Std-Medium;font-size:10px;color:#b1b1b1}#app #playlist-result-screen footer a{text-decoration:underline;color:#b1b1b1}#app #info-screen{padding:20px;min-height:calc(100vh - 40px);color:#fff;max-width:1000px;margin:0 auto}#app #info-screen .info-text{text-align:center;max-width:300px;margin:auto;font-family:Circular-Std-Bold;font-size:14px;line-height:22px}#app #info-screen .tutorial-step{margin:20px auto 60px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;max-width:100%}@media (min-width:768px){#app #startscreen footer{bottom:20px}#app #info-screen .tutorial-step{max-width:500px}}@media (min-width:1025px){#app #startscreen .intro h2{max-width:350px}#app #startscreen .ctas{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}#app #startscreen .ctas .btn-gradient{margin:0}#app #startscreen .ctas :first-child{margin-right:10px}#app #choice-screen-genre .step-one-block:before{left:-50vw;width:150vw}#app #choice-screen-genre .first-step-choices{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}#app #choice-screen-genre .first-step-choices .first-step-choice{width:calc(20% - 3px)}#app #choice-screen-genre .first-step-choices .first-step-choice:nth-child(3n+3){margin-right:3px}#app #choice-screen-genre-subgenre .step-two-block:before,#app #playlist-result-screen .result-wrap:before{left:-50vw;width:150vw}#app #playlist-result-screen .result-wrap .play-options>div{max-width:400px;left:0}}@keyframes loading{0%{width:38px}50%{width:30px}to{width:38px}}@-webkit-keyframes loading{0%{width:38px}50%{width:30px}to{width:38px}}@keyframes loading-2{0%{width:45px}50%{width:37px}to{width:45px}}@-webkit-keyframes loading-2{0%{width:45px}50%{width:37px}to{width:45px}}@-webkit-keyframes slide-in{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slide-in{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@media (-ms-high-contrast:active),(-ms-high-contrast:none){#app #startscreen .logo-wordmark,#app .logo-wordmark{color:#383838!important;background:transparent!important}}