@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@400;700;900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Lalezar&family=Roboto:wght@400;700;900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Lalezar&family=Lobster&family=Oswald:wght@500&family=Roboto:wght@400;700&display=swap);
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent;text-decoration:none}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}ol,ul{list-style:none}input:-webkit-autofill,input:-webkit-autofill:active,input:-webkit-autofill:focus,input:-webkit-autofill:hover{box-shadow:inset 0 0 0 30px #fff!important}*{padding:0;margin:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}body::-webkit-scrollbar{width:8px}body::-webkit-scrollbar-track{background:#f3f0fa}body::-webkit-scrollbar-thumb{background:#6e45c7;border-radius:3px}.not-supported{width:100%;height:100vh;padding:15px}.not-supported,.not-supported .not-supported__modal{display:flex;align-items:center;justify-content:center}.not-supported .not-supported__modal{flex-direction:column;max-width:500px;background-color:#f3f0fa;border-radius:10px;padding:30px;border:5px solid #6e45c7}.not-supported .not-supported__modal p{font-size:1.8rem;line-height:2.4rem;color:#405281;text-align:center;font-weight:600;margin-bottom:10px}.not-supported .not-supported__modal span{font-size:1.6rem;color:#405281}.wrapper{margin:0 auto;min-height:100vh;background-color:#f3f0fa;position:relative;overflow-y:hidden}.first-loading{width:100%;height:100vh;display:flex;align-items:center;justify-content:center}.first-loading img{width:80px;height:80px;object-fit:cover}.main-content{width:calc(100% - 570px);margin-top:72px;margin-left:240px;position:relative;z-index:21}.main-container{width:100%;display:flex}.main-container .main-body{width:100%;min-height:calc(100vh - 72px);padding:20px;position:relative;z-index:9;background-color:#f3f0fa}@-webkit-keyframes fade{0%{color:hsla(0,0%,100%,.5)}to{color:#fff}}@keyframes fade{0%{color:hsla(0,0%,100%,.5)}to{color:#fff}}.btn{display:inline-block;font-size:1.2rem;letter-spacing:.8px;text-transform:uppercase;padding:12px 45px;cursor:pointer;transition:all .3s linear}.btn--primary{color:#fff;background-color:#6e45c7;border:1px solid #6e45c7}.btn--rounded{border-radius:30px}.btn--radius-5px{border-radius:5px}.btn--medium-size{padding:7px 20px}.btn--loading{-webkit-animation:fade .7s linear 0s infinite alternate;animation:fade .7s linear 0s infinite alternate}html{font-size:62.5%;line-height:2rem;box-sizing:border-box}body{font-family:"Poppins",sans-serif;color:#405281}textarea{font-family:"Roboto",sans-serif}.login-register-wrapper{width:100%;height:100vh;display:flex;align-items:center;justify-content:center;background-color:#f3f0fa}.login-register-container{width:768px;max-width:100%;min-height:530px;border-radius:10px;position:relative;overflow:hidden}.form-container{position:absolute;top:0;left:0;height:100%;width:50%;transition:all .5s ease-in-out}.form-container form{justify-content:center;background-color:#fff;height:100%;padding:0 50px}.form-container form,.form-container form .form-top{display:flex;flex-direction:column;align-items:center}.form-container form .form-top{width:100%}.form-container form .form-top h1{font-size:3em;line-height:3rem;color:#405281;margin:0}.form-container form .form-top ul{display:flex;align-items:center;grid-gap:15px;gap:15px;margin:30px 0 25px}.form-container form .form-top ul li{width:35px;height:35px;cursor:pointer}.form-container form .form-top ul li img{width:100%;height:100%;object-fit:cover}.form-container form .form-top span{font-size:1.4rem;color:#000;color:initial}.form-container form .form-top .form-top__account{width:100%;margin-top:15px;display:flex;flex-direction:column;align-items:center}.form-container form .form-top .form-top__account div span{font-family:"Roboto",sans-serif;font-size:1.1rem;color:#405281;line-height:1.4rem}.form-container form .form-top .form-top__account div span:first-child{font-weight:600}.form-container form .form-center{width:100%;margin-top:15px}.form-container form .form-center .form-center__group{position:relative;width:inherit}.form-container form .form-center .form-center__group input{width:100%;outline:none;border:1px solid #f7f7f7;background-color:transparent;padding:12px 15px;font-size:1.4rem;line-height:1;border-radius:3px;position:relative;z-index:2;transition:all .2s ease-in-out}.form-container form .form-center .form-center__group input:not(:-ms-input-placeholder){border-color:#6e45c7}.form-container form .form-center .form-center__group input:focus,.form-container form .form-center .form-center__group input:not(:placeholder-shown){border-color:#6e45c7}.form-container form .form-center .form-center__group input:not(:-ms-input-placeholder)+.form-group-label{top:-10px;background-color:#fff;color:#6e45c7;z-index:3}.form-container form .form-center .form-center__group input:focus+.form-group-label,.form-container form .form-center .form-center__group input:not(:placeholder-shown)+.form-group-label{top:-10px;background-color:#fff;color:#6e45c7;z-index:3}.form-container form .form-center .form-center__group .form-group-label{position:absolute;z-index:1;left:7px;top:14px;padding:0 8px;font-size:1.2rem;transition:all .2s ease-in-out}.form-container form .form-center .form-center__group .form-group-message{display:inline-block;font-size:1.1rem;color:#ea4335;margin:2px 0 0 5px}.form-container form .form-center .form-center__group .form-group-message:not(:empty){margin-bottom:18px}.form-container form .form-bottom{display:flex;flex-direction:column;align-items:center}.form-container form .form-bottom .form-bottom-alert{font-size:1.2rem;color:#ea4335;margin-bottom:8px}.form-container form .form-bottom .form-bottom-alert.--success{color:#2fa24c}.form-container form .form-bottom span{font-size:1.2rem;cursor:pointer;margin-bottom:25px}.form-container form .form-bottom button:hover{-webkit-filter:brightness(1.1);filter:brightness(1.1)}.login-container{opacity:1;z-index:2}.register-container{z-index:1;opacity:0}.login-register-container.--active .form-container{-webkit-transform:translateX(100%);transform:translateX(100%)}.login-register-container.--active .login-container{z-index:1;opacity:0}.login-register-container.--active .register-container{z-index:2;opacity:1}.overlay-container{position:absolute;right:0;width:50%;overflow:hidden;z-index:3}.overlay-container,.overlay-container .overlay{top:0;height:100%;transition:-webkit-transform .5s ease-in-out;transition:transform .5s ease-in-out;transition:transform .5s ease-in-out,-webkit-transform .5s ease-in-out}.overlay-container .overlay{position:relative;left:-100%;width:200%;display:flex;background-color:#6e45c7}.overlay-wrapper{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0 50px;transition:-webkit-transform .5s ease-in-out;transition:transform .5s ease-in-out;transition:transform .5s ease-in-out,-webkit-transform .5s ease-in-out}.overlay-wrapper h1{font-size:3rem;color:#fff}.overlay-wrapper p{font-size:1.4rem;line-height:2rem;color:#fff;margin-top:20px;margin-bottom:40px;text-align:center}.overlay-wrapper button{border-color:#fff;border-width:2px}.overlay-wrapper button:hover{-webkit-filter:brightness(1.1);filter:brightness(1.1)}.overlay-wrapper.overlay-left{-webkit-transform:translateX(-20%);transform:translateX(-20%)}.overlay-wrapper.overlay-right{-webkit-transform:translateX(0);transform:translateX(0)}.login-register-container.--active .overlay-container{-webkit-transform:translateX(-100%);transform:translateX(-100%)}.login-register-container.--active .overlay{-webkit-transform:translateX(50%);transform:translateX(50%)}.login-register-container.--active .overlay-wrapper.overlay-left{-webkit-transform:translateX(0);transform:translateX(0)}.login-register-container.--active .overlay-wrapper.overlay-right{-webkit-transform:translateX(20%);transform:translateX(20%)}.home-wrapper{display:flex;justify-content:center;grid-gap:20px;gap:20px}.home-stories{max-width:650px;margin:0 auto 20px}.home-post{width:550px;display:grid;grid-template-columns:repeat(1,1fr);grid-gap:20px 20px;gap:20px 20px}.home-post .home-post__load-more{width:100%;display:flex;justify-content:center;margin-top:10px}.home-post .home-post__load-more img{width:40px;height:40px}.home-post-empty,.home-post-loading{width:550px;height:450px;display:flex;align-items:center;justify-content:center}.home-post-loading img{width:60px;height:60px}.home-post-empty{display:flex;flex-direction:column;align-items:center}.home-post-empty img{width:120px;height:120px}.home-post-empty span{font-size:1.4rem;color:#405281}.media-show-modal-wrapper{position:fixed;width:100%;height:100%;top:0;left:0;z-index:40}.media-show-modal{width:100%;height:100%;display:flex}.media-modal-left{width:72%;background-color:#000}.media-modal-left .media-modal-left-container{position:relative;width:100%;height:100%;padding:20px 0;overflow:hidden}.media-modal-left .media-modal-left-container .media-modal-slider{width:inherit;height:inherit;display:flex;flex-wrap:nowrap;transition:all .3s linear}.media-modal-left .media-modal-left-container .media-modal-slider .media-slider-item{width:inherit;height:inherit;display:flex;justify-content:center;align-items:center;flex-shrink:0}.media-modal-left .media-modal-left-container .media-modal-slider .media-slider-item .media-image-wrap{width:100%;max-width:80%;-webkit-transform-origin:50% 50%;transform-origin:50% 50%;position:absolute;cursor:grab}.media-modal-left .media-modal-left-container .media-modal-slider .media-slider-item .media-image-wrap img{width:100%;height:auto;object-fit:cover;border-radius:3px}.media-modal-left .media-modal-left-container .media-modal-tool{width:100%;position:absolute;left:0}.media-modal-left .media-modal-left-container .media-modal-tool.media-modal-tool__top{top:0;display:flex;align-items:center;justify-content:space-between;padding:15px}.media-modal-left .media-modal-left-container .media-modal-tool.media-modal-tool__top .tool-top-close span{font-size:2.2rem;color:#fafafa;cursor:pointer;transition:color .2s linear}.media-modal-left .media-modal-left-container .media-modal-tool.media-modal-tool__top .tool-top-close span:hover{color:#6e45c7}.media-modal-left .media-modal-left-container .media-modal-tool.media-modal-tool__top .tool-top-zoom{display:inline-flex}.media-modal-left .media-modal-left-container .media-modal-tool.media-modal-tool__top .tool-top-zoom span{display:inline-block;font-size:2.2rem;color:#fafafa;cursor:pointer;transition:color .2s linear}.media-modal-left .media-modal-left-container .media-modal-tool.media-modal-tool__top .tool-top-zoom span.--non-active{pointer-events:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;opacity:.6}.media-modal-left .media-modal-left-container .media-modal-tool.media-modal-tool__top .tool-top-zoom span:not(.media-modal-left .media-modal-left-container .media-modal-tool.media-modal-tool__top .tool-top-zoom span.--non-active):hover{color:#6e45c7}.media-modal-left .media-modal-left-container .media-modal-tool.media-modal-tool__top .tool-top-zoom span.zoom-in-btn{margin-right:20px}.media-modal-left .media-modal-left-container .media-modal-tool.media-modal-tool__center{top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);padding:15px;display:flex}.media-modal-left .media-modal-left-container .media-modal-tool.media-modal-tool__center span{display:inline-flex;align-items:center;justify-content:center;width:50px;height:50px;background-color:#fafafa;border:1px solid #e7e0f5;color:#405281;border-radius:50%;font-size:2rem;cursor:pointer;transition:background-color,color .2s linear}.media-modal-left .media-modal-left-container .media-modal-tool.media-modal-tool__center span:hover{background-color:#f3f0fa;color:#6e45c7}.media-modal-left .media-modal-left-container .media-modal-tool.media-modal-tool__center .next-btn{margin-left:auto}.media-modal-right{width:28%;background-color:#fafafa}.media-modal-right .media-modal-info{padding:15px}.media-modal-right .media-modal-info .media-modal-info__user{display:flex;align-items:center}.media-modal-right .media-modal-info .media-modal-info__user .user-avatar{display:inline-block;width:45px;height:45px;border-radius:50%;border:1px solid #e7e0f5;margin-right:5px}.media-modal-right .media-modal-info .media-modal-info__user .user-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}.media-modal-right .media-modal-info .media-modal-info__user .user-content{display:inline-flex;flex-direction:column}.media-modal-right .media-modal-info .media-modal-info__user .user-content a{font-size:1.3rem;color:#405281;font-weight:600}.media-modal-right .media-modal-info .media-modal-info__user .user-content a:hover{color:#6e45c7}.media-modal-right .media-modal-info .media-modal-info__user .user-content span{font-size:1.1rem;color:#a5b6e1}.media-modal-right .media-modal-info .media-modal-info__user .post-tool{margin-left:auto}.media-modal-right .media-modal-info .media-modal-info__user .post-tool span{font-size:1.5rem;color:#405281;cursor:pointer}.media-modal-right .media-modal-info .media-modal-info__user .post-tool span:hover{color:#6e45c7}.media-modal-right .media-modal-info .media-modal-info__content{font-size:1.4rem;line-height:2.4rem;color:#405281;margin-top:10px}.video-box{width:100%;height:100%;position:relative;cursor:pointer}.video-box__content{width:100%;height:100%;display:flex;justify-content:center;background-color:#000;border-radius:3px}.video-box__content video{width:100%;height:auto;max-width:60%;object-fit:contain}.video-box:hover .video-box__control.--medium-size .video-box-control-container,.video-box:hover .video-box__control .video-box-control-container{-webkit-transform:translateY(0);transform:translateY(0)}.video-box__control{width:100%;position:absolute;z-index:3;left:0;bottom:0;padding:2px 10px;overflow:hidden}.video-box__control .video-box-control-container{display:flex;align-items:center;justify-content:space-between;grid-gap:5px;gap:5px;-webkit-transform:translateY(100%);transform:translateY(100%);transition:-webkit-transform .2s linear;transition:transform .2s linear;transition:transform .2s linear,-webkit-transform .2s linear}.video-box__control .video-box-control-container .video-control-item{display:flex;align-items:center;justify-content:center;cursor:pointer}.video-box__control .video-box-control-container .video-control-item.btn-control{width:30px;height:30px;font-size:1.8rem;color:#405281}.video-box__control .video-box-control-container .video-control-item.btn-control.expand-control,.video-box__control .video-box-control-container .video-control-item.btn-control.toggle-play-control{font-size:1.6rem}.video-box__control .video-box-control-container .video-control-item.time-info span{font-size:1rem}.video-box__control .video-box-control-container .video-control-item.time-info span:nth-child(2){margin:0 2px}.video-box__control .video-box-control-container .video-control-item.progress-line{flex:1 1}.video-box__control .video-box-control-container .video-control-item.progress-line input{width:100%;-webkit-appearance:none;height:5px;border-radius:30px;background-color:#fafafa;cursor:pointer;overflow:hidden}.video-box__control .video-box-control-container .video-control-item.progress-line input::-webkit-slider-thumb{-webkit-appearance:none;width:2px;height:5px;background-color:#405281;box-shadow:-400px 0 0 400px #405281,inset 0 0 0 20px #405281;cursor:pointer}.video-box__content.--medium-size video{max-width:100%}.video-box__control.--medium-size .video-box-control-container .video-control-item.btn-control{width:40px;height:40px;font-size:2rem}.video-box__control.--medium-size .video-box-control-container .video-control-item.btn-control.expand-control,.video-box__control.--medium-size .video-box-control-container .video-control-item.btn-control.toggle-play-control{font-size:1.8rem}.video-box__control.--medium-size .video-box-control-container .video-control-item.time-info span{font-size:1.1rem}.video-box__control.--medium-size .video-box-control-container .video-control-item.progress-line input{height:6px}.video-box__control.--medium-size .video-box-control-container .video-control-item.progress-line input::-webkit-slider-thumb{width:2px;height:6px}.stories-wrapper{width:100%;display:flex;justify-content:center}.stories-list-container{position:relative;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.stories-list{display:flex;grid-gap:10px;gap:10px}.stories-item-wrapper{display:inline-block;width:100px}.stories-item-wrapper .stories-item{width:100%;height:160px;position:relative;display:flex;flex-direction:column;justify-content:space-between;cursor:pointer;border-radius:10px;overflow:hidden}.stories-item-wrapper .stories-item:hover .stories-item__content{-webkit-transform:scale(1.1);transform:scale(1.1)}.stories-item-wrapper .stories-item .stories-item__avatar{position:absolute;top:13px;left:13px;z-index:2}.stories-item-wrapper .stories-item .stories-item__avatar.--seen img{outline:3px solid #fafafa}.stories-item-wrapper .stories-item .stories-item__avatar img{width:31px;height:31px;border-radius:50%;border:1px solid transparent;outline:3px solid #6e45c7}.stories-item-wrapper .stories-item .stories-item__content{width:100%;height:100%;border-radius:12px;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative;transition:-webkit-transform .2s linear;transition:transform .2s linear;transition:transform .2s linear,-webkit-transform .2s linear}.stories-item-wrapper .stories-item .stories-item__content img{position:absolute;top:0;left:0;width:100%;height:auto;border-radius:6px;object-fit:cover}.stories-item-wrapper .stories-item .stories-item__content span{display:inline-block;width:100%;text-align:center;padding:8px;position:relative;z-index:2;font-family:"Lalezar",cursive;font-size:1rem;line-height:1.4rem;color:#fafafa;word-break:break-word;-webkit-user-select:none;-ms-user-select:none;user-select:none}.stories-item-wrapper .stories-item .stories-item__name{position:absolute;left:10px;bottom:10px;z-index:2;font-size:1.1rem;line-height:1.6rem;font-weight:600;color:#fafafa;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;margin-right:5px}.stories-item-wrapper .stories-item-host{width:100%;height:160px;display:flex;flex-direction:column;border-radius:12px;border:1px solid #e7e0f5;overflow:hidden;cursor:pointer}.stories-item-wrapper .stories-item-host:hover .stories-item-host__avatar .host-avatar-img{-webkit-transform:scale(1.1);transform:scale(1.1)}.stories-item-wrapper .stories-item-host .stories-item-host__avatar{display:flex;justify-content:center;background-color:#6e45c7;flex:1 1}.stories-item-wrapper .stories-item-host .stories-item-host__avatar .host-avatar-img{width:60px;height:60px;margin-top:16px;transition:all .2s linear}.stories-item-wrapper .stories-item-host .stories-item-host__avatar .host-avatar-img img{width:100%;height:100%;object-fit:cover;border-radius:50%;border:4px solid #fafafa}.stories-item-wrapper .stories-item-host .stories-item-host__create{height:48px;display:flex;flex-direction:column;align-items:center;background-color:#fafafa}.stories-item-wrapper .stories-item-host .stories-item-host__create .create-icon{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;font-size:1.6rem;background-color:#6e45c7;border-radius:50%;outline:4px solid #fafafa;color:#fafafa;margin-top:-15px}.stories-item-wrapper .stories-item-host .stories-item-host__create .create-text{font-size:1.1rem;color:#405281;margin-top:6px}.stories-see-all{position:absolute;right:0;top:50%;-webkit-transform:translate(50%,-50%);transform:translate(50%,-50%);display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;background-color:#fafafa;border-radius:50%;border:1px solid #e7e0f5;font-size:1.8rem;color:#405281;cursor:pointer;transition:background-color .2s linear}.stories-see-all:hover{background-color:#f3f0fa}.post-item-wrapper .post-item{padding:20px 20px 8px;display:flex;flex-direction:column;background-color:#fafafa;border-radius:10px;border:1px solid #e7e0f5}.post-item__header{display:flex;align-items:center}.post-item__header .post-header-avatar{display:inline-block;width:40px;height:40px;border-radius:50%;overflow:hidden}.post-item__header .post-header-avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover}.post-item__header .post-header-name{display:flex;flex-direction:column;margin-left:10px}.post-item__header .post-header-name a{font-size:1.4rem;font-weight:600;color:#405281;transition:color .2s linear}.post-item__header .post-header-name a:hover{color:#6e45c7}.post-item__header .post-header-name span{font-size:1.1rem;color:#a5b6e1}.post-item__header .post-header-tool{margin-left:auto;display:flex;position:relative}.post-item__header .post-header-tool .post-header-tool__icon{position:relative;z-index:13;display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;font-size:1.8rem;color:#a5b6e1;cursor:pointer;transition:color .2s linear}.post-item__header .post-header-tool .post-header-tool__icon:hover{color:#6e45c7}.post-item__header .post-header-tool .post-header-tool__list{width:-webkit-max-content;width:max-content;max-width:300px;display:flex;flex-direction:column;padding:10px;position:absolute;top:calc(100% + 3px);right:-5px;z-index:8;background-color:#fafafa;border-radius:10px;box-shadow:0 3px 15px 2px rgba(0,0,0,.08);-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:calc(100% - 22px) -4px;transform-origin:calc(100% - 22px) -4px;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease}.post-item__header .post-header-tool .post-header-tool__list.--active{-webkit-transform:scale(1);transform:scale(1);transition:-webkit-transform .3s cubic-bezier(.175,.885,.32,1.275);transition:transform .3s cubic-bezier(.175,.885,.32,1.275);transition:transform .3s cubic-bezier(.175,.885,.32,1.275),-webkit-transform .3s cubic-bezier(.175,.885,.32,1.275)}.post-item__header .post-header-tool .post-header-tool__list:before{content:"";position:absolute;top:-18px;right:10px;border:10px solid transparent;border-bottom-color:#fafafa}.post-item__header .post-header-tool .post-header-tool__list .post-tool-item{padding:10px;border-radius:10px;display:flex;align-items:center;cursor:pointer;transition:background-color .2s linear}.post-item__header .post-header-tool .post-header-tool__list .post-tool-item:hover{background-color:#f3f0fa}.post-item__header .post-header-tool .post-header-tool__list .post-tool-item span{color:#405281;font-size:1.3rem}.post-item__header .post-header-tool .post-header-tool__list .post-tool-item span:first-child{display:inline-block;width:20px;height:20px;font-size:1.6rem;margin-right:2px}.post-item__body{margin-top:10px}.post-item__body .post-body-text .post-body-text__content{font-size:1.4rem;line-height:2.4rem;color:#405281;margin-top:5px}.post-item__body .post-body-text .post-body-text__more{display:inline-block;font-size:1.3rem;color:#a5b6e1;cursor:pointer;margin-top:2px}.post-item__body .post-body-text .post-body-text__more:hover{text-decoration:underline}.post-item__body .post-body-img{margin-top:15px;margin-bottom:8px;cursor:pointer}.post-item__body .post-body-img img{width:100%;height:auto;border-radius:3px}.post-item__footer{display:flex;align-items:center;margin-top:10px;padding-bottom:6px;border-bottom:1px solid #e7e0f5}.post-item__footer .post-footer-like{cursor:pointer}.post-item__footer .post-footer-like span:first-child{margin-right:1px}.post-item__footer .post-footer-like span:last-child{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px}.post-item__footer .post-footer-like span:last-child img{width:100%;height:100%;object-fit:cover}.post-item__footer .post-footer-comment{margin-left:auto}.post-item__footer .post-footer-comment span:first-child{margin-right:3px;font-weight:600}.post-item__footer .post-footer-comment,.post-item__footer .post-footer-like{display:inline-flex;align-items:center;font-size:1.3rem;color:#405281;cursor:pointer;transition:color .2s linear}.post-item__footer .post-footer-comment:hover,.post-item__footer .post-footer-like:hover{color:#6e45c7}.post-item__taskbar{display:flex;align-items:center;justify-content:space-between;padding:7px 20px 0}.post-item__taskbar .post-taskbar-icon{display:flex;align-items:center;padding:7px 12px;font-size:1.3rem;color:#405281;border-radius:8px;cursor:pointer;-webkit-user-select:none;-ms-user-select:none;user-select:none;transition:background-color .2s linear}.post-item__taskbar .post-taskbar-icon.--active{color:#6e45c7;font-weight:600}.post-item__taskbar .post-taskbar-icon:hover{background-color:#f3f0fa}.post-item__taskbar .post-taskbar-icon i{font-size:1.6rem;margin-right:5px}.post-item__comment-box{margin-top:7px;border-top:1px solid #e7e0f5}.comment-box-list{display:flex;flex-direction:column}.comment-box-list:not(:empty){padding-top:20px}.toggle-comment{display:inline-flex;align-items:center;font-size:1.2rem;line-height:1.3rem;color:#405281;cursor:pointer;margin-left:5px}.toggle-comment i{-webkit-transform:rotate(180deg);transform:rotate(180deg);font-size:1.2rem;margin-right:4px}.toggle-comment span:hover{text-decoration:underline}.comment-box-item{position:relative;overflow:hidden}.comment-box-item:not(:last-child){margin-bottom:5px}.comment-box-item.comment-box-lv1-item.--empty-child .comment-box-line{display:none}.comment-box-item .comment-box-line{width:3px;height:100%;position:absolute;top:45px;left:20px;background-color:rgba(243,240,250,.5)}.comment-box-item.comment-box-lv2-list .comment-box-lv2-item>.comment-box-line{left:-35px;top:5px;height:100%}.comment-box-item.comment-box-lv2-list .comment-box-lv2-item .comment-box-item__lv2 .comment-box-line{left:15px;top:35px}.comment-box-item.comment-box-lv3-list .comment-box-lv3-item>.comment-box-line{left:-35px;top:5px;height:100%}.comment-box-item--style{display:flex;position:relative;overflow:hidden}.comment-box-item--style .comment-box-avatar{width:40px;height:40px;border-radius:50%;border:1px solid #e7e0f5;overflow:hidden;flex-shrink:0}.comment-box-item--style .comment-box-avatar img{width:100%;height:100%;object-fit:cover}.comment-box-item--style.comment-box-item__lv2 .comment-box-avatar,.comment-box-item--style.comment-box-item__lv3 .comment-box-avatar{width:30px;height:30px}.comment-box-item--style.comment-box-item__lv3 .comment-box-body .comment-box-body__content{max-width:332px}.comment-box-item--style.comment-box-item__lv2 .comment-box-body .comment-box-body__content{max-width:380px}.comment-box-item--style.comment-box-item__lv1 .comment-box-body .comment-box-body__content{max-width:425px}.comment-box-item--style .comment-box-body{display:flex;flex-direction:column;align-items:flex-start;margin-left:5px}.comment-box-item--style .comment-box-body .comment-box-body__content{display:flex;flex-direction:column;align-items:flex-start;padding:8px 12px;border-radius:18px;background-color:#f3f0fa;position:relative}.comment-box-item--style .comment-box-body .comment-box-body__content .comment-content-name{font-size:1.3rem;line-height:1.8rem;font-weight:600;color:#405281}.comment-box-item--style .comment-box-body .comment-box-body__content .comment-content-name:hover{text-decoration:underline;color:#6e45c7}.comment-box-item--style .comment-box-body .comment-box-body__content .comment-content-text{font-size:1.3rem;line-height:2rem;color:#405281}.comment-box-item--style .comment-box-body .comment-box-body__content .comment-content-text a{font-size:1.3rem;font-weight:600;color:#405281;margin-right:3px}.comment-box-item--style .comment-box-body .comment-box-body__content .comment-content-text a:hover{text-decoration:underline;color:#6e45c7}.comment-box-item--style .comment-box-body .comment-box-body__content .comment-content-like-count{min-width:30px;position:absolute;bottom:0;right:0;border-radius:10px;border:1px solid #e7e0f5;background-color:#fafafa;display:flex;align-items:center;padding:1px 2px;-webkit-transform:translateX(65%);transform:translateX(65%)}.comment-box-item--style .comment-box-body .comment-box-body__content .comment-content-like-count span:first-child{width:15px;height:15px}.comment-box-item--style .comment-box-body .comment-box-body__content .comment-content-like-count span:first-child img{width:100%;height:100%;object-fit:cover}.comment-box-item--style .comment-box-body .comment-box-body__content .comment-content-like-count span:last-child{font-size:1.1rem;line-height:1.3rem;color:#405281;margin-left:2px;margin-top:1px}.comment-box-item--style .comment-box-body .comment-box-body__content .comment-content-edit{position:absolute;right:-10px;top:2px;z-index:2;-webkit-transform:translate(calc(100% - 2px));transform:translate(calc(100% - 2px));visibility:hidden;opacity:0;transition:visibility,opacity .2s linear}.comment-box-item--style .comment-box-body .comment-box-body__content .comment-content-edit.--active{visibility:visible;opacity:1}.comment-box-item--style .comment-box-body .comment-box-body__content .comment-content-edit .comment-edit-icon{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;font-size:1.4rem;color:#405281;border-radius:50%;cursor:pointer;transition:background-color .2s linear}.comment-box-item--style .comment-box-body .comment-box-body__content .comment-content-edit .comment-edit-icon:hover{background-color:#f3f0fa}.comment-box-item--style .comment-box-body .comment-box-body__content .comment-content-edit .comment-edit-menu{position:absolute;top:2px;left:calc(100% + 10px);background-color:#fafafa;box-shadow:0 2px 10px 2px rgba(0,0,0,.04);border-radius:10px;padding:8px;visibility:hidden;opacity:0;transition:visibility,opacity .2s linear}.comment-box-item--style .comment-box-body .comment-box-body__content .comment-content-edit .comment-edit-menu.--active{visibility:visible;opacity:1}.comment-box-item--style .comment-box-body .comment-box-body__content .comment-content-edit .comment-edit-menu .comment-edit-item{padding:6px 8px;border-radius:8px;font-size:1.2rem;line-height:1.5rem;color:#405281;cursor:pointer}.comment-box-item--style .comment-box-body .comment-box-body__content .comment-content-edit .comment-edit-menu .comment-edit-item:hover{background-color:#f3f0fa}.comment-box-item--style .comment-box-body .comment-box-body__content:after{content:"";position:absolute;z-index:1;right:-50px;top:0;width:50px;height:100%;background-color:transparent}.comment-box-item--style .comment-box-body .comment-box-body__tool{margin-top:4px;margin-left:15px}.comment-box-item--style .comment-box-body .comment-box-body__tool .comment-tool{font-size:1.1rem;color:#405281;position:relative;-webkit-user-select:none;-ms-user-select:none;user-select:none}.comment-box-item--style .comment-box-body .comment-box-body__tool .comment-tool:not(:last-child){margin-right:10px}.comment-box-item--style .comment-box-body .comment-box-body__tool .comment-tool:not(:last-child):after{width:2px;height:2px;content:".";position:absolute;top:-5px;right:-5px;color:#405281;font-weight:600}.comment-box-item--style .comment-box-body .comment-box-body__tool .comment-tool-like,.comment-box-item--style .comment-box-body .comment-box-body__tool .comment-tool-reply{font-weight:600;cursor:pointer}.comment-box-item--style .comment-box-body .comment-box-body__tool .comment-tool-like:hover,.comment-box-item--style .comment-box-body .comment-box-body__tool .comment-tool-reply:hover{text-decoration:underline}.comment-box-item--style .comment-box-body .comment-box-body__tool .comment-tool-like.--active{color:#6e45c7}.comment-box-item.comment-box-item__child .comment-box-curve{position:absolute;top:-5px;left:-1px;-webkit-transform:translateX(calc(-100% - 6px));transform:translateX(calc(-100% - 6px));width:28px;height:20px;border-right-style:solid;border-top-style:solid;border-right-width:0;border-top-width:0;border-left:3px solid rgba(243,240,250,.6);border-bottom:3px solid rgba(243,240,250,.6);border-bottom-left-radius:15px}.comment-box-item__child.comment-box-lv2-list{padding-top:3px;padding-left:55px;position:relative}.comment-box-item__child.comment-box-lv2-list.--non-input .comment-box-lv2-input,.comment-box-item__child.comment-box-lv2-list.--non-input div.comment-box-lv2-item:nth-last-child(2) .comment-box-line-lv2--toggle,.comment-box-item__child.comment-box-lv2-list.--non-toggle .comment-box-toggle-tool,.comment-box-item__child.comment-box-lv2-list.--non-toggle div.comment-box-lv2-item:nth-last-child(3) .comment-box-line--lv2{display:none}.comment-box-item__child.comment-box-lv2-list.--both-style div.comment-box-lv2-item:nth-last-child(3) .comment-box-line--lv2{display:block}.comment-box-item__child.comment-box-lv2-list .comment-box-lv2-item{position:relative}.comment-box-item__child.comment-box-lv2-list .comment-box-lv2-item.--empty-child .comment-box-item__lv2 .comment-box-line{display:none}.comment-box-item__child.comment-box-lv2-list .comment-box-lv2-item.comment-box-toggle-tool{padding-bottom:10px}.comment-box-item__child.comment-box-lv2-list .comment-box-lv2-input,.comment-box-item__child.comment-box-lv2-list .comment-box-lv3-input{position:relative;margin-bottom:10px}.comment-box-item__child.comment-box-lv3-list{padding-left:50px;position:relative;overflow:hidden;padding-bottom:5px}.comment-box-item__child.comment-box-lv3-list.--non-input .comment-box-lv3-input,.comment-box-item__child.comment-box-lv3-list.--non-input div.comment-box-lv3-item:nth-last-child(2) .comment-box-line-lv3--toggle,.comment-box-item__child.comment-box-lv3-list.--non-toggle .comment-box-toggle-tool,.comment-box-item__child.comment-box-lv3-list.--non-toggle div.comment-box-lv3-item:nth-last-child(3) .comment-box-line--lv3{display:none}.comment-box-item__child.comment-box-lv3-list.--both-style div.comment-box-lv3-item:nth-last-child(3) .comment-box-line--lv3{display:block}.comment-box-item__child.comment-box-lv3-list .comment-box-lv3-item{position:relative;margin-top:5px}.comment-box-item__child.comment-box-lv3-list .comment-box-lv3-item.comment-box-toggle-tool{padding-bottom:10px}.comment-box-item__child.comment-box-lv3-list .comment-box-lv3-item.comment-box-lv3-input{margin-top:0}.comment-box-create{width:100%;display:flex;flex-direction:column;justify-content:flex-start;margin-top:10px}.comment-box-create .comment-box-create__avatar{width:40px;height:40px;border-radius:50%;border:1px solid #e7e0f5;overflow:hidden;flex-shrink:0;margin-right:5px}.comment-box-create .comment-box-create__avatar img{width:100%;height:100%;object-fit:cover}.comment-box-create .comment-box-create__input{position:relative;width:100%;display:flex;align-items:center;padding:9px 0;border-radius:20px;border:1px solid rgba(231,224,245,.5);background-color:#f3f0fa}.comment-box-create .comment-box-create__input .input-tag{display:inline-block;padding:2px;position:absolute;top:16px;left:10px;-webkit-transform:translateY(-50%);transform:translateY(-50%);font-size:1.2rem;line-height:1.2rem;color:#405281;font-weight:600;background-color:rgba(165,182,225,.4);border-radius:3px}.comment-box-create .comment-box-create__input .input-tag:hover span{visibility:visible;opacity:1}.comment-box-create .comment-box-create__input .input-tag span{display:inline-flex;align-items:center;justify-content:center;position:absolute;top:-6px;right:-6px;width:12px;height:12px;font-size:.8rem;border-radius:50%;color:#405281;background-color:#a5b6e1;cursor:pointer;visibility:hidden;opacity:0;transition:visibility,opacity .2s linear}.comment-box-create .comment-box-create__input .input-text{width:100%;height:20px;font-size:1.3rem;line-height:2rem;color:#405281;padding:0 80px 0 12px;border:none;outline:none;background-color:transparent;resize:none;overflow:hidden}.comment-box-create .comment-box-create__input .input-text::-webkit-input-placeholder{color:#405281}.comment-box-create .comment-box-create__input .input-text:-ms-input-placeholder{color:#405281}.comment-box-create .comment-box-create__input .input-text::placeholder{color:#405281}.comment-box-create .comment-box-create__input .input-tool{position:absolute;bottom:8px;right:15px;display:flex;align-items:center;grid-gap:8px;gap:8px}.comment-box-create .comment-box-create__input .input-tool .input-tool-item{width:20px;height:20px;display:flex;align-items:center;justify-content:center;cursor:pointer}.comment-box-create .comment-box-create__input .input-tool .input-tool-item:hover span{color:#6e45c7}.comment-box-create .comment-box-create__input .input-tool .input-tool-item span{font-size:1.6rem;color:#405281;transition:color .2s linear}.comment-box-create.comment-box-create--small{margin-top:0}.comment-box-create.comment-box-create--small .comment-box-create__avatar{width:30px;height:30px}.comment-box-create.comment-box-create--small .comment-box-create__input{padding:6px 0}.comment-box-create.comment-box-create--small .comment-box-create__input .input-tool{bottom:5px}.comment-box-create .comment-box-update__cancel{text-align:right;margin-top:2px}.comment-box-create .comment-box-update__cancel span{font-size:1rem;font-weight:600;color:#a5b6e1;margin-right:15px;cursor:pointer}.comment-box-create .comment-box-update__cancel span:hover{text-decoration:underline}.audio-box-wrapper{padding:15px 0;display:flex;justify-content:center}.audio-box-wrapper .audio-box{display:flex;flex-direction:column;max-width:380px;width:100%;padding:20px 0;border-radius:10px;background-color:#f3f0fa;border:1px solid #e7e0f5}.audio-box-dashboard{padding:0 20px}.audio-box-dashboard,.audio-box-dashboard .audio-box__header{display:flex;flex-direction:column;align-items:center}.audio-box-dashboard .audio-box__header span{font-weight:600}.audio-box-dashboard .audio-box__header span:first-child{font-size:1.1rem;color:#6e45c7;margin-bottom:8px}.audio-box-dashboard .audio-box__header span:last-child{font-family:"Roboto",sans-serif;font-size:1.8rem;line-height:2.4rem;color:#405281;text-align:center}.audio-box-dashboard .audio-box__disk{margin-top:30px;width:155px;height:155px}.audio-box-dashboard .audio-box__disk .disk-image{padding-top:100%;background-size:cover;background-repeat:no-repeat;background-position:50%}.audio-box-dashboard .audio-box__control{width:100%;display:flex;flex-direction:column}.audio-box-dashboard .audio-box__control .audio-control__first{width:100%;display:flex;flex-direction:column-reverse;justify-content:center;align-items:flex-end;margin-bottom:30px;position:relative}.audio-box-dashboard .audio-box__control .audio-control__first input{display:none;position:absolute;top:0;right:-22px;-webkit-transform:translateY(-42px) rotate(-90deg);transform:translateY(-42px) rotate(-90deg);width:80px;-webkit-appearance:none;height:6px;border-radius:30px;border:1px solid #e7e0f5;background-color:#fafafa;cursor:pointer;overflow:hidden}.audio-box-dashboard .audio-box__control .audio-control__first input::-webkit-slider-thumb{-webkit-appearance:none;width:6px;height:6px;background-color:#6e45c7;box-shadow:-50px 0 0 50px #6e45c7,inset 0 0 0 20px #6e45c7;border-radius:50%;cursor:pointer}.audio-box-dashboard .audio-box__control .audio-control__first.--active input{display:block}.audio-box-dashboard .audio-box__control .audio-control__second{width:100%;display:flex;justify-content:space-between;align-items:center}.audio-box-dashboard .audio-box__control .audio-control{width:35px;height:35px;display:flex;align-items:center;justify-content:center;font-size:1.6rem;color:#405281;cursor:pointer}.audio-box-dashboard .audio-box__control .audio-control-toggle-play{width:50px;height:50px;border-radius:50%;background-color:#6e45c7;color:#fff;font-size:1.8rem;box-shadow:0 0 20px 1px rgba(110,69,199,.4)}.audio-box-dashboard .audio-box__control .audio-control-random.--active,.audio-box-dashboard .audio-box__control .audio-control-repeat.--active{color:#6e45c7}.audio-box-dashboard .audio-box__progress{width:100%;margin-top:25px;display:flex;flex-direction:column}.audio-box-dashboard .audio-box__progress input{width:100%;-webkit-appearance:none;height:5px;border-radius:20px;background-color:#6e45c7;cursor:pointer}.audio-box-dashboard .audio-box__progress input::-webkit-slider-thumb{-webkit-appearance:none;width:15px;height:15px;background-color:#fafafa;border:4px solid #6e45c7;border-radius:50%;cursor:pointer}.audio-box-dashboard .audio-box__progress .audio-time-line{width:100%;display:flex;align-items:center;justify-content:space-between;margin-top:10px}.audio-box-dashboard .audio-box__progress .audio-time-line span{font-size:1rem;color:#405281}.audio-box-play-list{display:flex;flex-direction:column;margin:30px 20px 0}.audio-box-play-list .play-list-heading{font-size:1.1rem;color:#6e45c7;font-weight:600;margin-bottom:10px}.audio-box-play-list .play-list-wrapper{display:flex;flex-direction:column;grid-gap:10px;gap:10px;padding-right:8px;max-height:200px;overflow-y:auto}.audio-box-play-list .play-list-wrapper::-webkit-scrollbar{width:4px}.audio-box-play-list .play-list-wrapper::-webkit-scrollbar-track{background:#f3f0fa}.audio-box-play-list .play-list-wrapper::-webkit-scrollbar-thumb{background:#6e45c7;border-radius:3px}.audio-box-play-list .play-list-wrapper .audio-item{padding:10px;border-radius:5px 10px 10px 5px;display:flex;align-items:center;background-color:#fafafa;border:1px solid #e7e0f5;cursor:pointer;position:relative}.audio-box-play-list .play-list-wrapper .audio-item.--active:before{content:"";position:absolute;top:0;left:-3px;width:5px;height:100%;background-color:#6e45c7}.audio-box-play-list .play-list-wrapper .audio-item__img{width:32px;height:32px;margin-right:10px;-webkit-user-select:none;-ms-user-select:none;user-select:none}.audio-box-play-list .play-list-wrapper .audio-item__img img{width:100%;height:100%;object-fit:cover}.audio-box-play-list .play-list-wrapper .audio-item__content span{font-size:1.2rem;line-height:1.6rem;color:#405281;overflow:hidden;text-overflow:ellipsis;-webkit-user-select:none;-ms-user-select:none;user-select:none}.img-video-box-wrapper{width:100%}.img-video-box{display:grid;grid-gap:2px;gap:2px}.img-video-box.box-one-item{grid-template-columns:repeat(1,1fr)}.img-video-box.box-three-item,.img-video-box.box-two-item{grid-template-columns:repeat(2,1fr)}.img-video-box.box-three-item{grid-template-rows:repeat(2,1fr)}.img-video-box.box-three-item .box-item:first-child{grid-column:1/2;grid-row:1/3}.img-video-box.box-three-item .box-item:nth-child(2){grid-column:2/3;grid-row:1/2;max-height:300px}.img-video-box.box-three-item .box-item:nth-child(3){grid-column:2/3;grid-row:2/3;max-height:300px}.img-video-box.box-four-item{grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr)}.img-video-box.box-four-item .box-item:first-child{grid-column:1/3;grid-row:1/4}.img-video-box.box-four-item .box-item:nth-child(2){grid-column:3/4;grid-row:1/2;max-height:220px}.img-video-box.box-four-item .box-item:nth-child(3){grid-column:3/4;grid-row:2/3;max-height:220px}.img-video-box.box-four-item .box-item:nth-child(4){grid-column:3/4;grid-row:3/4;max-height:220px}.img-video-box.box-more-item{grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(6,1fr)}.img-video-box.box-more-item .box-item:first-child{grid-column:1/3;grid-row:1/4;max-height:300px}.img-video-box.box-more-item .box-item:nth-child(2){grid-column:3/4;grid-row:1/3;max-height:200px}.img-video-box.box-more-item .box-item:nth-child(3){grid-column:1/3;grid-row:4/7;max-height:300px}.img-video-box.box-more-item .box-item:nth-child(4){grid-column:3/4;grid-row:3/5;max-height:200px}.img-video-box.box-more-item .box-item:nth-child(5){grid-column:3/4;grid-row:5/7;max-height:200px}.box-item{width:100%;height:100%}.box-item img{width:100%;height:100%!important;object-fit:cover}.message{display:flex;background-color:#fafafa;border-radius:10px;border:1px solid #e7e0f5;height:calc(100vh - 112px);position:relative}.message-left{display:flex;flex-direction:column;width:40%;border-right:1px solid #e7e0f5}.message-left .message-left__header{max-height:60px;height:100%;display:flex;align-items:center;justify-content:space-between;padding:0 10px}.message-left .message-left__header .message-title{font-size:2rem;color:#405281;font-weight:700}.message-left .message-left__header .message-tool-left{display:flex;align-items:center;position:relative;grid-gap:5px;gap:5px}.message-left .message-left__header .message-tool-left .tool-left__item{width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;cursor:pointer;transition:background-color .2s linear}.message-left .message-left__header .message-tool-left .tool-left__item span.tool-left-icon{font-size:1.3rem;color:#6e45c7}.message-left .message-left__header .message-tool-left .tool-left__item .tool-left-menu{position:absolute;top:calc(100% + 8px);right:0;z-index:31;background-color:#fafafa;box-shadow:0 3px 15px 2px rgba(0,0,0,.08);padding:12px 10px;border-radius:10px;visibility:hidden;opacity:0;transition:all .2s linear}.message-left .message-left__header .message-tool-left .tool-left__item .tool-left-menu:before{content:"";position:absolute;top:-10px;right:0;width:100%;height:10px;background-color:transparent}.message-left .message-left__header .message-tool-left .tool-left__item .tool-left-menu .menu-item{display:flex;align-items:center;font-size:1.3rem;color:#405281;padding:10px 10px 10px 6px;white-space:nowrap;transition:background-color .2s linear;border-radius:10px}.message-left .message-left__header .message-tool-left .tool-left__item .tool-left-menu .menu-item:first-child i{margin-left:1px;margin-right:5px}.message-left .message-left__header .message-tool-left .tool-left__item .tool-left-menu .menu-item i{width:22px;height:auto;font-size:1.5rem;margin-left:5px}.message-left .message-left__header .message-tool-left .tool-left__item .tool-left-menu .menu-item:hover,.message-left .message-left__header .message-tool-left .tool-left__item:hover{background-color:#f3f0fa}.message-left .message-left__header .message-tool-left .tool-left__item:hover .tool-left-menu{visibility:visible;opacity:1}.message-left .message-left-search{padding:0 10px;margin-top:2px;margin-bottom:15px;position:relative}.message-left .message-left-search .search-wrapper{padding:0 15px 0 35px;background-color:#f3f0fa;border-radius:20px;position:relative;border:1px solid #e7e0f5}.message-left .message-left-search .search-wrapper input{padding:10px 0;width:100%;outline:none;border:none;font-size:1.2rem;color:#405281;background-color:transparent}.message-left .message-left-search .search-wrapper input::-webkit-input-placeholder{color:#a5b6e1}.message-left .message-left-search .search-wrapper input:-ms-input-placeholder{color:#a5b6e1}.message-left .message-left-search .search-wrapper input::placeholder{color:#a5b6e1}.message-left .message-left-search .search-wrapper span{font-size:1.5rem;color:#a5b6e1;position:absolute;left:5px;top:50%;-webkit-transform:translate(50%,-50%);transform:translate(50%,-50%)}.message-left .message-left-search .search-modal{position:absolute;z-index:30;top:50px;left:10px;right:10px;background-color:#fafafa;border-radius:10px;box-shadow:0 3px 15px 2px rgba(0,0,0,.08);padding:12px 6px 12px 10px;visibility:hidden;opacity:0;transition:all .2s linear}.message-left .message-left-search .search-modal.--active{visibility:visible;opacity:1}.message-left .message-left-search .search-modal .search-modal__loading{display:flex;justify-content:center;align-items:center;min-height:100px}.message-left .message-left-search .search-modal .search-modal__loading img{width:50px;height:50px}.message-left .message-left-search .search-modal .search-modal__list{width:100%;max-height:300px;overflow-y:auto}.message-left .message-left-search .search-modal .search-modal__list::-webkit-scrollbar{width:5px}.message-left .message-left-search .search-modal .search-modal__list::-webkit-scrollbar-track{background:#fafafa;border-radius:10px}.message-left .message-left-search .search-modal .search-modal__list::-webkit-scrollbar-thumb{background:#6e45c7;border-radius:3px}.message-left .message-left-search .search-modal .search-modal__list .search-item a{width:100%;display:flex;align-items:center;padding:10px 6px;border-radius:10px;transition:background-color .2s linear;cursor:pointer}.message-left .message-left-search .search-modal .search-modal__list .search-item a:hover{background-color:#f3f0fa}.message-left .message-left-search .search-modal .search-modal__list .search-item a img{width:35px;height:35px;border-radius:50%}.message-left .message-left-search .search-modal .search-modal__list .search-item a span{font-size:1.3rem;color:#405281;margin-left:10px}.message-left .message-left-search .search-modal .search-modal__empty{display:flex;flex-direction:column;align-items:center;padding-top:20px;padding-bottom:20px}.message-left .message-left-search .search-modal .search-modal__empty img{width:80px;height:80px}.message-left .message-left-search .search-modal .search-modal__empty span{font-size:1.3rem;color:#405281}.message-left .message-left-list{display:flex;flex-direction:column;padding:0 10px 10px;max-height:380px;flex:1 1;overflow-y:auto}.message-left .message-left-list::-webkit-scrollbar{width:5px;display:none}.message-left .message-left-list::-webkit-scrollbar-track{background:#f3f0fa}.message-left .message-left-list::-webkit-scrollbar-thumb{background:#6e45c7;border-radius:3px}.message-left .message-left-list:hover::-webkit-scrollbar{display:unset}.message-box{display:flex;align-items:center;padding:12px 10px 12px 8px;border-radius:8px;cursor:pointer;position:relative}.message-box:not(:last-child){margin-bottom:8px}.message-box .message-box__left{width:45px;height:45px;outline:1px solid #e7e0f5;background-color:#6e83b7;flex-shrink:0;border-radius:50%;position:relative}.message-box .message-box__left img{width:100%;height:100%;object-fit:cover;border-radius:50%}.message-box .message-box__left .active-dot{display:inline-block;position:absolute;bottom:0;right:0;width:10px;height:10px;background-color:#2fa24c;outline:2px solid #fafafa;border-radius:50%}.message-box .message-box__center{display:flex;flex-direction:column;margin-left:8px;flex:1 1}.message-box .message-box__center span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.message-box .message-box__center span.message-box-name{max-width:220px}.message-box .message-box__center span.message-content{max-width:110px}.message-box .message-box__center .message-box-name{font-size:1.3rem;line-height:1.6rem;color:#405281}.message-box .message-box__center .message-box-description{margin-top:2px;display:flex;align-items:center;justify-content:space-between}.message-box .message-box__center .message-box-description .message-content{font-size:1.2rem;color:#a5b6e1}.message-box .message-box__center .message-box-description .message-time{font-size:1rem;color:#a5b6e1}.message-box .message-box__right{margin-left:auto;position:absolute;top:15px;right:10px}.message-box .message-box__right .message-tool{visibility:hidden;opacity:0;transition:all .2s linear;position:relative}.message-box .message-box__right .message-tool:hover .message-tool__menu{visibility:visible;opacity:1}.message-box .message-box__right .message-tool .message-tool__icon{font-size:1.4rem;color:#a5b6e1;cursor:pointer}.message-box .message-box__right .message-tool .message-tool__icon:hover{color:#6e45c7}.message-box .message-box__right .message-tool .message-tool__menu{position:absolute;top:calc(100% + 2px);right:-1px;z-index:31;background-color:#fafafa;box-shadow:0 3px 15px 2px rgba(0,0,0,.08);padding:8px;border-radius:10px;visibility:hidden;opacity:0;transition:all .2s linear}.message-box .message-box__right .message-tool .message-tool__menu .message-tool-item{display:flex;align-items:center;font-size:1.3rem;color:#405281;padding:6px 8px;white-space:nowrap;transition:background-color .2s linear;border-radius:10px}.message-box .message-box__right .message-tool .message-tool__menu .message-tool-item:hover{background-color:#f3f0fa}.message-box .message-box-status-dot{position:absolute;top:50%;right:-3px;width:8px;height:8px;-webkit-transform:translateY(-50%);transform:translateY(-50%);background-color:#6e45c7;border-radius:50%;display:none}.message-box.--unread .message-box__center span.message-box-name{font-weight:600}.message-box.--unread .message-box-status-dot{display:inline-block}.message-box:not(.message-box.--active):hover{background-color:#f3f0fa}.message-box:hover .message-tool{visibility:visible;opacity:1}.message-box.--active{background-color:#f3f0fa}.message-right{width:60%;display:flex;flex-direction:column;position:relative}.message-right-empty{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.message-right-empty span{font-size:1.6rem;color:#405281;font-weight:600}.message-right-loading{width:60%;display:flex;align-items:center;justify-content:center}.message-right-loading img{width:60px;height:60px}.message-right__top{height:60px;justify-content:space-between;padding:12px;border-bottom:1px solid #e7e0f5}.message-right__top,.message-right__top .message-info{display:flex;align-items:center}.message-right__top .message-info img{width:35px;height:35px;object-fit:cover;border-radius:50%;outline:1px solid #e7e0f5;background-color:#6e83b7}.message-right__top .message-info span{font-size:1.4rem;color:#405281;font-weight:600;margin-left:10px}.message-right__top .message-tool{display:flex;grid-gap:5px;gap:5px}.message-right__top .message-tool .message-tool__item{cursor:pointer;padding:8px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background-color .2s linear;position:relative}.message-right__top .message-tool .message-tool__item span{font-family:"Roboto",sans-serif;font-size:1.8rem;color:#6e45c7}.message-right__top .message-tool .message-tool__item:hover{background-color:#f3f0fa}.message-right__top .message-tool .message-tool__item:hover .group-info-menu{opacity:1;visibility:visible}.message-right__top .message-tool .message-tool__item .group-info-menu{position:absolute;right:0;top:calc(100% + 8px);z-index:31;background-color:#fafafa;box-shadow:0 3px 15px 2px rgba(0,0,0,.08);padding:12px 10px;border-radius:10px;visibility:hidden;opacity:0;transition:all .2s linear}.message-right__top .message-tool .message-tool__item .group-info-menu .group-info-menu__item{display:flex;align-items:center;font-size:1.3rem;color:#405281;padding:10px 10px 10px 8px;white-space:nowrap;transition:background-color .2s linear;border-radius:10px}.message-right__top .message-tool .message-tool__item .group-info-menu .group-info-menu__item i{width:20px;height:auto;margin-right:2px}.message-right__top .message-tool .message-tool__item .group-info-menu .group-info-menu__item:hover{background-color:#f3f0fa}.message-right__center{flex:1 1;padding:0 10px 0 8px;overflow-y:auto}.message-right__center::-webkit-scrollbar{width:5px}.message-right__center::-webkit-scrollbar-track{background:#fafafa}.message-right__center::-webkit-scrollbar-thumb{background:#6e45c7;border-radius:3px}.message-right__center .message-list{padding:15px 0;width:100%;min-height:100%;display:flex;flex-direction:column;align-items:flex-start;grid-gap:15px;gap:15px}.message-right__center .message-list .message-load-more{width:100%;height:30px;margin-top:-40px;opacity:0;visibility:hidden}.message-right__bottom{display:flex;flex-direction:column}.message-right__bottom .message-media-content .media-content-list{width:100%;padding:12px;display:flex;overflow-x:auto;border-top:1px solid #e7e0f5}.message-right__bottom .message-media-content .media-content-list::-webkit-scrollbar{height:5px}.message-right__bottom .message-media-content .media-content-list::-webkit-scrollbar-thumb{background:#6e45c7;border-radius:3px}.message-right__bottom .message-media-content .media-content-list .media-content-item{position:relative;width:55px;height:55px;flex-shrink:0}.message-right__bottom .message-media-content .media-content-list .media-content-item:not(:last-child){margin-right:15px}.message-right__bottom .message-media-content .media-content-list .media-content-item img{width:100%;height:100%;object-fit:cover;border-radius:10px}.message-right__bottom .message-media-content .media-content-list .media-content-item span{position:absolute;right:-9px;top:-9px;display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;font-size:.9rem;line-height:.9em;color:#405281;background-color:#f3f0fa;border-radius:50%;border:1px solid #e7e0f5;cursor:pointer}.message-right__bottom .message-media-content .media-content-list .media-content-item span:hover{background-color:#6e45c7;color:#fafafa}.message-right__bottom .message-text-content{min-height:60px;display:flex;align-items:flex-end;padding:12px;border-top:1px solid #e7e0f5}.message-right__bottom .message-text-content .message-action{display:flex;grid-gap:8px;gap:8px;margin-bottom:3px}.message-right__bottom .message-text-content .message-action .message-action__item{position:relative;display:flex;align-items:center;justify-content:center;width:35px;height:35px;border-radius:50%;font-size:1.8rem;color:#6e45c7;cursor:pointer;transition:all .2s linear}.message-right__bottom .message-text-content .message-action .message-action__item:hover{background-color:#f3f0fa}.message-right__bottom .message-text-content .message-input{margin-left:15px;flex:1 1;background-color:#f3f0fa;border-radius:20px;position:relative}.message-right__bottom .message-text-content .message-input .message-input__wrapper{display:flex;padding:10px 0}.message-right__bottom .message-text-content .message-input .message-input__wrapper textarea{width:100%;height:20px;font-size:1.4rem;line-height:2rem;color:#405281;padding:0 35px 0 15px;border:none;outline:none;background-color:transparent;resize:none;overflow:hidden}.message-right__bottom .message-text-content .message-input .message-input__wrapper span{position:absolute;right:10px;bottom:0;-webkit-transform:translateY(-50%);transform:translateY(-50%);font-size:2rem;color:#6e45c7;cursor:pointer}.message-right__bottom .message-text-content .message-input .message-input__wrapper span:hover{-webkit-filter:brightness(1.2);filter:brightness(1.2)}.message-right__bottom .message-text-content .message-icon{display:flex;align-items:center;justify-content:center;width:35px;height:35px;padding:4px;border-radius:50%;margin-left:10px;margin-bottom:3px;font-size:2rem;color:#6e45c7;cursor:pointer;transition:all .2s linear}.message-right__bottom .message-text-content .message-icon i{margin-top:3px}.message-right__bottom .message-text-content .message-icon:hover{background-color:#f3f0fa}.message-right__bottom .message-text-content .no-active-notification{background-color:#f3f0fa;border-radius:5px;padding:10px;font-size:1.3rem;text-align:center;color:#405281}.message-right-no-data{width:60%;display:flex;flex-direction:column;align-items:center;justify-content:center}.message-right-no-data .no-data-title{font-size:1.5rem;color:#405281;font-weight:600}.message-right-no-data .no-data-content{font-size:1.3rem;color:#405281;margin-top:4px}.setting-group-modal-wrapper{position:absolute;top:0;left:0;z-index:35;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:hsla(0,0%,98%,.5);border-radius:10px}.setting-group-modal{width:400px;max-height:440px;background-color:#fafafa;box-shadow:0 3px 15px 2px rgba(0,0,0,.08);display:flex;flex-direction:column;border-radius:10px;position:relative}.setting-group-modal__header{padding:15px 14px;display:flex;align-items:center;justify-content:center;position:relative;border-bottom:1px solid #e7e0f5}.setting-group-modal__header span:first-child{font-size:1.6rem;font-weight:600;color:#405281}.setting-group-modal__header span:last-child{position:absolute;right:15px;top:50%;display:inline-flex;align-items:center;justify-content:center;font-size:1.5rem;width:26px;height:26px;border-radius:50%;border:1px solid #e7e0f5;background-color:#f3f0fa;-webkit-transform:translateY(-50%);transform:translateY(-50%);cursor:pointer}.setting-group-modal__body{padding:15px;overflow-y:auto}.setting-group-modal__body::-webkit-scrollbar{width:4px}.setting-group-modal__body::-webkit-scrollbar-track{background:#fafafa}.setting-group-modal__body::-webkit-scrollbar-thumb{background:#6e45c7;border-radius:3px}.setting-group-modal__body .setting-group-item{width:100%}.setting-group-modal__body .setting-group-item:not(:last-child){margin-bottom:20px}.setting-group-modal__body .setting-group-item label{display:inline-block;font-size:1.1rem;color:#405281;margin-bottom:6px}.setting-group-modal__body .setting-group-item .setting-avatar{display:flex;align-items:center;justify-content:center}.setting-group-modal__body .setting-group-item .setting-avatar .group-avatar{margin-right:8px}.setting-group-modal__body .setting-group-item .setting-avatar .group-avatar img{width:80px;height:80px;border-radius:50%;object-fit:cover;background-color:#6e83b7}.setting-group-modal__body .setting-group-item .setting-avatar .avatar-tool{position:relative}.setting-group-modal__body .setting-group-item .setting-avatar .avatar-tool:hover span{color:#6e45c7}.setting-group-modal__body .setting-group-item .setting-avatar .avatar-tool span{font-size:1.2rem;color:#405281;-webkit-user-select:none;-ms-user-select:none;user-select:none}.setting-group-modal__body .setting-group-item .setting-avatar .avatar-tool span i{margin-right:2px}.setting-group-modal__body .setting-group-item .setting-avatar .avatar-tool input{position:absolute;top:0;left:0;width:100%;opacity:0;padding:0;cursor:pointer}.setting-group-modal__body .setting-group-item .setting-avatar .avatar-tool input::-webkit-file-upload-button{visibility:hidden}.setting-group-modal__body .setting-group-item .setting-group-name input{width:100%;border:1px solid #e7e0f5;outline:none;font-size:1.3rem;padding:10px;border-radius:5px;background-color:#fafafa}.setting-group-modal__body .setting-group-item .setting-member{display:flex;flex-direction:column}.setting-group-modal__body .setting-group-item .setting-member .member-list{display:flex;grid-gap:8px 7px;gap:8px 7px;flex-wrap:wrap;margin-bottom:15px}.setting-group-modal__body .setting-group-item .setting-member .member-list .member-item{display:flex;align-items:center;justify-content:center;padding:2px 5px 2px 7px;border-radius:5px;background-color:#f3f0fa;border:1px solid #e7e0f5}.setting-group-modal__body .setting-group-item .setting-member .member-list .member-item span{color:#6e45c7}.setting-group-modal__body .setting-group-item .setting-member .member-list .member-item span:first-child{font-size:1.1rem}.setting-group-modal__body .setting-group-item .setting-member .member-list .member-item span:last-child{width:18px;height:18px;display:flex;align-items:center;justify-content:center;font-size:1.1rem;line-height:1.1rem;border-radius:50%;margin-left:3px;cursor:pointer;flex-shrink:0}.setting-group-modal__body .setting-group-item .setting-member .member-list .member-item span:last-child:hover{border:1px solid #e7e0f5}.setting-group-modal__body .setting-group-item .setting-member .member-search .member-search__input{position:relative}.setting-group-modal__body .setting-group-item .setting-member .member-search .member-search__input input{width:100%;border:1px solid #e7e0f5;outline:none;font-size:1.3rem;color:#405281;padding:10px 38px 10px 10px;border-radius:5px;background-color:#fafafa}.setting-group-modal__body .setting-group-item .setting-member .member-search .member-search__input input::-webkit-input-placeholder{font-size:1.2rem}.setting-group-modal__body .setting-group-item .setting-member .member-search .member-search__input input:-ms-input-placeholder{font-size:1.2rem}.setting-group-modal__body .setting-group-item .setting-member .member-search .member-search__input input::placeholder{font-size:1.2rem}.setting-group-modal__body .setting-group-item .setting-member .member-search .member-search__input span{position:absolute;top:50%;right:6px;-webkit-transform:translateY(-50%);transform:translateY(-50%);font-size:1.5rem;color:#405281;padding:6px 8px;cursor:pointer}.setting-group-modal__body .setting-group-item .setting-member .member-search .member-search__input span:hover{color:#6e45c7}.setting-group-modal__body .setting-group-item .setting-member .member-search .member-search__modal{padding:6px 8px 8px;background-color:#fafafa;border-radius:10px;margin-top:10px;border:1px solid #e7e0f5}.setting-group-modal__body .setting-group-item .setting-member .member-search .member-search__modal .close-btn{text-align:right;margin-bottom:2px}.setting-group-modal__body .setting-group-item .setting-member .member-search .member-search__modal .close-btn span{font-size:1.2rem;color:#405281;cursor:pointer}.setting-group-modal__body .setting-group-item .setting-member .member-search .member-search__modal .close-btn span:hover{text-decoration:underline}.setting-group-modal__body .setting-group-item .setting-member .member-search .member-search__modal .member-search-list{max-height:180px;overflow-y:auto}.setting-group-modal__body .setting-group-item .setting-member .member-search .member-search__modal .member-search-list::-webkit-scrollbar{width:4px}.setting-group-modal__body .setting-group-item .setting-member .member-search .member-search__modal .member-search-list::-webkit-scrollbar-track{background:#fafafa}.setting-group-modal__body .setting-group-item .setting-member .member-search .member-search__modal .member-search-list::-webkit-scrollbar-thumb{background:#6e45c7;border-radius:3px}.setting-group-modal__body .setting-group-item .setting-member .member-search .member-search__modal .member-search-list .member-search-item{display:flex;align-items:center;padding:8px 6px;border-radius:10px;cursor:pointer;-webkit-user-select:none;-ms-user-select:none;user-select:none}.setting-group-modal__body .setting-group-item .setting-member .member-search .member-search__modal .member-search-list .member-search-item:hover{background-color:#f3f0fa}.setting-group-modal__body .setting-group-item .setting-member .member-search .member-search__modal .member-search-list .member-search-item img{width:30px;height:30px;border-radius:50%}.setting-group-modal__body .setting-group-item .setting-member .member-search .member-search__modal .member-search-list .member-search-item span{font-size:1.3rem;line-height:1.6rem;color:#405281;margin-left:8px}.setting-group-modal__body .setting-group-item .setting-member .member-search .member-search-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:120px}.setting-group-modal__body .setting-group-item .setting-member .member-search .member-search-empty img{width:60px;height:60px}.setting-group-modal__body .setting-group-item .setting-member .member-search .member-search-empty span{font-size:1.3rem;color:#405281}.setting-group-modal__body .setting-group-item .setting-member .member-search .member-search-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:120px}.setting-group-modal__body .setting-group-item .setting-member .member-search .member-search-loading img{width:40px;height:40px}.setting-group-modal__footer{text-align:center;padding:10px 12px}.setting-group-modal__footer .setting-group-modal-alert{font-size:1.2rem;color:#ea4335;margin-bottom:5px}.setting-group-modal__footer button{text-transform:unset}.setting-group-modal__footer button:hover{-webkit-filter:brightness(1.15);filter:brightness(1.15)}.setting-group-modal__loading{position:absolute;top:0;left:0;width:100%;height:100%;z-index:40;display:flex;align-items:center;justify-content:center;background-color:hsla(0,0%,98%,.5)}.setting-group-modal__loading img{width:60px;height:60px}.detail-media-modal-wrapper{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:10px;background-color:rgba(0,0,0,.4);display:flex;align-items:center;justify-content:center}.detail-media-modal-wrapper .detail-media-modal-close{width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;position:absolute;right:10px;top:10px;z-index:2;font-size:2rem;color:#fafafa;cursor:pointer;transition:all .2s linear}.detail-media-modal-wrapper .detail-media-modal-close:hover{background-color:#fafafa;color:#6e45c7}.detail-media-modal-wrapper .detail-media-modal{border-radius:10px;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.detail-media-modal-wrapper .detail-media-modal .detail-media-modal__img{padding:15px;width:100%;max-width:660px;height:100%;max-height:460px;display:flex;background-color:#fafafa}.detail-media-modal-wrapper .detail-media-modal .detail-media-modal__img img{width:100%;height:auto;border-radius:10px;object-fit:contain}.detail-media-modal-wrapper .detail-media-modal .detail-media-modal__loading{width:640px;height:420px;display:flex;align-items:center;justify-content:center}.detail-media-modal-wrapper .detail-media-modal .detail-media-modal__loading img{width:50px;height:50px;object-fit:cover}.message-item{width:100%;display:flex;justify-content:flex-start}.message-item .message-item-wrapper--combo{max-width:280px;width:100%;display:flex;flex-direction:column;margin-left:45px;margin-top:-8px}.message-item .message-item-wrapper{display:flex;position:relative;max-width:280px;width:100%}.message-item.message-item--reverse{justify-content:flex-end}.message-item.message-item--reverse .message-item-wrapper{flex-direction:row-reverse;margin-top:-8px}.message-item.message-item--reverse .message-item-wrapper .message-item__avatar{margin-right:0;margin-left:10px}.message-item.message-item--reverse .message-item-wrapper .message-item__content:before{left:-10px}.message-item.message-item--reverse .message-item-wrapper .message-item__content .message-content-text{background-color:#f3f0fa}.message-item.message-item--reverse .message-item-wrapper .message-item__content .message-content-tool{right:unset;left:-4px;-webkit-transform:translate(-100%);transform:translate(-100%);padding-left:6px;padding-right:4px}.message-item.message-item--reverse .message-item-loading{display:flex;align-items:center;justify-content:center;background-color:#f3f0fa;border-radius:12px;padding:6px}.message-item.message-item--reverse .message-item-loading img{width:30px;height:30px}.message-seen-list{width:100%;display:flex;justify-content:flex-end;grid-gap:0 2px;gap:0 2px;position:relative;margin-top:auto}.message-seen-list .message-seen-item{width:15px;height:15px;cursor:pointer}.message-seen-list .message-seen-item img{width:100%;height:100%;object-fit:cover;border-radius:50%}.message-seen-list .message-seen-item span.message-seen-item__name{position:absolute;top:calc(-100% - 11px);right:0;display:inline-block;font-size:1rem;line-height:1.2rem;color:#405281;padding:4px 8px;background-color:#fafafa;border:1px solid #e7e0f5;border-radius:5px;visibility:hidden;opacity:0;transition:visibility,opacity .2s linear}.message-seen-list .message-seen-item:hover span{visibility:visible;opacity:1}.message-item__avatar{width:35px;height:35px;margin-right:8px;border-radius:50%;border:1px solid #e7e0f5;overflow:hidden;flex-shrink:0}.message-item__avatar img{width:100%;height:100%;object-fit:cover}.message-item__content{position:relative}.message-item__content:before{position:absolute;top:0;right:-10px;content:"";width:10px;height:100%;background-color:transparent}.message-item__content .message-content-text{display:flex;flex-direction:column;padding:11px;background-color:#fff;border-radius:12px}.message-item__content .message-content-text .text-name{font-size:1rem;line-height:1rem;margin-bottom:5px;color:#a5b6e1}.message-item__content .message-content-text .text-content{font-size:1.3rem;line-height:1.8rem;color:#405281}.message-item__content .message-content-text .media-content{display:flex;flex-direction:column;margin-top:8px}.message-item__content .message-content-text .media-content .media-content-item{width:100%;cursor:pointer}.message-item__content .message-content-text .media-content .media-content-item:not(:last-child){margin-bottom:10px}.message-item__content .message-content-text .media-content .media-content-item img{width:100%;height:auto;object-fit:cover;border-radius:5px}.message-item__content .message-content-tool{display:flex;flex-direction:column-reverse;margin-top:2px;position:absolute;top:0;right:-4px;padding-left:4px;padding-right:6px;-webkit-transform:translate(100%);transform:translate(100%);visibility:hidden;opacity:0;transition:visibility,opacity .3s linear}.message-item__content .message-content-tool .message-content-tool__time{font-size:1rem;color:#a5b6e1;white-space:nowrap}.message-item__content .message-content-tool .message-content-tool__icon{display:flex}.message-item__content .message-content-tool .message-content-tool__icon .tool-icon-wrapper{position:relative}.message-item__content .message-content-tool .message-content-tool__icon .tool-icon-wrapper span{width:20px;height:20px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.3rem;color:#405281}.message-item__content .message-content-tool .message-content-tool__icon .tool-icon-wrapper span:hover{color:#6e45c7}.message-item__content:hover .message-content-tool{visibility:visible;opacity:1}.tooltip{visibility:hidden;opacity:0;position:absolute;top:0;left:50%;font-size:1rem;padding:2px 6px;white-space:nowrap;border-radius:5px;border:1px solid #e7e0f5;-webkit-transform:translate(-50%,calc(-100% - 7px));transform:translate(-50%,calc(-100% - 7px));transition:visibility,opacity .2s linear}.tooltip.--first-color{background-color:#f3f0fa;color:#405281}.tooltip.--first-color:before{border-color:#f3f0fa transparent transparent}.tooltip.--second-color{background-color:#fafafa;color:#405281}.tooltip.--second-color:before{border-color:#fafafa transparent transparent}.tooltip.--third-color{background-color:#6e45c7;color:#fff}.tooltip.--third-color:before{border-color:#6e45c7 transparent transparent}.tooltip:before{position:absolute;left:50%;bottom:0;content:"";border-style:solid;border-width:8px;-webkit-transform:translate(-50%,calc(100% - 2px));transform:translate(-50%,calc(100% - 2px))}.tooltip.--active{visibility:visible;opacity:1}.toggle-follow-btn{margin-left:auto}.follow-btn,.unfollow-btn{text-transform:none}.follow-btn:hover,.unfollow-btn:hover{-webkit-filter:brightness(1.2);filter:brightness(1.2)}.follow-btn.--small-size,.unfollow-btn.--small-size{padding:3px 8px;font-size:1rem;line-height:1.8rem}.follow-btn.--big-size,.unfollow-btn.--big-size{font-size:1.2rem;padding:4px 15px}.profile,.profile__header{display:flex;flex-direction:column}.profile__header{background-color:#fafafa;border-radius:10px;margin-top:45px;padding:0 20px}.profile-info{display:flex;align-items:flex-start;padding:15px 0 30px;position:relative;border-bottom:1px solid #e7e0f5}.profile-info__avatar{width:135px;height:135px;overflow:hidden;border-radius:50%;border:12px solid #fafafa;background-color:#fafafa;position:absolute;left:10px;top:0;-webkit-transform:translateY(-35%);transform:translateY(-35%)}.profile-info__avatar img{width:100%;height:100%;object-fit:cover}.profile-info__content{display:flex;flex-direction:column;padding-left:160px}.profile-info__content .profile-info-name{font-size:1.6rem;color:#405281;font-weight:600;margin-bottom:5px}.profile-info__content .profile-info-friend span{font-size:1.3rem;color:#a5b6e1;margin-right:10px}.profile-info__tool{font-size:1.2rem;color:#fff;padding:6px 12px;border-radius:5px;background-color:#6e45c7;margin-left:auto;cursor:pointer;transition:-webkit-filter .2s linear;transition:filter .2s linear;transition:filter .2s linear,-webkit-filter .2s linear}.profile-info__tool:hover{-webkit-filter:brightness(1.1);filter:brightness(1.1)}.profile-info__tool i{margin-right:8px}.profile-menu{width:100%;display:flex;align-items:center}.profile-menu__list{display:flex;align-items:center;grid-gap:5px;gap:5px;position:relative}.profile-menu__list .profile-menu-item a{display:inline-block;padding:10px 18px 8px;font-size:1.4rem;color:#a5b6e1;border-top-left-radius:5px;border-top-right-radius:5px;border-bottom:4px solid transparent;transition:all .2s linear;-webkit-user-select:none;-ms-user-select:none;user-select:none}.profile-menu__list .profile-menu-item a:hover{background-color:#f3f0fa;border-bottom-color:rgba(110,69,199,.3)}.profile-menu__list .profile-menu-item.--active a{color:#6e45c7;font-weight:600}.profile-menu__list .menu-line{position:absolute;left:0;bottom:0;width:0;height:4px;border-radius:15px;background-color:#6e45c7;transition:all .2s ease}.profile__body{margin-top:15px;margin-bottom:60px;padding:12px 0 15px;width:100%}.profile__body .profile-body-tool{display:flex;align-items:center;margin-bottom:20px;padding:0 20px}.profile__body .profile-body-tool a{padding:3px 10px;font-size:1.3rem;letter-spacing:0}.profile-body-follow{display:flex;flex-direction:column;width:100%;background-color:#fafafa;border-radius:10px 10px;padding:15px 20px}.profile-body-filter{margin-left:auto;display:flex;flex-direction:row-reverse;align-items:center;overflow:hidden}.profile-body-filter .profile-body-filter__toggle{display:inline-flex;align-items:center;justify-content:center;width:70px;height:28px;background-color:#6e45c7;border-radius:5px;position:relative;z-index:2;cursor:pointer;-webkit-user-select:none;-ms-user-select:none;user-select:none;transition:-webkit-filter .2s linear;transition:filter .2s linear;transition:filter .2s linear,-webkit-filter .2s linear}.profile-body-filter .profile-body-filter__toggle:hover{-webkit-filter:brightness(1.1);filter:brightness(1.1)}.profile-body-filter .profile-body-filter__toggle .toggle-icon-close,.profile-body-filter .profile-body-filter__toggle .toggle-icon-open{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.profile-body-filter .profile-body-filter__toggle .toggle-icon-open img{width:15px;height:15px;object-fit:cover;margin-right:5px}.profile-body-filter .profile-body-filter__toggle .toggle-icon-close,.profile-body-filter .profile-body-filter__toggle .toggle-icon-open span{font-size:1.3rem;color:#fff}.profile-body-filter .profile-body-filter__toggle .toggle-icon-close i{margin-right:4px}.profile-body-filter .profile-body-filter__list{margin-right:10px;display:flex;align-items:center;grid-gap:10px;gap:10px;-webkit-transform:translateX(100%);transform:translateX(100%);transition:-webkit-transform .3s linear;transition:transform .3s linear;transition:transform .3s linear,-webkit-transform .3s linear}.profile-body-filter .profile-body-filter__list.--active{-webkit-transform:translateX(0);transform:translateX(0)}.profile-body-filter .profile-body-filter__list .profile-body-filter-item{height:30px;display:flex;align-items:center;font-size:1.3rem;color:#405281;padding:0 10px;border-radius:5px;cursor:pointer;transition:all .2s linear}.profile-body-filter .profile-body-filter__list .profile-body-filter-item:hover{background-color:#f3f0fa}.profile-body-filter .profile-body-filter__list .profile-body-filter-item.--active{color:#6e45c7;font-weight:600}.profile-body-post-wrapper{width:100%;display:flex;justify-content:center}.profile-body-post-wrapper .profile-post-container{width:550px;display:grid;grid-template-columns:repeat(1,1fr);grid-gap:20px 20px;gap:20px 20px}.profile-body-post-wrapper .profile-post-empty,.profile-body-post-wrapper .profile-post-loading{width:550px;height:180px;display:flex;align-items:center;justify-content:center}.profile-body-post-wrapper .profile-post-loading img{width:50px;height:50px}.profile-body-post-wrapper .profile-post-empty{display:flex;flex-direction:column;align-items:center}.profile-body-post-wrapper .profile-post-empty img{width:100px;height:100px}.profile-body-post-wrapper .profile-post-empty span{font-size:1.3rem;color:#405281}.profile-body-saved-wrapper{width:100%;display:flex;justify-content:center}.profile-body-saved-wrapper .profile-post-container{width:550px;display:grid;grid-template-columns:repeat(1,1fr);grid-gap:20px 20px;gap:20px 20px}.profile-body-saved-wrapper .profile-saved-empty,.profile-body-saved-wrapper .profile-saved-loading{width:100%;height:180px;display:flex;justify-content:center;align-items:center}.profile-body-saved-wrapper .profile-saved-loading img{width:50px;height:50px}.profile-body-saved-wrapper .profile-saved-empty{flex-direction:column}.profile-body-saved-wrapper .profile-saved-empty img{width:100px;height:100px}.profile-body-saved-wrapper .profile-saved-empty span{font-size:1.3rem;color:#405281}.profile-follow-header{display:flex;justify-content:flex-start;margin-bottom:10px}.profile-follow-header .profile-follow-header__search{width:25%;position:relative;border-radius:20px;padding:8px 5px;background-color:#f3f0fa}.profile-follow-header .profile-follow-header__search input{width:100%;border:none;outline:none;background-color:transparent;font-size:1.3rem;color:#405281;padding:6px 10px 6px 28px}.profile-follow-header .profile-follow-header__search input::-webkit-input-placeholder{color:#a5b6e1}.profile-follow-header .profile-follow-header__search input:-ms-input-placeholder{color:#a5b6e1}.profile-follow-header .profile-follow-header__search input::placeholder{color:#a5b6e1}.profile-follow-header .profile-follow-header__search span{position:absolute;top:50%;left:12px;font-size:1.5rem;color:#a5b6e1;-webkit-transform:translateY(-44%);transform:translateY(-44%)}.profile-follow-tab{display:flex;flex-direction:column}.profile-follow-tab__menu{display:flex}.profile-follow-tab__menu .tab-menu-item{font-size:1.4rem;line-height:1.6rem;color:#a5b6e1;padding:14px;cursor:pointer;position:relative;-webkit-user-select:none;-ms-user-select:none;user-select:none}.profile-follow-tab__menu .tab-menu-item:before{content:"";position:absolute;bottom:0;left:0;width:100%;height:4px;background-color:#6e45c7;visibility:hidden;opacity:0;transition:all .1s linear}.profile-follow-tab__menu .tab-menu-item.--active{color:#6e45c7;font-weight:600}.profile-follow-tab__menu .tab-menu-item.--active:before{visibility:visible;opacity:1}.profile-follow-tab__content{margin-top:30px}.profile-follow-tab__content .tab-content-item--empty{width:100%;padding:20px 0;display:flex;flex-direction:column;align-items:center;justify-content:center}.profile-follow-tab__content .tab-content-item--empty img{width:120px;height:120px}.profile-follow-tab__content .tab-content-item--empty span{font-size:1.4rem;color:#405281;margin-top:5px}.user-follow-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-gap:10px;gap:10px}.user-follow-item{display:flex;align-items:center;padding:14px;border-radius:10px;border:1px solid #e7e0f5}.user-follow-item .user-follow-item__avatar{display:inline-block;width:70px;height:70px;border-radius:5px;overflow:hidden}.user-follow-item .user-follow-item__avatar img{width:100%;height:100%;object-fit:cover}.user-follow-item .user-follow-item__info{margin-left:10px;display:flex;flex-direction:column}.user-follow-item .user-follow-item__info a{font-size:1.4rem;color:#405281;line-height:1.6rem;font-weight:600;margin-bottom:3px;transition:color .2s linear}.user-follow-item .user-follow-item__info a:hover{color:#6e45c7}.user-follow-item .user-follow-item__info span{font-size:1.1rem;color:#a5b6e1}.user-follow-item .user-follow-item__tool{margin-left:auto;position:relative}.user-follow-item .user-follow-item__tool .tool-icon{font-size:1.8rem;color:#a5b6e1;width:30px;height:30px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:color .2s linear}.user-follow-item .user-follow-item__tool .tool-icon:hover{color:#6e45c7}.user-follow-item .user-follow-item__tool .tool-list{width:130px;position:absolute;z-index:2;top:calc(100% + 3px);right:calc(50% - 65px);padding:10px;background-color:#fafafa;box-shadow:0 3px 15px 2px rgba(0,0,0,.08);border-radius:10px;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:50% 0;transform-origin:50% 0;transition:-webkit-transform .2s ease-in-out;transition:transform .2s ease-in-out;transition:transform .2s ease-in-out,-webkit-transform .2s ease-in-out}.user-follow-item .user-follow-item__tool .tool-list.--active{-webkit-transform:scale(1);transform:scale(1)}.user-follow-item .user-follow-item__tool .tool-list:before{position:absolute;content:"";top:-18px;left:calc(50% - 10px);border:10px solid transparent;border-bottom-color:#fafafa}.user-follow-item .user-follow-item__tool .tool-list .tool-item{display:flex;align-items:center;color:#405281;padding:6px 10px;cursor:pointer;transition:all .2s linear;border-radius:5px}.user-follow-item .user-follow-item__tool .tool-list .tool-item:hover{background-color:#f3f0fa}.user-follow-item .user-follow-item__tool .tool-list .tool-item a{display:flex;align-items:center;color:#405281}.user-follow-item .user-follow-item__tool .tool-list .tool-item a .tool-item-link__icon{font-size:1.6rem;width:25px;height:25px;display:flex;align-items:center;justify-content:center;margin-right:5px}.user-follow-item .user-follow-item__tool .tool-list .tool-item a .tool-item-link__content{font-size:1.3rem}.user-follow-item .user-follow-item__tool .tool-list .tool-item .tool-item__icon{font-size:1.6rem;width:25px;height:25px;display:flex;align-items:center;justify-content:center;margin-right:5px}.user-follow-item .user-follow-item__tool .tool-list .tool-item .tool-item__content{font-size:1.3rem}.profile-body-about{padding:20px;background-color:#fafafa;border-radius:10px;position:relative}.profile-body-about__list{display:flex;flex-direction:column}.profile-body-about__list .profile-about-item{display:flex;align-items:center}.profile-body-about__list .profile-about-item span{display:inline-block;font-size:1.4rem;color:#405281;padding:18px 0}.profile-body-about__list .profile-about-item span:first-child{border-right:1px solid #f3f0fa;width:200px}.profile-body-about__list .profile-about-item span:first-child i{width:18px;font-size:1.5rem;margin-right:5px}.profile-body-about__list .profile-about-item span:last-child{margin-left:20px}.profile-body-about__tool{position:absolute;right:20px;top:calc(50% - 21px);display:inline-flex;justify-content:center;align-items:center;width:42px;height:42px;border-radius:50%;background-color:#fafafa;border:1px solid #a5b6e1;font-size:1.5rem;color:#a5b6e1;cursor:pointer;transition:all .2s linear}.profile-body-about__tool:hover{background-color:#f3f0fa;color:#6e45c7}.profile-edit-modal-wrapper{position:fixed;z-index:100;top:0;left:0;width:100%;height:100%;background-color:rgba(240,240,242,.8);display:flex;justify-content:center;overflow:auto}.profile-edit-modal-wrapper::-webkit-scrollbar{width:8px}.profile-edit-modal-wrapper::-webkit-scrollbar-track{background:#f3f0fa}.profile-edit-modal-wrapper::-webkit-scrollbar-thumb{background:#6e45c7;border-radius:3px}.profile-edit-modal-wrapper .profile-edit-modal{width:500px;height:-webkit-min-content;height:min-content;background-color:#fafafa;box-shadow:0 3px 15px 2px rgba(0,0,0,.08);border-radius:10px;display:flex;flex-direction:column;margin-top:60px;margin-bottom:80px;position:relative}.profile-edit-modal__header{padding:18px 15px;display:flex;align-items:center;justify-content:center;position:relative;border-bottom:1px solid #e7e0f5}.profile-edit-modal__header span:first-child{font-size:1.7rem;color:#405281;font-weight:600}.profile-edit-modal__header span:last-child{position:absolute;right:15px;top:50%;display:inline-flex;align-items:center;justify-content:center;font-size:1.8rem;width:32px;height:32px;border-radius:50%;border:1px solid #e7e0f5;background-color:#f3f0fa;-webkit-transform:translateY(-50%);transform:translateY(-50%);cursor:pointer}.profile-edit-modal__header span:last-child:hover{color:#6e45c7}.profile-edit-modal__body{padding:15px}.profile-edit-modal__body .edit-form .edit-body-group{display:flex;flex-direction:column}.profile-edit-modal__body .edit-form .edit-body-group:not(:first-child){margin-top:15px}.profile-edit-modal__body .edit-form .edit-body-group--avatar{flex-direction:row;align-items:center;justify-content:center;position:relative;margin:10px 0 25px}.profile-edit-modal__body .edit-form .edit-body-group .user-avatar{width:150px;height:150px;border-radius:50%;overflow:hidden}.profile-edit-modal__body .edit-form .edit-body-group .user-avatar img{width:100%;height:100%;object-fit:cover}.profile-edit-modal__body .edit-form .edit-body-group .avatar-tool{position:absolute;top:50%;right:0;-webkit-transform:translate(-100%,-50%);transform:translate(-100%,-50%)}.profile-edit-modal__body .edit-form .edit-body-group .avatar-tool:hover span{color:#6e45c7}.profile-edit-modal__body .edit-form .edit-body-group .avatar-tool span{font-size:1.3rem;color:#405281;-webkit-user-select:none;-ms-user-select:none;user-select:none}.profile-edit-modal__body .edit-form .edit-body-group .avatar-tool span i{font-size:1.6rem;margin-right:3px}.profile-edit-modal__body .edit-form .edit-body-group .avatar-tool input{position:absolute;top:0;left:0;width:100%;opacity:0;padding:0;cursor:pointer}.profile-edit-modal__body .edit-form .edit-body-group .avatar-tool input::-webkit-file-upload-button{visibility:hidden}.profile-edit-modal__body .edit-form .edit-body-group .edit-body-group__title{display:flex;justify-content:space-between}.profile-edit-modal__body .edit-form .edit-body-group .edit-body-group__title label{font-size:1.1rem}.profile-edit-modal__body .edit-form .edit-body-group .edit-body-group__title span{font-size:.9rem;color:#a5b6e1}.profile-edit-modal__body .edit-form .edit-body-group label{font-size:1.1rem;margin-bottom:5px}.profile-edit-modal__body .edit-form .edit-body-group input{border:1px solid #e7e0f5;outline:none;font-size:1.3rem;padding:12px 10px;border-radius:5px;background-color:#fafafa}.profile-edit-modal__body .edit-form .edit-body-group input[type=number]::-webkit-inner-spin-button,.profile-edit-modal__body .edit-form .edit-body-group input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.profile-edit-modal__body .edit-form .edit-body-group .edit-body-group-ratio{margin-left:10px;margin-top:10px;display:flex}.profile-edit-modal__body .edit-form .edit-body-group .edit-body-group-ratio .edit-body-group__item{margin-right:20px;cursor:pointer}.profile-edit-modal__body .edit-form .edit-body-group .edit-body-group-ratio .edit-body-group__item span:first-child{margin-right:5px;font-size:1.4em}.profile-edit-modal__body .edit-form .edit-body-group .edit-body-group-ratio .edit-body-group__item span:last-child{font-size:1.3rem}.profile-edit-modal__body .edit-form .edit-body-group .edit-body-group-select{margin-top:10px}.profile-edit-modal__body .edit-form .edit-body-group .edit-body-group-select span.current-address{display:inline-flex;font-size:1.1rem;margin-bottom:15px;color:#a5b6e1}.profile-edit-modal__body .edit-form .edit-body-group .edit-body-group-select span.current-address p{font-size:1.3rem;margin-left:5px;color:#405281}.profile-edit-modal__body .edit-form .edit-submit-btn{margin-top:30px;text-align:center}.profile-edit-modal__body .edit-form .edit-submit-btn button:hover{-webkit-filter:brightness(1.2);filter:brightness(1.2)}.profile-edit-modal__loading{position:absolute;top:0;left:0;width:100%;height:100%;background-color:hsla(0,0%,98%,.6);display:flex;align-items:center;justify-content:center}.profile-edit-modal__loading img{width:60px;height:60px;object-fit:cover}.location-select-box{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));grid-gap:15px;gap:15px}.location-select-box .location-box-item{position:relative}.location-select-box .location-box-item .location-box-header{padding:10px;display:flex;align-items:center;justify-content:space-between;border-radius:5px;border:1px solid #e7e0f5;cursor:pointer}.location-select-box .location-box-item .location-box-header span{font-size:1.3rem;color:#405281}.location-select-box .location-box-item .location-box-header.--non-active{pointer-events:none;opacity:.5}.location-select-box .location-box-item .location-box-content{display:flex;flex-direction:column;position:absolute;z-index:2;top:calc(100% + 10px);left:0;width:100%;background-color:#fafafa;border-radius:5px;box-shadow:0 3px 15px 2px rgba(0,0,0,.08);padding:10px;visibility:hidden;opacity:0;transition:all .2s linear}.location-select-box .location-box-item .location-box-content.--active{visibility:visible;opacity:1}.location-select-box .location-box-item .location-box-content .location-box-search{padding:10px;background-color:#f3f0fa;border-radius:5px;margin-bottom:10px}.location-select-box .location-box-item .location-box-content .location-box-search input{width:100%;outline:none;border:none;padding:0 5px;background-color:transparent}.location-select-box .location-box-item .location-box-content .location-box-search input::-webkit-input-placeholder{color:#405281}.location-select-box .location-box-item .location-box-content .location-box-search input:-ms-input-placeholder{color:#405281}.location-select-box .location-box-item .location-box-content .location-box-search input::placeholder{color:#405281}.location-select-box .location-box-item .location-box-content .location-box-list{max-height:180px;overflow:auto}.location-select-box .location-box-item .location-box-content .location-box-list::-webkit-scrollbar{width:5px}.location-select-box .location-box-item .location-box-content .location-box-list::-webkit-scrollbar-track{background:#f3f0fa}.location-select-box .location-box-item .location-box-content .location-box-list::-webkit-scrollbar-thumb{background:#6e45c7;border-radius:3px}.location-select-box .location-box-item .location-box-content .location-box-list .location-item{padding:10px;font-size:1.3rem;cursor:pointer;border-radius:5px}.location-select-box .location-box-item .location-box-content .location-box-list .location-item:hover{background-color:#f3f0fa}@-webkit-keyframes animateBubble{0%{margin-top:50px}to{margin-top:-40%}}@keyframes animateBubble{0%{margin-top:50px;opacity:0}50%{opacity:1}to{margin-top:-40%;opacity:0}}@-webkit-keyframes sideWays{0%{margin-left:0}to{margin-left:10px}}@keyframes sideWays{0%{margin-left:0}to{margin-left:10px}}.emotion-tool-bubble{position:absolute;bottom:100%;left:0;width:100%;height:150px;z-index:4}.emotion-tool-bubble__item{display:flex;align-items:center;justify-content:center;-webkit-animation:animateBubble 2s linear,sideWays .8s ease-in-out infinite alternate;animation:animateBubble 2s linear,sideWays .8s ease-in-out infinite alternate;left:calc(50% - 30px);top:30%;-webkit-transform:scale(.6);transform:scale(.6);border-radius:50%;box-shadow:0 20px 30px rgba(0,0,0,.2),inset 0 10px 30px 5px #fff;height:60px;position:absolute;width:60px}.emotion-tool-bubble__item:after{background:radial-gradient(ellipse at center,hsla(0,0%,100%,.5) 0,hsla(0,0%,100%,0) 70%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#80ffffff",endColorstr="#00ffffff",GradientType=1);border-radius:50%;box-shadow:inset 0 20px 30px hsla(0,0%,100%,.3);content:"";height:50px;left:2px;position:absolute;width:50px}.emotion-tool-bubble__item img{width:35px;height:35px}.stories-page-wrapper{width:100%;height:calc(100vh - 112px)}.stories{width:100%;height:100%;display:flex}.stories.--hide-left .stories-left-wrapper{width:0}.stories.--hide-left .stories-right-wrapper{width:100%}.stories.--hide-left .stories-right-wrapper .stories-right{border-radius:10px}.stories .stories-left-wrapper{width:38%;height:inherit;overflow:hidden;transition:width .3s linear}.stories .stories-right-wrapper{width:62%;height:inherit;transition:width .3s linear}.stories-left{width:100%;height:inherit;display:flex;flex-direction:column;background-color:#fafafa;padding:10px 15px;border-radius:10px 0 0 10px}.stories-left .stories-left__header{display:flex;justify-content:space-between;align-items:center}.stories-left .stories-left__header .stories-header-title{font-size:1.6rem;color:#405281;font-weight:600}.stories-left .stories-left__header .stories-header-toggle{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;border:1px solid #e7e0f5;width:32px;height:32px;background-color:#fafafa;font-size:1.3rem;color:#405281;cursor:pointer}.stories-left .stories-left__header .stories-header-toggle:hover{background-color:#f3f0fa}.stories-left .stories-left__create{display:flex;align-items:center;justify-content:center;margin-top:8px;margin-bottom:8px}.stories-left .stories-left__create .stories-create-text{font-size:1.3rem;color:#405281;margin-right:8px;white-space:nowrap}.stories-left .stories-left__create .stories-create-icon{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;border:1px solid #e7e0f5;width:40px;height:40px;background-color:#fafafa;font-size:1.6rem;color:#405281;cursor:pointer}.stories-left .stories-left__create .stories-create-icon:hover{background-color:#f3f0fa}.stories-left .stories-left__body{display:flex;flex-direction:column;grid-gap:15px;gap:15px}.stories-left .stories-left__body .stories-body-group .stories-group-title{font-size:1.2rem;font-weight:600;color:#405281;margin-bottom:10px;white-space:nowrap}.stories-left .stories-left__body .stories-body-group .stories-group-list{display:flex;flex-direction:column;grid-gap:10px;gap:10px;max-height:270px;overflow-y:auto;overflow-x:hidden}.stories-left .stories-left__body .stories-body-group .stories-group-list::-webkit-scrollbar{width:3px}.stories-left .stories-left__body .stories-body-group .stories-group-list::-webkit-scrollbar-track{background:#f3f0fa}.stories-left .stories-left__body .stories-body-group .stories-group-list::-webkit-scrollbar-thumb{background:#6e45c7;border-radius:3px}.stories-left .stories-left__body .stories-body-group .stories-group-list .stories-item-empty{text-align:center;font-size:1.3rem;color:#405281}.stories-left .stories-left__body .stories-body-group .stories-group-list .stories-item{display:flex;align-items:center;padding:10px 6px;border-radius:10px;cursor:pointer}.stories-left .stories-left__body .stories-body-group .stories-group-list .stories-item.--active,.stories-left .stories-left__body .stories-body-group .stories-group-list .stories-item:hover{background-color:#f3f0fa}.stories-left .stories-left__body .stories-body-group .stories-group-list .stories-item .stories-item__avatar{width:40px;height:40px;margin-right:10px;flex-shrink:0}.stories-left .stories-left__body .stories-body-group .stories-group-list .stories-item .stories-item__avatar.--seen img{outline-color:rgba(206,208,212,.5)}.stories-left .stories-left__body .stories-body-group .stories-group-list .stories-item .stories-item__avatar img{width:100%;height:100%;border-radius:50%;border:3px solid transparent;outline:3px solid #6e45c7}.stories-left .stories-left__body .stories-body-group .stories-group-list .stories-item .stories-item__info{display:flex;flex-direction:column}.stories-left .stories-left__body .stories-body-group .stories-group-list .stories-item .stories-item__info .stories-info-name{width:185px;font-size:1.3rem;font-weight:600;color:#405281;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.stories-left .stories-left__body .stories-body-group .stories-group-list .stories-item .stories-item__info .stories-info-time{font-size:1.2rem;color:#a5b6e1}.stories-right{width:100%;height:inherit;display:flex;align-items:center;justify-content:center;background-color:rgba(0,0,0,.9);border-radius:0 10px 10px 0;position:relative}.stories-right .stories-right__main{position:relative;width:100%;max-width:300px;height:100%;max-height:460px}.stories-right .stories-right__main .stories-right-progress-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(60px,1fr));grid-gap:5px;gap:5px;padding:12px 12px 2px 14px;position:relative;z-index:3}.stories-right .stories-right__main .stories-right-progress-list .stories-right-progress-item{width:100%;height:3px;background-color:#96abcd;border-radius:5px}.stories-right .stories-right__main .stories-right-progress-list .stories-right-progress-item .progress-bar{width:0;height:100%;background-color:#fafafa;border-radius:3px}.stories-right .stories-right__main .stories-right-description{width:100%;display:flex;justify-content:space-between;position:relative;z-index:3;padding:12px}.stories-right .stories-right__main .stories-right-description .description-user{display:flex;align-items:center}.stories-right .stories-right__main .stories-right-description .description-user img{width:40px;height:40px;object-fit:cover;border-radius:50%;flex-shrink:0;border:3px solid #fafafa}.stories-right .stories-right__main .stories-right-description .description-user span{margin-left:6px;display:inline-block;max-width:160px;font-size:1.3rem;color:#fafafa;text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.stories-right .stories-right__main .stories-right-description .description-tool{display:flex;align-items:center;grid-gap:15px;gap:15px}.stories-right .stories-right__main .stories-right-description .description-tool .desciption-tool-item{cursor:pointer}.stories-right .stories-right__main .stories-right-description .description-tool .desciption-tool-item span{font-size:1.5rem;color:#fafafa}.stories-right .stories-right__main .stories-right-description .description-tool .description-tool__more{position:relative}.stories-right .stories-right__main .stories-right-description .description-tool .description-tool__more .tool-more-menu{position:absolute;top:calc(100% + 2px);right:0;min-width:70px;background-color:#fafafa;box-shadow:0 3px 15px 2px rgba(0,0,0,.08);border-radius:8px 0 8px 8px;padding:6px;visibility:hidden;opacity:0}.stories-right .stories-right__main .stories-right-description .description-tool .description-tool__more .tool-more-menu.--active{visibility:visible;opacity:1}.stories-right .stories-right__main .stories-right-description .description-tool .description-tool__more .tool-more-menu .tool-more-item{padding:6px;font-size:1.3rem;text-align:center;line-height:1.6rem;color:#405281;border-radius:8px}.stories-right .stories-right__main .stories-right-description .description-tool .description-tool__more .tool-more-menu .tool-more-item:hover{background-color:#f3f0fa}.stories-right .stories-right__main .stories-right-body{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.stories-right .stories-right__main .stories-right-body .stories-right-body__img{position:absolute;top:0;left:0;width:100%;height:100%}.stories-right .stories-right__main .stories-right-body .stories-right-body__img img{width:100%;height:100%;object-fit:cover;border-radius:10px}.stories-right .stories-right__main .stories-right-body .stories-right-body__text{display:inline-block;width:100%;text-align:center;padding:0 20px;position:relative;z-index:2;font-family:"Lalezar",cursive;font-size:2rem;line-height:2.6rem;color:#fafafa;word-break:break-word;-webkit-user-select:none;-ms-user-select:none;user-select:none}.stories-right .stories-right__main .stories-right-footer{position:absolute;z-index:3;bottom:0;left:0;padding:0 15px 8px;width:100%}.stories-right .stories-right__main .stories-right-footer .storie-right-footer__viewer-count{font-size:1.3rem;color:#fafafa;font-weight:600}.stories-right .stories-right__main .stories-right-footer .storie-right-footer__viewer-count span:first-child{margin-right:12px}.stories-right .stories-right__main .stories-right-footer .storie-right-footer__emotion-tool{position:relative}.stories-right .stories-right__main .stories-right-footer .storie-right-footer__emotion-tool .emotion-tool-list{display:grid;grid-template-columns:repeat(6,1fr);padding:0 20px}.stories-right .stories-right__main .stories-right-footer .storie-right-footer__emotion-tool .emotion-tool-list .emotion-tool-item{cursor:pointer;display:inline-flex;flex-direction:column;align-items:center;justify-content:flex-start}.stories-right .stories-right__main .stories-right-footer .storie-right-footer__emotion-tool .emotion-tool-list .emotion-tool-item:hover img{-webkit-transform:scale(1.3);transform:scale(1.3)}.stories-right .stories-right__main .stories-right-footer .storie-right-footer__emotion-tool .emotion-tool-list .emotion-tool-item img{width:25px;height:25px;transition:.2s linear}.stories-right .stories-right__main .stories-right-footer .storie-right-footer__emotion-tool .emotion-tool-list .emotion-tool-item .emotion-tool-item__active{display:inline-block;width:6px;height:6px;border-radius:50%;background-color:#2fa24c;margin-top:4px}.stories-right .stories-right__next,.stories-right .stories-right__open-left,.stories-right .stories-right__prev{position:absolute;width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background-color:#fafafa;border:1px solid #e7e0f5;font-size:1.6rem;color:#405281;cursor:pointer}.stories-right .stories-right__next:hover,.stories-right .stories-right__open-left:hover,.stories-right .stories-right__prev:hover{background-color:#f3f0fa}.stories-right .stories-right__prev{top:50%;left:25px;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.stories-right .stories-right__next{top:50%;right:25px;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.stories-right .stories-right__open-left{position:absolute;top:30px;left:25px}.stories-right-finish{width:100%;height:inherit;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#fafafa;border-radius:0 10px 10px 0;border-left:1px solid #e7e0f5;position:relative}.stories-right-finish img{width:100px;height:100px}.stories-right-finish span{font-size:1.4rem;color:#405281;margin-top:10px;font-weight:600}.create-modal-wrapper{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(240,240,242,.8);display:flex;align-items:flex-start;justify-content:center;padding-top:100px;z-index:44}.create-modal-wrapper .create-modal{background-color:#fafafa;border-radius:10px;box-shadow:0 3px 15px 2px rgba(0,0,0,.08);width:480px;display:flex;flex-direction:column;position:relative}.create-modal__loading{position:absolute;top:0;left:0;width:100%;height:100%;background-color:hsla(0,0%,98%,.6);display:flex;align-items:center;justify-content:center}.create-modal__loading img{width:50px;height:50px;object-fit:cover}.create-modal__top{display:flex;align-items:center;justify-content:center;position:relative;padding:20px 15px;border-bottom:1px solid #e7e0f5}.create-modal__top .modal-top-title{font-size:1.8rem;color:#405281;font-weight:600}.create-modal__top .modal-top-close{position:absolute;top:18px;right:13px;font-size:1.6rem;color:#fff;width:26px;height:26px;display:flex;align-items:center;justify-content:center;border-radius:50%;background-color:#6e45c7;cursor:pointer;transition:all .2s linear}.create-modal__top .modal-top-close:hover{-webkit-filter:brightness(1.2);filter:brightness(1.2)}.create-modal__center{padding:20px}.create-modal__center .modal-center-content{width:100%;min-height:170px;max-height:220px;overflow-y:auto;padding-right:8px}.create-modal__center .modal-center-content::-webkit-scrollbar{width:6px}.create-modal__center .modal-center-content::-webkit-scrollbar-track{background:#fafafa}.create-modal__center .modal-center-content::-webkit-scrollbar-thumb{background:#6e45c7;border-radius:3px}.create-modal__center .modal-center-text{width:100%;min-height:130px;display:flex;align-items:flex-start}.create-modal__center .modal-center-text textarea{resize:none;width:100%;height:130px;background-color:#fafafa;font-size:1.6rem;line-height:2.4rem;color:#405281;border:none;outline:none;overflow-y:hidden}.create-modal__center .modal-center-text textarea::-webkit-input-placeholder{color:#405281}.create-modal__center .modal-center-text textarea:-ms-input-placeholder{color:#405281}.create-modal__center .modal-center-text textarea::placeholder{color:#405281}.create-modal__center .modal-center-file{display:flex;justify-content:center;width:100%}.create-modal__center .modal-center-icon{text-align:right;margin-top:10px}.create-modal__center .modal-center-icon span{font-size:2.5rem;color:#6e45c7;cursor:pointer}.create-modal__center .modal-center-icon span:hover{-webkit-filter:brightness(1.2);filter:brightness(1.2)}.create-modal__center .modal-center-more{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border-radius:10px;border:1px solid #e7e0f5}.create-modal__center .modal-center-more .modal-center-more__left{font-size:1.4rem;color:#405281}.create-modal__center .modal-center-more .modal-center-more__right{display:flex;align-items:center;grid-gap:5px;gap:5px}.create-modal__center .modal-center-more .modal-center-more__right .more-right-item{cursor:pointer;position:relative}.create-modal__center .modal-center-more .modal-center-more__right .more-right-item span{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;font-size:2.2rem;border-radius:50%;transition:background-color .2s linear}.create-modal__center .modal-center-more .modal-center-more__right .more-right-item.--active span,.create-modal__center .modal-center-more .modal-center-more__right .more-right-item:hover span{background-color:#f3f0fa}.create-modal__center .modal-center-more .modal-center-more__right .more-right-item.--green-color span{color:#2fa24c}.create-modal__center .modal-center-more .modal-center-more__right .more-right-item.--orange-color span{color:#f7ba27}.create-modal__center .modal-center-more .modal-center-more__right .more-right-item.--red-color span{color:#ea4335}.create-modal__bottom{padding:0 20px 15px}.create-modal__bottom .create-modal-alert{font-size:1.2rem;color:#ea4335;margin-bottom:5px}.create-modal__bottom button{width:100%}.create-modal__bottom button:hover{-webkit-filter:brightness(1.2);filter:brightness(1.2)}.create-file-modal{width:100%;display:flex;flex-direction:column;margin-top:10px;margin-bottom:20px}.create-file-modal__upload{display:flex;align-items:center;justify-content:center;padding:60px 50px;border-radius:20px;background-color:#f3f0fa;border:2px dotted #f3f0fa;box-sizing:content-box;transition:border .2s linear;position:relative}.create-file-modal__upload.--active{border:2px dotted #6e45c7}.create-file-modal__upload .upload-label{display:flex;flex-direction:column;align-items:center}.create-file-modal__upload .upload-label img{width:60px;height:60px}.create-file-modal__upload .upload-label p{margin-top:20px;font-size:1.3rem;color:#a5b6e1;text-align:center}.create-file-modal__upload input{position:absolute;opacity:0;top:0;left:0;width:100%;height:100%;max-height:220px;padding:220px 0 0;overflow:hidden;border:none;outline:none;cursor:pointer}.create-file-modal__upload span.upload-close{display:inline-flex;justify-content:center;align-items:center;width:30px;height:30px;background-color:#fff;border-radius:50%;border:1px solid #e7e0f5;position:absolute;top:8px;right:8px;font-size:1.6rem;color:#6e45c7;cursor:pointer;transition:all .2s linear}.create-file-modal__upload span.upload-close i{margin-top:2px}.create-file-modal__upload span.upload-close:hover{background-color:#f7f7f7}.create-file-modal__preview{margin-top:20px}.create-file-modal__preview .preview-title{font-size:1.4rem;color:#405281;margin-bottom:15px}.create-file-modal__preview .preview-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));grid-gap:10px 10px;gap:10px 10px}.create-file-modal__preview .preview-list.--audio{grid-template-columns:1fr}.create-file-modal__preview .preview-list .preview-item{display:flex;height:145px;position:relative;border:1px solid #e7e0f5;border-radius:5px;overflow:hidden}.create-file-modal__preview .preview-list .preview-item.--audio{height:unset;width:100%;padding:12px 12px 12px 5px}.create-file-modal__preview .preview-list .preview-item.--audio img{width:55px;height:55px}.create-file-modal__preview .preview-list .preview-item.--audio .audio-description{display:flex;flex-direction:column;margin-left:2px}.create-file-modal__preview .preview-list .preview-item.--audio .audio-description .audio-description__name{font-size:1.3rem;line-height:2rem;color:#405281;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.create-file-modal__preview .preview-list .preview-item.--audio .audio-description .audio-description__size{font-size:1rem;line-height:1.4rem;color:#a5b6e1}.create-file-modal__preview .preview-list .preview-item img,.create-file-modal__preview .preview-list .preview-item video{width:100%;height:100%;object-fit:cover}.create-file-modal__preview .preview-list .preview-item span.preview-item__remove{display:inline-flex;justify-content:center;align-items:center;width:30px;height:30px;background-color:#fff;border-radius:50%;border:1px solid #e7e0f5;position:absolute;top:5px;right:5px;font-size:1.6rem;color:#6e45c7;cursor:pointer;visibility:hidden;opacity:0;transition:all .2s linear}.create-file-modal__preview .preview-list .preview-item span.preview-item__remove i{margin-top:2px}.create-file-modal__preview .preview-list .preview-item span.preview-item__remove:hover{background-color:#f7f7f7}.create-file-modal__preview .preview-list .preview-item div.preview-item__play{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.create-file-modal__preview .preview-list .preview-item div.preview-item__play img{width:40px;height:40px}.create-file-modal__preview .preview-list .preview-item:hover span{visibility:visible;opacity:1}.create-stories-modal-wrapper{position:fixed;top:0;left:0;width:100%;height:100%;z-index:60;background-color:hsla(0,0%,98%,.5);display:flex;align-items:center;justify-content:center}.create-stories-modal{width:100%;height:100%;max-width:80%;max-height:580px;display:flex;background-color:#fafafa;border-radius:10px;box-shadow:0 3px 15px 2px rgba(0,0,0,.08);position:relative}.create-stories-modal__loading{position:absolute;top:0;left:0;width:100%;height:100%;background-color:hsla(0,0%,98%,.8);display:flex;align-items:center;justify-content:center}.create-stories-modal__loading img{width:60px;height:60px;object-fit:cover}.create-stories-modal__left{width:30%;height:100%;padding:12px 15px 15px 20px}.create-stories-modal__right{width:70%;height:100%;padding:12px 20px 15px 15px}.stories-modal-left-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.stories-modal-left-header .header-title{font-size:1.8rem;color:#405281;font-weight:600}.stories-modal-left-header .header-tool{width:35px;height:35px;display:inline-flex;align-items:center;justify-content:center;font-size:1.4rem;color:#405281;background-color:#fafafa;border-radius:50%;border:1px solid #e7e0f5;cursor:pointer}.stories-modal-left-header .header-tool:hover{background-color:#f3f0fa}.stories-modal-left-body{height:calc(100% - 95px);overflow-y:auto;padding-bottom:10px;padding-right:5px}.stories-modal-left-body::-webkit-scrollbar{width:5px}.stories-modal-left-body::-webkit-scrollbar-thumb{background:#6e45c7;border-radius:3px}.stories-modal-left-body .body-text-input{display:flex;flex-direction:column;padding:10px;border:1px solid #e7e0f5;border-radius:10px}.stories-modal-left-body .body-text-input .body-text-input__title{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.stories-modal-left-body .body-text-input .body-text-input__title span:first-child{font-size:1.2rem;color:#a5b6e1}.stories-modal-left-body .body-text-input .body-text-input__title span:last-child{font-size:1.1rem;color:#405281}.stories-modal-left-body .body-text-input textarea{border:none;outline:none;resize:none;width:100%;height:150px;overflow-y:auto;background-color:transparent;font-size:1.3rem;line-height:2.2rem;color:#405281}.stories-modal-left-body .body-text-input textarea::-webkit-input-placeholder{color:#405281}.stories-modal-left-body .body-text-input textarea:-ms-input-placeholder{color:#405281}.stories-modal-left-body .body-text-input textarea::placeholder{color:#405281}.stories-modal-left-body .body-style-input{display:flex;flex-direction:column;padding:10px;border:1px solid #e7e0f5;border-radius:10px;margin-top:15px}.stories-modal-left-body .body-style-input .body-style-input__toggle{display:flex;align-items:center;margin-bottom:10px}.stories-modal-left-body .body-style-input .body-style-input__toggle span:first-child{font-size:1.2rem;color:#a5b6e1}.stories-modal-left-body .body-style-input .body-style-input__toggle span:nth-child(2){margin-left:10px;font-size:1.3rem;color:#405281}.stories-modal-left-body .body-style-input .body-style-input__menu .style-input-item{font-size:1.3rem;color:#405281;padding:10px;border-radius:10px;cursor:pointer;-webkit-user-select:none;-ms-user-select:none;user-select:none;transition:background-color .2s linear}.stories-modal-left-body .body-style-input .body-style-input__menu .style-input-item:not(:last-child){margin-bottom:5px}.stories-modal-left-body .body-style-input .body-style-input__menu .style-input-item.--active,.stories-modal-left-body .body-style-input .body-style-input__menu .style-input-item:hover{background-color:#f3f0fa}.stories-modal-left-body .body-background-input{display:flex;flex-direction:column;padding:10px;border:1px solid #e7e0f5;border-radius:10px;margin-top:15px}.stories-modal-left-body .body-background-input label{font-size:1.2rem;color:#a5b6e1;margin-bottom:8px}.stories-modal-left-body .body-background-input .background-input-list{display:grid;grid-template-columns:repeat(8,1fr);grid-gap:8px 2px;gap:8px 2px}.stories-modal-left-body .body-background-input .background-input-list .background-input-item{width:25px;height:25px;border-radius:50%;cursor:pointer;position:relative}.stories-modal-left-body .body-background-input .background-input-list .background-input-item span{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#fafafa;border-radius:50%;font-size:1.3rem}.stories-modal-left-body .body-background-input .background-input-list .background-input-item img{width:100%;height:100%;object-fit:cover;border-radius:50%}.stories-modal-left-footer{display:flex;align-items:center;padding:10px 0;grid-gap:10px;gap:10px}.stories-modal-left-footer span{display:inline-block;width:50%;padding:10px;font-size:1.3rem;border-radius:10px;text-align:center;cursor:pointer;-webkit-user-select:none;-ms-user-select:none;user-select:none}.stories-modal-left-footer span.modal-reset-btn{color:#405281;background-color:#f3f0fa}.stories-modal-left-footer span.modal-done-btn{color:#fafafa;background-color:#6e45c7}.stories-modal-right-header{text-align:right;margin-bottom:15px}.stories-modal-right-header span{width:35px;height:35px;display:inline-flex;align-items:center;justify-content:center;font-size:1.4rem;color:#405281;background-color:#fafafa;border-radius:50%;border:1px solid #e7e0f5;cursor:pointer}.stories-modal-right-header span:hover{background-color:#f3f0fa}.stories-modal-right-body{height:calc(100% - 50px);padding:10px;border-radius:10px;border:1px solid #e7e0f5;display:flex;flex-direction:column}.stories-modal-right-body .body-preview-title{font-size:1.3rem;color:#a5b6e1;margin-bottom:10px}.stories-modal-right-body .body-preview-content{width:100%;height:100%;padding:15px 0;display:flex;align-items:center;justify-content:center;background-color:rgba(0,0,0,.9);border-radius:10px}.stories-modal-right-body .body-preview-content .body-preview-content__image{width:250px;height:100%;border-radius:10px;position:relative;display:flex;align-items:center;justify-content:center}.stories-modal-right-body .body-preview-content .body-preview-content__image img{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:10px;object-fit:cover}.stories-modal-right-body .body-preview-content .body-preview-content__image span{display:inline-block;width:100%;text-align:center;padding:0 20px;position:relative;z-index:2;font-family:"Lalezar",cursive;font-size:2rem;line-height:2.6rem;color:#fafafa;word-break:break-word;-webkit-user-select:none;-ms-user-select:none;user-select:none}.emotion-modal .emotion-modal__icon{font-size:2.5rem;color:#6e45c7;cursor:pointer}.emotion-modal .emotion-modal__icon:hover{-webkit-filter:brightness(1.2);filter:brightness(1.2)}.emotion-modal .emotion-modal__content{width:100%;position:absolute;top:0;right:0;-webkit-transform:translate(calc(-50% - 2px),calc(-100% - 3px));transform:translate(calc(-50% - 2px),calc(-100% - 3px));z-index:45;background-color:#fff;box-shadow:0 3px 15px 2px rgba(0,0,0,.08);border-radius:10px;max-width:360px;min-width:300px;padding:12px;visibility:hidden;opacity:0;transition:visibility,opacity .2s linear}.emotion-modal .emotion-modal__content.--active{visibility:visible;opacity:1}.emotion-modal .emotion-modal__content:before{content:"";position:absolute;left:50%;bottom:-20px;border:10px solid transparent;border-top-color:#fff}.emotion-modal .emotion-modal__content .emotion-modal-list{width:100%;display:grid;grid-template-columns:repeat(8,1fr)}.emotion-modal .emotion-modal__content .emotion-modal-list .emotion-modal-item{display:inline-flex;justify-content:center;align-items:center;width:35px;height:35px;border-radius:5px;font-size:2rem;cursor:pointer;transition:all .2s linear;-webkit-user-select:none;-ms-user-select:none;user-select:none}.emotion-modal .emotion-modal__content .emotion-modal-list .emotion-modal-item:hover,.menu-post-wrapper{background-color:#f3f0fa}.menu-post-wrapper{width:calc(100% - 570px);position:fixed;z-index:41;top:0;left:240px;right:330px}.menu-post-wrapper .menu-post{display:flex;align-items:center;grid-gap:20px;gap:20px;padding:15px 0;margin:0 25px;border-bottom:1px solid #e7e0f5}.menu-post__left{display:flex;align-items:center;flex:1 1}.menu-post__left .menu-post-left-avatar{display:inline-block;width:40px;height:40px;margin-right:10px}.menu-post__left .menu-post-left-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}.menu-post__left .menu-post-left-action{flex:1 1;height:40px;display:flex;align-items:center;border-radius:30px;border:1px solid #e7e0f5;background-color:#fafafa;cursor:pointer}.menu-post__left .menu-post-left-action .action-btn{padding:0 6px 0 16px;font-size:1.3rem;color:#a5b6e1;transition:all .2s linear}.menu-post__left .menu-post-left-action .action-btn i{font-size:1.5rem;margin-right:6px}.menu-post__left .menu-post-left-action:hover .action-btn{color:#6e45c7}.menu-post__right .menu-post-right-list{display:flex;align-items:center}.menu-post__right .menu-post-right-list .menu-post-right-item{display:flex;align-items:flex-end;cursor:pointer;padding:9px 15px;border-radius:20px;transition:all .2s linear}.menu-post__right .menu-post-right-list .menu-post-right-item:hover{background-color:#fafafa}.menu-post__right .menu-post-right-list .menu-post-right-item span:first-child{font-size:2.3rem}.menu-post__right .menu-post-right-list .menu-post-right-item span:first-child.red-icon{color:#ea4335}.menu-post__right .menu-post-right-list .menu-post-right-item span:first-child.green-icon{color:#2fa24c}.menu-post__right .menu-post-right-list .menu-post-right-item span:first-child.orange-icon{color:#f7ba27}.menu-post__right .menu-post-right-list .menu-post-right-item span:last-child{font-size:1.3rem;color:#405281;margin-left:8px}.sidebar-left-container{max-width:240px;width:100%;height:100vh;position:fixed;top:0;left:0;background-color:#6e45c7}.sidebar-left-container .sidebar-left{width:100%;height:100%;padding:20px 0 20px 20px;display:flex;flex-direction:column}.sidebar-left__logo{margin-bottom:20px;padding-left:10px;text-align:left}.sidebar-left__logo a{display:inline-block;width:140px;height:55px}.sidebar-left__logo a img{width:100%;height:100%;object-fit:cover}.sidebar-left__menu{margin-bottom:20px}.sidebar-left__menu .menu-title{font-size:1.6rem;color:#fff;font-weight:600;margin-bottom:25px}.sidebar-left__menu .menu-list{display:flex;flex-direction:column}.sidebar-left__menu .menu-list .menu-item{display:flex;align-items:center;font-size:1.4rem;color:#fff;background-color:#6e45c7;padding:16px 0 16px 16px;cursor:pointer;transition:color .3s linear;position:relative}.sidebar-left__menu .menu-list .menu-item.--active{background-color:#f3f0fa;border-radius:20px 0 0 20px;color:#6e45c7;position:relative}.sidebar-left__menu .menu-list .menu-item.--active:after,.sidebar-left__menu .menu-list .menu-item.--active:before{position:absolute;content:"";z-index:2;width:40px;height:40px;right:0;background-color:#6e45c7;border-radius:50%}.sidebar-left__menu .menu-list .menu-item.--active:before{top:0;-webkit-transform:translateY(-100%);transform:translateY(-100%);box-shadow:20px 20px 0 0 #f3f0fa}.sidebar-left__menu .menu-list .menu-item.--active:after{bottom:0;-webkit-transform:translateY(100%);transform:translateY(100%);box-shadow:20px -20px 0 0 #f3f0fa}.sidebar-left__menu .menu-list .menu-item.--active:hover{color:#6e45c7}.sidebar-left__menu .menu-list .menu-item:hover{color:hsla(0,0%,100%,.7)}.sidebar-left__menu .menu-list .menu-item i{font-size:1.8rem;margin-right:10px;width:21px}.sidebar-left__menu .menu-list .menu-item .message-count-badge{width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background-color:#ea4335;color:#fff;font-size:1.1rem;font-weight:600;line-height:1rem;margin-left:50px}.sidebar-left__account{padding-right:20px}.sidebar-left__account .account-title{margin-bottom:40px;display:flex;align-items:center;justify-content:space-between}.sidebar-left__account .account-title span{font-size:1.6rem;color:#fff;font-weight:600}.sidebar-left__account .account-title span:first-child{margin-right:10px}.sidebar-left__account .account-title span:last-child{position:relative;display:flex;align-items:center;justify-content:flex-end;width:20px;height:20px;cursor:pointer}.sidebar-left__account .account-content{position:relative;width:200px;height:115px;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;transition:all .5s linear}.sidebar-left__account .account-content.--active{-webkit-transform:rotateX(-180deg);transform:rotateX(-180deg)}.sidebar-left__account .account-content .account-content__back,.sidebar-left__account .account-content .account-content__front{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:5px;display:flex;flex-direction:column;align-items:center;justify-content:center;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden}.sidebar-left__account .account-content .account-content__front{z-index:2;background-color:#6e45c7}.sidebar-left__account .account-content .account-content__front .account-front-avatar{width:60px;height:60px;margin-bottom:10px;border-radius:50%;background-color:#fff;outline:2px solid #fafafa;overflow:hidden}.sidebar-left__account .account-content .account-content__front .account-front-avatar img{width:100%;height:100%;object-fit:cover}.sidebar-left__account .account-content .account-content__front .account-front-info{display:flex;flex-direction:column;align-items:center}.sidebar-left__account .account-content .account-content__front .account-front-info span:first-child{font-size:1.4rem;color:#fff;text-align:center;margin-bottom:2px}.sidebar-left__account .account-content .account-content__front .account-front-info span:last-child{font-size:1.2rem;line-height:1.4rem;color:#a5b6e1;overflow:hidden;text-overflow:ellipsis}.sidebar-left__account .account-content .account-content__back{z-index:1;background-color:#fafafa;-webkit-transform:rotateX(180deg);transform:rotateX(180deg)}.sidebar-left__account .account-content .account-content__back .account-back-tool{width:100%;height:100%;display:flex;flex-direction:column;justify-content:space-between;padding:15px}.sidebar-left__account .account-content .account-content__back .account-back-tool .account-tool-item{width:100%;padding:10px 12px;border-radius:5px;display:flex;align-items:center;font-size:1.4rem;color:#405281;cursor:pointer;transition:background-color .2s linear}.sidebar-left__account .account-content .account-content__back .account-back-tool .account-tool-item:hover{background-color:#f3f0fa}.sidebar-left__account .account-content .account-content__back .account-back-tool .account-tool-item i{margin-right:10px;font-size:1.8rem}.sidebar-right-container{max-width:330px;width:100%;height:calc(100vh - 22px);position:fixed;top:0;right:0;z-index:20;background-color:#f3f0fa}.sidebar-right-container.--active{z-index:50}.sidebar-right-container .sidebar-right{width:100%;height:100%;padding:0 20px;margin-top:15px;border-left:1px solid #e7e0f5;display:flex;flex-direction:column;position:relative}.sidebar-right__top-menu{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px;position:relative}.sidebar-right__top-menu .top-menu-search .search-input{position:relative;padding:0 20px 0 15px;height:40px;border-radius:30px;display:flex;align-items:center;border:1px solid #e7e0f5;background-color:#fafafa}.sidebar-right__top-menu .top-menu-search .search-input span{position:absolute;top:50%;left:15px;font-size:1.6rem;color:#a5b6e1;-webkit-transform:translateY(calc(-50% + 1px));transform:translateY(calc(-50% + 1px))}.sidebar-right__top-menu .top-menu-search .search-input input{height:100%;width:100%;border:none;outline:none;background-color:transparent;font-size:1.3rem;color:#405281;padding-left:22px}.sidebar-right__top-menu .top-menu-search .search-input input::-webkit-input-placeholder{color:#a5b6e1}.sidebar-right__top-menu .top-menu-search .search-input input:-ms-input-placeholder{color:#a5b6e1}.sidebar-right__top-menu .top-menu-search .search-input input::placeholder{color:#a5b6e1}.sidebar-right__top-menu .top-menu-search .search-modal{position:absolute;z-index:30;top:55px;left:0;width:100%;background-color:#fafafa;border-radius:10px;box-shadow:0 3px 15px 2px rgba(0,0,0,.08);padding:12px 6px 12px 12px;visibility:hidden;opacity:0;transition:all .2s linear}.sidebar-right__top-menu .top-menu-search .search-modal.--active{visibility:visible;opacity:1}.sidebar-right__top-menu .top-menu-search .search-modal .search-loading{display:flex;justify-content:center;align-items:center;min-height:100px}.sidebar-right__top-menu .top-menu-search .search-modal .search-loading img{width:50px;height:50px}.sidebar-right__top-menu .top-menu-search .search-modal .search-modal__list{width:100%;max-height:300px;overflow-y:auto}.sidebar-right__top-menu .top-menu-search .search-modal .search-modal__list::-webkit-scrollbar{width:5px}.sidebar-right__top-menu .top-menu-search .search-modal .search-modal__list::-webkit-scrollbar-track{background:#fafafa;border-radius:10px}.sidebar-right__top-menu .top-menu-search .search-modal .search-modal__list::-webkit-scrollbar-thumb{background:#6e45c7;border-radius:3px}.sidebar-right__top-menu .top-menu-search .search-modal .search-modal__list .search-item{width:100%}.sidebar-right__top-menu .top-menu-search .search-modal .search-modal__list .search-item a{display:flex;align-items:center;padding:10px 6px;border-radius:10px;transition:background-color .2s linear}.sidebar-right__top-menu .top-menu-search .search-modal .search-modal__list .search-item a:hover{background-color:#f3f0fa}.sidebar-right__top-menu .top-menu-search .search-modal .search-modal__list .search-item a img{width:35px;height:35px;border-radius:50%}.sidebar-right__top-menu .top-menu-search .search-modal .search-modal__list .search-item a .search-item__info{margin-left:10px;display:flex;flex-direction:column;justify-content:center}.sidebar-right__top-menu .top-menu-search .search-modal .search-modal__list .search-item a .search-item__info span:first-child{font-size:1.3rem;color:#405281}.sidebar-right__top-menu .top-menu-search .search-modal .search-modal__list .search-item a .search-item__info span:last-child{font-size:1.1rem;line-height:1.5rem;color:#a5b6e1}.sidebar-right__top-menu .top-menu-search .search-modal .search-modal__empty{display:flex;flex-direction:column;align-items:center;padding-top:20px;padding-bottom:20px}.sidebar-right__top-menu .top-menu-search .search-modal .search-modal__empty img{width:80px;height:80px}.sidebar-right__top-menu .top-menu-search .search-modal .search-modal__empty span{font-size:1.3rem;color:#405281}.sidebar-right__top-menu .top-menu-action{margin-left:10px;position:relative}.sidebar-right__top-menu .top-menu-action .top-menu-action__icon{height:40px;width:40px;display:flex;justify-content:center;align-items:center;border-radius:100%;border:2px solid #a5b6e1;cursor:pointer;position:relative;transition:all .2s linear}.sidebar-right__top-menu .top-menu-action .top-menu-action__icon:hover{background-color:#fafafa}.sidebar-right__top-menu .top-menu-action .top-menu-action__icon .icon-bell{font-size:1.6rem;color:#6e45c7}.sidebar-right__top-menu .top-menu-action .top-menu-action__icon .noti-badge{position:absolute;top:-4px;right:-4px;display:inline-flex;align-items:center;justify-content:center;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;padding:0 6px;height:16px;font-size:1rem;line-height:1rem;color:#fafafa;font-weight:600;background-color:#ea4335;border-radius:50%}.sidebar-right__top-menu .top-menu-action .top-menu-action__icon .noti-badge.--more{padding:0 4px;top:-6px;right:-4px}.sidebar-right__top-menu .top-menu-action .top-menu-action__modal{width:-webkit-max-content;width:max-content;max-width:350px;min-width:310px;display:flex;flex-direction:column;padding:15px 8px 10px 10px;position:absolute;top:calc(100% + 10px);right:-10px;z-index:11;background-color:#fafafa;border-radius:10px;box-shadow:0 3px 15px 2px rgba(0,0,0,.08);-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:calc(100% - 28px) -8px;transform-origin:calc(100% - 28px) -8px;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease}.sidebar-right__top-menu .top-menu-action .top-menu-action__modal.--active{-webkit-transform:scale(1);transform:scale(1);transition:-webkit-transform .3s cubic-bezier(.175,.885,.32,1.275);transition:transform .3s cubic-bezier(.175,.885,.32,1.275);transition:transform .3s cubic-bezier(.175,.885,.32,1.275),-webkit-transform .3s cubic-bezier(.175,.885,.32,1.275)}.sidebar-right__top-menu .top-menu-action .top-menu-action__modal:before{content:"";position:absolute;top:-18px;right:20px;border:10px solid transparent;border-bottom-color:#fafafa}.noti-modal-list{max-height:260px;min-height:260px;overflow-y:auto}.noti-modal-list::-webkit-scrollbar{width:4px}.noti-modal-list::-webkit-scrollbar-track{background:#fafafa}.noti-modal-list::-webkit-scrollbar-thumb{background:#6e45c7;border-radius:3px}.noti-modal-list .noti-modal-item{display:flex;align-items:flex-start;padding:12px 12px 12px 10px;border-radius:10px;transition:background-color .2s linear;position:relative}.noti-modal-list .noti-modal-item:hover{background-color:#f3f0fa}.noti-modal-list .noti-modal-item .noti-modal-item__avatar{width:45px;height:45px}.noti-modal-list .noti-modal-item .noti-modal-item__avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%;border:1px solid #e7e0f5}.noti-modal-list .noti-modal-item .noti-modal-item__body{width:calc(100% - 45px);margin-left:10px;padding-right:6px;display:flex;flex-direction:column}.noti-modal-list .noti-modal-item .noti-modal-item__body span.noti-item-content{font-size:1.3rem;color:#405281}.noti-modal-list .noti-modal-item .noti-modal-item__body span.noti-item-content p{font-weight:600}.noti-modal-list .noti-modal-item .noti-modal-item__body span.noti-item-time{font-size:1.1rem;line-height:1.1rem;margin-top:3px;color:#a5b6e1}.noti-modal-list .noti-modal-item .active-dot{display:inline-block;width:8px;height:8px;background-color:#6e45c7;border-radius:50%;position:absolute;right:0;top:50%;-webkit-transform:translate(-7px,-50%);transform:translate(-7px,-50%)}.noti-modal-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;max-height:260px;min-height:260px}.noti-modal-empty img{width:110px;height:110px}.noti-modal-empty span{font-size:1.4rem;color:#405281;margin-top:15px}.noti-modal-see-more{padding:10px 10px 0;text-align:center}.noti-modal-see-more button{font-size:1rem;text-transform:none;padding:4px 6px}.noti-modal-see-more button:hover{-webkit-filter:brightness(1.2);filter:brightness(1.2)}.sidebar-right__suggestion-user{border-bottom:1px solid #e7e0f5;padding-bottom:12px}.sidebar-right__suggestion-user .suggestion-user-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px}.sidebar-right__suggestion-user .suggestion-user-title span{color:#405281}.sidebar-right__suggestion-user .suggestion-user-title span.text-title{font-size:1.6rem;font-weight:600}.sidebar-right__suggestion-user .suggestion-user-title span.icon-title{font-size:1.4rem;cursor:pointer}.sidebar-right__suggestion-user .suggestion-user-title span.icon-title:hover{color:#6e45c7}.sidebar-right__suggestion-user .suggestion-user-list{min-height:180px;max-height:180px}.sidebar-right__suggestion-user .suggestion-user-list .suggestion-user-item{display:flex;align-items:center}.sidebar-right__suggestion-user .suggestion-user-list .suggestion-user-item:not(:last-child){margin-bottom:25px}.sidebar-right__suggestion-user .suggestion-user-list .suggestion-user-item .user-item-avatar{flex-shrink:0;width:40px;height:40px;padding:2px;margin-right:5px;border:1px solid #a5b6e1;border-radius:100%}.sidebar-right__suggestion-user .suggestion-user-list .suggestion-user-item .user-item-avatar img{width:100%;height:100%;border-radius:100%;object-fit:cover}.sidebar-right__suggestion-user .suggestion-user-list .suggestion-user-item .user-item-info{display:flex;flex-direction:column}.sidebar-right__suggestion-user .suggestion-user-list .suggestion-user-item .user-item-info a{font-size:1.3rem;color:#405281;max-width:180px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;transition:color .3s linear}.sidebar-right__suggestion-user .suggestion-user-list .suggestion-user-item .user-item-info a:hover{color:#6e45c7}.sidebar-right__suggestion-user .suggestion-user-list .suggestion-user-item .user-item-info span{font-size:1.1rem;line-height:1.5rem;margin-top:2px;color:#a5b6e1;overflow:hidden;text-overflow:ellipsis}.sidebar-right__suggestion-user .suggestion-user-list .suggestion-user-item .user-item-button{margin-left:auto;padding:6px 8px;font-size:1.1rem;text-transform:none}.sidebar-right__suggestion-user .suggestion-user-list .suggestion-user-item .user-item-button:hover{-webkit-filter:brightness(1.2);filter:brightness(1.2)}.sidebar-right__suggestion-user .suggestion-user-list .suggestion-user-item-loading{width:100%;height:150px;display:flex;align-items:center;justify-content:center}.sidebar-right__suggestion-user .suggestion-user-list .suggestion-user-item-loading img{width:40px;height:40px}.sidebar-right__suggestion-user .suggestion-user-see-all{text-align:center}.sidebar-right__suggestion-user .suggestion-user-see-all a{position:relative;font-size:1.2rem;color:#6e45c7;cursor:pointer}.sidebar-right__suggestion-user .suggestion-user-see-all a:before{content:"";position:absolute;left:50%;bottom:-1px;height:1.5px;width:0;background-color:#6e45c7;transition:all .3s linear}.sidebar-right__suggestion-user .suggestion-user-see-all a:hover:before{left:0;width:100%}.sidebar-right__saved-post .saved-post-title{margin-top:20px;margin-bottom:45px;display:flex;align-items:center;justify-content:space-between}.sidebar-right__saved-post .saved-post-title span{font-size:1.6rem;color:#405281;font-weight:600}.sidebar-right__saved-post .saved-post-title a{position:relative;font-size:1.2rem;color:#6e45c7;cursor:pointer}.sidebar-right__saved-post .saved-post-title a:before{content:"";position:absolute;left:50%;bottom:1px;height:1.5px;width:0;background-color:#6e45c7;transition:all .3s linear}.sidebar-right__saved-post .saved-post-title a:hover:before{left:0;width:100%}.sidebar-right__saved-post .saved-post-content{min-height:150px;display:flex;flex-direction:column;padding:15px;background-color:#fafafa;border-radius:10px;border:1px solid #e7e0f5;position:relative}.sidebar-right__saved-post .saved-post-content .post-content-avatar{width:60px;height:60px;padding:6px;outline:6px solid #f3f0fa;border:1px solid #e7e0f5;border-radius:100%;background-color:#fafafa;position:absolute;top:0;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.sidebar-right__saved-post .saved-post-content .post-content-avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover}.sidebar-right__saved-post .saved-post-content .post-content-text{margin-top:25px;font-size:1.2rem;color:#405281;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}.sidebar-right__saved-post .saved-post-content .post-content-img{margin-top:10px;display:flex;align-items:center;justify-content:center}.sidebar-right__saved-post .saved-post-content .post-content-img img{min-width:60px;max-width:100px;width:auto;height:auto;object-fit:cover;border-radius:3px}.sidebar-right__saved-post .saved-post-content--empty,.sidebar-right__saved-post .saved-post-content--loading{min-height:150px;display:flex;align-items:center;justify-content:center;padding:15px;background-color:#fafafa;border-radius:10px;border:1px solid #e7e0f5}.sidebar-right__saved-post .saved-post-content--loading img{width:40px;height:40px}.sidebar-right__saved-post .saved-post-content--empty{flex-direction:column}.sidebar-right__saved-post .saved-post-content--empty span{font-size:1.3rem;color:#405281}.sidebar-right__saved-post .saved-post-content--empty img{width:60px;height:60px}.sidebar-right-copyright{margin-top:auto;width:100%;font-size:1rem;line-height:1rem;color:#405281;text-align:right}
/*# sourceMappingURL=main.80feb131.chunk.css.map */