.gb-featured{display:flex;flex-direction:column;align-items:center;margin-left:auto;margin-right:auto;padding:0 2rem}.gb-featured[data-width=small]{width:min(700px,100vw)}.gb-featured[data-width=medium]{width:min(900px,100vw)}.gb-featured[data-width=large]{width:min(1230px,100vw)}.gb-featured[data-width=xlarge]{width:min(1760px,100vw)}.gb-featured[data-width=auto]{width:auto}.gb-featured__inner{display:grid;grid-template-columns:repeat(2,1fr);width:100%;gap:10px}.gb-featured__item{border-radius:.6rem;box-shadow:0 8px 40px rgba(var(--color-shadow),.28);background-color:rgb(var(--color-background))}.gb-featured__item a{position:relative;display:block;height:100%;transition:box-shadow .2s ease-out}.gb-featured__item a,.gb-featured__item a:hover,.gb-featured__item a:active{text-decoration:none}.gb-featured__item__image{position:relative;display:block;width:100%;border-radius:.6rem .6rem 0 0}.gb-featured__item__focussed{position:absolute;width:100%;height:100%;display:flex;justify-content:center;align-items:center;opacity:0;border-radius:.6rem .6rem 0 0;background:linear-gradient(180deg,#000c,#0000);pointer-events:none;transition:opacity .2s ease-out}.gb-featured__item__focussed span{transform:translateY(10px);font-size:2.5rem;color:#fff;opacity:0;transition:transform .2s ease-out,opacity .2s ease-out}.gb-featured__item a:hover .gb-featured__item__focussed,.gb-featured__item a:active .gb-featured__item__focussed{opacity:1}.gb-featured__item a:hover,.gb-featured__item a:active{box-shadow:0 0 30px #0f03}.gb-featured__item a:hover .gb-featured__item__focussed span,.gb-featured__item a:active .gb-featured__item__focussed span{transform:translateY(0);opacity:1;transition:transform .2s ease-out .1s,opacity .2s ease-out .1s}.gb-featured__item a:hover .gb-featured__item__title,.gb-featured__item a:active .gb-featured__item__title{color:#42a02a}.gb-featured__item__image img{border-radius:.6rem .6rem 0 0;width:100%;height:auto;aspect-ratio:16 / 9}.gb-featured__item__title{font-size:3rem;padding:10px 10px 0;margin:0;transition:color .2s ease-out}.gb-featured__item__date{display:block;padding:0 10px 20px}.gb-featured__view-more{display:flex;justify-content:center;width:100%;margin:20px auto}@media screen and (min-width:750px){.gb-featured__inner{gap:20px}.gb-featured__view-more{margin:30px auto}.gb-featured__inner{grid-template-columns:repeat(3,1fr)}}@media screen and (min-width:1200px){.gb-featured__inner{grid-template-columns:repeat(4,1fr)}.gb-featured__view-more{margin:40px auto}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-gb-featured.css.map */