.quadlock-screens{display:block;width:100%;min-width:0;max-width:100%;margin-top:20px;font-size:.875rem;color:var(--color-foreground)}.quadlock-screens__heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:6px}.quadlock-screens h3{margin:0;font-size:1.125rem;line-height:1.3}.quadlock-screens__controls{display:flex;flex:0 0 auto;align-items:center;gap:6px}.quadlock-screens__controls[hidden]{display:none}.quadlock-screens__controls button{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:1px solid #dce3e9;border-radius:8px;background:#fff;color:#111820;cursor:pointer}.quadlock-screens__controls button:hover:not(:disabled){border-color:#126cb8;color:#126cb8}.quadlock-screens__controls button:disabled{opacity:.35;cursor:default}.quadlock-screens__counter{min-width:34px;color:#586573;font-size:.75rem;text-align:center;font-variant-numeric:tabular-nums}.quadlock-screens__intro{margin:0 0 12px;color:#586573}.quadlock-screens__list{display:grid;grid-auto-flow:column;grid-auto-columns:calc(100% - 24px);gap:12px;min-width:0;padding:3px 3px 8px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:3px;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:#cdd6df transparent}.quadlock-screens__card{display:grid;grid-template-columns:72px minmax(0,1fr);grid-template-rows:minmax(72px,1fr) auto;align-items:center;min-width:0;gap:10px;padding:12px;border:1px solid #dce3e9;border-radius:10px;background:#f7f9fb;color:#111820;scroll-snap-align:start;scroll-snap-stop:always}.quadlock-screens__image-link img{display:block;width:72px;height:72px;object-fit:contain;border-radius:8px;background:#fff}.quadlock-screens__details{min-width:0}.quadlock-screens__details h4{margin:0 0 6px;font-family:var(--font-body--family);font-size:.875rem;line-height:1.35}.quadlock-screens__details h4 a{color:#111820;text-decoration:none}.quadlock-screens__details p{margin:0;font-weight:600}.quadlock-screens__card>lcdm-cart-action{grid-column:1 / -1;align-self:end}.quadlock-screens__controls button:focus-visible,.quadlock-screens__list:focus-visible,.quadlock-screens__card a:focus-visible{outline:2px solid #126cb8;outline-offset:2px}@media(max-width:749px){.quadlock-screens__card{padding:10px;grid-template-columns:60px minmax(0,1fr)}.quadlock-screens__image-link img{width:60px;height:60px}}@media(prefers-reduced-motion:reduce){.quadlock-screens__list{scroll-behavior:auto}}
/*# sourceMappingURL=/cdn/shop/t/30/assets/quadlock-compatible-screens.css.map */