.modal-overlay{background:var(--color-bg);z-index:1000;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal-overlay:focus{outline:none}.modal-shell{max-width:100%;display:inline-block;position:relative}.modal-close{cursor:pointer;color:var(--color-faded);z-index:1001;background:0 0;border:none;border-radius:10px;place-items:center;min-width:44px;min-height:44px;padding:.5rem;transition:all .2s;display:grid;position:absolute;top:.35rem;right:.35rem}.modal-close:hover{color:var(--color-orange);transform:scale(1.1)}.modal-close svg{width:26px;height:26px}.modal-nav{cursor:pointer;color:var(--color-faded);z-index:1001;background:0 0;border:none;padding:0;transition:all .2s;position:fixed;top:50%;transform:translateY(-50%)}.modal-nav svg{width:24px;height:24px}@media (min-width:768px){.modal-nav svg{width:36px;height:36px}}@media (min-width:1024px){.modal-nav svg{width:48px;height:48px}}.modal-nav.nav-left{left:0}.modal-nav.nav-right{right:0}.modal-nav:hover:not(:disabled){color:var(--color-orange);filter:drop-shadow(0 0 8px color-mix(in srgb, var(--color-orange) 80%, transparent));transform:translateY(-50%)scale(1.1)}.modal-nav:disabled{opacity:.2;cursor:not-allowed}