dialog.customされたimg要素ˆ-ˆのモーダル{--x-backdrop:#000c;--x-button-size:36px;--x-padding-block:calc(20px + var(--x-button-size));width:100%;max-width:100%;height:100dvh;max-height:100dvh;padding:var(--x-padding-block) 0;overscroll-behavior:contain;cursor:zoom-out;background:0 0;border:none;place-items:center;font-size:.875rem;position:fixed;inset:0;overflow:clip auto}dialog.customされたimg要素ˆ-ˆのモーダル[open]{display:grid}dialog.customされたimg要素ˆ-ˆのモーダル::backdrop{background:var(--x-backdrop);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:background .3s ease-out,-webkit-backdrop-filter .3s ease-out,backdrop-filter .3s ease-out}@starting-style{dialog.customされたimg要素ˆ-ˆのモーダル::backdrop{-webkit-backdrop-filter:blur();backdrop-filter:blur();background:0 0}}.customされたimg要素ˆ-ˆのモーダル__caption{color:#fff;cursor:auto;mix-blend-mode:exclusion;padding:.5rem min(.25rem,8px) 0;transition:opacity .3s ease-out;container-type:inline-size}@starting-style{.customされたimg要素ˆ-ˆのモーダル__caption{opacity:0}}.customされたimg要素ˆ-ˆのモーダル__button-wrapper{z-index:1;width:fit-content;height:var(--x-button-size);gap:16px;margin-inline:auto;display:flex;position:fixed;bottom:10px;left:0;right:0}@media screen and (orientation:landscape){.customされたimg要素ˆ-ˆのモーダル__button-wrapper{left:auto;right:10px}}.customされたimg要素ˆ-ˆのモーダル__button.of-close{z-index:1;position:fixed;top:10px;right:10px}.customされたimg要素ˆ-ˆのモーダル__button{width:var(--x-button-size);height:var(--x-button-size);color:#fff;cursor:default;-webkit-user-select:none;user-select:none;border-radius:50%;place-items:center;transition:background-color .3s ease-out;display:grid}.customされたimg要素ˆ-ˆのモーダル__button.of-next,.customされたimg要素ˆ-ˆのモーダル__button.of-prev{background:#ffffff1a}@media (hover:hover){.customされたimg要素ˆ-ˆのモーダル__button:hover{background:#fff3}}.customされたimg要素ˆ-ˆのモーダル__svg{pointer-events:none;width:20px;height:20px}.customされたimg要素ˆ-ˆのモーダル__image{width:auto;height:auto;max-height:calc(100dvh - (var(--x-padding-block) * 2) - 1lh - 8px);margin:auto;display:block}[data-theme=dark] dialog.customされたimg要素ˆ-ˆのモーダル{--x-backdrop:#0009}