.lbim .lbim__index{position:fixed;inset:auto 0 0;box-sizing:border-box;width:100%;height:clamp(280px,45dvh,500px);max-height:calc(100dvh - 72px);margin:0;overflow:hidden;color:#111;background:linear-gradient(155deg,#ffffffbf,#f8f8f89e);border:0;border-top:1px solid rgb(255 255 255 / 70%);border-radius:0;box-shadow:0 -20px 55px #0000001f,inset 0 1px #fff9;-webkit-backdrop-filter:blur(24px) saturate(135%);backdrop-filter:blur(24px) saturate(135%);opacity:1;transform:translate3d(0,102%,0);transition:transform .29s cubic-bezier(.22,.61,.36,1)}.lbim .lbim__index[open]{display:flex;flex-direction:column}.lbim .lbim__index.is-visible{transform:translateZ(0)}.lbim .lbim__index::backdrop{background:#00000038;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);opacity:0;transition:opacity .29s cubic-bezier(.22,.61,.36,1)}.lbim .lbim__index.is-visible::backdrop{opacity:1}.lbim .lbim__index-header{position:relative;top:auto;order:0;flex:0 0 58px;width:100%;min-height:58px;margin:0;padding:0 max(28px,env(safe-area-inset-right)) 0 max(28px,env(safe-area-inset-left));background:transparent;border:0;border-radius:0;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.lbim .lbim__index-header:before{display:none}.lbim .lbim__index-heading{font-size:10px;letter-spacing:.025em;text-transform:uppercase}.lbim .lbim__index-count{grid-column:3;justify-self:end;color:#0000008c}.lbim .lbim__index-close{right:50%;width:44px;height:44px;opacity:.8;transform:translate(50%,-50%)}.lbim .lbim__index-close svg{width:14px!important;height:14px!important;transform:rotate(0);transition:transform .2s cubic-bezier(.22,.61,.36,1)}@media(hover:hover)and (pointer:fine){.lbim .lbim__index-close:hover{background:#0000000d;transform:translate(50%,-50%)}.lbim .lbim__index-close:hover svg{transform:rotate(90deg)}}.lbim .lbim__index-scroll{order:1;flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain}.lbim .lbim__index-grid{width:min(100%,1080px);gap:clamp(18px,3vw,42px);padding:7px max(28px,env(safe-area-inset-right)) 20px max(28px,env(safe-area-inset-left))}.lbim .lbim__index-image{aspect-ratio:16 / 9;width:100%;height:auto;overflow:hidden;background:#00000014}.lbim .lbim__index-image img{transition:transform .29s cubic-bezier(.22,.61,.36,1)}.lbim .lbim__index-card:not([aria-current=true]){opacity:.72}.lbim .lbim__index-card:hover,.lbim .lbim__index-card:focus-visible{opacity:1}@media(hover:hover)and (pointer:fine){.lbim .lbim__index-card:hover .lbim__index-image img{transform:scale(1.025)}}.lbim .lbim__index-card[aria-current=true] .lbim__index-image{outline:1px solid rgb(0 0 0 / 65%);outline-offset:4px}.lbim .lbim__index-title{margin-top:12px;text-align:center}.lbim .lbim__index-meta{text-align:center}.lbim .lbim__index-rail{order:2;flex:0 0 76px;display:flex;justify-content:center;align-items:center;padding-bottom:env(safe-area-inset-bottom)}.lbim .lbim__index-rail .lbim__dots-rail{position:relative;inset:auto;width:100%;color:inherit;pointer-events:auto}.lbim .lbim__index-rail .lbim__dots{max-width:calc(100vw - 48px)}.lbim[data-motion-mode=horizontal] .lbim__media{overflow:hidden;transition:opacity .56s cubic-bezier(.22,.61,.36,1)}.lbim[data-motion-mode=horizontal] .lbim__composition{transform:translate3d(var(--lbim-scene-offset, 0),0,0) scale(1.015);transition:transform .68s cubic-bezier(.22,.61,.36,1)}.lbim[data-motion-mode=horizontal] .lbim__slide.is-active .lbim__composition{transform:translateZ(0) scale(1)}.lbim[data-motion-mode=horizontal] .lbim__strip{transform:translate3d(var(--lbim-title-offset, 0),0,0);transition:opacity .34s ease,transform .46s cubic-bezier(.22,.61,.36,1)}.lbim[data-motion-mode=horizontal] .lbim__slide.is-active .lbim__strip{transform:translateZ(0)}@media(max-width:749px){.lbim .lbim__index{height:min(65dvh,560px);max-height:calc(100dvh - 64px)}.lbim .lbim__index-header{min-height:56px;padding-inline:max(18px,env(safe-area-inset-left)) max(18px,env(safe-area-inset-right))}.lbim .lbim__index-close{right:50%}.lbim .lbim__index-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 18px;padding-inline:max(20px,env(safe-area-inset-left)) max(20px,env(safe-area-inset-right))}.lbim .lbim__index-card[data-mobile-portrait] .lbim__index-image{aspect-ratio:2 / 3}}@media(prefers-reduced-transparency:reduce){.lbim .lbim__index{background:#f8f8f8;-webkit-backdrop-filter:none;backdrop-filter:none}}@media(prefers-reduced-motion:reduce){.lbim .lbim__index,.lbim .lbim__index::backdrop,.lbim[data-motion-mode=horizontal] .lbim__media,.lbim[data-motion-mode=horizontal] .lbim__composition,.lbim[data-motion-mode=horizontal] .lbim__strip{transition:none}}[data-eido-a11y-reduce-motion=true] .lbim .lbim__index,[data-eido-a11y-reduce-motion=true] .lbim .lbim__index::backdrop,[data-eido-a11y-reduce-motion=true] .lbim[data-motion-mode=horizontal] .lbim__media,[data-eido-a11y-reduce-motion=true] .lbim[data-motion-mode=horizontal] .lbim__composition,[data-eido-a11y-reduce-motion=true] .lbim[data-motion-mode=horizontal] .lbim__strip{transition:none}
/*# sourceMappingURL=/cdn/shop/t/85/assets/lbim-archive-motion.css.map */
