.lb{width:100%;max-width:none;height:100%;max-height:none;color:var(--on-wine);background:0 0;border:0;margin:0;padding:0}.lb::backdrop{background:color-mix(in srgb, var(--h-dark) 92%, transparent)}.lb-in{grid-template:minmax(0,1fr)/minmax(0,1fr);place-items:center;width:100%;height:100%;padding:56px 16px;display:grid;position:relative}.lb .lb-in img{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:100%;display:block}.lb .lb-x,.lb .lb-n{width:52px;height:52px;color:var(--on-wine);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--on-wine) 55%, transparent);cursor:pointer;transition:background-color var(--t-fast) var(--ease), color var(--t-fast) var(--ease);background:0 0;border:0;border-radius:99px;place-items:center;padding:0;display:grid;position:absolute}.lb .lb-x .icon,.lb .lb-n .icon{width:24px;height:24px}.lb .lb-x:hover,.lb .lb-n:hover{background:color-mix(in srgb, var(--on-wine) 14%, transparent)}.lb .lb-x{top:clamp(10px,2.4vh,24px);right:clamp(10px,2vw,28px)}.lb .lb-n{top:50%;translate:0 -50%}.lb .lb-n.prev{left:clamp(10px,2vw,28px)}.lb .lb-n.next{right:clamp(10px,2vw,28px)}@media (max-width:900px){.lb-in{padding-bottom:80px}.lb .lb-x,.lb .lb-n{width:46px;height:46px}.lb .lb-n{top:auto;bottom:calc(14px + env(safe-area-inset-bottom));translate:none}}@media (prefers-reduced-motion:no-preference){@keyframes lbin{0%{opacity:0}}@keyframes fadeout{to{opacity:0}}.lb[open] .lb-in img{animation:lbin var(--t) var(--ease-enter) both}.lb[open]::backdrop{animation:fadein var(--t) var(--ease) both}.lb[open]{animation:fadein var(--t) var(--ease-enter) both}.lb[data-closing],.lb[data-closing]::backdrop{animation:fadeout var(--t-fast) var(--ease) both}}