@layer components{.genkouyoushi{--genkouyoushi-color-border:#57534e;--genkouyoushi-color-text-primary:#0c0a09;--genkouyoushi-color-text-secondary:#57534e;--genkouyoushi-caret-pattern:#78716c;font-size:var(--genkouyoushi-font-size);color:var(--genkouyoushi-color-text-primary);display:inline-flex;position:relative}.genkouyoushi,.genkouyoushi *,.genkouyoushi :before,.genkouyoushi :after{box-sizing:border-box}.genkouyoushi__body{border:2px solid var(--genkouyoushi-color-border);padding:var(--genkouyoushi-padding-outer);background-color:#0000;display:inline-block;position:relative}.genkouyoushi__grid-container{pointer-events:none;z-index:1;display:inline-block;position:relative}.genkouyoushi__table{border:1px solid var(--genkouyoushi-color-border);gap:calc(var(--genkouyoushi-font-size) * var(--genkouyoushi-cell-gap-factor));padding:0 0 calc(var(--genkouyoushi-font-size) * var(--genkouyoushi-cell-padding-bottom-factor));flex-direction:column;display:inline-flex}.genkouyoushi__row{margin:-1px;display:flex;position:relative}.genkouyoushi__row:before,.genkouyoushi__row:after{content:"";background-image:repeating-linear-gradient(to right, var(--genkouyoushi-color-border) 0 1px, transparent 1px 2px);pointer-events:none;height:1px;position:absolute;left:0;right:0}.genkouyoushi__row:before{top:0}.genkouyoushi__row:after{bottom:0}.genkouyoushi__cell{width:calc(var(--genkouyoushi-font-size) * var(--genkouyoushi-cell-width-factor));height:calc(var(--genkouyoushi-font-size) * var(--genkouyoushi-cell-height-factor));color:inherit;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.genkouyoushi__cell:after{content:"";background-image:repeating-linear-gradient(to bottom, var(--genkouyoushi-color-border) 0 1px, transparent 1px 2px);pointer-events:none;z-index:0;width:1px;position:absolute;top:0;bottom:0;left:0}.genkouyoushi__cell:before{content:"";background-image:repeating-linear-gradient(135deg, transparent, transparent 3px, var(--genkouyoushi-caret-pattern) 3px, var(--genkouyoushi-caret-pattern) 4px);opacity:0;z-index:1;pointer-events:none;transition:opacity .1s;position:absolute;inset:0}.genkouyoushi__cell.is-caret:before{opacity:1;animation:1s infinite genkouyoushi-blink}.genkouyoushi__cell-text{height:1em;line-height:1;display:inline-block;position:relative}@keyframes genkouyoushi-blink{0%,50%{opacity:1}51%,to{opacity:0}}.genkouyoushi__textarea{width:100%;height:100%;font-size:var(--genkouyoushi-font-size);letter-spacing:calc(var(--genkouyoushi-font-size) * var(--genkouyoushi-letter-spacing-factor));line-height:calc(var(--genkouyoushi-font-size) * var(--genkouyoushi-line-height-factor));white-space:pre-wrap;overflow-wrap:anywhere;padding:0 0 0 calc(var(--genkouyoushi-font-size) * var(--genkouyoushi-padding-textarea-left-factor));box-sizing:border-box;resize:none;caret-color:#0000;z-index:2;pointer-events:auto;-webkit-tap-highlight-color:transparent;background:0 0;border:none;outline:none;position:absolute;inset:0;color:#0000!important;-webkit-text-fill-color:transparent!important}.genkouyoushi__textarea::selection{background:#3b82f64d;color:#0000!important;-webkit-text-fill-color:transparent!important}.genkouyoushi__textarea::-moz-selection{background:#3b82f64d;color:#0000!important}.genkouyoushi__footer{left:var(--genkouyoushi-padding-outer);right:var(--genkouyoushi-padding-outer);bottom:var(--genkouyoushi-padding-outer);font-size:calc(var(--genkouyoushi-font-size) * var(--genkouyoushi-footer-font-size-factor));line-height:calc(1em * var(--genkouyoushi-footer-line-height-ratio));color:var(--genkouyoushi-color-text-secondary);z-index:3;pointer-events:none;justify-content:space-between;align-items:center;padding:0 8px;display:flex;position:absolute}.genkouyoushi__footer-group{align-items:center;gap:6px;display:inline-flex}.genkouyoushi__footer svg{width:14px;height:14px;display:inline-block}@media (prefers-reduced-motion:reduce){.genkouyoushi__cell:before{transition:none!important;animation:none!important}}@media (prefers-contrast:high){.genkouyoushi{--genkouyoushi-color-border:#000;--genkouyoushi-color-text-primary:#000;--genkouyoushi-color-text-secondary:#000;--genkouyoushi-caret-pattern:#000}}}