body{font-family:Noto Sans JP,Hiragino Kaku Gothic ProN,Meiryo,sans-serif;font-size:16px;line-height:1.5}body a{color:#0000e6}input,textarea{font-size:16px}button{background-color:#fff;border:1px solid #f2da02;border-radius:5px;box-shadow:0 1px 1px #f2da02;color:#000;cursor:pointer;font-size:14px;padding:5px 10px}button:disabled,button[disabled]{color:silver}.button-active,button:active{box-shadow:inset 2px 2px 5px rgba(0,0,0,.3);transform:translateY(2px)}.mention-button{background-color:#fff;border:none;border-radius:5px;color:#000;cursor:pointer;font-size:12px;margin-bottom:1em;padding:0}.mention-button:disabled,.mention-button[disabled]{border:1px solid silver!important;box-shadow:0 1px 1px silver!important;color:#000!important;cursor:auto!important}.search-container{display:inline-block;padding-bottom:.5em;position:relative}.suggestion-list{background-color:#fff;border:1px solid #ccc;bottom:110%;box-sizing:border-box;display:none;left:0;margin:0 10px 0 0;max-height:150px;overflow-y:auto;padding:0;position:absolute;width:100%}.suggestion-list li{cursor:pointer;list-style-type:none;padding:5px}.suggestion-list li:hover{background-color:#eee}.file-button{font-size:10px}.file-button::file-selector-button{background:#fff;border:1px solid #f2da02;border-radius:10em;font-size:14px;padding:6px 10px}.block::file-selector-button{display:block}.toast{background:#fff8e8;border-left:10px solid #ffc06e;color:#232323;margin:2em 0;padding:.5em 1em}.toast p{margin:0;padding:0}.parent-message{background:#fff;border-color:#bbbe04;border-radius:20px;border-style:solid;border-width:10px 3px;box-shadow:1px 2px 3px rgba(0,0,0,.22);color:#000;line-height:1em;padding:1em}.parent-message p{margin:0;padding:0}.child-message-secound{background:#fff;background:#efefdb;background:linear-gradient(180deg,#fff,#efefdb);border-radius:20px;border-top:7px solid #bbbe04;box-shadow:1px 2px 3px rgba(0,0,0,.22);color:#000;line-height:1em;margin-top:1em;padding:.7em}.child-message-secound p{margin:0;padding:0}.child-message-third{background:#fff;border:1px solid #d3d3d3;border-radius:20px;color:#000;margin:.05em 0 0;padding:.7em}.child-message-third p{margin:0;padding:0}.thread-message{background:#fff;border:1px solid #d3d3d3;border-radius:20px;color:#000;margin:.05em 0 0;padding:.7em .7em .7em 0}.thread-message p{margin:0;padding:0}.message{line-height:normal}.message-editor{background:#f0f8ff;border-left:15px solid #3bbbf7;box-shadow:1px 2px 3px rgba(0,0,0,.22);color:#000;line-height:1em;margin:.05em 0 0;padding:1em 2em .5em 1em}.message-editor p{margin:0;padding:0}.tabbox{border:3px solid #62c1ce;margin:2em 0;padding:.5em 1em;position:relative}.tabbox .box-title{background:#62c1ce;border-radius:5px 5px 0 0;color:#fff;display:inline-block;font-size:17px;font-weight:700;height:25px;left:-3px;line-height:25px;padding:0 9px;position:absolute;top:-27px}.tabbox p{margin:0;padding:0}.labelbox{border:2px solid #ffc107;margin:2em 0;padding:25px 10px 7px;position:relative}.labelbox .box-title{background:#ffc107;color:#fff;display:inline-block;font-size:17px;font-weight:700;height:25px;left:-2px;line-height:25px;padding:0 9px;position:absolute;top:-2px}.labelbox p{margin:0;padding:0}.labelbox2{border:2px solid #009b40;margin:2em 0;padding:25px 10px 7px;position:relative}.labelbox2 .box-title{background:#009b40;color:#fff;display:inline-block;font-size:17px;font-weight:700;height:25px;left:-2px;line-height:25px;padding:0 9px;position:absolute;top:-2px}.labelbox2 p{margin:0;padding:0}.labelbox3{border:2px solid #af00db;margin:2em 0;padding:25px 10px 7px;position:relative}.labelbox3 .box-title{background:#af00db;color:#fff;display:inline-block;font-size:17px;font-weight:700;height:25px;left:-2px;line-height:25px;padding:0 9px;position:absolute;top:-2px}.labelbox3 p{margin:0;padding:0}.message-edit{border-color:light-gray;min-height:10em;white-space:pre-wrap;width:100%}.search-edit{background:#fff;border:1px solid #d3d3d3;border-radius:20px;color:#000;width:90%}.profile-edit{width:100%}.avater,.like-avater{border-radius:10px;box-shadow:0 2px 2px rgba(0,0,0,.22)}.like-avater{height:1.1em;width:1.1em}.messagelist-message{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;max-height:2em;overflow:hidden;padding:0 0 1em 1em;text-overflow:ellipsis}.profilecard{background:#fff;border-radius:20px;border-top:1px solid #fff;box-shadow:0 15px 20px rgba(0,0,0,.22);color:#000;margin:.05em 0 0;padding:.7em}.profilecard p{margin:0;padding:0}.fusen-1{background-color:#ff0;color:red;font-size:10px;font-weight:700;height:1.5em;position:relative;transform:rotate(-50deg)}.bottom-navigationbar{align-items:center;background:#efefdb;background:linear-gradient(180deg,#fff,#efefdb);border:1px solid #000;border-radius:20px 20px 0 0;bottom:0;box-shadow:0 -2px 5px rgba(0,0,0,.1);display:flex;justify-content:space-between;left:0;line-height:.5em;padding:.5em 1.8em 2.2em .5em;position:fixed;right:0;z-index:1}.bottom-navigationbar a{color:#000;font-weight:500;text-align:center;text-decoration:none;width:4em}.bottom-navigationbar img{margin-bottom:.3em;margin-top:.1em;width:1.8em}.bottom-navigationbar-button-img{display:block;margin:auto;width:2em}.bottom-navigationbar-button-icon{display:block;font-size:1.2em;margin-bottom:.7em;margin-top:.5em;text-align:center}.bottom-navigationbar-button-material{display:block;font-size:1.9em;margin-bottom:.1em;margin-top:.4em;text-align:center}.bottom-navigationbar-text{display:block;font-size:.8em;text-align:center}.menu{background-color:#fff;border:1px solid #ccc;border-radius:10px;bottom:4.5em;box-shadow:0 2px 10px rgba(0,0,0,.2);display:none;padding:10px;position:fixed;right:1em;z-index:1000}.menu ul{list-style:none;margin:0;padding:0}.menu ul li{margin:10px 0}#tabs{border-bottom:1px solid #ccc;display:flex;margin-bottom:-1px}.tab{background-color:#f1f1f1;border-left:1px solid #ccc;border-right:1px solid #ccc;border-top:1px solid #ccc;cursor:pointer;display:inline-block;margin-right:5px;padding:10px 20px}.tab.active{background-color:#fff;border-bottom:1px solid #fff;position:relative;top:1px}.tab-content{border:1px solid #ccc;display:none;padding:20px}.tab-content.active{display:block}.icon-with-badge{font-size:1.5em;position:relative}.icon-with-badge:after{background-color:red;border-radius:50%;color:#fff;content:attr(data-badge);font-size:.6em;padding:2px 4px;position:absolute;right:1.5em;top:0;transform:translate(50%,-50%)}.icon-with-badge[data-badge="0"]:after{display:none}.footprint{animation:fadeOut 1.5s forwards;background-repeat:no-repeat;background-size:cover;height:2em;position:absolute;width:2em}@keyframes fadeOut{0%{opacity:1;transform:scale(1)}to{opacity:0}}