shintop-gallery{display:block}.shintop-gallery{--shintop-gallery-stage-ratio: 1;--shintop-gallery-bar-y: var(--shintop-space-4);--shintop-gallery-tiles: 5}.shintop-gallery__stage{position:relative;display:flex;flex-direction:column;aspect-ratio:var(--shintop-gallery-stage-ratio);max-height:68rem;overflow:hidden;border:.1rem solid var(--shintop-rule);border-radius:var(--shintop-radius-lg);background:var(--shintop-surface)}.shintop-gallery__bar{position:relative;z-index:1;display:flex;flex-shrink:0;align-items:center;justify-content:space-between;gap:var(--shintop-space-3);padding:var(--shintop-gallery-bar-y) var(--shintop-space-4);pointer-events:none}.shintop-gallery__bar>*{pointer-events:auto}.shintop-gallery__bar--top{padding-bottom:0}.shintop-gallery__bar--bottom{padding-top:0;gap:var(--shintop-space-4)}.shintop-gallery__bar:empty:before{content:""}.shintop-gallery__tag{padding:.5rem .9rem;border:.1rem solid var(--shintop-rule-strong);border-radius:var(--shintop-radius);color:var(--shintop-ink-soft);font-size:var(--shintop-text-2xs);font-weight:700;letter-spacing:.13em;text-transform:uppercase;white-space:nowrap}.shintop-gallery__counter{margin-right:auto;color:var(--shintop-ink-soft);font-size:var(--shintop-text-2xs);letter-spacing:.08em;font-variant-numeric:tabular-nums}.shintop-gallery__track{display:flex;flex:1;min-height:0;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;overscroll-behavior-x:contain}.shintop-gallery__track::-webkit-scrollbar{display:none}.shintop-gallery__slide{display:flex;flex:0 0 100%;align-items:center;justify-content:center;min-width:0;padding:var(--shintop-space-3) var(--shintop-space-6);scroll-snap-align:center;scroll-snap-stop:always;color:var(--shintop-ink);text-decoration:none;cursor:zoom-in}.shintop-gallery__slide img{display:block;width:100%;height:100%;object-fit:contain}.shintop-gallery__slide[hidden]{display:none}@media(hover:hover){.shintop-gallery__slide img{transition:transform .3s ease}.shintop-gallery__slide:hover img{transform:scale(1.03)}}.shintop-gallery__label{display:-webkit-box;max-width:62%;overflow:hidden;color:var(--shintop-ink-soft);font-size:var(--shintop-text-2xs);line-height:var(--shintop-leading-tight);-webkit-box-orient:vertical;-webkit-line-clamp:2}.shintop-gallery__expand{display:flex;flex-shrink:0;align-items:center;gap:.7rem;margin-left:auto;min-height:3rem;color:var(--shintop-ink);font-size:var(--shintop-text-2xs);text-decoration:none}.shintop-gallery__expand svg{width:1.4rem;height:1.4rem}@media(hover:hover){.shintop-gallery__expand:hover{text-decoration:underline}}.shintop-gallery__arrow{position:absolute;top:50%;z-index:2;display:grid;place-items:center;width:3.4rem;height:4.2rem;padding:0;transform:translateY(-50%);border:.1rem solid var(--shintop-rule);border-radius:var(--shintop-radius-pill);background:rgba(var(--shintop-white-rgb),.9);color:var(--shintop-ink);cursor:pointer}.shintop-gallery__arrow svg{width:1.9rem;height:1.9rem}.shintop-gallery__arrow--prev{left:var(--shintop-space-3)}.shintop-gallery__arrow--next{right:var(--shintop-space-3)}.shintop-gallery__arrow[disabled]{opacity:.35;cursor:default}@media(hover:hover){.shintop-gallery__arrow:not([disabled]):hover{background:var(--shintop-navy);color:var(--shintop-white)}}.shintop-gallery__arrow--prev svg,.shintop-gallery__viewer-controls [data-shintop-viewer-prev] svg{transform:rotate(90deg)}.shintop-gallery__arrow--next svg,.shintop-gallery__viewer-controls [data-shintop-viewer-next] svg{transform:rotate(-90deg)}.shintop-gallery__tiles{display:grid;grid-template-columns:repeat(var(--shintop-gallery-tiles),minmax(0,1fr));gap:var(--shintop-space-2);margin:var(--shintop-space-3) 0 0;padding:0;list-style:none}.shintop-gallery__tile{display:block;min-width:0;color:var(--shintop-ink);text-decoration:none}.shintop-gallery__tile-frame{display:flex;align-items:center;justify-content:center;aspect-ratio:1.15;padding:.9rem;border:.1rem solid var(--shintop-rule);border-radius:var(--shintop-radius);background:var(--shintop-surface)}.shintop-gallery__tile-frame img{display:block;width:100%;height:100%;object-fit:contain}@media(hover:hover){.shintop-gallery__tile-frame{transition:border-color .2s ease}.shintop-gallery__tile:hover .shintop-gallery__tile-frame{border-color:var(--shintop-navy)}}.shintop-gallery__tile[aria-current=true] .shintop-gallery__tile-frame{padding:.8rem;border:.2rem solid var(--shintop-navy)}.shintop-gallery__note{display:flex;align-items:center;gap:var(--shintop-space-2);margin:var(--shintop-space-4) 0 0;color:var(--shintop-ink-soft);font-size:var(--shintop-text-2xs)}.shintop-gallery__dot{flex-shrink:0;width:.6rem;height:.6rem;border-radius:50%;background:var(--shintop-green)}.shintop-gallery__viewer{width:min(100rem,94vw);max-width:none;max-height:94dvh;padding:var(--shintop-space-4);border:.1rem solid var(--shintop-rule);border-radius:var(--shintop-radius-lg);background:var(--shintop-paper);color:var(--shintop-ink)}.shintop-gallery__viewer::backdrop{background:rgba(var(--shintop-navy-rgb),.86)}.shintop-gallery__viewer-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--shintop-space-4)}.shintop-gallery__eyebrow{display:block;color:var(--shintop-red);font-size:var(--shintop-text-2xs);font-weight:700;letter-spacing:.17em;text-transform:uppercase}.shintop-gallery__viewer-title{margin:.5rem 0 var(--shintop-space-3);font-size:var(--shintop-text-sm);font-weight:400;line-height:var(--shintop-leading-tight)}.shintop-gallery__viewer-close{flex-shrink:0;display:grid;place-items:center;width:4.4rem;height:4.4rem;padding:0;border:.1rem solid var(--shintop-rule);border-radius:50%;background:none;color:var(--shintop-ink);cursor:pointer}.shintop-gallery__viewer-close svg{width:1.4rem;height:1.4rem}.shintop-gallery__viewer-frame{height:min(62dvh,65rem);overflow:auto;border-radius:var(--shintop-radius);background:var(--shintop-surface);overscroll-behavior:contain}.shintop-gallery__viewer-frame img{display:block;width:100%;height:100%;object-fit:contain}.shintop-gallery__viewer-frame[data-zoom=on] img{width:200%;height:200%;max-width:none;cursor:zoom-out}.shintop-gallery__viewer-controls{display:flex;align-items:center;justify-content:center;gap:var(--shintop-space-4);margin-top:var(--shintop-space-3)}.shintop-gallery__viewer-controls button{display:grid;place-items:center;min-width:4.4rem;min-height:4rem;padding:0 var(--shintop-space-3);border:.1rem solid var(--shintop-rule);border-radius:var(--shintop-radius);background:none;color:var(--shintop-ink);font-size:var(--shintop-text-2xs);cursor:pointer}.shintop-gallery__viewer-controls svg{width:1.6rem;height:1.6rem}.shintop-gallery__viewer-counter{color:var(--shintop-ink-soft);font-size:var(--shintop-text-2xs);font-variant-numeric:tabular-nums}.shintop-gallery__viewer-hint{margin:var(--shintop-space-2) 0 0;color:var(--shintop-ink-faint);text-align:center;font-size:var(--shintop-text-2xs)}@media screen and (max-width:749px){.shintop-gallery{--shintop-gallery-bar-y: var(--shintop-space-3)}.shintop-gallery__bar{padding:var(--shintop-space-2) var(--shintop-space-3)}.shintop-gallery__tiles{margin-bottom:var(--shintop-space-3)}.shintop-gallery__label,.shintop-gallery__note{display:none}.shintop-gallery__slide{padding:var(--shintop-space-2) var(--shintop-space-5)}.shintop-gallery__arrow{width:3rem;height:3.8rem}.shintop-gallery__label{max-width:55%}.shintop-gallery__viewer{padding:var(--shintop-space-3)}.shintop-gallery__viewer-frame{height:min(58dvh,48rem)}.shintop-gallery__viewer-controls{gap:var(--shintop-space-3)}}@media(prefers-reduced-motion:reduce){.shintop-gallery__track{scroll-behavior:auto}}
/*# sourceMappingURL=/cdn/shop/t/26/assets/component-shintop-gallery.css.map */