@import url(https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;500;900&display=swap);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:initial;box-sizing:border-box}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{height:100%;line-height:1;color:#a03c3c;font-family:"Noto Sans KR",sans-serif;font-weight:300;box-sizing:border-box}ol,ul{list-style:none}a{text-decoration:none;color:inherit}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-thumb{border-radius:10px;-webkit-transition:.2 linear;transition:.2 linear}::-webkit-scrollbar-thumb:hover{background:#faede9;box-shadow:inset -2px -2px 3px rgba(160,60,60,.2),inset -2px -2px 3px hsla(0,0%,100%,.8),inset 1px 1px 2px rgba(160,60,60,.05);-webkit-transition:.2 linear;transition:.2 linear}::-webkit-scrollbar-thumb:active{box-shadow:inset -2px -2px 3px rgba(160,60,60,.3),inset -2px -2px 3px hsla(0,0%,100%,.8),inset 1px 1px 2px rgba(160,60,60,.05);-webkit-transition:.2 linear;transition:.2 linear}#root{top:0;left:0;bottom:0;right:0;position:fixed;display:flex;overflow:overlay;scrollbar-width:none}#root,.home_title h1,.home_title h2{background-color:#ffaf74;background-image:linear-gradient(-45deg,#ffaf74,#ff6f73,#ffaf74);background-size:400% 400%;-webkit-animation:gradient 10s ease infinite;animation:gradient 10s ease infinite}@keyframes gradient{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@-webkit-keyframes gradient{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@media (-ms-high-contrast:none),screen and (-ms-high-contarst:active){.moods input[type=radio]:checked+img,.moods input[type=radio]:focus+img,.moods input[type=radio]:hover+img{background-color:hsla(0,0%,100%,.6);border:3px solid hsla(0,0%,100%,.6);border-radius:100%;box-sizing:border-box}.home_title h1,.home_title h2,.home_weather .weatherTemp{color:#ff8872!important;background:none!important}.react-reveal{opacity:1}}.container{display:flex;justify-content:center;flex-direction:column;margin:auto;width:680px;padding-top:30px}.ask_container,.home_container,.result_container{background-color:hsla(0,0%,100%,.7);box-shadow:12px 12px 30px rgba(160,60,60,.3);-webkit-backdrop-filter:saturate(200%) blur(10px);backdrop-filter:saturate(200%) blur(10px);border-radius:50px;height:720px;display:flex;align-items:center;justify-content:center;flex-direction:column;position:relative;text-align:center;overflow:hidden;transition:all .2s linear}.home_container.loader{font-size:1.5rem;font-weight:500}.ask_container:before,.home_container:before,.result_container:before{background:linear-gradient(135deg,rgba(160,60,60,.1),hsla(0,0%,100%,.7));content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1}.btn{border:none;border-radius:30px;background-color:initial;background:linear-gradient(135deg,rgba(160,60,60,.15),hsla(0,0%,100%,.25));box-shadow:5px 5px 8px rgba(160,60,60,.3),-6px -5px 8px hsla(0,0%,100%,.55),inset 3px 3px 8px rgba(160,60,60,.05);color:rgba(160,60,60,.4);font-family:"Noto Sans KR",sans-serif;font-weight:500;font-size:21px;padding:10px;width:120px;opacity:.6;transition:width .2s linear,padding .2s linear,font-size background .2s linear linear .2s}.btn:hover{color:rgba(160,60,60,.9);box-shadow:3px 3px 8px rgba(160,60,60,.3),-4px -3px 8px hsla(0,0%,100%,.6),inset 3px 3px 8px rgba(160,60,60,.05);transition:.2s linear}.btn:active{box-shadow:1px 1px 5px rgba(160,60,60,.3),-1px -1px 5px hsla(0,0%,100%,.6),inset 1px 1px 5px rgba(160,60,60,.05);color:rgba(160,60,60,.6);transition:color .2s linear,opacity .2s linear;opacity:1}button:focus{outline:none}.home_title{width:490px}.home_title h1,.home_title h2{-webkit-background-clip:text;background-clip:text;color:transparent;font-weight:900;text-align:left;transition:all .2s linear;-webkit-animation:gradient 14s ease infinite;animation:gradient 14s ease infinite}.home_title h1{font-size:80px;font-weight:900;line-height:.9em}.home_title h2{font-size:38px;font-weight:500}.home_title .home_logo{width:500px}.home_weather{border-radius:50px;width:160px;height:154px;margin:50px 0 30px;background:linear-gradient(135deg,rgba(160,60,60,.08),hsla(0,0%,100%,.2));box-shadow:inset 3px 3px 10px rgba(160,60,60,.2),inset -3px -3px 10px hsla(0,0%,100%,.3)}.home_weather .weatherbox{position:relative;top:28px}.home_weather .weatherTemp{background-color:#ffaf74;background-image:linear-gradient(-45deg,#ffaf74,#ff6f73);-webkit-background-clip:text;background-clip:text;color:transparent}.home_weather .weatherIcon{width:70px;margin-top:10px}.home_weather .home_loading{font-size:18px;position:relative;top:40%}.home_weather .weatherTemp{font-size:18px;font-weight:500}.moods{padding:5px 12px}.food_box,.mood_box{display:flex;align-items:center;flex-direction:column;min-height:inherit;height:50%;justify-content:center;grid-gap:40px;gap:40px}.foods .radiobox,.moods .radiobox{display:flex;justify-content:flex-start;align-items:center;flex-wrap:nowrap;margin:20px 0;cursor:pointer;position:relative}.food_ask,.mood_ask{font-size:36px;font-weight:300;transition:all .2s linear;word-break:keep-all}.food_ask span,.mood_ask span{font-weight:500}.foods,.moods{background-color:initial;background:linear-gradient(135deg,rgba(160,60,60,.08),hsla(0,0%,100%,.25));box-shadow:6px 5px 10px rgba(160,60,60,.15),-6px -5px 8px hsla(0,0%,100%,.35),inset 3px 3px 8px rgba(160,60,60,.03);border-radius:2.2rem}.foods input[type=radio],.moods input[type=radio]{position:absolute;opacity:0}.foods img,.moods img{-webkit-filter:brightness(500%);filter:brightness(500%);height:48px;width:48px;margin:.3rem}.foods input+img,.moods input+img{cursor:pointer}.foods input[type=radio]+img,.moods input[type=radio]+img{transition:all .1s linear}.foods input[type=radio]:hover+img,.moods input[type=radio]:hover+img{-webkit-filter:brightness(100%);filter:brightness(100%);opacity:.5}.foods input[type=radio]:checked+img,.foods input[type=radio]:focus+img,.moods input[type=radio]:checked+img,.moods input[type=radio]:focus+img{-webkit-filter:brightness(100%);filter:brightness(100%);opacity:.8}.foods{display:flex;flex-wrap:nowrap;justify-content:center;padding:8px 20px 12px;border-radius:2.5rem;grid-gap:6px;gap:6px}.foods label{display:flex;flex-direction:column;align-items:center}.foods .food_text{color:#fff;font-size:16px;font-weight:500;transition:all .1s linear}.foods input[type=radio]:hover~.food_text{color:rgba(160,60,60,.6)}.foods input[type=radio]:checked~.food_text,.foods input[type=radio]:focus~.food_text{color:#a03c3c}.btn_wrap{display:flex;width:65%;justify-content:space-evenly;padding:0}.btn_wrap .btn{box-shadow:none;width:100%;opacity:1;background:none}.btn_wrap .btn:first-child{border-top-right-radius:0;border-bottom-right-radius:0}.btn_wrap .btn:first-child:hover{background:linear-gradient(135deg,rgba(160,60,60,.07),hsla(0,0%,100%,.15))}.btn_wrap .btn:last-child{border-top-left-radius:0;border-bottom-left-radius:0;background:linear-gradient(135deg,rgba(160,60,60,.08),hsla(0,0%,100%,.15))}.btn_wrap .btn:last-child:hover{background:linear-gradient(135deg,rgba(160,60,60,.15),hsla(0,0%,100%,.25))}.result_container{justify-content:flex-start;box-sizing:border-box}.result_container,.result_wrap{display:flex;justify-content:center}.result_wrap{flex-direction:column;height:100%;grid-gap:30px;gap:30px}.result_list .list_item{width:100%;max-width:520px;max-height:337px;display:none}.result_list .list_item:first-child{display:block}.result_wrap .result_title{font-size:42px;transition:all .2s linear}.result_list{border:1px solid rgba(160,60,60,.2);box-shadow:4px 4px 20px rgba(160,60,60,.2);border-radius:20px;overflow:hidden}.result_title .foodName{font-weight:700}.result_btnwrap,.result_imgwrap{display:flex;flex-direction:column;grid-gap:30px;gap:30px}.result_btnwrap{align-items:center}.result_btnwrap .share_text{display:flex;flex-direction:row;align-items:center;width:100%}.result_btnwrap .share_text p{font-weight:500;font-size:1em;padding:0 10px;text-wrap:nowrap;width:100%;color:rgba(160,60,60,.6)}.result_btnwrap .share_text:after,.result_btnwrap .share_text:before{content:"";display:block;height:1px;border-bottom:1px solid rgba(160,60,60,.4);width:100%}.sns_btn{padding:0;border:none;background:none}.sns_btn+.sns_btn{margin-left:20px}.sns_btn img{box-shadow:2px 3px 7px rgba(160,60,60,.3),-2px -3px 7px hsla(0,0%,100%,.7);border-radius:6px;width:34px;height:34px;transition:all .1s linear}.sns_btn img:hover{box-shadow:1px 1px 8px rgba(160,60,60,.3),-2px -2px 7px hsla(0,0%,100%,.7)}.sns_btn img:active{box-shadow:none}.result_loading{position:-webkit-sticky;position:sticky;top:35%}.footer{font-size:12px;line-height:1.5em;color:#fff;text-align:center;padding:30px 0 0}@media (max-width:768px){.container{width:85%}.ask_container,.home_container,.result_container{padding:40px 30px}.result_container{padding:0 30px}.home_title{width:60vw}.home_title h1{font-size:10vw}.home_weather{margin:40px 0}.home_weather .weatherIcon{width:60px}.food_ask,.mood_ask{font-size:5.2vw}.result_loading{width:150px}.result_wrap .result_title{font-size:38px}}@media (max-width:480px){.container{padding:30px 0}.ask_container,.home_container,.result_container{min-height:460px;height:80vh}.home_title h1,.home_title h2{text-align:center}.home_title h1{font-size:10vw;margin-bottom:5px}.home_title h2{font-weight:900;font-size:7vw}.home_weather{margin:30px auto}.home_start{margin:0}.food_box,.mood_box{grid-gap:30px;gap:30px}.moods{padding:2px 6px}.food_ask,.mood_ask{font-size:max(18px,6vw)}.foods img,.moods img{height:10vw;width:10vw}.foods .food_text{font-size:14px}.result_container{padding:0 0 30px;height:100%}.result_wrap{justify-content:flex-start;align-items:center;width:100%}.result_imgwrap{display:flex;flex-direction:column-reverse;justify-content:space-between}.result_list{box-shadow:none;border:none;border-radius:initial;width:100%;place-self:center;max-width:none}.result_list .list_item{width:auto;max-height:310px;max-width:none}.result_wrap .result_title{padding:0;font-size:8vw}.result_btnwrap{width:100%}.result_btnwrap .btn_wrap{margin:0}.result_btnwrap .share_text{padding:0 20px;margin-bottom:0}.result_btnwrap .share_text p{font-size:.9em}.btn{font-size:max(16px,5vw)}.mood_next.btn{width:100px}.sns_btn img{width:28px;height:28px}.footer{padding:15px 0 0}}
/*# sourceMappingURL=main.18e6f711.chunk.css.map */