.castle-side-nav{position:fixed;top:50%;z-index:2200;transform:translateY(-50%);width:56px;min-height:150px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-decoration:none;color:#d8c188;background:linear-gradient(90deg,rgba(5,7,6,.92),rgba(5,7,6,.54));border:1px solid rgba(211,181,105,.24);box-shadow:0 14px 34px rgba(0,0,0,.38);backdrop-filter:blur(4px);opacity:.58;transition:.2s}.castle-side-nav:hover,.castle-side-nav:focus-visible{opacity:1;width:78px;border-color:rgba(215,182,102,.55);color:#fff1c7}.castle-side-prev{left:0;border-left:0;border-radius:0 10px 10px 0}.castle-side-next{right:0;border-right:0;border-radius:10px 0 0 10px;background:linear-gradient(270deg,rgba(5,7,6,.92),rgba(5,7,6,.54))}.castle-side-arrow{font:400 2.7rem/1 Georgia,serif}.castle-side-nav small{max-width:68px;text-align:center;font:600 .43rem/1.25 Georgia,serif;letter-spacing:.04em;text-transform:uppercase}.castle-side-nav:focus-visible{outline:2px solid #d7b663;outline-offset:2px}@media(max-width:700px){.castle-side-nav{width:42px;min-height:110px;opacity:.72}.castle-side-nav:hover{width:52px}.castle-side-nav small{display:none}.castle-side-arrow{font-size:2.2rem}}

html{transition:opacity .18s ease}html.castle-leaving{opacity:.22}