.niu9700:hover{z-index:1}
.niu9701{width:44px;height:44px}
.niu9702{width:100%;height:100%}
.niu9703{top:calc(((44px - var(--_1cgpk7d9c)) / 2) * -1);left:calc(((44px - var(--_1cgpk7d9c)) / 2) * -1)}
.niu9704{top:calc(((44px - var(--_1cgpk7d9d)) / 2) * -1);left:calc(((44px - var(--_1cgpk7d9d)) / 2) * -1)}
.niu9705{outline:var(--_1cgpk7d1k) solid transparent;transition:outline-color .125s}
.niu9701:focus-visible~.niu9705{outline-color:var(--_1cgpk7dx)}
.niu9706{height:var(--_1cgpk7d9c);width:var(--_1cgpk7d9c)}
.niu9707{height:var(--_1cgpk7d9d);width:var(--_1cgpk7d9d)}
.niu9708{padding-top:calc((var(--_1cgpk7d9c) - var(--_1cgpk7d47)) / 2);padding-bottom:calc((var(--_1cgpk7d9c) - var(--_1cgpk7d47)) / 2)}
.niu9709{padding-top:calc((var(--_1cgpk7d9d) - var(--_1cgpk7d47)) / 2);padding-bottom:calc((var(--_1cgpk7d9d) - var(--_1cgpk7d47)) / 2)}
.niu970a{padding-top:calc((var(--_1cgpk7d9c) - var(--_1cgpk7d52)) / 2)}
.niu970b{padding-top:calc((var(--_1cgpk7d9d) - var(--_1cgpk7d4n)) / 2)}
.niu9701:checked~* .niu970d,.niu9701.niu970c~* .niu970d{display:block}
.niu9701:checked+.niu9705>.niu970e,.niu9701.niu970c+.niu9705>.niu970e{opacity:1}
.niu970f{margin:4px}
.niu970g{margin:2px}
.niu9701:hover:not(:disabled)+.niu9705>.niu970h,.niu9701:focus+.niu9705>.niu970h{opacity:1}
.niu970h>.niu970i{opacity:.2}
.niu970j{transform:scale(.6)}
.niu9701:active+.niu9705>*>.niu970j{transform:scale(.75)}
.niu970k{transform:scale(.6)}
.niu9701:active+.niu9705>*>.niu970k{transform:scale(.5)}