._1vtquna0{z-index:64;background-color:#282c34f6;border-left:1px solid #abb2bf88;width:min(500px,95dvw);height:100dvh;padding:8px 12px 60px;position:fixed;top:0;right:0;overflow:hidden scroll}
._1vtquna1{justify-content:flex-start;align-items:center;margin-bottom:4px;display:flex}
._1vtquna2{border:none;border-radius:2px;outline:none;width:40px;height:40px;padding:0;transform:rotate(-90deg)}
._1vtquna2>svg{vertical-align:initial!important}
@media (hover:hover){._1vtquna2:hover{background-color:#abb2bf33;transition-duration:.2s}}
._18ls6zm0{padding-bottom:36px}
._18ls6zm1{text-align:center}
._18ls6zm2{margin:auto;z-index:8;width:120px;margin-block:-12px;position:relative}
._18ls6zm3{text-align:center;margin:0;display:inline-block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
.xcja400{grid-template:"item_l.line_v_u.item_r""item_l line_h_l period line_h_r item_r"4px"item_l.line_v_b.item_r"/1fr 32px 2px 32px 1fr;width:90%;margin:auto;display:grid;position:relative}
.xcja401{background-color:#abb2bf;grid-area:line_v_u}
.xcja401:nth-child(odd){grid-area:line_v_b}
.xcja402{background-color:#abb2bf;grid-area:line_h_r}
.xcja400:nth-child(odd) .xcja402{grid-area:line_h_l}
.xcja403{background-color:#282c34;border:1px solid #abb2bf;border-radius:2px;flex-direction:column;grid-area:period;align-items:center;padding:0 4px;font-size:.85em;display:flex;position:absolute;transform:translate(-50%)translateY(-50%)}
.xcja404{background-color:#abb2bf;grid-area:period;width:100%;height:100%}
.xcja405{background-color:#abb2bf;width:2px;height:12px;margin:auto}
.xcja406{text-align:left;border:3px solid;border-radius:4px;grid-area:item_r;margin-block:8px;padding:4px 8px;position:relative}
.xcja406:focus{outline:2px dashed #abb2bf}
.xcja406:disabled{cursor:initial}
.xcja406:before{content:"";opacity:.07;width:0;height:100%;transition:width .3s cubic-bezier(0,.55,.45,1);display:block;position:absolute;top:0;left:0}
.xcja400:nth-child(odd) .xcja406{grid-area:item_l}
.xcja407{border-color:#98c379}
.xcja407:before{background-color:#98c379}
.xcja408{border-color:#61afef}
.xcja408:before{background-color:#61afef}
.xcja409{border-color:#56b6c2}
.xcja409:before{background-color:#56b6c2}
.xcja40a{border-color:#e5c07b}
.xcja40a:before{background-color:#e5c07b}
.xcja40b{justify-content:space-between;column-gap:8px;display:flex}
.xcja40c{margin:0}
.xcja40d{color:#abb2bfb0}
.xcja40e{border:1px solid #abb2bf;border-radius:2px;margin-top:2px;padding:0 4px;display:inline-block}
.xcja40f{aspect-ratio:1;width:24px;height:24px;margin-top:auto;margin-left:auto;display:block}
@media screen and not (min-width:700px){.xcja400{grid-template:".line_v_u."28px".period."12px"item item item"".line_v_b."16px/1fr 2px 1fr}.xcja403{flex-direction:row;gap:4px}.xcja405{width:12px;height:2px}.xcja406{margin:0;grid-area:item!important}}
@media (hover:hover){.xcja406:not(:disabled):hover:before{width:100%}}
._1hu4x310{text-align:center;padding-bottom:52px}