.rc-usage-visuals{--rc-usage-gap: .625rem;width:100%;margin-block-start:.15rem}.rc-usage-visuals__track{display:grid;grid-template-columns:repeat(var(--rc-usage-columns, 1),minmax(0,1fr));gap:var(--rc-usage-gap)}.rc-usage-visuals[data-count="2"]{--rc-usage-columns: 2}.rc-usage-visuals[data-count="3"]{--rc-usage-columns: 3}.rc-usage-visuals__tile{display:block;width:100%;padding:0;border:0;background:transparent;cursor:zoom-in;overflow:hidden;aspect-ratio:5 / 2}.rc-usage-visuals__tile-image{display:block;width:100%;height:100%;object-fit:cover;transition:transform .18s ease}@media(hover:hover){.rc-usage-visuals__tile:hover .rc-usage-visuals__tile-image{transform:scale(1.015)}}.rc-usage-visuals__tile:focus-visible,.rc-usage-visuals__close:focus-visible{outline:2px solid currentColor;outline-offset:3px}.rc-usage-visuals__dialog{width:min(96vw,1440px);max-width:none;height:min(94vh,1100px);max-height:none;padding:0;border:0;background:rgb(var(--dialog-background, 255 255 255));color:rgb(var(--text-color, 0 0 0));overflow:hidden}.rc-usage-visuals__dialog::backdrop{background:#000000c7}.rc-usage-visuals__dialog-track{height:100%;overflow-y:auto;scroll-snap-type:y mandatory;overscroll-behavior:contain}.rc-usage-visuals__dialog-item{min-height:100%;margin:0;padding:clamp(2rem,5vw,5rem);display:grid;place-items:center;scroll-snap-align:start}.rc-usage-visuals__dialog-image{display:block;max-width:100%;max-height:calc(94vh - clamp(4rem,10vw,10rem));width:auto;height:auto;object-fit:contain}.rc-usage-visuals__close{position:absolute;z-index:2;inset-block-start:.75rem;inset-inline-end:.75rem;width:2.75rem;height:2.75rem;border:0;border-radius:999px;background:#ffffffe0;color:#111;font-size:1.75rem;line-height:1;cursor:pointer}@media screen and (max-width:699px){.rc-usage-visuals__track{display:flex;gap:.5rem;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-inline:contain;scrollbar-width:none;padding-block-end:.15rem}.rc-usage-visuals__track::-webkit-scrollbar{display:none}.rc-usage-visuals__tile{flex:0 0 86%;scroll-snap-align:start}.rc-usage-visuals[data-count="1"] .rc-usage-visuals__tile{flex-basis:100%}.rc-usage-visuals__dialog{width:100vw;height:100dvh}.rc-usage-visuals__dialog-image{max-height:calc(100dvh - 4rem)}.rc-usage-visuals__dialog-item{padding:2rem .75rem}}
/*# sourceMappingURL=/cdn/shop/t/27/assets/rc-usage-visuals.css.map */