.writing-mode-selector[data-v-d40ae148]{display:grid;grid-template-columns:repeat(3,1fr);-moz-column-gap:1.5rem;column-gap:1.5rem;row-gap:1rem}.writing-mode-selector.disabled[data-v-d40ae148]{cursor:not-allowed}.writing-mode-selector.disabled li[data-v-d40ae148]{pointer-events:none}.writing-mode-selector .active[data-v-d40ae148]{border-color:var(--color-primary)}.writing-mode-selector .active .checked[data-v-d40ae148]{display:block}.writing-mode-selector li[data-v-d40ae148]{flex:1;position:relative;border:1.5px solid var(--border-color);border-radius:.5rem;overflow:hidden;display:flex;flex-direction:column;transition:border-color .2s ease;cursor:pointer;padding:1rem 1.2rem;background-color:var(--color-white)}.writing-mode-selector li[data-v-d40ae148]:hover{border-color:var(--color-primary)}.writing-mode-selector li .info[data-v-d40ae148]{display:flex;align-items:center;justify-content:space-between}.writing-mode-selector li .info p[data-v-d40ae148]{font-size:19px;letter-spacing:1px;font-weight:700}.writing-mode-selector li .info span[data-v-d40ae148]{font-size:14px;color:var(--text-color-inverse-grey)}.writing-mode-selector li .checked[data-v-d40ae148]{display:none;position:absolute;right:0;top:0;transform:translate(50%) translateY(-70%) rotate(-45deg);width:0;height:0;border-top:30px solid transparent;border-bottom:30px solid transparent;border-left:60px solid var(--color-primary)}.writing-mode-selector li .checked .iconfont[data-v-d40ae148]{position:absolute;left:-60px;top:0;font-size:17px;transform:rotate(45deg);color:var(--text-color)}.scroll-view{--padding:24px;--radius:16px}