.art-strip{--art-strip-col: clamp(120px, 13vw, 175px);--art-strip-h: clamp(430px, 64vh, 720px);--art-strip-gap: clamp(10px, 1.2vw, 14px);--art-strip-bleed: 20px;padding-block:var(--art-strip-bleed);margin-block:calc(var(--art-strip-bleed) * -1);height:calc(var(--art-strip-h) + (var(--art-strip-bleed) * 2));column-width:var(--art-strip-col);column-count:auto;column-fill:auto;column-gap:var(--art-strip-gap);overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none;cursor:grab}.art-strip::-webkit-scrollbar{display:none}.art-strip.is-dragging{cursor:grabbing;user-select:none;-webkit-user-select:none}.art-strip.is-dragging img{pointer-events:none}.art-strip .art-strip__item{width:100%;break-inside:avoid;-webkit-column-break-inside:avoid;margin:0 0 var(--art-strip-gap)}.art-strip .art-strip__item img{width:100%;height:auto}.art-strip-wrap{position:relative;margin-right:calc(50% - 50vw)}@media(max-width:1099px){.art-strip-wrap{margin-left:calc(50% - 50vw);padding-left:22px}}.art-strip.is-expanded{height:auto;padding-block:0;margin-block:0;column-width:auto;column-count:var(--art-strip-cols, 3);column-fill:balance;overflow:visible;cursor:default}.art-strip-wrap:has(.art-strip.is-expanded){margin-right:0;margin-left:0;padding-left:0}@media(max-width:989px){.art-strip.is-expanded{column-count:2}}.art-strip__arrow{position:absolute;top:50%;z-index:2;display:flex;align-items:center;justify-content:center;width:40px;height:40px;margin-top:-20px;padding:0;border:1px solid rgb(var(--color-foreground-rgb) / .18);border-radius:50%;background:rgb(var(--palette-lightest-rgb) / .88);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:var(--art-card-shadow);color:var(--c-espresso);cursor:pointer;opacity:.92;transition:opacity .2s ease,background .2s ease,border-color .2s ease}.art-strip__arrow svg{width:17px;height:17px}.art-strip__arrow--prev{left:8px}.art-strip__arrow--prev svg{transform:rotate(180deg)}.art-strip__arrow--next{right:8px}.art-strip-wrap:hover .art-strip__arrow,.art-strip__arrow:focus-visible{opacity:1}.art-strip__arrow:hover{background:rgb(var(--palette-lightest-rgb) / 1);border-color:rgb(var(--c-amber-rgb) / .55)}.art-strip__arrow[hidden],.art-strip__arrow:disabled{display:none}@media(hover:none),(pointer:coarse){.art-strip__arrow{display:none}.art-strip{cursor:auto}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/art-strip.css.map */