@charset "UTF-8";

/* 設定按鈕 */
.control {
    border: 2px solid var(--text-color);
    border-radius: 2.0em;
    inline-size: fit-content;
    margin: 1.0em auto;
    padding: 3px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    cursor: default;
}

.interface .control {
    margin: 0.5em;
}

.control label {
    display: inline-block;
    border-radius: 2.0em;
    text-align: center;
    cursor: pointer;
}

.three-labels label {
    padding: 4px 1.0em 6px;
}

.two-labels label {
    padding: 4px 1.045em 6px;
    /* 1.045em 是透過視覺方式測量出來的數值。 */
}

.control label:has(input:checked) {
    color: var(--background-color);
    background-color: var(--text-color);
}

[data-radio] {
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    width: 0;
    height: 0;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
}