.bg01{--bg01-gap:24px;--bg01-rail-width:100px;--bg01-rail-space:130px;--bg01-thumb-ratio:5/4;--bg01-track:#e4e6ea;--bg01-thumb-bar:#8a8f98;--bg01-wash:hsla(0,0%,100%,.45);--bg01-focus:#1d3a8a;--bg01-height:400px;align-items:stretch;display:grid;gap:var(--bg01-gap);grid-template-columns:var(--bg01-rail-space) minmax(0,1fr);width:100%}.bg01__rail{display:flex;flex-direction:column}.bg01__rail,.bg01__rail-inner{min-height:0;position:relative}.bg01__rail-inner{flex:1 1 auto}.bg01__thumbs{display:flex;flex-direction:column;gap:20px;inset:0;list-style:none;margin:0;overflow-y:auto;overscroll-behavior:contain;padding:0 calc(var(--bg01-rail-space) - var(--bg01-rail-width) - 14px) 0 0;position:absolute;scroll-behavior:smooth;scrollbar-color:var(--bg01-thumb-bar) var(--bg01-track);scrollbar-width:thin}.bg01__thumbs::-webkit-scrollbar{width:6px}.bg01__thumbs::-webkit-scrollbar-track{background:var(--bg01-track);border-radius:3px}.bg01__thumbs::-webkit-scrollbar-thumb{background:var(--bg01-thumb-bar);border-radius:3px}.bg01__thumb,.bg01__thumb-item{margin:0;padding:0}.bg01__thumb{aspect-ratio:var(--bg01-thumb-ratio);background:#f1f2f4;border:0;cursor:pointer;display:block;overflow:hidden;position:relative;width:var(--bg01-rail-width)}.bg01__thumb img{display:block;height:100%;object-fit:cover;width:100%}.bg01__thumb:after{background:var(--bg01-wash);content:"";inset:0;position:absolute;transition:opacity .2s ease}.bg01__thumb.is-active:after,.bg01__thumb:hover:after{opacity:0}.bg01__thumb:focus-visible{outline:2px solid var(--bg01-focus);outline-offset:2px}.bg01__arrow{align-items:center;align-self:flex-end;background:transparent;border:0;color:var(--bg01-thumb-bar);cursor:pointer;display:flex;height:14px;justify-content:center;margin-right:-4px;padding:0;width:14px}.bg01__arrow svg{fill:currentColor;height:5px;width:8px}.bg01__arrow:hover{color:#3b3f46}.bg01__arrow:focus-visible{outline:2px solid var(--bg01-focus);outline-offset:1px}.bg01__arrow[disabled]{cursor:default;opacity:.35}.bg01__stage{background:#f1f2f4;height:var(--bg01-height);overflow:hidden;position:relative}.bg01__main{display:block;height:100%;object-fit:cover;object-position:center top;transition:opacity .25s ease;width:100%}.bg01__main.is-loading{opacity:0}.bg01__empty{border:1px dashed #b8bcc4;color:#5a5f68;padding:24px;text-align:center}@media (max-width:1024px){.bg01{--bg01-rail-width:84px;--bg01-rail-space:108px;--bg01-gap:18px;--bg01-height:340px}.bg01__thumbs{gap:14px}}@media (max-width:767px){.bg01{gap:16px;grid-template-columns:1fr;--bg01-height:220px}.bg01__arrow{display:none}.bg01__rail-inner{flex:none}.bg01__thumbs{display:grid;gap:10px;grid-template-columns:repeat(3,minmax(0,1fr));overflow:visible;padding:0;position:static}.bg01__thumb{width:100%}}@media (prefers-reduced-motion:reduce){.bg01__thumbs{scroll-behavior:auto}.bg01__main,.bg01__thumb:after{transition:none}}