.spin-grid__heading{font-family:var(--font-heading-family);font-style:var(--font-heading-style);font-weight:var(--font-heading-weight);color:rgb(var(--color-heading));text-align:center;text-transform:uppercase;letter-spacing:.1em;font-size:1.4rem;margin:0 0 2rem;line-height:calc(1 + .3 / var(--font-heading-scale))}.spin-grid-section .spin-grid__grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;position:relative}.spin-grid-section .tile{background:transparent;border:none;padding:0}.spin-grid-section .tile-header{position:absolute;top:10px;left:10px;font-size:2rem;font-weight:600;font-family:var(--font-body-family);color:rgba(var(--color-foreground),.5);text-transform:uppercase;z-index:5;pointer-events:none;text-shadow:0 1px 3px rgba(0,0,0,.3)}.spin-grid-section .viewer{width:100%;aspect-ratio:3 / 4;background-color:rgb(var(--color-placeholder));position:relative;overflow:hidden;cursor:grab;border-radius:4px;touch-action:none}.spin-grid-section .viewer:active{cursor:grabbing}.spin-grid-section .viewer img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.spin-grid-section .viewer .frame{pointer-events:none}.spin-grid-section .drag-pill{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:rgba(var(--color-background),.9);padding:5px 14px;border-radius:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;box-shadow:0 2px 6px #00000014;pointer-events:none;transition:opacity .3s ease;z-index:4}.spin-grid-section .drag-pill span{font-size:12px;font-weight:700;font-family:var(--font-body-family);letter-spacing:.8px;color:rgba(var(--color-foreground),.6);white-space:nowrap;line-height:1;margin-bottom:2px}.spin-grid-section .drag-pill svg{width:24px;height:auto;opacity:.7;color:rgba(var(--color-foreground),.7)}.spin-grid-section .viewer.started .drag-pill{opacity:0;pointer-events:none}.spin-grid-section .spin-grid__nav{display:none}@media(max-width:749px){.spin-grid-section .tile-header{font-size:2rem;top:15px;left:15px}.spin-grid-section .spin-grid__grid{display:flex;overflow:hidden;gap:0}.spin-grid-section .tile{min-width:100%;flex-shrink:0;transition:transform .35s cubic-bezier(.4,0,.2,1)}.spin-grid-section .spin-grid__nav{display:flex;align-items:center;justify-content:space-between;padding:12px 10px 0}.spin-grid-section .spin-grid__nav-btn{height:44px;padding:0 12px;border-radius:22px;border:1px solid rgb(var(--color-border));background:rgb(var(--color-background));display:flex;align-items:center;justify-content:center;gap:6px;cursor:pointer;color:rgb(var(--color-foreground));font-family:var(--font-body-family);transition:all .2s ease;-webkit-tap-highlight-color:transparent;box-shadow:0 2px 4px #0000000d}.spin-grid-section .spin-grid__nav-label{font-size:14px;font-weight:500;font-family:var(--font-body-family)}.spin-grid-section .spin-grid__nav-btn svg{width:18px;height:18px;flex-shrink:0}.spin-grid-section .spin-grid__dots{display:flex;align-items:center;gap:8px}.spin-grid-section .spin-grid__dot{width:8px;height:8px;border-radius:50%;background:rgb(var(--color-border));transition:all .3s ease;border:none;padding:0;cursor:pointer;-webkit-tap-highlight-color:transparent}.spin-grid-section .spin-grid__dot.active{background:rgb(var(--color-foreground));transform:scale(1.25)}}
/*# sourceMappingURL=/cdn/shop/t/56/assets/section-360-spin-grid.css.map */