.section-featured-blocks{width:100vw!important;position:relative;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw;overflow:hidden;padding:2rem 0;--radius: .3rem;--shadow-small: 0 2px 4px rgba(0, 0, 0, .1);--duration-default: .3s;--duration-long: .5s}.section-featured-blocks .page-width{max-width:none!important;padding:0!important;margin:0!important}.section-featured-blocks .featured-blocks{position:relative;overflow:hidden;width:100%!important}.section-featured-blocks .featured-blocks__wrapper{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;gap:2rem;width:max-content;animation:scroll-left var(--duration, 20s) linear infinite;margin:0;padding:0;list-style:none;will-change:transform}.section-featured-blocks .featured-blocks__wrapper:after{content:"";display:block;width:2rem}.section-featured-blocks .featured-blocks--right .featured-blocks__wrapper{animation:scroll-right var(--duration, 20s) linear infinite}.section-featured-blocks .featured-blocks__item{flex:0 0 auto!important;width:200px!important;margin:0!important;padding:0!important;display:block!important;backface-visibility:hidden;-webkit-backface-visibility:hidden}.section-featured-blocks .featured-blocks__card{display:flex;flex-direction:column;height:100%;background:rgb(var(--color-background, 255, 255, 255));overflow:hidden;transition:transform var(--duration-default) ease;transform:translateZ(0);-webkit-transform:translateZ(0)}.section-featured-blocks .featured-blocks__card:hover{transform:translateY(-.5rem)}.section-featured-blocks .featured-blocks__media{position:relative;width:100%;overflow:hidden;padding-bottom:100%}.section-featured-blocks .featured-blocks__image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform var(--duration-long) ease;transform:translateZ(0);-webkit-transform:translateZ(0)}.section-featured-blocks .featured-blocks__card:hover .featured-blocks__image{transform:scale(1.05)}.section-featured-blocks .featured-blocks__content{padding:1rem;display:flex;flex-direction:column;gap:.5rem;flex:1;text-align:center}.section-featured-blocks .featured-blocks__text{margin:0;color:rgba(var(--color-foreground, 26, 27, 24),.75);font-size:.9em;line-height:1.4}.section-featured-blocks .featured-blocks__text p{margin:0}.section-featured-blocks .title-wrapper{display:flex;flex-direction:column;margin-bottom:2rem}.section-featured-blocks .title-wrapper.left{align-items:flex-start;text-align:left}.section-featured-blocks .title-wrapper.center{align-items:center;text-align:center}.section-featured-blocks .title-wrapper.right{align-items:flex-end;text-align:right}.section-featured-blocks .title{margin:0;margin-bottom:1rem}.section-featured-blocks .subtitle{margin:0;color:rgba(var(--color-foreground, 26, 27, 24),.75)}@keyframes scroll-left{0%{transform:translate(0)}to{transform:translate(calc(-50% - 1rem))}}@keyframes scroll-right{0%{transform:translate(calc(-50% - 1rem))}to{transform:translate(0)}}.section-featured-blocks .featured-blocks:hover .featured-blocks__wrapper{animation-play-state:paused}@media screen and (max-width:749px){.section-featured-blocks .featured-blocks__item{width:150px!important}.section-featured-blocks .featured-blocks__content{padding:.75rem}.section-featured-blocks .featured-blocks__text{font-size:.85em}}.section-featured-blocks .featured-blocks,.section-featured-blocks .featured-blocks__wrapper,.section-featured-blocks .featured-blocks__item{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;grid-template-columns:none!important;grid-column:auto!important}.slider-buttons{display:flex;align-items:center;justify-content:center;gap:1rem;margin-top:2rem}.slider-button{background:none;border:none;cursor:pointer;padding:.5rem;color:rgb(var(--color-foreground));transition:color var(--duration-default) ease}.slider-button:hover{color:rgb(var(--color-foreground));opacity:.8}.slider-button .icon{width:2rem;height:2rem}@media screen and (min-width:990px){.section-featured-blocks .featured-blocks{grid-template-columns:repeat(9,1fr)}.section-featured-blocks .featured-blocks__item{grid-column:span 1}}@media screen and (min-width:750px)and (max-width:989px){.section-featured-blocks .featured-blocks{grid-template-columns:repeat(3,1fr)}}@media screen and (max-width:749px){.section-featured-blocks .featured-blocks{grid-template-columns:repeat(2,1fr)}}
/*# sourceMappingURL=/cdn/shop/t/110/assets/section-featured-blocks.css.map */