.kanji-path{stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1000;stroke-dashoffset:1000;animation:dash 5s linear forwards}.kanji-draw{height:max-content}.kanji-text-path{text-anchor:middle;font-family:Arial;font-size:8px;stroke:none;visibility:hidden}@media only screen and (max-width:767px){#image-holder{text-align:center}}@media only screen and (min-width:768px){#image-holder{text-align:left}}#image-holder .kanji-content{border:1px solid #d0d2d6;background:#fdfff2;border-radius:10px}.kanji-draw-again{margin-top:10px;text-align:center}.kanji-draw-again>button{padding:6px 10px}.path-index{font-size:7px;visibility:hidden}@keyframes dash{0%{stroke-dashoffset:1000}to{stroke-dashoffset:0}}@keyframes show{to{visibility:visible}}.kana-wrapper{margin-top:120px;margin-bottom:68px;background:#fff;border-radius:10px;border:1px solid #e1e5e5;box-shadow:0 1px 8px 0 rgba(0,0,0,.0588235294)}.kana-wrapper .ui.grid{margin:0!important}.kana-wrapper .kana-header{background:#5fc7a0;border-radius:10px 10px 0 0;color:#fff}.kana-wrapper .kana-header .row{padding-top:0!important;padding-bottom:.2rem!important}.kana-wrapper .kana-header h2{padding-top:.3rem}.kana-wrapper .kana-header .center{text-align:center}.kana-wrapper .kana-header .filter{background:hsla(0,0%,100%,.336);color:#fff}.kana-wrapper .kana-header .filter:hover{background:hsla(0,0%,100%,.507)}.kana-wrapper .kana-table{display:flex;justify-content:center;position:relative}.kana-wrapper .kana-table .load{border:none!important;box-shadow:none!important;padding:3rem}.kana-wrapper .kana-table .kana-content .row{padding:0!important}.kana-wrapper .item{margin-bottom:10px!important}.kana-wrapper .item .segment{-webkit-box-shadow:none!important;box-shadow:none!important;cursor:pointer}.kana-wrapper .item .segment:hover{background:#f8f8f8}.kana-wrapper .item .text{text-align:center}.kana-wrapper .item .text h3{font-size:3rem}.kana-wrapper .item .text span{font-size:1.5rem}.kana-wrapper .ui.grid>.row>.column{padding:.3rem!important}@media only screen and (min-device-width:320px) and (max-device-width:568px) and (orientation:portrait){.kana-wrapper .item .text h3{font-size:1rem}}.kana-modal .kana-draws{display:flex!important;flex-direction:row;justify-content:center}.kana-modal .kana-draws .k2{margin-left:5px;align-self:flex-end}