body{margin:0;font-family:Arial;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f1e3ce;z-index:1;min-height:100%}body:after{content:"";background:url(/static/media/black-grain.ad488d0d.png) 50%;opacity:.15;bottom:0;right:0;z-index:-1;position:fixed;top:0;left:0;width:100%}body,body:after,html{padding:0;margin:0;height:100%}body,html{width:100vw}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.app-content-wrapper,.background,.root{height:100%}.list-error-msg{position:relative;top:20%;margin:0 auto;text-align:center;background:#9a392a;color:#f1e3ce;width:50%;padding:10px 0;border-radius:4px;z-index:2}.header{background-color:#2c201e;height:58px;display:flex;justify-content:space-between;border-bottom:2px solid #2c201e;background:url(/static/media/brown-grain.b6118835.png)}.header__logos{display:flex;margin-left:50px}@media only screen and (max-width:414px){.header__logos{margin-left:20px}}.header__logos .company-logo{margin-left:20px}.header__logos .verzuz-logo{margin-right:10px}.header__logos__logo{height:34px;position:relative;top:12px}.header__logos__text{font-size:12px;font-weight:700;color:#f1e3ce;letter-spacing:.5px;position:relative;top:22px;text-decoration:none}@media only screen and (max-width:414px){.header__logos__text{font-size:10px;top:24px}}.header__logos__text.about{margin-left:20px}.header__cta{display:flex;margin-right:50px}@media only screen and (max-width:414px){.header__cta{margin-right:20px}}.header__cta__search{height:34px;position:relative;top:6px;margin-right:10px;cursor:pointer}.header__cta__text{font-size:12px;font-weight:700;color:#f1e3ce;letter-spacing:.5px;position:relative;top:22px;cursor:pointer;text-decoration:none}@media only screen and (max-width:414px){.header__cta__text{font-size:10px;top:24px}}.search-modal{width:100%;height:100%;z-index:4;opacity:.85;background-color:#2c201e;position:fixed;padding:0;margin:0;top:0;left:0}.search-modal__contents{width:683px;text-align:center;top:20%;position:absolute;z-index:10;color:#f1e3ce;margin:0 auto;left:0;right:0}@media only screen and (max-width:720px){.search-modal__contents{width:100%}}.search-modal__header{font-size:30px;font-weight:700;letter-spacing:2.6px;text-transform:uppercase;margin-bottom:0}.search-modal__input{background:none;width:100%;outline:none;border:none;border-bottom:2px solid #f1e3ce;margin-top:20px;height:50px;text-align:center;color:#f1e3ce;font-weight:700;font-size:24px;border-radius:0}@media only screen and (max-width:720px){.search-modal__input{width:80%}}.search-modal__contents ::-webkit-input-placeholder{color:#f1e3ce;opacity:.45;font-size:24px;font-weight:700;position:relative;text-align:center}.search-modal__contents ::-ms-input-placeholder{color:#f1e3ce;opacity:.45;font-size:24px;font-weight:700;position:relative;text-align:center}.search-modal__contents ::placeholder{color:#f1e3ce;opacity:.45;font-size:24px;font-weight:700;position:relative;text-align:center}.search-modal__contents :-ms-input-placeholder{color:#f1e3ce;opacity:.45;font-size:24px;font-weight:700;position:relative;text-align:center}.search-modal__contents ms-input-placeholder{color:#f1e3ce;opacity:.45;font-size:24px;font-weight:700;position:relative;text-align:center}.search-modal__msg{font-size:12px;color:#f1e3ce;font-weight:700;position:relative;top:5px}.search-modal__clear{position:relative;cursor:pointer;float:right;bottom:30px}@media only screen and (max-width:414px){.search-modal__clear{display:none!important}}.search-modal__close{height:25px;position:absolute;left:0;bottom:130px;cursor:pointer}@media only screen and (max-width:720px){.search-modal__close{left:10%}}.footer{background:url(/static/media/brown-grain.b6118835.png);height:64px;display:flex;justify-content:space-between;position:fixed;width:100%;bottom:0;background-color:#2c201e;border-top:2px solid #2c201e;z-index:3}.footer__link{text-decoration:none}.footer__text{font-size:12px;font-weight:700;color:#f1e3ce;letter-spacing:.5px;position:relative;top:12px;text-transform:uppercase}@media only screen and (max-width:375px){.footer__text{font-size:10px}}.footer__contact{font-size:12px;font-weight:700;color:#f1e3ce;letter-spacing:.5px;position:relative;text-decoration:none;text-transform:uppercase;position:absolute;left:250px;top:24px}@media only screen and (max-width:700px){.footer__contact{position:static}}@media only screen and (max-width:375px){.footer__contact{font-size:10px}}.footer .left{left:50px;position:relative}@media only screen and (max-width:414px){.footer .left{left:20px}}.footer .right{right:50px;position:relative}@media only screen and (max-width:414px){.footer .right{right:20px}}.battle-page{height:90vh;position:relative}.battle-page__share-wrapper{position:absolute;top:5px;left:50%;cursor:pointer;z-index:100;text-align:left;z-index:1;margin-left:7.5%}@media only screen and (max-width:832px){.battle-page__share-wrapper{left:15vw;top:85px;margin-left:0}}.battle-page__share{text-transform:uppercase;font-size:10px;font-weight:700;position:absolute;right:2px;text-align:left;top:11px}.battle-page__share:hover{text-decoration:underline}@media only screen and (max-width:320px){.battle-page__share{display:none}}.battle-page__share-image{height:20px;position:absolute;right:29px}@media only screen and (max-width:320px){.battle-page__share-image{top:15px}}.battle-page__no-matchups{text-align:center;margin:40px auto 0;background:#f1e3ce;width:80%;border:2px solid #2c201e;border-radius:4px;z-index:1;position:relative;text-transform:uppercase}.battle-page__playlist{top:370px;position:absolute;width:320px;margin:0 auto;height:220px;right:0;left:0;border-radius:4px;overflow:hidden}.battle-page__response-message{justify-content:space-between;left:0;right:0;margin-left:auto;margin-right:auto;position:absolute;text-align:center;z-index:20;top:10px;border-radius:4px;padding:0;height:40px;transition:visibility 0s,opacity .3s ease-in;box-shadow:0 2px 4px 0 rgba(0,0,0,.5)}@media only screen and (max-width:832px){.battle-page__response-message{width:85%}}.battle-page__response-message__text{padding:0;margin:0;position:relative;top:12px;color:#f1e3ce;left:15px}.battle-page__response-message__exit{position:absolute;right:11px;height:12px;cursor:pointer;bottom:13px;color:#f1e3ce}.battle-page .success{background:#c77d4a;width:30%}@media only screen and (max-width:832px){.battle-page .success{width:85%}}.battle-page .failure{background:#9a392a;width:340px}@media only screen and (max-width:320px){.battle-page .failure{width:300px;font-size:12px}}.battle-page__wrapper{position:relative}.battle-page__wrapper__two:before{content:"";background-color:#000;position:absolute;display:block;width:2px;height:90vh}@media only screen and (max-width:832px){.battle-page__wrapper__two:before{display:none}}.battle-page__wrapper__one{width:50%;display:inline-block;height:100%;position:relative}@media only screen and (max-width:832px){.battle-page__wrapper__one{display:none}}.battle-page__wrapper__two{width:50%;display:inline-block;float:right;height:100%;position:relative}@media only screen and (max-width:832px){.battle-page__wrapper__two{width:100%}}.battle-page__artist__header{display:flex;position:relative;margin-bottom:120px}@media only screen and (max-width:832px){.battle-page__artist__header{margin-top:10px}}@media only screen and (max-width:414px){.battle-page__artist__header{margin-bottom:130px}}@media only screen and (max-width:360px){.battle-page__artist__header{margin-bottom:120px}}.battle-page__artist__header__wrapper__1,.battle-page__artist__header__wrapper__2{display:flex;justify-content:center;position:absolute}@media only screen and (max-width:832px){.battle-page__artist__header__wrapper__1,.battle-page__artist__header__wrapper__2{margin-top:20px}}@media only screen and (max-width:832px){.battle-page__artist__header__wrapper__1.graphic,.battle-page__artist__header__wrapper__2.graphic{margin-top:0;width:140px}}@media only screen and (max-width:667px){.battle-page__artist__header__wrapper__1.graphic,.battle-page__artist__header__wrapper__2.graphic{margin-top:0;width:17.6vw}}.battle-page__artist__header__wrapper__1{right:50%;margin-right:25px}@media only screen and (max-width:832px){.battle-page__artist__header__wrapper__1{margin-right:35px}}@media only screen and (max-width:832px){.battle-page__artist__header__wrapper__1.graphic{margin-right:3.4vw}}.battle-page__artist__header__wrapper__2{margin-left:25px}@media only screen and (max-width:832px){.battle-page__artist__header__wrapper__2{margin-left:35px}}@media only screen and (max-width:832px){.battle-page__artist__header__wrapper__2.graphic{margin-left:3.4vw}}.battle-page__artist__header__1,.battle-page__artist__header__2{width:50%;display:inline}.battle-page__artist__header__1:after{content:"";background-color:#000;position:absolute;width:2px;display:block;right:50%;z-index:1;top:0;height:540px}@media only screen and (max-width:832px){.battle-page__artist__header__1:after{height:550px;top:-10px}}@media (max-height:667px) and (min-width:375px){.battle-page__artist__header__1:after{height:490px}}@media (max-height:640px) and (min-width:360px){.battle-page__artist__header__1:after{height:450px}}@media (max-height:568px) and (min-width:320px){.battle-page__artist__header__1:after{height:385px}}.battle-page__artist__header__1.graphic:after{height:640px;width:1px}@media only screen and (max-width:832px){.battle-page__artist__header__1.graphic:after{top:0}}@media only screen and (max-width:667px){.battle-page__artist__header__1.graphic:after{height:104vw;top:0}}.battle-page__artist__header__image__1,.battle-page__artist__header__image__2{height:75px;width:75px;background-size:cover;opacity:.9;border-radius:4px;box-shadow:2px 4px 4px 0 rgba(0,0,0,.5);border:2px solid #2c201e;margin-top:30px}@media only screen and (max-width:832px){.battle-page__artist__header__image__1,.battle-page__artist__header__image__2{margin-top:25px}}.battle-page__artist__header__image__1.graphic,.battle-page__artist__header__image__2.graphic{height:65px;width:65px;border:1px solid #2c201e}@media only screen and (max-width:832px){.battle-page__artist__header__image__1.graphic,.battle-page__artist__header__image__2.graphic{height:65px;width:65px;margin-top:4vw}}@media only screen and (max-width:667px){.battle-page__artist__header__image__1.graphic,.battle-page__artist__header__image__2.graphic{margin-top:4vw;height:9vw;width:9vw}}.battle-page__artist__header__image__2{left:25px}.battle-page__artist__header__image__1{right:25px}.battle-page__artist__header__name__1,.battle-page__artist__header__name__2{color:#2c201e;font-size:21px;line-height:24px;top:18px;position:relative;max-width:140px;text-transform:uppercase;display:flex;justify-content:center;align-items:center}@media only screen and (max-width:832px){.battle-page__artist__header__name__1,.battle-page__artist__header__name__2{position:absolute;text-align:center;top:-23px;white-space:nowrap;max-width:90px}}@media only screen and (max-width:832px){.battle-page__artist__header__name__1.graphic,.battle-page__artist__header__name__2.graphic{max-width:70px;position:relative;text-align:left;text-align:initial;top:18px;white-space:normal;width:100%;font-size:21px;line-height:20px}}@media only screen and (max-width:667px){.battle-page__artist__header__name__1.graphic,.battle-page__artist__header__name__2.graphic{max-width:8vw;position:relative;text-align:left;text-align:initial;top:2.2vw;white-space:normal;width:100%;font-size:2.6vw;line-height:2.6vw}}.battle-page__artist__header__name__1{right:20px;direction:rtl}.battle-page__artist__header__name__1.graphic{right:20px}@media only screen and (max-width:832px){.battle-page__artist__header__name__1.graphic{right:2vw}}.battle-page__artist__header__name__2,.battle-page__artist__header__name__2.graphic{left:20px}@media only screen and (max-width:832px){.battle-page__artist__header__name__2.graphic{left:2vw}}@media only screen and (max-width:832px){.battle-page__artist__header.graphic{margin-top:0;margin-bottom:0}}.battle-page__artist__user-count__1,.battle-page__artist__user-count__2{position:absolute;font-weight:700;text-transform:uppercase;font-size:10px;top:110px}@media only screen and (max-width:832px){.battle-page__artist__user-count__1,.battle-page__artist__user-count__2{top:107px}}@media only screen and (max-width:667px){.battle-page__artist__user-count__1,.battle-page__artist__user-count__2{top:15.1vw;font-size:1.3vw}}.battle-page__artist__user-count__1{left:48px}@media only screen and (max-width:667px){.battle-page__artist__user-count__1{left:7vw}}.battle-page__artist__user-count__2{right:48px}@media only screen and (max-width:667px){.battle-page__artist__user-count__2{right:7vw}}.battle-page__graphic{width:100%;height:100%;z-index:4;background-color:rgba(44,32,30,.85);position:fixed;padding:0;margin:0;top:0;left:0}.battle-page__graphic #divToPrint{background:url(/static/media/house-grain.73371de8.png);position:absolute;width:640px;height:640px;z-index:40}@media only screen and (max-width:667px){.battle-page__graphic #divToPrint{width:90vw;height:104vw}}.battle-page__graphic__msg-wrapper{position:absolute;top:-48px;color:#f1e3ce;font-size:12px;line-height:6px;display:none}@media only screen and (max-width:667px){.battle-page__graphic__msg-wrapper{display:block}}.battle-page__graphic__wrapper{position:absolute;width:640px;height:640px;left:50%;top:50%;margin-top:-320px;margin-left:-320px}@media only screen and (max-width:667px){.battle-page__graphic__wrapper{width:90vw;height:104vw;margin-top:-45vw;margin-left:-45vw}}.battle-page__graphic__wrapper:after{content:"";background:url(/static/media/black-grain.ad488d0d.png) 50%;opacity:.15;bottom:0;right:0;z-index:-1;position:fixed;padding:0;margin:0;top:0;left:0}.battle-page__graphic__button-wrapper{text-align:center}@media only screen and (max-width:667px){.battle-page__graphic__button-wrapper{width:100%;position:absolute;bottom:0}}.battle-page__graphic__button{bottom:20px;position:absolute;left:50%;text-align:center;background-color:#c77d4a;color:#fff;height:30px;font-weight:700;font-size:14px;width:640px;height:44px;border-radius:4px;border:none;text-transform:uppercase;z-index:20;margin-top:-310px;margin-left:-320px;cursor:pointer;box-shadow:2px 4px 6px 2px rgba(0,0,0,.5);z-index:40}@media only screen and (max-width:667px){.battle-page__graphic__button{margin:0 auto;width:90vw;left:0;position:relative}}.battle-page__graphic__username{right:46px;z-index:30;top:0;color:#2c201e;font-weight:700;font-size:12px;position:absolute;text-transform:uppercase}@media only screen and (max-width:832px){.battle-page__graphic__username{font-size:1.4vw;right:7.6%}}.battle-page__graphic__site-name{left:39px;z-index:30;margin-left:10px;bottom:0;color:#2c201e;font-weight:700;font-size:12px;position:absolute;text-transform:uppercase}@media only screen and (max-width:832px){.battle-page__graphic__site-name{font-size:1.4vw;left:5.2vw}}.battle-page__graphic__bonus{z-index:30;top:0;color:#2c201e;font-weight:700;font-size:12px;position:absolute;text-transform:uppercase;float:right;left:43px}@media only screen and (max-width:832px){.battle-page__graphic__bonus{font-size:1.3vw;left:7.6%}}.battle-page__graphic__exit{height:24px;position:absolute;right:0;float:right;top:-36px;cursor:pointer}.battle-page__results{position:absolute;width:100%;display:flex;justify-content:space-evenly;margin-top:48px;color:#fff;font-weight:700;font-size:34px}@media only screen and (max-width:667px){.battle-page__results{font-size:4.3vw;margin-top:6.5vw}}.battle-page__results__1,.battle-page__results__2{position:relative;text-shadow:2px 2px rgba(44,32,30,.59)}.battle-page__results__1{left:36px}@media only screen and (max-width:832px){.battle-page__results__1{left:4vw}}.battle-page__results__2{right:36px}@media only screen and (max-width:832px){.battle-page__results__2{right:4vw}}.battle-page__matchups{margin-top:30px;overflow:scroll;height:380px;position:relative}@media (max-height:667px) and (min-width:375px){.battle-page__matchups{height:310px}}@media (max-height:640px) and (min-width:360px){.battle-page__matchups{height:300px}}@media (max-height:568px) and (min-width:320px){.battle-page__matchups{height:225px}}.battle-page__matchups__matchup{display:flex;justify-content:center;border-radius:5px;border:2px solid #2c201e;background-color:#f1e3ce;width:85%;margin:25px auto;height:45px;position:relative}.battle-page__matchups__matchup.graphic{height:15px;margin:6.7px auto;border:1px solid #2c201e}@media only screen and (max-width:667px){.battle-page__matchups__matchup.graphic{width:76.5vw;margin:1.2vw auto;height:2.3vw}}.battle-page__matchups__song{display:contents}.battle-page__matchups__song__link p:hover{cursor:pointer}.battle-page__matchups__song__song-title__1,.battle-page__matchups__song__song-title__2{color:#2c201e;font-size:12px;font-weight:700;text-transform:uppercase;position:absolute;top:5px;max-width:30%;white-space:nowrap;overflow:scroll}@media only screen and (max-width:915px){.battle-page__matchups__song__song-title__1,.battle-page__matchups__song__song-title__2{max-width:25%}}@media only screen and (max-width:414px){.battle-page__matchups__song__song-title__1,.battle-page__matchups__song__song-title__2{max-width:27%}}@media only screen and (max-width:375px){.battle-page__matchups__song__song-title__1,.battle-page__matchups__song__song-title__2{font-size:10px;top:8px}}.battle-page__matchups__song__song-title__1.graphic,.battle-page__matchups__song__song-title__2.graphic{font-size:11px;top:-9px;overflow:hidden;text-overflow:ellipsis;max-width:44%}@media only screen and (max-width:667px){.battle-page__matchups__song__song-title__1.graphic,.battle-page__matchups__song__song-title__2.graphic{font-size:1.8vw;top:-1.5vw}}@media only screen and (max-width:510px){.battle-page__matchups__song__song-title__1.graphic,.battle-page__matchups__song__song-title__2.graphic{top:-1.7vw}}.battle-page__matchups__song__song-title__1{right:50%;margin-right:30px}@media only screen and (max-width:414px){.battle-page__matchups__song__song-title__1{margin-right:20px}}@media only screen and (max-width:375px){.battle-page__matchups__song__song-title__1{margin-right:10px}}.battle-page__matchups__song__song-title__2{left:50%;margin-left:30px}@media only screen and (max-width:414px){.battle-page__matchups__song__song-title__2{margin-left:20px}}@media only screen and (max-width:375px){.battle-page__matchups__song__song-title__2{margin-left:10px}}.battle-page__matchups__song__vote-count__1,.battle-page__matchups__song__vote-count__2{color:#2c201e;font-size:14px;font-weight:700;position:absolute;text-decoration:none;border-bottom:2px solid #2c201e;cursor:pointer;line-height:10px;top:4px}.battle-page__matchups__song__vote-count__1{left:0;margin-left:20px}.battle-page__matchups__song__vote-count__2{right:0;margin-right:20px}.battle-page__matchups__song .container{display:block;position:absolute;padding-left:35px;margin-bottom:12px;cursor:pointer;font-size:22px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.battle-page__matchups__song .song1{left:20px;top:13px}.battle-page__matchups__song .song2{right:3px;top:13px}.battle-page__matchups__song .container input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.battle-page__matchups__song .checkmark{position:absolute;top:0;left:0;height:16px;width:16px;background-color:#eee;border:2px solid #2c201e;border-radius:4px}.battle-page__matchups__song .container:hover input~.checkmark{background-color:#c77d4a}.battle-page__matchups__song .container input:checked~.checkmark{background-color:#eee}.battle-page__matchups__song .checkmark:after{content:"";position:absolute;display:none}.battle-page__matchups__song .container input:checked~.checkmark:after{display:block}.battle-page__matchups__song .container .checkmark:after{left:5px;top:2px;width:4px;height:8px;border:solid #2c201e;border-width:0 2px 2px 0;transform:rotate(45deg)}.battle-page__matchups__song__checkbox__1,.battle-page__matchups__song__checkbox__2{height:25px;width:25px;background:#fff}.battle-page__matchups__song__checkbox input[type=checkbox]{border:2px solid #2c201e;height:25px;width:25px}.battle-page__matchups.graphic{margin-top:0;height:80%;top:10px}.battle-page__matchups.graphic :root .safari_only,.battle-page__matchups.graphic _::-webkit-full-page-media,.battle-page__matchups.graphic _:future{top:130px}@media only screen and (max-width:832px){.battle-page__matchups.graphic{margin-top:115px}}@media only screen and (max-width:667px){.battle-page__matchups.graphic{margin-top:15.2vw;height:82vw}}.battle-page__vote__button-wrapper{width:100%;text-align:center;top:40px;position:relative;z-index:2}@media only screen and (max-width:414px){.battle-page__vote__button-wrapper{top:30px}}@media (max-height:640px) and (min-width:360px){.battle-page__vote__button-wrapper{top:20px}}@media (max-height:568px) and (min-width:320px){.battle-page__vote__button-wrapper{top:30px}}.battle-page__vote__button{background-color:#2c201e;border-radius:4px;width:85%;color:#f1e3ce;font-weight:700;height:45px;text-transform:uppercase;font-size:14px;z-index:1;outline:none;box-shadow:0 2px 4px 0 rgba(0,0,0,.5);border:none;transition-duration:.2s;cursor:pointer}.battle-page__vote__button:hover{background-color:#382926}.battle-page__vote__button__link{text-decoration:none}.chat-list{position:relative;height:90vh;background-size:cover}@media only screen and (max-width:414px){.chat-list{display:none}}.chat-list__insta-cta{width:136px;height:32px;border-radius:4px;box-shadow:0 2px 4px 0 rgba(0,0,0,.5);border:2px solid #2c201e;background-color:#f1e3ce;margin:0 auto;text-align:center;color:#2c201e;z-index:3;position:relative}.chat-list__insta-cta__link{text-decoration:none}.chat-list__insta-cta__text{margin:0 auto;display:inline;font-size:14px;font-weight:700;text-transform:uppercase;position:relative;top:4px}.chat-list__insta-cta__logo{height:17px;width:17px;position:relative;top:8px;left:2px}.chat-list__wrapper{display:table;margin:0 auto;z-index:1;position:relative}.chat-list__gradient{position:absolute;height:40px;width:100%;z-index:1;top:0;border-top-left-radius:4px;border-top-right-radius:4px;background-image:linear-gradient(#2c201e,rgba(44,32,30,.572549));display:none}.chat-list__grain{position:absolute;width:100%;opacity:.4;height:100%;top:0}.chat-list__scroll{opacity:1;left:25%;height:200px;width:320px;overflow:scroll;border-radius:4px;padding-bottom:10px}.chat-list__scroll__comment-wrapper{display:flex;color:#f1e3ce;width:90%;font-size:14px;position:relative;opacity:.92;border-radius:4px;background:#2c201e;margin:12px auto 0;padding:0 20px 15px}.chat-list__scroll__comment-user{font-weight:700;margin-left:5px}.chat-list__scroll__comment-check{position:relative;right:6px;width:12px;top:1px}.chat-list__scroll__comment-text{margin-left:12px;position:relative;word-break:break-word;line-height:18px}.chat-list__scroll__comment-text__hide{color:#c77d4a;cursor:pointer}.chat-list__scroll__comment-text__hide:hover{text-decoration:underline}.chat-list__scroll__date{position:absolute;font-size:10px;left:25px;bottom:0}.chat-list__scroll__input-wrapper{background:#2c201e;padding:10px;border-bottom-left-radius:4px;border-bottom-right-radius:4px;margin-top:20px}.chat-list__scroll__input{background:none;border:none;border-bottom:2px solid rgba(242,228,207,.7);width:70%;outline:none;color:#f1e3ce;margin-left:10px;font-size:14px}.chat-list__scroll__input-wrapper ::-webkit-input-placeholder{color:#f1e3ce;opacity:.5;text-transform:uppercase;font-size:12px}.chat-list__scroll__input-wrapper ::-ms-input-placeholder{color:#f1e3ce;opacity:.5;text-transform:uppercase;font-size:12px}.chat-list__scroll__input-wrapper ::placeholder{color:#f1e3ce;opacity:.5;text-transform:uppercase;font-size:12px}.chat-list__scroll__input-wrapper :-ms-input-placeholder{color:#f1e3ce;opacity:.5;text-transform:uppercase;font-size:12px}.chat-list__scroll__input-wrapper ms-input-placeholder{color:#f1e3ce;opacity:.5;text-transform:uppercase;font-size:12px}.chat-list__scroll__button{margin-left:10px;width:60px;position:relative;top:1px;border-radius:2px;text-transform:uppercase;color:#2c201e;background:#f1e3ce;border:none;padding:5px;font-weight:700;outline:none;cursor:pointer;transition-duration:.5}.chat-list__scroll__button:hover{background-color:#f6ecde}.user-list{background:#2c201e;height:100%;width:100%;position:absolute;z-index:3;opacity:.95}.user-list__wrapper{margin-left:25px;overflow:scroll;height:520px;width:90%;position:relative;top:20px}@media only screen and (max-width:414px){.user-list__wrapper{margin:0 auto}}.user-list__search{background:none;border:none;border-bottom:2px solid rgba(242,228,207,.7);outline:none;color:#f1e3ce;font-size:14px;position:absolute;right:0;top:40px;text-align:right;width:180px;border-radius:0}@media only screen and (max-width:414px){.user-list__search{width:50%}}.user-list__close{position:absolute;height:18px;right:2%;top:7px;cursor:pointer;z-index:2}.user-list__clear{position:relative;right:170px;top:10px;width:10px;cursor:pointer}@media only screen and (max-width:414px){.user-list__clear{right:160px}}.user-list__header{display:flex;justify-content:space-between;width:90%;margin:0 auto;position:relative}.user-list__header ::-webkit-input-placeholder{color:#f1e3ce;opacity:.5;text-transform:uppercase;font-size:12px;text-align:right}.user-list__header ::-ms-input-placeholder{color:#f1e3ce;opacity:.5;text-transform:uppercase;font-size:12px;text-align:right}.user-list__header ::placeholder{color:#f1e3ce;opacity:.5;text-transform:uppercase;font-size:12px;text-align:right}.user-list__header :-ms-input-placeholder{color:#f1e3ce;opacity:.5;text-transform:uppercase;font-size:12px;text-align:right}.user-list__header ms-input-placeholder{color:#f1e3ce;opacity:.5;text-transform:uppercase;font-size:12px;text-align:right}.user-list__title{font-size:26px;text-transform:uppercase;color:#f1e3ce}.user-list__user-wrapper{position:relative}.user-list__username{font-size:12px;color:#f1e3ce;font-weight:700;border-bottom:1px solid rgba(242,228,207,.25);padding-bottom:14px;text-transform:uppercase}.user-list__check{position:absolute;top:0;left:53px;width:12px}.user-list__date{position:absolute;right:0;color:#f1e3ce;font-style:italic;font-size:12px;bottom:1px}.onboarding{width:100%;text-align:center;margin:80px auto 0;height:80vh}@media only screen and (max-width:414px){.onboarding{margin-top:100px}}@media only screen and (max-width:325px){.onboarding{margin-top:60px}}.onboarding__logo{width:90px;margin-bottom:15px}.onboarding__title{font-size:12px;font-weight:700;color:#f1e3ce;letter-spacing:.5px;position:relative;color:#2c201e;font-size:30px;text-decoration:none}.onboarding__input-wrapper{position:relative;width:240px;margin:0 auto}.onboarding__label{position:absolute;left:2px;bottom:54px;text-transform:uppercase;font-weight:700;font-size:12px;color:transparent;transition:.1s ease-in}.onboarding__input{background:transparent;border:none;border:2px solid rgba(44,32,30,.33);margin:12px 0;width:220px;font-size:16px;color:#2c201e;outline:none;background:#f1e3ce;padding:10px 7px 7px 10px;border-radius:4px}.onboarding__input-wrapper ::-webkit-input-placeholder{background:transparent;font-size:16px;color:rgba(44,32,30,.56);opacity:.5}.onboarding__input-wrapper ::-ms-input-placeholder{background:transparent;font-size:16px;color:rgba(44,32,30,.56);opacity:.5}.onboarding__input-wrapper ::placeholder{background:transparent;font-size:16px;color:rgba(44,32,30,.56);opacity:.5}.onboarding__input-wrapper :-ms-input-placeholder{background:transparent;font-size:16px;color:rgba(44,32,30,.56);opacity:.5}.onboarding__input-wrapper ms-input-placeholder{background:transparent;font-size:16px;color:rgba(44,32,30,.56);opacity:.5}.onboarding__input:focus::-webkit-input-placeholder{opacity:0}.onboarding__input:focus+label{color:#2c201e}.onboarding__cta-wrapper{width:240px;margin:0 auto;position:relative}.onboarding__cta,.onboarding__spotify-cta,.onboarding__twitter-cta{background-color:#3f342f;border-radius:4px;width:100%;color:#fff;font-weight:700;text-transform:uppercase;font-size:14px;cursor:pointer;outline:none;padding:10px 0;margin-top:15px;box-shadow:0 2px 4px 0 rgba(0,0,0,.3);border:none;transition-duration:.2s}.onboarding__cta:hover,.onboarding__spotify-cta:hover,.onboarding__twitter-cta:hover{background-color:#4b3e38!important}.onboarding__spotify-cta{background:#1db954;margin-top:10px}.onboarding__spotify-cta:hover{background-color:#20cb5c!important}.onboarding__twitter-cta{background:#49a1f2;margin-top:10px;height:16px}.onboarding__twitter-cta:hover{background-color:#5cabf3!important}.onboarding__text{color:#2c201e;top:15px;cursor:pointer;font-size:14px;font-weight:700;text-decoration:none;position:relative}.onboarding__text:hover{text-decoration:underline}.onboarding .error-msg{color:#c24835;margin:0}.onboarding input:-webkit-autofill,.onboarding input:-webkit-autofill:focus,.onboarding input:-webkit-autofill:hover,.onboarding select:-webkit-autofill,.onboarding select:-webkit-autofill:focus,.onboarding select:-webkit-autofill:hover,.onboarding textarea:-webkit-autofill,.onboarding textarea:-webkit-autofill:focus,.onboarding textarea:-webkit-autofill:hover{-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s;background:transparent;font-size:16px;color:#2c201e}.onboarding input :-internal-autofill-previewed,.onboarding input :-internal-autofill-selected{transition:background-color 5000s ease-in-out 0s;background:transparent;font-size:16px;color:#2c201e}.homepage{height:100vh;position:relative}@media only screen and (max-width:700px){.homepage{margin:50px 0}}.homepage .share{left:214px;bottom:-39px;top:-17px}@media only screen and (max-width:700px){.homepage .share{left:120%}}.homepage .battle-page__share-image{height:30px;position:absolute;right:39px}@media only screen and (max-width:832px){.homepage .battle-page__share-image{right:29px}}.homepage .main-share{right:-42px;top:5px;bottom:0}.homepage__no-results{font-weight:700;text-align:center;position:absolute;margin:0 auto;right:0;left:0;top:40%;text-transform:uppercase;font-size:18px;color:#2c201e}.homepage .battles{width:723px;margin:40px auto 80px;padding-bottom:100px}@media only screen and (max-width:700px){.homepage .battles{width:100%;height:100%;display:inherit;margin:0 auto 280px;padding-bottom:50px}}.homepage .battles .wrapper{position:relative;width:166px;height:166px;display:inline-block;left:44px;margin-right:72px;margin-bottom:180px}@media only screen and (max-width:700px){.homepage .battles .wrapper{width:38%;height:190px;margin:0 60px 40% auto}}@media only screen and (max-width:414px){.homepage .battles .wrapper{margin:0 auto 180px;width:50%;left:0;display:block}}.homepage .image{width:100%;box-shadow:0 2px 4px 0 rgba(0,0,0,.5)}.homepage .contents{position:relative;bottom:36px}.homepage .date{color:#fff;font-size:54px;font-weight:700;margin:0}.homepage .title-wrapper{position:relative;font-size:18px;font-weight:700;color:#2c201e;text-transform:uppercase}.homepage .title{display:table-row;line-height:20px}.homepage .link{box-shadow:0 2px 4px 0 rgba(0,0,0,.5);border:none;background:#2c201e;color:#fff;font-size:14px;outline:none;font-weight:700;padding:10px 40px;border-radius:4px;text-decoration:none;cursor:pointer;text-transform:uppercase;top:20px;position:relative;transition-duration:.2s}.homepage .link:hover{transition-duration:.2s;background-color:#382926}.homepage .main-battle{width:740px;background:#c77d4a;margin:90px auto 0;position:relative;height:340px;box-shadow:2px 4px 4px 0 rgba(0,0,0,.5);z-index:1}@media only screen and (max-width:700px){.homepage .main-battle{display:none}}.homepage .main-battle .content-wrapper{width:640px;margin:0 auto;position:relative}.homepage .main-battle .battle-header{font-size:64px;font-weight:700;text-transform:uppercase;right:0;color:#2c201e;position:absolute;bottom:194px}.homepage .main-battle .image{box-shadow:0 2px 4px 0 rgba(0,0,0,.5);position:relative;left:0;width:296px;bottom:43px}.homepage .main-battle .contents{position:absolute;right:0;top:30px;text-align:right}@media only screen and (max-width:700px){.homepage .main-battle .contents{top:25px}}.homepage .main-battle .title-wrapper{margin-top:12px}.homepage .main-battle .date,.homepage .main-battle .title{font-size:33px;line-height:40px;letter-spacing:1px}.homepage .main-battle .link{position:relative;top:62px;font-size:20px}.homepage .main-battle .battle-footer{color:#f1e3ce;font-size:52px;text-transform:uppercase;font-weight:700;position:absolute;top:214px}.homepage .main-battle-wrapper{position:relative;width:166px;height:166px;display:inline-block;left:44px;margin-right:72px;margin-bottom:180px}@media only screen and (max-width:700px){.homepage .main-battle-wrapper{width:38%;height:190px;margin:0 60px 40% auto}}@media only screen and (max-width:414px){.homepage .main-battle-wrapper{margin:0 auto 180px;width:50%;left:0;display:block}}.homepage .main-battle:before{content:"";background:url(/static/media/black-grain.ad488d0d.png) 50%;position:absolute;z-index:-1;top:0;bottom:0;left:0;right:0;opacity:.15;background-size:contain}.error-page{text-align:center;margin-top:200px;height:100vh}.error-page__error-wrapper{color:#2c201e}.error-page__error-title{font-size:30px;text-transform:uppercase}.error-page__error-msg{position:relative;bottom:20px}.splash-page{margin:auto;background-image:linear-gradient(180deg,rgba(44,32,30,.85),#2c201e);height:100vh;overflow:scroll}.splash-page__back{position:absolute;text-decoration:none;cursor:pointer;color:#f1e3ce;left:20px;font-size:14px;opacity:.4}.splash-page__back:hover{text-decoration:underline;opacity:1}@media only screen and (max-width:414px){.splash-page__back{opacity:1}}.splash-page__logo{width:100px}.splash-page__contents{margin:0 auto;position:relative;top:20%;text-align:center;width:330px}@media only screen and (max-width:500px){.splash-page__contents{width:260px}}.splash-page__contents-bottom{top:10%;color:#f1e3ce}.splash-page__about-btn{color:#f1e3ce;cursor:pointer}.splash-page__about-btn:hover{text-decoration:underline}.splash-page__about-btn span{font-size:10px;position:relative;bottom:1px;left:4px}.splash-page__msg{color:#f1e3ce;margin-bottom:20px;line-height:20px}.splash-page__msg__link{color:#f1e3ce;text-decoration:none}.splash-page__msg__link:hover{text-decoration:underline}.splash-page input{background:transparent;color:#f1e3ce;width:297px;display:flex;height:34px;font-size:14px;position:relative;padding:4px 15px;background-color:rgba(241,227,206,.1);outline:none;border-radius:30px;border:1px solid transparent}.splash-page input:focus{border:1px solid #f1e3ce}@media only screen and (max-width:500px){.splash-page input{width:225px}}.splash-page button{background-color:#c77d4a;height:42px;border:none;border-radius:30px;color:#f1e3ce;text-transform:uppercase;margin-top:20px;width:100%;font-weight:700;cursor:pointer;transition-duration:.5s}.splash-page button:hover{background:#cd8b5d}.splash-page .message{margin-bottom:20px}.splash-page .error{color:#9a392a}.splash-page div{color:#c77d4a!important;margin-bottom:20px}.about-page{margin:auto;background:#f1e3ce;height:100vh;overflow:scroll;scroll-padding-bottom:20px}.about-page__text-wrapper{width:80%;display:flex;margin:20px auto 0}@media only screen and (max-width:500px){.about-page__text-wrapper{width:90%}}.about-page__text{width:60%;float:right}@media only screen and (max-width:500px){.about-page__text{width:100%}}.about-page__title{width:70%;margin:30px auto 0;font-weight:600}.about-page__section{width:80%;display:flex;margin:40px auto 0}@media only screen and (max-width:500px){.about-page__section{width:90%;display:block}}.about-page__section__image{min-width:220px;min-height:220px;background-size:cover;background-position:50%;margin-right:20px}@media only screen and (max-width:768px){.about-page__section__image{width:40%}}@media only screen and (max-width:500px){.about-page__section__image{width:100%;min-height:300px;display:block}}.about-page__section__image.right{margin-left:20px}.about-page__section__bio-wrapper{position:relative;top:50px}.about-page__section__bio-wrapper a{color:#2c201e}@media only screen and (max-width:768px){.about-page__section__bio-wrapper{top:0;width:60%;line-height:19px;width:100%}}.about-page__section__bio-title{font-size:18px;font-weight:700;margin-bottom:0;padding-bottom:0}.about-page__section__bio-subtitle{margin-top:0;font-size:14px}.about-page__section.right{text-align:right}.bump{margin-bottom:140px}
/*# sourceMappingURL=main.b87f1e8b.chunk.css.map */