:root{--block-padding: 48px}.froo-collection-featured__image-link{color:inherit;height:100%;position:relative;text-decoration:none}.color-light .froo-collection-featured__title h2{color:rgb(var(--color-base-text))}.color-dark .froo-collection-featured__title h2,.color-accent .froo-collection-featured__title h2{color:#fff}@media screen and (min-width: 750px){.froo-collection-featured__grid{padding-top:30px}}.color-dark .placeholder{background:rgba(var(--color-base-background-2),.2)}.froo-collection-featured__blocks{position:relative;background:#000;overflow:hidden;grid-column:span 1;display:block}.froo-collection-featured__blocks .media{align-items:unset;max-width:425px;overflow:hidden;height:100%}.froo-collection-featured__blocks .media img{opacity:var(--ffc-image-opacity);width:100%;height:100%;object-fit:contain}.froo-collection-featured__blocks .media>*:not(.zoom):not(.deferred-media__poster-button){max-width:425px;max-height:330px}.froo-collection-featured__blocks .media:after{content:"";background:rgba(var(--color-base-accent-2),1);width:0;height:110%;position:absolute;transform:skew(-40deg);transition:all ease-in-out .3s;transform-origin:center;left:0;top:-5%;bottom:-5%;right:0;margin:auto;opacity:0;background-blend-mode:overlay}.froo-collection-featured__blocks:hover .media:after{content:"";background:rgba(var(--color-base-accent-2),1);width:110%;left:-5%;top:-5%;bottom:-5%;right:-5%;opacity:60%}.froo-collection-featured__blocks svg{display:block}.froo-collection-featured__blocks .froo-collection-featured__content{position:absolute;display:flex;align-items:center;justify-content:center;height:fit-content;top:0;left:0;right:0;bottom:0;flex-direction:column;margin:auto;padding:0 10px}@media screen and (min-width: 750px){.froo-collection-featured__blocks .froo-collection-featured__content{padding:0 20px}}.froo-collection-featured__content h4{font-size:calc(var(--font-heading-scale) * 1.6rem);margin:0 0 12px;line-height:1;padding:0;text-align:center;text-transform:uppercase;font-weight:600}@media screen and (min-width: 750px){.froo-collection-featured__content h4{font-size:calc(var(--font-heading-scale) * 2.4rem);margin-bottom:20px}}.froo-collection-featured__content h4 a{text-decoration:none;color:inherit}.froo-collection-featured__content a.button{text-align:center;padding:0 2rem;font-weight:600;font-size:10px;text-transform:uppercase;background:var(--ffc-block-bk-color);color:var(--ffc-block-color);min-height:calc(3.5rem + var(--buttons-border-width) * 2)}@media screen and (min-width: 750px){.froo-collection-featured__content a.button{padding:0 2rem;min-height:calc(4.5rem + var(--buttons-border-width) * 2)}}.froo-collection-featured__content a.button:after{box-shadow:0 0 0 calc(var(--buttons-border-width) + var(--border-offset)) rgba(var(--ffc-block-shadow),var(--border-opacity)),0 0 0 var(--buttons-border-width) rgba(var(--ffc-block-shadow),var(--alpha-button-background))}.froo-collection-featured__content a.button:hover:after,.froo-collection-featured__content a.button:active:after{box-shadow:0 0 0 calc(var(--buttons-border-width) + var(--border-offset)) rgba(var(--ffc-block-shadow),1),0 0 0 var(--buttons-border-width) rgba(var(--ffc-block-shadow),1)}@media screen and (min-width: 750px){.froo-collection-featured__content a.button{font-size:12px}}
/*# sourceMappingURL=/cdn/shop/t/26/assets/froo-component-collection-featured.css.map */