#morphemeAnalysis{display:flex;gap:1.5rem;height:100%}.morphemeAnalysis-result{flex:1.4 1;position:relative}.morpheme-blocks-wrap{height:100%;border:1px solid #eee;border-radius:.5rem;overflow-y:auto;overflow-x:hidden}.morpheme-blocks{padding:1rem;display:flex;align-items:flex-start;flex-wrap:wrap;gap:.75rem .5rem}.morpheme-group{display:flex;flex-wrap:wrap;gap:.25rem}.morpheme-blank{width:.25rem}.morpheme-line{width:100%}.morpheme-line+.morpheme-blank{width:0;margin-right:-.5rem}.morpheme-blockGroup{display:flex;gap:.25rem}.morpheme-blockGroup .morpheme-blank{width:0;margin-left:-.25rem}.morpheme-block{display:flex;flex-direction:column;align-items:center;border-radius:.25rem;overflow:hidden;background-color:#fff;box-shadow:1px 2px 4px rgba(0 0 0/12%)}.morpheme-block:hover{outline:2px solid #aaa;cursor:pointer}.morpheme-block.active{outline:2px solid var(--black)}.morpheme-block span{font-size:1.25rem;padding:0 .25rem}.morpheme-block b{padding:0 .25rem;font-weight:600;width:100%;text-align:center;background-color:#f2f2f3;border-top:2px solid #aaa}.morpheme-block.style-a b{background-color:#fdf7ee;border-color:#ff9b7f;color:#792500}.morpheme-block.style-b b{background-color:#edfcf2;border-color:#3cffc9;color:#00443c}.morpheme-block.style-c b{background-color:#f2effc;border-color:#8763ff;color:#220583}.morpheme-tip{position:absolute;background-color:var(--black);color:var(--white);padding:1rem 1.5rem;border-radius:1rem 0 1rem 1rem;box-shadow:4px 8px 16px rgba(0 0 0/24%);max-width:30rem;transform:translate(-100%,4rem);z-index:50}.morpheme-tip:before{content:"";position:absolute;bottom:calc(100% - 1px);right:0;border-width:0 0 .5rem .75rem;border-style:solid;border-color:transparent transparent var(--black)}.morpheme-tip h4{font-weight:600;margin-bottom:.5rem}