.composition-browser{isolation:isolate;position:relative}.composition-overlay{pointer-events:none;position:absolute;inset:0}.composition-arrow{color:#302c27;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:.75;cursor:pointer;pointer-events:auto;background:#fff9;border:1px solid #fff9;border-radius:50%;place-items:center;width:44px;height:44px;transition:opacity .18s,background-color .18s,box-shadow .18s;display:grid;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 2px 12px #302c2714}.composition-arrow-previous{left:9px}.composition-arrow-next{right:9px}.composition-arrow:hover{background:#fffffff0;box-shadow:0 3px 15px #302c2724}.composition-arrow:focus-visible{outline-offset:2px;outline:2px solid #426d61}.composition-caption{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#514a42;white-space:nowrap;background:#fff9;border-radius:20px;gap:8px;max-width:calc(100% - 28px);padding:3px 9px;font-size:9px;line-height:14px;transition:opacity .18s;display:flex;position:absolute;bottom:7px;left:50%;transform:translate(-50%)}@media (hover:hover) and (pointer:fine){.composition-arrow{opacity:.12}.composition-caption{opacity:0}}.composition-browser:hover .composition-arrow,.composition-browser:focus-within .composition-arrow,.composition-browser:hover .composition-caption,.composition-browser:focus-within .composition-caption{opacity:1}@media (prefers-reduced-motion:reduce){.composition-arrow,.composition-caption{transition:none}}.composition-nusach{color:#655a43;pointer-events:none;background:#fffdf1e8;border:1px solid #bba77540;border-radius:20px;padding:3px 8px;font-size:10px;font-weight:500;line-height:1.3;position:absolute;top:9px;left:10px}