@layer components{.card-carousel{--carousel-gap:clamp(13px, 1.4vw, 23px);grid-template-rows:minmax(0,1fr) 48px;gap:10px;min-width:0;min-height:0;display:grid}.card-carousel:not([data-overflow]){grid-template-rows:minmax(0,1fr) 0;gap:0}.card-carousel__viewport{min-width:0;min-height:0;overflow:hidden}.card-carousel__track{--carousel-page-shift:0%;width:100%;height:100%;transform:translate3d(var(--carousel-page-shift,0%), 0, 0);transition:transform .42s cubic-bezier(.2,.75,.25,1);display:flex}.card-carousel__page{grid-template-columns:repeat(var(--carousel-columns), minmax(0, 1fr));grid-template-rows:repeat(var(--carousel-rows), minmax(0, 1fr));gap:var(--carousel-gap);flex:0 0 100%;align-items:start;min-width:0;height:100%;padding:5px 10px 12px 5px;display:grid;container-type:size}.card-carousel__page[data-columns="3"]{--carousel-columns:3}.card-carousel__page[data-columns="2"]{--carousel-columns:2}.card-carousel__page[data-columns="1"]{--carousel-columns:1}.card-carousel__page[data-rows="2"]{--carousel-rows:2}.card-carousel__page>*{width:min(100%, calc((100cqh - var(--carousel-gap)) / 2));aspect-ratio:1;place-self:start;height:auto}.card-carousel__controls{justify-content:center;align-items:center;gap:12px;display:flex}.card-carousel:not([data-overflow]) .card-carousel__controls{visibility:hidden}.card-carousel__button{width:44px;height:44px}.card-carousel__status{min-width:118px;color:var(--brick);font-family:var(--font-stamp);letter-spacing:.12em;text-align:center;text-transform:uppercase;font-size:.66rem}@media (prefers-reduced-motion:reduce){.card-carousel__track{transition:none}}@media (width<=620px){.card-carousel{min-height:0;display:block}.card-carousel .card-carousel__viewport{overflow:visible}.card-carousel .card-carousel__track{height:auto;transition:none;display:block;transform:none}.card-carousel .card-carousel__page{gap:var(--carousel-gap);grid-template-rows:none;grid-template-columns:minmax(0,1fr);height:auto;padding:5px 5px 18px;display:grid;container-type:inline-size}.card-carousel .card-carousel__page>*{aspect-ratio:1;width:100%;height:auto}.card-carousel__controls{display:none}}@media print{.card-carousel{display:block}.card-carousel__viewport{overflow:visible}.card-carousel__track{height:auto;display:block;transform:none}.card-carousel__page{grid-template-rows:none;grid-template-columns:repeat(2,minmax(0,1fr));height:auto;padding:0;display:grid}.card-carousel__page+.card-carousel__page{margin-top:var(--carousel-gap)}.card-carousel__page>*{width:100%}.card-carousel__controls{display:none}}}