html{line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}h1{font-size:2em;margin:.67em 0}dl dl,dl ol,dl ul,ol dl,ol ol,ol ul,ul dl,ul ol,ul ul{margin:0}hr{box-sizing:content-box;height:0;overflow:visible}main{display:block}pre{font-family:monospace,monospace;font-size:1em}abbr[title]{text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}svg:not(:root){overflow:hidden}button,input,select{margin:0}button{overflow:visible;text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}fieldset{padding:.35em .75em .625em}input{overflow:visible}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;white-space:normal}progress{display:inline-block;vertical-align:baseline}select{text-transform:none}textarea{margin:0;overflow:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}::-webkit-input-placeholder{color:inherit;opacity:.54}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}::-moz-focus-inner{border-style:none;padding:0}:-moz-focusring{outline:1px dotted ButtonText}:-moz-ui-invalid{box-shadow:none}details,dialog{display:block}dialog{background-color:#fff;border:solid;color:#000;height:-moz-fit-content;height:-webkit-fit-content;height:fit-content;left:0;margin:auto;padding:1em;position:absolute;right:0;width:-moz-fit-content;width:-webkit-fit-content;width:fit-content}dialog:not([open]){display:none}summary{display:list-item}template{display:none}.dot-typing{position:relative;left:-9999px;width:.3em;height:.3em;border-radius:.15em;background-color:#bdadad;color:#bdadad;box-shadow:9990px 0 0 0 #bdadad,9999px 0 0 0 #bdadad,10008px 0 0 0 #bdadad;-webkit-animation:dot-typing 1.5s linear infinite;animation:dot-typing 1.5s linear infinite}@-webkit-keyframes dot-typing{0%{box-shadow:9990px 0 0 0 #bdadad,9999px 0 0 0 #bdadad,10008px 0 0 0 #bdadad}16.667%{box-shadow:9990px -10px 0 0 #bdadad,9999px 0 0 0 #bdadad,10008px 0 0 0 #bdadad}33.333%{box-shadow:9990px 0 0 0 #bdadad,9999px 0 0 0 #bdadad,10008px 0 0 0 #bdadad}50%{box-shadow:9990px 0 0 0 #bdadad,9999px -10px 0 0 #bdadad,10008px 0 0 0 #bdadad}66.667%{box-shadow:9990px 0 0 0 #bdadad,9999px 0 0 0 #bdadad,10008px 0 0 0 #bdadad}83.333%{box-shadow:9990px 0 0 0 #bdadad,9999px 0 0 0 #bdadad,10008px -10px 0 0 #bdadad}to{box-shadow:9990px 0 0 0 #bdadad,9999px 0 0 0 #bdadad,10008px 0 0 0 #bdadad}}@keyframes dot-typing{0%{box-shadow:9990px 0 0 0 #bdadad,9999px 0 0 0 #bdadad,10008px 0 0 0 #bdadad}16.667%{box-shadow:9990px -10px 0 0 #bdadad,9999px 0 0 0 #bdadad,10008px 0 0 0 #bdadad}33.333%{box-shadow:9990px 0 0 0 #bdadad,9999px 0 0 0 #bdadad,10008px 0 0 0 #bdadad}50%{box-shadow:9990px 0 0 0 #bdadad,9999px -10px 0 0 #bdadad,10008px 0 0 0 #bdadad}66.667%{box-shadow:9990px 0 0 0 #bdadad,9999px 0 0 0 #bdadad,10008px 0 0 0 #bdadad}83.333%{box-shadow:9990px 0 0 0 #bdadad,9999px 0 0 0 #bdadad,10008px -10px 0 0 #bdadad}to{box-shadow:9990px 0 0 0 #bdadad,9999px 0 0 0 #bdadad,10008px 0 0 0 #bdadad}}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.grid{display:grid}.col-end{grid-row-start:auto;grid-column-end:-1}.col-full{grid-column:1/-1}.col-s1{grid-column-start:1;grid-row-end:auto}.col-1{grid-column-end:span 1}.col-s2{grid-column-start:2;grid-row-end:auto}.col-2{grid-column-end:span 2}.col-s3{grid-column-start:3;grid-row-end:auto}.col-3{grid-column-end:span 3}.col-s4{grid-column-start:4;grid-row-end:auto}.col-4{grid-column-end:span 4}.col-s5{grid-column-start:5;grid-row-end:auto}.col-5{grid-column-end:span 5}.col-s6{grid-column-start:6;grid-row-end:auto}.col-6{grid-column-end:span 6}.col-s7{grid-column-start:7;grid-row-end:auto}.col-7{grid-column-end:span 7}.col-s8{grid-column-start:8;grid-row-end:auto}.col-8{grid-column-end:span 8}.col-s9{grid-column-start:9;grid-row-end:auto}.col-9{grid-column-end:span 9}.col-s10{grid-column-start:10;grid-row-end:auto}.col-10{grid-column-end:span 10}.col-s11{grid-column-start:11;grid-row-end:auto}.col-11{grid-column-end:span 11}.col-s12{grid-column-start:12;grid-row-end:auto}.col-12{grid-column-end:span 12}.col-s13{grid-column-start:13;grid-row-end:auto}.col-13{grid-column-end:span 13}.col-s14{grid-column-start:14;grid-row-end:auto}.col-14{grid-column-end:span 14}.col-s15{grid-column-start:15;grid-row-end:auto}.col-15{grid-column-end:span 15}.col-s16{grid-column-start:16;grid-row-end:auto}.col-16{grid-column-end:span 16}.col-s17{grid-column-start:17;grid-row-end:auto}.col-17{grid-column-end:span 17}.col-s18{grid-column-start:18;grid-row-end:auto}.col-18{grid-column-end:span 18}.col-s19{grid-column-start:19;grid-row-end:auto}.col-19{grid-column-end:span 19}.col-s20{grid-column-start:20;grid-row-end:auto}.col-20{grid-column-end:span 20}.row-s1{grid-row-start:1}.row-1{grid-row-end:span 1}.row-s2{grid-row-start:2}.row-2{grid-row-end:span 2}.row-s3{grid-row-start:3}.row-3{grid-row-end:span 3}.row-s4{grid-row-start:4}.row-4{grid-row-end:span 4}.row-s5{grid-row-start:5}.row-5{grid-row-end:span 5}.row-s6{grid-row-start:6}.row-6{grid-row-end:span 6}.row-s7{grid-row-start:7}.row-7{grid-row-end:span 7}.row-s8{grid-row-start:8}.row-8{grid-row-end:span 8}.row-s9{grid-row-start:9}.row-9{grid-row-end:span 9}.row-s10{grid-row-start:10}.row-10{grid-row-end:span 10}.row-s11{grid-row-start:11}.row-11{grid-row-end:span 11}.row-s12{grid-row-start:12}.row-12{grid-row-end:span 12}.row-s13{grid-row-start:13}.row-13{grid-row-end:span 13}.row-s14{grid-row-start:14}.row-14{grid-row-end:span 14}.row-s15{grid-row-start:15}.row-15{grid-row-end:span 15}.row-s16{grid-row-start:16}.row-16{grid-row-end:span 16}.row-s17{grid-row-start:17}.row-17{grid-row-end:span 17}.row-s18{grid-row-start:18}.row-18{grid-row-end:span 18}.row-s19{grid-row-start:19}.row-19{grid-row-end:span 19}.row-s20{grid-row-start:20}.row-20{grid-row-end:span 20}.row-s21{grid-row-start:21}.row-21{grid-row-end:span 21}.row-s22{grid-row-start:22}.row-22{grid-row-end:span 22}.row-s23{grid-row-start:23}.row-23{grid-row-end:span 23}.row-s24{grid-row-start:24}.row-24{grid-row-end:span 24}.row-s25{grid-row-start:25}.row-25{grid-row-end:span 25}.row-s26{grid-row-start:26}.row-26{grid-row-end:span 26}.row-s27{grid-row-start:27}.row-27{grid-row-end:span 27}.row-s28{grid-row-start:28}.row-28{grid-row-end:span 28}.row-s29{grid-row-start:29}.row-29{grid-row-end:span 29}.row-s30{grid-row-start:30}.row-30{grid-row-end:span 30}.row-s31{grid-row-start:31}.row-31{grid-row-end:span 31}.row-s32{grid-row-start:32}.row-32{grid-row-end:span 32}.row-s33{grid-row-start:33}.row-33{grid-row-end:span 33}.row-s34{grid-row-start:34}.row-34{grid-row-end:span 34}.row-s35{grid-row-start:35}.row-35{grid-row-end:span 35}.row-s36{grid-row-start:36}.row-36{grid-row-end:span 36}.row-s37{grid-row-start:37}.row-37{grid-row-end:span 37}.row-s38{grid-row-start:38}.row-38{grid-row-end:span 38}.row-s39{grid-row-start:39}.row-39{grid-row-end:span 39}.row-s40{grid-row-start:40}.row-40{grid-row-end:span 40}.flex{display:flex}.flex.align-c-c{justify-content:center}.flex.align-c-c,.flex.align-n-c{align-items:center}.flex.align-s-e{justify-content:flex-start;align-items:flex-end}.align-c{text-align:center}.img-response{max-width:100%;max-height:100%;width:auto;height:auto}.hidden{display:none}.text-center{text-align:center}.text-right{text-align:right}.btn{display:inline-block;border-radius:.2em;padding:.4em;min-width:7.5em;text-align:center;text-decoration:none;border:none}.btn.primary{color:#fff;background-color:#68a8b7}.fz-xs{font-size:.6em}.fz-sm{font-size:.8em}.fz-md{font-size:1.2em}.fz-lg{font-size:1.4em}.from-container{border-radius:1em;margin:0 2em;padding:1em;background-color:hsla(0,0%,100%,.6)}.from-container.horizontal-flex .form-group{display:flex;margin-bottom:20px}.from-container.horizontal-flex .form-group>label{flex:0 0 auto;margin-right:.4em;padding:.2em 0;font-size:1em;line-height:1.4em}.from-container.horizontal-flex .form-group>.form-field{flex:1 1 auto}.from-container.horizontal-flex .form-control{width:100%;box-sizing:border-box;border:none;outline:none;margin:0;padding:.2em .4em;font-size:1em;line-height:1.4em}.from-container.horizontal-flex .error-message{font-size:.8em}.btn-submit{color:#fff;background-color:#96d6d4}.error-message{color:#eb9697;margin:0;padding:.32em}input:-webkit-autofill{box-shadow:inset 0 0 0 1000px #fff;-webkit-text-fill-color:#000}img{-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none;-ms-user-drag:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.game-board,.story-board{max-width:100%;max-height:100%}.loader-progress{display:flex;align-items:center;justify-content:center;position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.progress-text{color:#fff}.forgot-account-page main,.forgot-password-page main,.modify-password-page main,.sign-in-page main,.sign-up-page main{display:flex;flex-direction:column;align-items:center;justify-content:center}.forgot-account-page .form-title,.forgot-password-page .form-title,.modify-password-page .form-title,.sign-in-page .form-title,.sign-up-page .form-title{color:#6e6568;margin-bottom:1em}.forgot-account-page .form-group>label,.forgot-password-page .form-group>label,.modify-password-page .form-group>label,.sign-in-page .form-group>label,.sign-up-page .form-group>label{color:#7c5d5d}.forgot-account-page .form-group>.form-control,.forgot-password-page .form-group>.form-control,.modify-password-page .form-group>.form-control,.sign-in-page .form-group>.form-control,.sign-up-page .form-group>.form-control{color:#6e6568}.modal{position:fixed;top:0;bottom:0;left:0;right:0;display:flex;flex-direction:column;justify-content:center;align-items:center}.topic-list{list-style-type:none;margin:0;padding:0}.topic-link{display:list-item;color:#000;color:initial;cursor:pointer;text-decoration:none;text-decoration:initial;margin:16px 0}.topic{display:grid;grid-template-columns:160px auto;grid-template-rows:auto auto;grid-gap:10px}h3{color:#7496c8;margin:0}.chip-select{width:100%;display:flex;list-style-type:none;margin:0;padding:.6em;box-sizing:border-box}.chip{border-radius:1em;padding:.4em .6em;background-color:#fff;box-shadow:1px 1px 2px rgba(0,0,0,.3);cursor:pointer;margin-top:.5em;margin-right:.6em;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.chip.active{background-color:#aaa}.chip-select.horizontal{overflow-x:auto;overflow-y:hidden;flex-wrap:nowrap}.chip-select.horizontal .chip{white-space:nowrap;margin-top:0}.about-us-modal.modal{position:fixed}.about-us-container{border-radius:1em;background-color:hsla(0,0%,100%,.7);text-align:center;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;max-width:350px;max-height:100%;padding:20px;box-sizing:border-box}.about-us-container h3{color:#3a86a0}.about-us-container p{color:#7c5c5c}.about-us-container .btn-confirm{background-color:#96d6d4;color:#fff;cursor:pointer}.hr-pink{height:2em;width:100%;background-color:#fcdbd8;-webkit-mask:url(/agency/line2.png) no-repeat center center;mask:url(/agency/line2.png) no-repeat center center;-webkit-mask-size:99%;mask-size:99%}.base-header{position:relative;padding:0 16px;background-color:#eb9697;box-sizing:border-box;height:68px;display:flex;justify-content:flex-start;align-items:center}.base-header .title{color:#fff;font-size:1.4rem;padding:0 10px}.base-header .link{flex:0 0 auto}.base-menu{display:flex;flex-direction:column;position:absolute;top:100%;left:0;background-color:#e9aaa0;padding-right:1em}.base-menu .btn-link{color:#fff;padding:.5em 1em;box-sizing:border-box;text-decoration:none;cursor:pointer}.base-menu .btn-link+.btn-link{border-top:1px solid #fff}.base-layout{position:relative;width:100vw;height:100vh;overflow-x:hidden;overflow-y:auto;background-image:url(/home/background.png);background-repeat:no-repeat;background-size:cover;background-position:50%;background-attachment:fixed}.base-layout.disabled-scroll,.base-layout.disabled-scroll footer,.base-layout.disabled-scroll header,.base-layout.disabled-scroll main{overflow:hidden!important}aside{position:fixed;top:0;left:0;height:100vh;min-width:300px;transform:translate(-100%);transition-timing-function:linear;background-color:#f5d6d6}aside.open{transform:translate(0)}.base-layout-container{display:flex;flex-direction:column;height:100%;position:relative}.base-layout-container header{z-index:2;flex:0 0 auto;position:relative}.base-layout-container main{z-index:1;flex:1 1 auto;overflow-x:hidden;overflow-y:auto;position:relative}.base-layout-container footer{z-index:1;flex:0 0 auto;position:relative}.story-layout{position:absolute;left:0;right:0;bottom:0;background-color:#000}.story-layout,.task-board{top:0;display:flex;align-items:center;justify-content:center}.task-board{flex-direction:column;position:relative}.task-board .task-navbar{width:414px;max-width:100%;min-height:48px;position:absolute;top:0;background-color:#fff;box-shadow:inset 0 0 0 4px #eff3f4}.task-board .day{color:#61a0c6;background-color:#eff3f4;box-sizing:border-box;width:8em;padding:.2em 2em;margin:.6em 0;border-top-right-radius:1em;border-bottom-right-radius:1em}.task-board .task-list{padding-left:2em;padding-bottom:1em;display:grid;grid-template-rows:repeat(6,auto);grid-auto-flow:column}.task-board .btn-task{background-color:transparent;background-color:initial;display:flex;align-items:center;text-align:left}.task-board .btn-task label{margin-left:.4em}.task-board .btn-expand{margin-left:1em;color:#61a0c6}.task-board .btn-collapse,.task-board .btn-expand{background-color:transparent;background-color:initial}.task-board .btn-collapse{color:#92bec6;position:absolute;right:0;bottom:0}.task-board .btn-watering{position:absolute;top:100%;right:0}.task-page{font-size:18px}.task-page dl{border-bottom:1px solid #aaa;padding:10px 0;margin:0 0 20px}.task-page dt{clear:both;padding:10px 0}.task-page dd,.task-page dt{margin:0;box-sizing:border-box}.task-page dd{float:right;position:relative;height:0;top:-30px}.plant-container{background-color:#fff;text-align:center}.plant-link{display:inline-block}.menu{display:grid;grid-template-columns:1fr 1fr;justify-items:center;height:calc(100vh - 68px)}.menu-item{display:flex;flex-direction:column;align-items:center;justify-content:center}.link-questionnaire{text-decoration:none;background-color:#76bdb0;border:3px solid #92cdbe;color:#fff;position:fixed;right:0;bottom:0;margin:20px;padding:10px 20px;border-radius:.5em}.intro-page main{display:flex;flex-direction:column;align-items:center;justify-content:center}.intro-page .chip-select{flex-wrap:wrap}.intro-page .chip-select .avatar.chip{flex-grow:0;flex-shrink:1;flex-basis:50%;height:125px;margin:0;display:flex;justify-content:center;align-items:center}.modal{position:absolute}.total-score{font-size:22px}.reference,.total-score{font-weight:700;color:#20409a}.quiz-modal,.result-modal,.rule-modal{display:flex;flex-direction:column;width:77.29%;height:59.88%;position:absolute;bottom:30px;left:50%;transform:translateX(-50%);box-sizing:border-box;color:#fff}.over-container,.quiz-container,.result-container,.rule-container,.start-container{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;max-width:100%;max-height:100%}.over-container main,.start-container main{position:absolute;width:100%;top:50%;text-align:center}.over-container footer,.start-container footer{position:absolute;bottom:0;width:100%;display:flex;justify-content:space-around;padding-bottom:9.66%;box-sizing:border-box}.over-container .btn-img,.start-container .btn-img{width:23.67%;padding-bottom:23.67%;height:0;background-position:50%;background-size:cover;background-repeat:no-repeat}.quiz-container header,.result-container header,.rule-container header{flex:0 0 13.75%;display:flex;justify-content:center;align-items:center;background-color:#20409a;border-radius:10px 10px 0 0;box-shadow:0 0 0 7px #abaed8}.quiz-container main,.result-container main,.rule-container main{flex:1 1 auto;padding:20px;background-color:#6386c2;box-shadow:0 0 0 7px #abaed8;box-sizing:border-box;height:56.25%}.quiz-container footer,.result-container footer,.rule-container footer{flex:0 0 26.25%;display:flex;justify-content:space-around;align-items:center;background-color:#20409a;border-radius:0 0 10px 10px;box-shadow:0 0 0 7px #abaed8}.quiz-container .btn-img,.result-container .btn-img,.rule-container .btn-img{width:23.4375%;padding-bottom:23.4375%;height:0;background-position:50%;background-size:cover;background-repeat:no-repeat}.score-board{position:absolute;top:13.47%;right:3.96%;display:grid;grid-template-columns:auto auto;grid-template-rows:auto auto;width:30%;height:18.7%;background-color:#20409a;box-sizing:border-box;justify-content:space-evenly;align-items:center}.score-board .score,.score-board .symbol{display:flex;justify-content:center;align-items:center}.score-board .score{background-color:#fff;font-size:40px;overflow:hidden;width:1em}.action{background-size:cover;background-repeat:no-repeat;background-position:0 0;position:relative;max-width:100%;max-height:100%;width:auto;height:auto}.shot-score{background-image:url(/game/basketball/action1-success.jpg)}.shot-no-score,.shot-score{-webkit-animation:action 3s steps(7) 1 forwards;animation:action 3s steps(7) 1 forwards}.shot-no-score{background-image:url(/game/basketball/action1-fail.jpg)}.slam-dunk-score{background-image:url(/game/basketball/action2-success.jpg);-webkit-animation:action 2.5s steps(4) 1 forwards;animation:action 2.5s steps(4) 1 forwards}.slam-dunk-no-score{background-image:url(/game/basketball/action2-fail.jpg);-webkit-animation:action 2.5s steps(5) 1 forwards;animation:action 2.5s steps(5) 1 forwards}@-webkit-keyframes action{0%{background-position-x:0}to{background-position-x:100%}}@keyframes action{0%{background-position-x:0}to{background-position-x:100%}}.chatbot-page .toolbar{padding:0 16px;background-color:#d3e1f3;box-sizing:border-box;height:68px;display:flex;justify-content:flex-start;align-items:center;color:#bdadad}.chatbot-page .msg-container{display:flex;flex:1 1 auto;flex-direction:column;height:100%;overflow-y:auto}.chatbot-page .msg{display:flex;align-self:flex-start;align-items:flex-start;margin:4px 60px 4px 12px}.chatbot-page .msg.me{align-self:flex-end;margin:4px 12px 4px 60px}.chatbot-page .msg.me .msg-text{margin:0;background-color:#fff;color:#988685}.chatbot-page .msg.me .time{color:#988685}.chatbot-page .msg-text{display:flex;flex-wrap:wrap;border-radius:10px;margin:0 0 0 8px;padding:12px;background-color:#f5f6f7;line-height:1em;box-shadow:0 0 0 1px #e2e2e2;font-size:1rem;min-width:1.6em;min-height:1em}.chatbot-page .time{flex:1 0 auto;color:#b7b7b7;margin:4px 0 0 1em;height:8px;text-align:right}.chatbot-page .option-container{display:flex;flex:0 0 auto;flex-wrap:wrap;background-color:#e9f6fb;padding:8px}.chatbot-page .option{padding:.6em 1em;margin:4px;outline:none;border:none;border-radius:10px;background-color:#fff;color:#988685;box-shadow:0 0 0 1px #e2e2e2;font-size:1rem}.chatbot-page .input-container{box-sizing:border-box;padding:12px 8px;background-color:#f7cac9}.chatbot-page .input-container input{box-sizing:border-box;border:none;outline:none;padding:8px;width:100%;border-radius:1em;color:#d1a8a7;background-color:#fff}.social-welfare-agency-page .agency-card-list{list-style-type:none;margin:0;padding:0}.social-welfare-agency-page h3{margin:.4em 0;color:#478fa7;text-align:center}.social-welfare-agency-page p{margin:0;color:#6c5a62;font-weight:400;line-height:1.6em;word-break:break-all}.social-welfare-agency-page .p-des{color:#6d6e71;padding:10px 20px;margin-bottom:10px;background-color:hsla(0,0%,100%,.5);text-align:center}.social-welfare-agency-page .p-date{color:#9196a3}.social-welfare-agency-page .agency-card{margin:15px}.social-welfare-agency-page .agency-link-container{padding:10px 20px;display:flex;flex-direction:column;align-items:center}.social-welfare-agency-page .agency-attribute-container{border-left:6px solid hsla(0,0%,100%,.5);padding-left:2em}.social-welfare-agency-page .agency-attribute{list-style:none;text-indent:-1.7em}.social-welfare-agency-page img.list-icon{margin-right:.5em;vertical-align:middle;width:1.2em;height:1.2em;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.social-welfare-agency-page .btn-img-group{display:flex;flex-wrap:wrap;justify-content:center}.social-welfare-agency-page .btn-img-group .btn-img{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;margin:20px}.social-welfare-agency-page .btn-img-group .btn-img.active{opacity:.4}.social-welfare-agency-page .activity-card{display:block;text-decoration:none;margin:30px 15px;box-sizing:border-box}.social-welfare-agency-page .activity-card h3{text-align:left}.article-type-options{display:grid;grid-template-columns:1fr 1fr 1fr;justify-items:center;align-content:center;grid-gap:20px;gap:20px}.article-type-option{display:flex;align-items:center;justify-content:center;overflow:hidden;word-break:break-all;border:1px solid #e3b6ec;border-radius:50%;box-sizing:border-box;width:90px;height:90px;margin:0;padding:0;background:linear-gradient(125deg,#e79995,#fff 90%)}.article-type-option.active{border:3px solid #e599b5}.article-list{padding:15px 30px;font-weight:700;font-size:16px}.article-list a{text-decoration:none}.article-list .article-type{color:#999daa;margin-right:20px}.article-list .article-title{color:#6098af}.post,.reply{position:relative;padding:30px 10px}.post .post-head,.reply .post-head{display:flex}.post .post-head .avatar,.reply .post-head .avatar{flex:0 0 auto;padding:0 10px 10px;width:2.5em}.post .post-head .meta,.reply .post-head .meta{flex:1 1 auto}.post .post-head .user-info,.reply .post-head .user-info{color:#98c1c9;font-size:16px}.post .post-head .title,.reply .post-head .title{color:#7496c8;margin:0;font-size:22px}.post .post-head .post-info,.reply .post-head .post-info{color:#f7cac9;font-size:16px}.post .post-content,.reply .post-content{padding:0 3em 0 3.75em}.post .post-content p,.reply .post-content p{word-break:break-word;margin:.4em 0}.post-action{background-color:#f0f5fc;display:flex;justify-content:space-between;align-items:stretch;padding:0 20px;color:#a68c8c}.post-action .emoji-container{display:flex;align-items:center;position:relative;flex:0 0 auto;padding-right:20px}.post-action .emoji-container .emoji+.emoji{margin-left:-.3em}.post-action .emoji-count{padding-left:.5em}.post-action .emoji-container:hover .emoji-picker,.post-action .emoji-picker:hover{display:flex}.post-action .emoji-picker{display:none;box-sizing:border-box;position:absolute;width:12em;padding:.6em 1.2em;left:0;bottom:calc(100% + 1em);background-color:#f0f5fc;border-radius:1em}.post-action .emoji-picker .emoji.chip{cursor:pointer}.post-action .emoji-picker:before{content:" ";width:100%;height:1em;position:absolute;top:100%;left:0}.post-action .emoji-picker:after{content:" ";width:0;height:0;border-color:#f0f5fc transparent transparent;border-style:solid;border-width:1em 5.5px 0;position:absolute;top:100%;left:1em}.reply .emoji-container{position:absolute;top:30px;right:20px}.reply .btn-emoji{cursor:pointer;background:none;border:none}.reply .btn-emoji:focus{outline:none}.reply .btn-reply{position:absolute;bottom:10px;right:20px;padding:5px 10px;border-radius:.5em;background-color:#f2f6f7;color:#91bec6;cursor:pointer}.reply-count{flex:1 1 auto;display:flex;align-items:center}.open-reply-container{background-color:#f9eaea;padding:20px 55px}.open-reply-container .btn-reply{background-color:#fff;border:1px solid #f7cac9;color:#f7cac9;padding:10px;border-radius:1em;height:2em;cursor:pointer}.search-button{display:flex;width:10em;height:2.5em;border:none;border-radius:1.25em;background-color:#fff;justify-content:space-between;align-items:center;padding-left:10px;box-sizing:border-box}.search-button:focus{outline:none}.forum-page{background-image:none}.forum-page.is-no-soroll .base-layout-container>main{overflow:hidden}.forum-page .toolbar{position:-webkit-sticky;position:sticky;top:0;background-color:#f2f6f7;padding:0 10px;border-bottom:10px solid #f2f6f7;z-index:1}.forum-page .tab{border:none;padding:10px 15px 5px;background-color:transparent;background-color:initial;font-size:16px}.forum-page .tab:focus{outline:none}.forum-page .tab.active{border-bottom:3px solid #f8b2b3}.forum-page .btn-add-post{position:fixed;display:inline-block;right:0;bottom:0;margin:20px}.forum-page .post{padding-bottom:0}.forum-page .post-action{padding:10px 3.5em 10px 4.3em;background-color:transparent;background-color:initial;border-bottom:4px solid #f2f6f7;color:#e1cbc2}.forum-page .post-action .emoji-container{padding:0}.forum-page .reply-count{padding-left:20px}.forum-page .btn-share,.forum-page .open-reply-container{display:none}.forum-page .post-link{color:#000;color:initial;cursor:pointer;text-decoration:none}.forum-page .base-header .title,.new-post-page .base-header .title,.post-page .base-header .title{text-align:left}.new-post-page,.post-page{background-image:none}.reply-modal{position:fixed}.new-post-page .container,.reply-modal .container{font-size:10px;margin:20px;padding:20px;background-color:#fae9e9}.new-post-page .container .title,.reply-modal .container .title{color:#9b8382;border-bottom:2px solid #fac4b7}.new-post-page .form-group,.reply-modal .form-group{margin-bottom:10px;display:flex}.new-post-page .form-group>label,.reply-modal .form-group>label{flex:0 0 2.5em;text-align:right;padding-right:10px;padding-top:.7em}.new-post-page .form-group>.form-field,.reply-modal .form-group>.form-field{flex:1 1 auto}.new-post-page .form-group .form-control,.reply-modal .form-group .form-control{min-height:2em;width:100%}.new-post-page .form-group .error-message,.reply-modal .form-group .error-message{color:#eb9697;margin:5px 0 0}.new-post-page input,.new-post-page select,.new-post-page textarea,.reply-modal input,.reply-modal select,.reply-modal textarea{border:none;box-sizing:border-box}.new-post-page .chip-select,.reply-modal .chip-select{padding:0}.new-post-page .chip,.reply-modal .chip{box-shadow:0 0 0 1px #ddd;border-radius:0}.new-post-page .chip.active,.reply-modal .chip.active{box-shadow:0 0 0 1px #7496c8;background-color:#efeff8}.new-post-page textarea[name=content].form-control,.reply-modal textarea[name=content].form-control{min-height:10em}.avatar.chip,.emoji.chip{border:none;padding:0;margin:0 8px 0 0}.avatar.chip,.avatar.chip.active,.emoji.chip,.emoji.chip.active{background-color:transparent;background-color:initial;box-shadow:none}
/*# sourceMappingURL=main.6f6b58bf.chunk.css.map */