.wf{background:var(--wf-bg);box-shadow:var(--wf-shadow);--wf-bar:30px;border-radius:14px;position:relative;overflow:hidden}.wf--light{--wf-bg:#eef1f5;--wf-dot:#d9dde3;--wf-shadow:0 50px 100px -40px #0f172a73, 0 18px 36px -24px #0f172a4d, 0 0 0 .5px #0f172a29}.wf--dark{--wf-bg:#1e1e21;--wf-dot:#3a3a3e;--wf-shadow:0 60px 140px -40px #12a59459, 0 0 0 .5px #ffffff1f}.wf-bar{height:var(--wf-bar);align-items:center;gap:7px;padding-inline:13px;display:flex}.wf-bar i{background:var(--wf-dot);border-radius:50%;width:11px;height:11px}.wf--light .wf-bar i:first-child{background:#ff5f57}.wf--light .wf-bar i:nth-child(2){background:#febc2e}.wf--light .wf-bar i:nth-child(3){background:#28c840}.wf-body{position:relative}.wf-body img,.wf-body video{width:100%;height:auto;display:block}@media (max-width:734px){.wf{--wf-bar:20px;border-radius:10px}.wf-bar{gap:5px;padding-inline:9px}.wf-bar i{width:7px;height:7px}}