.artwork-navigation-host:not(dialog){position:relative}
.artwork-navigation-status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.artwork-navigation-control{position:relative;display:inline-grid;place-items:center;flex:none;width:44px;min-width:44px;height:44px;padding:0;border:0;border-radius:50%;background:transparent;color:var(--olive,#4b6244);font:inherit;cursor:pointer;touch-action:manipulation;transition:background-color 120ms,color 120ms,opacity 120ms}
.artwork-navigation-control::before{content:"";position:absolute;inset:4px;border:1px solid #d9dfd0;border-radius:50%;background:#f1f4eb;transition:background-color 120ms,border-color 120ms}
.artwork-navigation-control svg{position:relative;width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}
.artwork-navigation-control:hover:not([aria-disabled="true"])::before{background:#e5edda;border-color:#bdcbb0}
.artwork-navigation-control:active:not([aria-disabled="true"])::before{background:#d8e3cb;border-color:#aabb98}
.artwork-navigation-control[aria-disabled="true"]{color:#a3ab99;cursor:default}
.artwork-navigation-control[aria-disabled="true"]::before{background:#fafbf7;border-color:#e8ebdf}
.artwork-navigation-control:focus-visible{outline:2px solid var(--copper,#a15c39);outline-offset:2px}
.artwork-navigation-control::after{content:attr(data-gallery-label);position:absolute;top:calc(100% + 7px);right:0;width:max-content;max-width:230px;padding:7px 10px;border:1px solid #d8ddce;border-radius:var(--radius-control);background:#fffefa;color:#34482d;font-size:11px;line-height:1.4;font-weight:400;box-shadow:0 3px 10px #29372412;opacity:0;visibility:hidden;pointer-events:none;transition:opacity 120ms,visibility 0s;z-index:2}
.artwork-navigation-control:hover::after{opacity:1;visibility:visible;transition-delay:400ms}
.artwork-navigation-control:focus-visible::after{opacity:1;visibility:visible;transition:none}
.artwork-navigation-overlay{position:absolute;display:flex;align-items:center;justify-content:space-between;height:44px;padding-inline:8px;pointer-events:none;z-index:5;box-sizing:border-box}
.artwork-navigation-overlay[hidden],.artwork-navigation-overlay button[hidden]{display:none}
.artwork-navigation-overlay .artwork-navigation-control{background:#fffefaf5;border:1px solid #d5dccccc;box-shadow:0 2px 8px #24371a20;opacity:0;visibility:hidden;pointer-events:none;transition:opacity 120ms,background-color 120ms,visibility 0s 120ms}
.artwork-navigation-overlay .artwork-navigation-control::before{display:none}
.artwork-navigation-overlay [data-artwork-step="1"]{margin-left:auto}
.artwork-navigation-overlay[data-active="true"] .artwork-navigation-control{opacity:.85;visibility:visible;pointer-events:auto;transition-delay:0s}
.artwork-navigation-overlay[data-active="true"] .artwork-navigation-control:hover,.artwork-navigation-overlay .artwork-navigation-control:focus-visible{opacity:1;visibility:visible;pointer-events:auto;background:#fffefa}
.artwork-navigation-overlay .artwork-navigation-control:active:not([aria-disabled="true"]){background:#e5edda}
.artwork-navigation-overlay [data-artwork-step="-1"]::after{left:0;right:auto}
@media(prefers-reduced-motion:reduce){.artwork-navigation-control,.artwork-navigation-control::before,.artwork-navigation-control::after,.artwork-navigation-overlay .artwork-navigation-control{transition:none}}