.facts-container{padding:2rem 1rem}.facts-carousel{position:relative;overflow:hidden}.facts-carousel-track{display:flex;transition:transform .3s ease-in-out}.facts-item-card{display:none;width:100%;grid-template-columns:1fr;grid-template-rows:1fr auto;align-items:center;gap:1rem}.facts-carousel-track:only-child .facts-item-card{display:grid}.facts-item-card.active{display:grid;animation:fadeIn .5s}.facts-item-card>div>a{background-color:var(--color-four);color:var(--color-primary);text-align:center}.facts-item-card>img{width:100%}div.fact-button-container{height:100%;margin:3rem auto 1rem;text-align:center}div.fact-button-container>a.daybreak-button{font-size:10px;padding:1rem 2rem}.facts-carousel-dots{display:flex;justify-content:center;gap:.5rem;margin-top:1.5rem}.carousel-dot{cursor:pointer;transition:transform .2s ease}.carousel-dot:hover{transform:scale(1.2)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media screen and (min-width: 311px){div.fact-button-container>a.daybreak-button{font-size:11px}}@media screen and (min-width: 360px){div.fact-button-container>a.daybreak-button{font-size:12px;padding:1.5rem 3rem}}@media screen and (min-width: 501px){.facts-item-card{grid-template-columns:1fr 1fr;grid-template-rows:1fr auto}.facts-item-card>div.fact-button-container{grid-column:span 2;max-width:420px}}@media screen and (min-width: 600px){div.fact-button-container>a.daybreak-button{font-size:1rem}}@media screen and (min-width: 768px){.facts-item-card{display:none;grid-template-columns:33% 1fr;grid-template-rows:1fr 1fr}.facts-item-card.active{display:grid}.facts-item-card>img{grid-row:span 2}.facts-item-card>div.fact-button-container{margin:1rem auto;grid-column:2;grid-row:2;height:auto}}@media screen and (min-width: 1080px){.facts-item-card{display:none;grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr}.facts-item-card.active{display:grid}.facts-item-card>div.fact-button-container{grid-column:3;grid-row:1}div.fact-button-container>a.daybreak-button{font-size:12px}}@media screen and (min-width: 1440px){div.fact-button-container>a.daybreak-button{font-size:1rem}}
/*# sourceMappingURL=/cdn/shop/t/48/assets/daybreak-facts.css.map */