.TrackShareScreen{display:flex;align-items:center;flex-direction:column;padding-top:48px;position:relative;height:100vh}.TrackShareScreen:after{content:"";position:absolute;top:0;left:0;height:100%;width:100%;background:linear-gradient(to top, #444 1%, #000 17%, transparent 49%)}.TrackShareScreen__artwork{height:150px;width:150px;background-color:#ccc;border-radius:8px;margin-bottom:8px}.TrackShareScreen__artwork>img{border-radius:8px}.TrackShareScreen__meta{display:flex;flex-direction:column;align-items:center;text-align:center}.TrackShareScreen__trackName{font-size:22px}.TrackShareScreen__artistName{font-size:16px;color:#ccc}.TrackShareScreen .screenBackground{position:absolute;top:0;left:0;width:100%;height:100%;opacity:1;background-size:cover;background-position:center;filter:blur(50px);z-index:-1}
.PlaylistShareScreen{display:flex;align-items:center;padding-top:48px}.PlaylistShareScreen:after{content:"";position:absolute;top:0;left:0;height:100%;width:100%;background:linear-gradient(to top, #444 0%, #000 13%, transparent 57%)}.PlaylistShareScreen__header{display:flex;flex-direction:column;align-items:center;margin-bottom:16px}.PlaylistShareScreen__artwork{height:150px;width:150px;background-color:#ccc;border-radius:8px;display:flex;align-items:center;margin-bottom:8px}.PlaylistShareScreen__artwork>img{display:block}.PlaylistShareScreen__title{font-size:20px}.PlaylistShareScreen__trackList{position:relative}.PlaylistShareScreen__track{display:flex;flex-direction:row;padding:8px 32px}.PlaylistShareScreen__track__artwork{height:50px;width:50px;margin-right:16px}.PlaylistShareScreen__track__artistName{font-size:14px;color:#ccc}.PlaylistShareScreen__track__trackName{font-size:16px}
.ShareScreen{padding-top:70px}.ShareScreen .artistName,.ShareScreen .trackName{width:100%}.ShareScreen .artistName{font-weight:300}.ShareScreen__image{position:relative;align-items:center;margin-bottom:20px}.ShareScreen__image img{border-radius:8px;width:100%;box-shadow:0px 0px 8px rgba(0,0,0,.4)}.ShareScreen__meta{text-align:center}.ShareScreen .screenBackground{position:absolute;top:0;left:0;width:100%;height:100%;opacity:1;background-size:cover;background-position:center;filter:blur(50px)}.ShareScreen .shareLinks{display:flex;width:100%;flex-direction:column}.ShareScreen .shareLinks__listenOn{text-align:center;margin-bottom:10px}.ShareScreen .shareLinks__icons{display:flex;align-items:center;flex-direction:row;align-self:center}.ShareScreen .shareLink{height:50px;width:50px;margin:0 5px}.ShareScreen .shareLink:hover{text-decoration:none;color:#fff}.ShareScreen>div{display:flex;flex-direction:column}.ShareScreen .small{font-size:11px;font-weight:100;line-height:8px}
.artist{display:flex;justify-content:space-between;border-top:1px #292929 solid;border-bottom:1px #292929 solid;padding:4px;margin-bottom:1rem}.artist:hover{background-color:#101010}.artist__link{display:block}.artist__artwork{margin-right:1rem;width:40%}.artist__artwork img{border-radius:8px}.artist__meta{margin-top:8px}.artist__name{font-size:1.25rem;font-weight:100;color:#f3f3f3}.artist__actions .shareLink{display:block;margin-top:10px}.artist__actions .button--reset{margin-top:12px;margin-right:20px}
.trackItem{display:flex;justify-content:flex-start;margin-bottom:15px}.trackItem__link{display:block}.trackItem__artwork{margin-right:5%;width:38%}.trackItem__artwork img{border-radius:8px;display:block}.trackItem__meta{margin-top:.5rem;margin-right:5%;width:50%}.trackItem__artist{font-size:12px;font-weight:100}.trackItem__name{color:#f3f3f3 !important;font-size:1.125rem;font-weight:100;line-height:1.25rem;margin-bottom:.25rem}.trackItem__actions .shareLink{display:block;margin-top:10px}.trackItem__actions .shareLink svg{margin-right:10px}.trackItem__actions .button--reset{margin-top:12px;margin-right:20px}
.searchResults{padding-top:20px;padding-bottom:40px}
.SplashScreen{display:flex;justify-content:center;align-items:center;text-align:center;height:100%}.SplashScreen .trkdwnLogo{width:100%}.SplashScreen .trkdwnLogo img{width:auto}.SplashScreen .copy{font-weight:100;margin-top:-15px;margin-bottom:20px}.SplashScreen .callToAction{display:flex;justify-content:center}
*{box-sizing:border-box;padding:0;margin:0}body,html{height:100%}body{background-color:#2f2f2f;font:normal normal 400 16px "Open Sans",Helvetica,sans-serif;color:#f3f3f3}body>div{height:100%}.mainHeader{padding-top:10px;padding-bottom:15px;position:relative;z-index:2}.mainHeader .topNav{display:flex;justify-content:space-between;align-items:center;height:60px}.mainHeader .logo{background:url(/trkdwn_com_logo_no_text..png);height:46px;width:50px;margin-right:15px;background-position:0;background-repeat:no-repeat;background-size:100%;overflow:hidden;text-indent:-10000px;filter:drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.4))}.mainHeader svg{height:32px !important;width:32px !important;filter:drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.4))}.mainHeader button{padding:0}.mainHeader button svg{height:24px !important;width:24px !important}.mainFooter{position:fixed;bottom:20px;font-weight:100;font-size:12px;left:0;right:0;text-align:center;z-index:10}.mainFooter span{margin:0 2px}img{width:100%}li{list-style:none}a:link,a:visited{color:#fff;text-decoration:none}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1;padding-bottom:10px}h1 small,h2 small,h3 small,h4 small,h5 small,h6 small{font-weight:300}h1{font-size:32px}h2{font-size:24px}h3{font-size:18px}fieldset{position:relative;border-radius:2px;border:0;padding:.5rem 0;width:100%}input[type=text]{color:#f8f8f8;font-family:"Open Sans";font-size:1.5rem;font-weight:600;letter-spacing:.005rem;text-transform:uppercase;background-color:#404040;border-radius:2px;border:0;padding:.5rem;padding-left:4.0125rem;height:3.8125rem;width:100%}::-webkit-input-placeholder{color:#a5a5a5;font-family:"Open Sans";text-transform:uppercase}.app{margin:0 auto;height:100%}button,.button{font-family:"Open Sans";font-size:1rem;font-weight:600;border:0;padding:10px 30px;border-radius:40px;display:flex;align-items:center}button svg,.button svg{width:1.25rem;margin-right:5px}button:hover,.button:hover{transition:background-color 1s ease}.button--primary{text-transform:uppercase;color:#f3f3f3;background-color:#2daed0}.button--primary:hover{background-color:#0cf}.button--reset{color:#f3f3f3;border:0;background-color:rgba(0,0,0,0)}.container{margin:0 auto;max-width:480px;display:flex;flex-direction:column}.container>.row{flex-direction:column}.row{display:flex;flex-direction:row;justify-content:space-between;width:100%;flex-wrap:wrap}.column-centered{align-self:center}.column{padding-right:15px;padding-left:15px}.column-1{width:8.333%}.column-2{width:16.667%}.column-3{width:25%}.column-4{width:33.333%}.column-5{width:41.667%}.column-6{width:50%}.column-7{width:58.333%}.column-8{width:66.667%}.column-9{width:75%}.column-10{width:83.333}.column-11{width:91.667%}.column-12{width:100%}.loading{width:33%;position:fixed;top:25%;right:0;left:0;margin:0 auto;transform:translateY(-50%)}