/* webmovie [다시 보기] — x-ui.webmovie-replay 한 곳의 모양(SSOT 11절 "webmovie 다시 보기").
   되감기 아이콘 하나만, 배경·테두리·그림자 없이 흐리게 — 있는 듯 없는 듯. 마우스·초점이 오면 조금 진해진다.
   보이기·숨기기는 webmovie.css(JS 없으면 숨김), 자리는 페이지 CSS 의 class 가 맡는다. */
.webmovie-replay {
    align-items: center;
    justify-content: center;
    inline-size: 2rem;
    block-size: 2rem;
    min-block-size: 0;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: none;
    box-shadow: none;
    color: inherit;
    font: inherit;
    font-size: var(--wa-font-size-s);
    line-height: 1;
    opacity: 0.32;
    cursor: pointer;
    transition: opacity 0.2s ease;
}
.webmovie-replay:hover,
.webmovie-replay:focus-visible { opacity: 0.75; }
.webmovie-replay:focus-visible { outline: 2px solid currentColor; outline-offset: 2px; }