.campta-gallery{background:var(--campta-background);color:var(--campta-text);overflow:hidden}.campta-gallery__inner{padding-top:2rem;padding-bottom:2rem}.campta-gallery__header{max-width:48rem;margin-bottom:2.5rem}.campta-gallery__heading{margin:0}.campta-gallery__intro{margin-top:1rem}.campta-gallery__rail{position:relative}.campta-gallery__grid{display:grid;grid-auto-flow:column;grid-template-rows:auto;grid-auto-columns:minmax(72vw,20rem);gap:1rem;overflow-x:auto;overflow-y:hidden;padding-bottom:.75rem;scroll-behavior:smooth;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:var(--campta-accent) transparent}.campta-gallery__card{min-width:0;scroll-snap-align:start}.campta-gallery__rail-button{position:absolute;top:50%;z-index:4;display:grid;width:3rem;height:3rem;place-items:center;border:1px solid rgb(0 0 0 / .12);border-radius:50%;background:var(--campta-background);color:var(--campta-text);box-shadow:0 2px 12px #0000001f;cursor:pointer;opacity:0;pointer-events:none;transform:translateY(-50%);transition:opacity .18s ease,transform .18s ease}.campta-gallery__rail.has-overflow .campta-gallery__rail-button:not(:disabled){opacity:1;pointer-events:auto}.campta-gallery__rail-button:hover{transform:translateY(-50%) scale(1.05)}.campta-gallery__rail-button:disabled{cursor:default}.campta-gallery__rail-button--previous{left:.5rem}.campta-gallery__rail-button--next{right:.5rem}.campta-gallery__rail:after{position:absolute;top:0;right:0;bottom:.75rem;width:5rem;background:linear-gradient(90deg,transparent,var(--campta-background));content:"";opacity:0;pointer-events:none;transition:opacity .18s ease}.campta-gallery__rail.has-overflow:not(.is-at-end):after{opacity:.9}.campta-gallery__slider{position:relative;aspect-ratio:4 / 3;overflow:hidden;background:#0000000f;touch-action:pan-y}.campta-gallery__slides,.campta-gallery__slide,.campta-gallery__empty{width:100%;height:100%}.campta-gallery__slide{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .42s ease;pointer-events:none}.campta-gallery__slide.is-active{opacity:1;pointer-events:auto}.campta-gallery__image{width:100%;height:100%;object-fit:cover;display:block}.campta-gallery__empty{display:grid;place-items:center}.campta-gallery__empty .placeholder-svg{width:100%;height:100%}.campta-gallery__arrow{position:absolute;top:50%;z-index:2;width:2.75rem;height:2.75rem;border:0;border-radius:50%;background:#ffffffe6;color:#111;cursor:pointer;display:none;align-items:center;justify-content:center;transform:translateY(-50%);transition:opacity .16s ease,transform .16s ease}.campta-gallery__arrow:hover{transform:translateY(-50%) scale(1.06)}.campta-gallery__arrow svg{width:.75rem}.campta-gallery__arrow--previous{left:1rem}.campta-gallery__arrow--previous svg{transform:rotate(90deg)}.campta-gallery__arrow--next{right:1rem}.campta-gallery__arrow--next svg{transform:rotate(-90deg)}.campta-gallery__dots{position:absolute;z-index:2;bottom:1rem;left:50%;display:flex;gap:.45rem;transform:translate(-50%)}.campta-gallery__dot{width:.55rem;height:.55rem;padding:0;border:1px solid #fff;border-radius:50%;background:transparent;cursor:pointer;transition:background-color .16s ease,transform .16s ease}.campta-gallery__dot.is-active{background:#fff;transform:scale(1.15)}.campta-gallery__content{padding:1rem 0 .25rem}.campta-gallery__eyebrow{margin:0 0 .35rem;font-size:.75rem;font-weight:600;letter-spacing:.09em;text-transform:uppercase;opacity:.7}.campta-gallery__title{margin:0;font:inherit;font-size:1.25rem;font-weight:600;line-height:1.25}.campta-gallery__description{margin-top:.6rem;font-size:.95rem;line-height:1.5}.campta-gallery__description p{margin:0}.campta-gallery__product-link{position:relative;display:inline-block;margin-top:.9rem;color:currentColor;font-size:.85rem;font-weight:600;text-decoration:none}.campta-gallery__product-link:after{position:absolute;right:0;bottom:-.2rem;left:0;height:1px;background:currentColor;content:"";transform:scaleX(0);transform-origin:right;transition:transform .22s ease}.campta-gallery__product-link:hover:after,.campta-gallery__product-link:focus-visible:after{transform:scaleX(1);transform-origin:left}.campta-gallery__empty-message{margin:0}.campta-gallery__slider:focus-within{outline:2px solid var(--campta-accent);outline-offset:3px}@media screen and (min-width:750px){.campta-gallery__grid{grid-template-rows:repeat(2,auto);grid-auto-columns:minmax(16rem,calc((100% - 1.5rem)/2));gap:1.5rem}}@media screen and (max-width:749px){.campta-gallery__grid{grid-auto-columns:86vw;gap:1.25rem;grid-auto-columns:100%;gap:0;padding-bottom:0}.campta-gallery__content{padding:1rem .25rem 1.5rem}.campta-gallery__title{font-size:1.35rem}.campta-gallery__description{font-size:1rem}.campta-gallery__rail-button{width:2.5rem;height:2.5rem}.campta-gallery__rail:after{display:none}.campta-gallery__rail-controls{display:flex;justify-content:flex-end;gap:.75rem;padding-top:.25rem}.campta-gallery__rail-button{position:static;width:2.75rem;height:2.75rem;transform:none}.campta-gallery__rail-button:hover{transform:none}.campta-gallery__arrow{display:flex;width:2.4rem;height:2.4rem}.campta-gallery__arrow--previous{left:.75rem}.campta-gallery__arrow--next{right:.75rem}}@media screen and (min-width:990px){.campta-gallery__grid{grid-template-rows:repeat(2,auto);grid-auto-columns:minmax(16rem,calc((100% - 1.5rem)/2));gap:1.5rem}.campta-gallery__arrow{display:flex}.campta-gallery__slider:hover .campta-gallery__arrow,.campta-gallery__slider:focus-within .campta-gallery__arrow{opacity:1}}@media(prefers-reduced-motion:reduce){.campta-gallery__slide,.campta-gallery__arrow,.campta-gallery__dot{transition-duration:.01ms}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/campta-gallery.css.map */