.ySxZu7u{display:none}@media (max-width:1023px){.ySxZu7u{align-items:center;display:inline-flex}}.ySxZu7u1{border:.5px solid var(--ySxZu7u2);background:0 0;border-radius:4px;flex-shrink:0;align-items:center;height:32px;padding:8px;transition:background .2s linear;display:inline-flex}.ySxZu7u1:hover{background:var(--ySxZu7u3)}@media (max-width:550px){.ySxZu7u1{border-color:var(--ySxZu7u4)}}.ySxZu7u5{align-items:center;display:inline-flex}.ySxZu7u5>:not(:first-child){margin-left:-4px}@media (max-width:1023px){.ySxZu7u6{z-index:var(--ySxZu7u7);box-sizing:border-box;border:.5px solid var(--click-color-gray10);background-color:var(--click-color-gray05);width:100vw;max-width:none;padding:8px 8px calc(8px + env(safe-area-inset-bottom));border-bottom:0;border-radius:8px 8px 0 0;gap:2px;margin-inline:0;display:flex;position:fixed;bottom:0;left:0;right:0;overflow:hidden;box-shadow:0 4px 4px #0000004d}}.ySxZu7u8{box-sizing:border-box;border-radius:var(--ySxZu7u9);width:100%;min-height:53px;color:var(--ySxZu7uA);text-align:left;font-weight:var(--ySxZu7uB);font-size:var(--ySxZu7uC);line-height:var(--ySxZu7uD);letter-spacing:var(--ySxZu7uE);align-items:center;gap:8px;padding:16px;display:flex}.ySxZu7u8>span{flex:1}.ySxZu7u8[data-active]{background-color:var(--ySxZu7uF);color:var(--ySxZu7uG)}
.yoQAkQH{border-bottom:.5px solid var(--yoQAkQH1);flex-shrink:0;justify-content:space-between;align-items:center;gap:8px;padding:12px}@media (max-width:1023px){.yoQAkQH{padding:8px 4px 8px 12px}}.yoQAkQH2{scrollbar-width:none;align-items:center;gap:16px;min-width:0;min-height:32px;overflow-x:auto}.yoQAkQH2::-webkit-scrollbar{display:none}@media (max-width:1023px){.yoQAkQH2{gap:10px}}.yoQAkQH3{flex-shrink:0;align-items:center;display:inline-flex}.yoQAkQH4{box-sizing:border-box;border-radius:var(--yoQAkQH5);background:0 0;border:none;align-items:center;gap:8px;margin:-2px -4px;padding:2px 4px;display:inline-flex}.yoQAkQH6{color:var(--yoQAkQH7)}.yoQAkQH8{color:var(--yoQAkQH9)}.yoQAkQH4{cursor:pointer;transition:background-color .2s linear,color .2s linear}.yoQAkQHA:hover{color:var(--yoQAkQHB)}.yoQAkQHC:hover{color:var(--yoQAkQHD)}.yoQAkQH4:active{background-color:var(--yoQAkQHE);color:var(--yoQAkQHF)}.yoQAkQHG:hover .mode-indicator{border-color:var(--yoQAkQHH)}.yoQAkQHI:hover .mode-indicator{border-color:var(--yoQAkQHJ)}.yoQAkQHK:active .mode-indicator{border-color:var(--yoQAkQHL)}.yoQAkQHM:active .mode-indicator{border-color:var(--yoQAkQHN)}.yoQAkQH4:hover .mode-indicator-fill{background-color:var(--yoQAkQHO)}.yoQAkQH4:active .mode-indicator-fill{background-color:var(--yoQAkQHP)}.yoQAkQH4:focus-visible{outline:2px solid var(--yoQAkQHQ);outline-offset:2px}@media (max-width:1023px){.yoQAkQH4{gap:6px}}.yoQAkQHR{box-sizing:border-box;border-radius:var(--yoQAkQHS);justify-content:center;align-items:center;width:16px;height:16px;display:inline-flex}.yoQAkQHT{border:1px solid var(--yoQAkQHU)}.yoQAkQHV{border:1px solid var(--yoQAkQHW)}.yoQAkQHR{transition:border-color .2s linear}.yoQAkQHX{background:var(--yoQAkQHY);width:10px;height:10px;transition:background-color .2s linear}@media (max-width:1023px){.yoQAkQHZ{display:none}}.yoQAkQHa{color:currentColor}