@layer base,demo;@import"https://fonts.bunny.net/css?family=abel:400";.social_media{display:grid;place-items:center;gap:2rem;color:light-dark(var(--txt-light),var(--txt-dark));font-size:1rem;font-family:Abel,sans-serif;line-height:1.5}@layer demo{.carousel{--items: 5;--carousel-duration: 40s;--carousel-width: min( 80vw, 1200px );--carousel-item-width: 280px;--carousel-item-height: 350px;--carousel-item-gap: 2rem;--clr-cta: rgb(0, 132, 209);position:relative;width:var(--carousel-width);height:var(--carousel-item-height);overflow:clip}@media (width > 600px){.carousel{--carousel-duration: 30s}}.carousel[mask]{-webkit-mask-image:linear-gradient(to right,transparent,black 10% 90%,transparent);mask-image:linear-gradient(to right,transparent,black 10% 90%,transparent)}.carousel[reverse]>article{animation-direction:reverse}.carousel:hover>article{animation-play-state:paused}.carousel>article{position:absolute;top:0;left:calc(100% + var(--carousel-item-gap));width:var(--carousel-item-width);height:var(--carousel-item-height);display:grid;grid-template-rows:200px auto 1fr auto;gap:.25rem;border:1px solid light-dark(rgba(0 0 0 / .25),rgba(255 255 255 / .15));padding-block-end:1rem;border-radius:10px;background:light-dark(white,rgba(255 255 255 / .05));color:light-dark(rgb(49,65,88),white);will-change:transform;animation-name:marquee;animation-duration:var(--carousel-duration);animation-timing-function:linear;animation-iteration-count:infinite;animation-delay:calc(var(--carousel-duration) / var(--items) * 1 * var(--i) * -1)}.carousel>article:nth-child(1){--i: 0}.carousel>article:nth-child(2){--i: 1}.carousel>article:nth-child(3){--i: 2}.carousel>article:nth-child(4){--i: 3}.carousel>article:nth-child(5){--i: 4}.carousel>article:nth-child(6){--i: 5}.carousel>article:nth-child(7){--i: 6}.carousel>article:nth-child(8){--i: 7}.carousel img{width:100%;height:100%;object-fit:cover;border-radius:10px 10px 0 0}.carousel>article>*:not(img){padding:0 1rem}.carousel>article>div{grid-row:span 2;display:grid;grid-template-rows:subgrid;font-size:.8rem}.carousel>article h2{font-size:1.2rem;font-weight:300;padding-block:.75rem .25rem;margin:0}.carousel>article p{margin:0;font-size:1.2rem}.carousel>article a{text-align:center;width:100%;font-size:1.2rem;text-decoration:none;text-transform:lowercase;border:1px solid #000000;color:light-dark(#000000,white);border-radius:3px;padding:.25rem .5rem;place-self:start;transition:.15s ease-in-out}.carousel>article a:hover,.carousel>article a:focus-visible{background-color:#000;color:#fff;outline:none}@keyframes marquee{to{transform:translate(calc((var(--items) * (var(--carousel-item-width) + var(--carousel-item-gap))) * -1))}}}@layer base;
/*# sourceMappingURL=/cdn/shop/t/2/assets/social_media.css.map */