@import url(https://fonts.googleapis.com/css?family=Roboto:400,700&display=swap);.Plan{flex:1 1;display:flex;align-items:stretch}.Plan .sidebar{z-index:1;width:320px;box-shadow:0 0 8px rgba(34,34,34,.2)}.Plan .sidebar,.Plan .sidebar .trip,.Plan .sidebar .trip .cover{display:flex;flex-direction:column;align-items:stretch}.Plan .sidebar .trip .cover{justify-content:space-between;height:200px;background-image:url(/peachy-frontend/static/media/seoul.59dad4c0.jpg);background-position:50%;background-size:cover}.Plan .sidebar .trip .cover .header{height:64px;display:flex;justify-content:space-between;align-items:center}.Plan .sidebar .trip .cover .header .back{color:#fefef9;width:64px;display:flex;align-items:center;justify-content:center;align-self:stretch}.Plan .sidebar .trip .cover .header .back:hover{background-color:rgba(34,34,34,.2)}.Plan .sidebar .trip .cover .header .info{margin-right:16px;display:flex;flex-direction:column;align-items:flex-end;font-size:14px;color:#fefef9}.Plan .sidebar .trip .cover .name{padding:16px 20px;color:#fefef9;background:-webkit-gradient(linear,left top,left bottom,from(rgba(34,34,34,0)),to(#222));background:linear-gradient(rgba(34,34,34,0),#222);font-weight:700}.Plan .sidebar .trip .participants{display:flex;flex-direction:column;align-items:stretch}.Plan .sidebar .trip .participants .profile{border-bottom:1px solid rgba(34,34,34,.1)}.Plan .sidebar .chat{flex:1 1;display:flex;flex-direction:column;align-items:stretch}.Plan .sidebar .chat .history{flex:1 1;display:flex;flex-direction:column;padding:4px 12px;border-bottom:1px solid rgba(34,34,34,.1);overflow-y:auto}.Plan .sidebar .chat .history .balloon{font-size:14px;padding:8px 12px;border-radius:1rem;margin:4px 0}.Plan .sidebar .chat .history .balloon.traveller{align-self:flex-end;background-color:#635787;color:#fefef9;margin-left:64px}.Plan .sidebar .chat .history .balloon.planner{align-self:flex-start;background-color:rgba(34,34,34,.2);color:#484848;margin-right:64px}.Plan .sidebar .chat .message{display:flex;align-items:stretch}.Plan .sidebar .chat .message .input{flex:1 1;padding:4px 8px;font-size:14px}.Plan .sidebar .chat .message .send{background-color:#635787;color:#fefef9;padding:8px 12px}.Plan .calendarWrapper{flex:1 1;overflow-x:hidden;overflow-y:auto;height:100vh}.Plan .calendarWrapper .calendar{position:relative;display:flex;align-items:stretch}.Plan .calendarWrapper .calendar .timeline{display:flex;flex-direction:column;align-items:flex-end;width:96px;padding-right:48px;border-right:4px solid #ffbc9e}.Plan .calendarWrapper .calendar .timeline .timeLabel{height:72px;font-size:12px;color:rgba(34,34,34,.2);margin-top:-.5em;margin-bottom:.5em}.Plan .calendarWrapper .calendar .timeline .timeLabel:after{content:"";position:absolute;width:100%;height:1px;margin-left:8px;margin-top:.5em;background-color:rgba(34,34,34,.2)}.Plan .calendarWrapper .calendar .days{position:absolute;left:0;display:flex;flex-direction:column;align-items:stretch}.Plan .calendarWrapper .calendar .days .dayLabelWrapper{height:1728px;margin-top:-.5em;margin-bottom:.5em}.Plan .calendarWrapper .calendar .days .dayLabelWrapper .dayLabel{position:relative;width:80px;background-color:#fefef9;color:#767676;text-align:right;padding-right:8px;font-size:14px;font-weight:700}.Plan .calendarWrapper .calendar .days .dayLabelWrapper .dayLabel.active{position:fixed;top:0}.Plan .calendarWrapper .calendar .eventContainer{position:relative;flex:1 1;margin-left:-4px}.Plan .calendarWrapper .calendar .eventContainer .event{position:absolute;left:0;right:8px}.Plan .calendarWrapper .calendar .eventContainer .event.moving{z-index:1;opacity:.7;-webkit-transition:none;transition:none}.Plan .calendarWrapper .calendar .eventContainer .event.moving .cover{-webkit-transition:none;transition:none}.Plan .divider{display:flex;justify-content:center;align-items:center;width:12px;background-color:rgba(34,34,34,.2);opacity:.8;cursor:ew-resize}.Plan .divider .handle{width:4px;height:64px;border-radius:4px;background-color:#767676}.Plan .mapWrapper{position:relative;flex:1 1;display:flex;flex-direction:column;align-items:stretch}.Plan .mapWrapper .searchContainer{position:absolute;top:0;margin:32px;width:400px;align-self:center;padding:8px;display:flex;align-items:stretch;background-color:#fefef9;border-radius:4px;box-shadow:0 0 8px rgba(34,34,34,.2)}.Plan .mapWrapper .searchContainer .icon{padding:8px;color:#767676}.Plan .mapWrapper .searchContainer .search{flex:1 1;padding:8px}.Plan .mapWrapper .addContainer{position:absolute;bottom:0;right:0;margin:32px;display:flex;flex-direction:column;align-items:flex-end;pointer-events:none}.Plan .mapWrapper .addContainer .icon{width:48px;height:48px;border-radius:48px;display:flex;align-items:center;justify-content:center;color:#fefef9;box-shadow:0 0 8px rgba(34,34,34,.2);cursor:pointer}.Plan .mapWrapper .addContainer .icon.add{width:64px;height:64px;border-radius:64px;background-color:#fd8b6f;pointer-events:auto;-webkit-transition:-webkit-transform .2s;transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s,-webkit-transform .2s;font-size:24px}.Plan .mapWrapper .addContainer .categoryContainer{opacity:0;display:flex;flex-direction:column;align-items:flex-end;padding-right:8px;padding-bottom:8px;-webkit-transition:opacity .2s;transition:opacity .2s}.Plan .mapWrapper .addContainer .categoryContainer .category{display:flex;align-items:center;margin-bottom:8px}.Plan .mapWrapper .addContainer .categoryContainer .category .name{margin-left:8px;box-shadow:0 0 8px rgba(34,34,34,.2);background-color:#fefef9;padding:4px 8px;margin-right:8px;border-radius:4px;font-size:14px}.Plan .mapWrapper .addContainer.active{pointer-events:auto}.Plan .mapWrapper .addContainer.active .categoryContainer{pointer-events:auto;opacity:1}.Plan .mapWrapper .addContainer.active .add{-webkit-transform:rotate(135deg);transform:rotate(135deg)}.Profile{display:flex;align-items:center;padding:12px 16px}.Profile .picture{background-position:50%;background-size:cover;width:44px;height:44px;border-radius:44px;border:2px solid}.Profile.traveller .picture{border-color:#fd8b6f}.Profile.planner .picture{border-color:#635787}.Profile .name{margin-left:8px;flex:1 1}.Profile .name .primary{font-weight:700}.Profile .name .secondary{font-size:14px}.Profile .role{margin-left:8px;font-size:14px;color:#767676;font-weight:700}.Map{min-height:100vh}.Event,.Map{display:flex;flex-direction:column;align-items:stretch}.Event{position:relative;border:4px solid;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-radius:4px;-webkit-transition:height .2s;transition:height .2s}.Event,.Event .icon{box-shadow:0 0 8px rgba(34,34,34,.2)}.Event .icon{position:absolute;top:0;left:0;color:#fefef9;width:48px;height:48px;border-radius:48px;display:flex;align-items:center;justify-content:center;margin-left:-26px;margin-top:8px}.Event .content{flex:1 1;display:flex;flex-direction:column;align-items:stretch;overflow:hidden}.Event .content .cover{display:flex;flex-direction:column;justify-content:flex-end;background-position:50%;background-size:cover;cursor:pointer;-webkit-transition:height .2s;transition:height .2s}.Event .content .cover .info{display:flex;flex-direction:column;align-items:stretch;padding:36px 20px 16px;color:#fefef9;background:-webkit-gradient(linear,left top,left bottom,from(rgba(34,34,34,0)),to(#222));background:linear-gradient(rgba(34,34,34,0),#222)}.Event .content .cover .info .name{font-weight:700;margin-bottom:2px}.Event .content .cover .info .time,.Event .content .cover .info .venue{font-size:14px}.Event .content .cover .resize{position:absolute;bottom:0;left:0;right:0;height:8px;margin:-4px;cursor:ns-resize}.Event .content .memo{flex:1 1;padding:32px 24px;color:#fefef9}.Event .content .memo::-webkit-input-placeholder{color:rgba(254,254,249,.5)}.Event .content .memo::-moz-placeholder{color:rgba(254,254,249,.5)}.Event .content .memo:-ms-input-placeholder{color:rgba(254,254,249,.5)}.Event .content .memo::-ms-input-placeholder{color:rgba(254,254,249,.5)}.Event .content .memo::placeholder{color:rgba(254,254,249,.5)}.Event.active{z-index:1;height:100vh!important}.Event.active .content .cover{height:288px!important}.Event.active .content .cover .info .name{border-bottom:2px solid #fefef9;margin-bottom:0;cursor:text}.Login{align-items:stretch;background-image:url(/peachy-frontend/static/media/background.3af8c7c3.jpg);background-size:cover;background-position:100%}.Login,.Login .left{flex:1 1;display:flex}.Login .left{background-color:#100530;flex-direction:column;justify-content:center;align-items:flex-start;padding:48px}.Login .left .slogan{color:#fefef9;font-weight:700;font-size:48px;margin-bottom:24px}.Login .left .description{color:#fefef9;font-size:24px;margin-bottom:56px}.Login .left .findOut{display:flex;font-size:24px;background-color:#ffbc9e;color:#c65c43;font-weight:700;padding:8px 24px;border-radius:4px}.Login .divider{width:20.2857142857vh;background-image:url(/peachy-frontend/static/media/curvy_border.c6e8e093.png);background-size:cover}.Login .right{flex:1 1;display:flex;align-items:center;justify-content:center}.Login .right .loginContainer{width:420px;display:flex;flex-direction:column;align-items:stretch;box-shadow:0 0 8px rgba(34,34,34,.2);padding:32px;background-color:#fefef9;border-radius:4px}.Login .right .loginContainer .message{color:#100530;opacity:.25;text-align:center;font-size:18px;margin-bottom:24px}.Login .right .loginContainer .inputContainer{margin-bottom:12px;display:flex;flex-direction:column}.Login .right .loginContainer .inputContainer .label{font-weight:700;font-size:14px;margin-bottom:4px}.Login .right .loginContainer .inputContainer .input{background:#f7f7f7;box-shadow:inset 0 0 4px rgba(34,34,34,.2);border-radius:4px;padding:12px 16px}.Login .right .loginContainer .buttonContainer{margin-top:18px;display:flex;justify-content:center}.Login .right .loginContainer .buttonContainer .button{width:128px;border-radius:4px;padding:12px;box-shadow:0 0 4px rgba(0,0,0,.25);font-size:14px;color:#100530;font-weight:700;display:flex;justify-content:center;align-items:center;margin-left:20px;cursor:pointer}.Login .right .loginContainer .buttonContainer .button.primary{background-color:#fd8b6f;color:#fefef9}.Login .right .loginContainer .buttonContainer .button:first-child{margin-left:0}.Login .right .loginContainer .terms{margin-top:18px;color:#100530;opacity:.25;text-align:center;font-size:12px}.Login .logo{position:absolute;padding:8px 16px;margin:8px 32px;top:0;left:0}.Login .logo .image{height:80px}.Login .location{position:absolute;bottom:0;right:0;display:flex;align-items:center;color:#fefef9;opacity:.5;padding:40px 64px;font-size:24px}.App{flex-direction:column;min-height:100vh}.App,.Main{display:flex;align-items:stretch}.Main{flex:1 1;flex-direction:column}.Main .body{display:flex;flex-direction:column;align-items:center}.Main .body .searchContainer{margin-top:48px;display:flex;flex-direction:column;box-shadow:0 0 8px rgba(34,34,34,.2);padding:24px 24px 36px;border-radius:4px}.Main .body .searchContainer .pax{display:flex;font-size:14px;margin-bottom:16px;align-items:center}.Main .body .searchContainer .row{display:flex}.Main .body .searchContainer .row .inputContainer{display:flex;align-items:center;background-color:#f7f7f7;box-shadow:inset 0 0 4px rgba(34,34,34,.2);border-radius:4px}.Main .body .searchContainer .row .inputContainer .icon{color:rgba(34,34,34,.2);margin-left:12px}.Main .body .searchContainer .row .inputContainer .input{padding:12px 16px;font-size:16px}.Main .body .searchContainer .row .inputContainer.dateContainer{margin-left:16px}.Main .body .searchContainer .row .inputContainer.dateContainer .dateInput{display:flex;align-items:center}.Main .body .searchContainer .row .inputContainer.dateContainer .dateInput .controlContainer{display:flex;align-items:center;margin-right:4px}.Main .body .searchContainer .row .inputContainer.dateContainer .dateInput .controlContainer .control{padding:4px}.Main .body .searchContainer .row .inputContainer.dateContainer .divider{align-self:stretch;margin:8px 0;width:1px;background-color:rgba(34,34,34,.1)}.Main .body .search{margin-top:-20px;width:128px;border-radius:4px;padding:12px;box-shadow:0 0 4px rgba(0,0,0,.25);font-weight:700;display:flex;justify-content:center;align-items:center;cursor:pointer;background-color:#fd8b6f;color:#fefef9}.Main .body .search .label{margin-left:4px}.Main .body .matching{margin-top:36px;display:flex;flex-direction:column;align-items:center}.Main .body .matching .profileContainer{display:flex;width:100vw;justify-content:flex-start;overflow-x:auto;margin:-8px;padding:8px}.Main .body .matching .profileContainer .profileCard{margin-right:20px}.Main .body .matching .profileContainer .profileCard:first-child{margin-left:calc(50vw - 446px)}.Main .body .matching .profileContainer .profileCard:last-child{margin-right:0}.Main .body .matching .profileContainer .dummy{width:calc(50vw - 446px)}.Main .body .matching .buttonContainer{display:flex;margin-top:36px;margin-bottom:36px}.Main .body .matching .buttonContainer .button{width:128px;border-radius:4px;padding:12px;box-shadow:0 0 4px rgba(0,0,0,.25);font-weight:700;display:flex;justify-content:center;align-items:center;cursor:pointer}.Main .body .matching .buttonContainer .button .label{margin-left:4px}.Main .body .matching .buttonContainer .button.pass{background-color:#fefef9;color:#484848}.Main .body .matching .buttonContainer .button.like{background-color:#fd8b6f;color:#fefef9;margin-left:20px}.Main .dialogContainer{position:fixed;top:0;bottom:0;left:0;right:0;background-color:rgba(34,34,34,.2);display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:0;pointer-events:none;-webkit-transition:opacity .2s;transition:opacity .2s}.Main .dialogContainer .dialog{border-radius:4px;box-shadow:0 0 4px rgba(0,0,0,.25);background-color:#fefef9;padding:60px 84px;display:flex;flex-direction:column;align-items:center}.Main .dialogContainer .dialog .questionContainer{display:flex;flex-direction:column;align-items:center;justify-content:center;height:80px;margin-bottom:36px}.Main .dialogContainer .dialog .questionContainer .icon{position:absolute;color:rgba(34,34,34,.1);font-size:92px}.Main .dialogContainer .dialog .questionContainer .question{font-size:32px;font-weight:700;text-align:center}.Main .dialogContainer .dialog .interestContainer{display:flex;flex-direction:column}.Main .dialogContainer .dialog .interestContainer .row{display:flex;margin-bottom:32px}.Main .dialogContainer .dialog .interestContainer .row .interest{display:flex;flex-direction:column;align-items:stretch;margin-right:56px;cursor:pointer}.Main .dialogContainer .dialog .interestContainer .row .interest:last-child{margin-right:0}.Main .dialogContainer .dialog .interestContainer .row .interest .image{position:relative;width:160px;height:152px;border-radius:4px;box-shadow:0 0 8px rgba(34,34,34,.2)}.Main .dialogContainer .dialog .interestContainer .row .interest .name{text-align:center;margin-top:8px}.Main .dialogContainer .dialog .interestContainer .row .interest.active .image:after{content:"";position:absolute;border:4px solid #fd8b6f;top:0;bottom:0;left:0;right:0;border-radius:4px}.Main .dialogContainer .dialog .message{background-color:#f7f7f7;box-shadow:inset 0 0 4px rgba(34,34,34,.2);border-radius:4px;color:rgba(0,0,0,.25);font-weight:700;padding:8px 48px}.Main .dialogContainer.active{opacity:1;pointer-events:auto}.ProfileCard{position:relative;display:flex;align-items:stretch;width:892px;height:560px;box-shadow:0 0 8px rgba(34,34,34,.2);border-radius:4px;overflow:hidden;opacity:.5;-webkit-transition:opacity .2s;transition:opacity .2s}.ProfileCard .picture{width:340px;background-position:50%;background-size:cover}.ProfileCard .info{flex:1 1;box-shadow:0 0 8px rgba(34,34,34,.2);display:flex;flex-direction:column;padding:24px;min-width:0}.ProfileCard .info .name{font-size:48px;font-weight:700;margin-bottom:8px}.ProfileCard .info .item{display:flex;align-items:center;margin-bottom:12px}.ProfileCard .info .item .icon{color:rgba(34,34,34,.2)}.ProfileCard .info .item .text{margin-left:8px}.ProfileCard .info .section{margin-top:16px;display:flex;flex-direction:column;align-items:stretch}.ProfileCard .info .section .title{font-weight:700;color:rgba(34,34,34,.2);margin-bottom:8px}.ProfileCard .info .section.sectionInterests .tagContainer{display:flex;flex-wrap:wrap}.ProfileCard .info .section.sectionInterests .tagContainer .tag{border-radius:4px;display:flex;align-items:center;color:#fefef9;padding:8px;margin-right:8px;margin-bottom:8px}.ProfileCard .info .section.sectionInterests .tagContainer .tag .text{font-weight:700}.ProfileCard .info .section.sectionInterests .tagContainer .tag .icon{margin-left:4px}.ProfileCard .info .section.sectionCities .cityContainer{display:flex;overflow-x:auto;margin:-8px 0;padding:8px 0}.ProfileCard .info .section.sectionCities .cityContainer .city{width:160px;height:92px;background-size:cover;background-position:50%;border-radius:4px;box-shadow:0 0 8px rgba(34,34,34,.2);margin-right:12px}.ProfileCard .info .section.sectionCities .cityContainer .city:last-child{margin-right:0}.ProfileCard .like{position:absolute;top:0;bottom:0;left:0;right:0;color:#fd8b6f;font-size:140px;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;-webkit-transition:all .2s;transition:all .2s}.ProfileCard.active{opacity:1}.ProfileCard.liked .like{opacity:.9;font-size:180px}.Nav{height:64px;background-color:#100530;display:flex;align-items:stretch;padding:0 80px;justify-content:space-between}.Nav .logo{display:flex;align-items:center}.Nav .logo .image{height:48px}.Nav .profile{display:flex;align-items:center;padding:12px 16px}.Nav .profile .picture{background-position:50%;background-size:cover;width:44px;height:44px;border-radius:44px;border:2px solid #fd8b6f}.Nav .profile .name{margin-left:8px;flex:1 1;font-weight:700;color:#fefef9}.MyProfile{flex:1 1;flex-direction:column}.MyProfile,.MyProfile .content{display:flex;align-items:stretch}.MyProfile .content{flex:1 1;position:relative;align-self:center;width:840px;box-shadow:0 0 8px rgba(34,34,34,.2);overflow:hidden;-webkit-transition:opacity .2s;transition:opacity .2s}.MyProfile .content .profile{width:340px;display:flex;flex-direction:column;align-items:stretch;background-color:#100530}.MyProfile .content .profile .picture{height:560px;background-position:50%;background-size:cover}.MyProfile .content .profile .info{flex:1 1;box-shadow:0 0 8px rgba(34,34,34,.2);display:flex;flex-direction:column;padding:24px;min-width:0;color:#fefef9}.MyProfile .content .profile .info .name{font-size:48px;font-weight:700;margin-bottom:8px}.MyProfile .content .profile .info .item{display:flex;align-items:center;margin-bottom:12px}.MyProfile .content .profile .info .item .icon{color:#767676}.MyProfile .content .profile .info .item .text{margin-left:8px}.MyProfile .content .profile .info .section .title{color:#767676!important}.MyProfile .content .sectionContainer{flex:1 1;display:flex;flex-direction:column;padding:24px;min-width:0}.MyProfile .content .profile .info .section,.MyProfile .content .sectionContainer .section{margin-top:16px;display:flex;flex-direction:column;align-items:stretch}.MyProfile .content .profile .info .section .title,.MyProfile .content .sectionContainer .section .title{font-weight:700;color:rgba(34,34,34,.2);margin-bottom:8px}.MyProfile .content .profile .info .section.sectionInterests .tagContainer,.MyProfile .content .sectionContainer .section.sectionInterests .tagContainer{display:flex;flex-wrap:wrap}.MyProfile .content .profile .info .section.sectionInterests .tagContainer .tag,.MyProfile .content .sectionContainer .section.sectionInterests .tagContainer .tag{border-radius:4px;display:flex;align-items:center;color:#fefef9;padding:8px;margin-right:8px;margin-bottom:8px}.MyProfile .content .profile .info .section.sectionInterests .tagContainer .tag .text,.MyProfile .content .sectionContainer .section.sectionInterests .tagContainer .tag .text{font-weight:700}.MyProfile .content .profile .info .section.sectionInterests .tagContainer .tag .icon,.MyProfile .content .sectionContainer .section.sectionInterests .tagContainer .tag .icon{margin-left:4px}.MyProfile .content .profile .info .section.sectionCities .cityContainer,.MyProfile .content .sectionContainer .section.sectionCities .cityContainer{display:flex;flex-wrap:wrap}.MyProfile .content .profile .info .section.sectionCities .cityContainer .city,.MyProfile .content .sectionContainer .section.sectionCities .cityContainer .city{width:200px;height:200px;border-radius:4px;box-shadow:0 0 8px rgba(34,34,34,.2);margin-right:16px;margin-bottom:16px;display:flex;flex-direction:column;align-items:stretch;overflow:hidden}.MyProfile .content .profile .info .section.sectionCities .cityContainer .city .cover,.MyProfile .content .sectionContainer .section.sectionCities .cityContainer .city .cover{height:92px;background-size:cover;background-position:50%}.MyProfile .content .profile .info .section.sectionCities .cityContainer .city .cityInfo,.MyProfile .content .sectionContainer .section.sectionCities .cityContainer .city .cityInfo{flex:1 1;display:flex;flex-direction:column;padding:8px 12px}.MyProfile .content .profile .info .section.sectionCities .cityContainer .city .cityInfo .name,.MyProfile .content .sectionContainer .section.sectionCities .cityContainer .city .cityInfo .name{flex:1 1;font-weight:700}.MyProfile .content .profile .info .section.sectionCities .cityContainer .city .cityInfo .date,.MyProfile .content .profile .info .section.sectionCities .cityContainer .city .cityInfo .location,.MyProfile .content .sectionContainer .section.sectionCities .cityContainer .city .cityInfo .date,.MyProfile .content .sectionContainer .section.sectionCities .cityContainer .city .cityInfo .location{font-size:14px;color:#767676}body{background-color:#fefef9;color:#484848;font-size:18px;font-family:Roboto,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;width:100%;display:flex;flex-direction:column;align-items:stretch}body ::-webkit-scrollbar{width:0!important;height:0!important}*{box-sizing:border-box;flex-shrink:0}input,select,textarea{outline:none;border:none;color:inherit;font-size:inherit;font-weight:inherit;font-family:inherit;padding:0;margin:0;background:none;width:auto;min-width:0;-webkit-appearance:none}a{text-decoration:inherit;color:inherit}
/*# sourceMappingURL=main.65ef3bdb.chunk.css.map */