/*時鍾小工具*/
.clock-item {
    position: absolute;
    top: 10px;
    right: 10px;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    z-index: 10
}

.ete_clock_clock {
    width: 100%
}

.clock_box svg {
    height: 50px;
    width: 50px;
    box-shadow: var(--main-shadow);
    border-radius: 100%;
    border: 2px solid var(--muted-border-color)
}

.circle {
    fill: #fff;
    stroke: rgba(255, 255, 255, 0.4);
    stroke-width: 80px;
    stroke-miterlimit: 10
}

.mid-circle {
    fill: #000
}

.hour-marks {
    fill: none;
    stroke: #75758a;
    stroke-width: 9;
    stroke-miterlimit: 10
}

.hour-hand {
    fill: none;
    stroke: #ff7e00;
    stroke-width: 17;
    stroke-miterlimit: 10
}

.minute-hand {
    fill: none;
    stroke: #ff7e00;
    stroke-width: 11;
    stroke-miterlimit: 10
}

.second-hand {
    fill: none;
    stroke: #75758a;
    stroke-width: 15px;
    stroke-miterlimit: 10
}

.sizing-box {
    fill: none
}

.ete_clock_hour,
.ete_clock_minute,
.ete_clock_second {
    transform-origin: 300px 300px;
    transition: transform .5s ease-in-out
}

.ete_clock_txt:not(.site-welcome .ete_clock_txt) {
    border-radius: 999px;
    padding: 3px 8px;
    font-size: 10px;
    margin-top: 3px;
    color: black;
    background: rgba(255, 255, 255, 0.7);
    backdrop-filter: saturate(180%) blur(8px);
    -webkit-backdrop-filter: saturate(180%) blur(8px);
}
