.button-list{--swiper-navigation-size: 3.8rem}.button-list .section__content{width:100%}@media(max-width:767.98px){.button-list .section__content{width:unset}}@media(max-width:767.98px){.button-list button-list{width:unset;white-space:nowrap}}.button-list button-list[data-slider-reach]:after,.button-list button-list[data-slider-reach]:before{content:"";background:linear-gradient(271.86deg,rgb(var(--color-background)) 35.56%,rgba(var(--color-background),0) 98.43%);width:7rem;position:absolute;height:100%;top:0;z-index:2;transition:opacity .1s ease-in-out;pointer-events:none}@media(max-width:767.98px){.button-list button-list[data-slider-reach]:after,.button-list button-list[data-slider-reach]:before{display:none}}.button-list button-list[data-slider-reach]:after{right:-2.8rem}.button-list button-list[data-slider-reach]:before{left:-2.8rem;transform:scaleX(-1)}.button-list button-list[data-slider-reach=progress]:before,.button-list button-list[data-slider-reach=progress]:after,.button-list button-list[data-slider-reach=end]:before,.button-list button-list[data-slider-reach=begin]:after{opacity:1}.button-list button-list[data-slider-reach=end]:after,.button-list button-list[data-slider-reach=begin]:before{opacity:0}.button-list__items{--f-column-gap: 1.2rem;gap:var(--f-column-gap);width:100%}.button-list__items.swiper-wrapper{column-gap:0;width:auto}@media(max-width:767.98px){.button-list__items{--f-column-gap: .8rem}}.button-list__item{width:auto}.button-item__inner{box-sizing:border-box;min-height:var(--buttons-height);height:auto;padding:.8rem 2rem}.button-item__inner.active{color:rgb(var(--color-button-text))}.button-item__inner.active:before{width:calc(100% + var(--buttons-border-width, 0px))}.button-item__icon{width:var(--icon-size)}.button-item__text{white-space:nowrap}.button-item--icon{--icon-size: 2rem}.button-item--image{--icon-size: 4.8rem}.button-item--image .button-item__inner{padding-inline:.8rem}.button-item--image .button-item__inner:has(.button-item__text){padding-inline-end:2rem}@media(max-width:767.98px){.button-item--image{--icon-size: 3.8rem}}.collection-button-group{display:flex}.page-template.design-pet-premade .collection-button-group,.page-template.design-human-premade .collection-button-group{width:max-content}.collection-button-group .section__header{min-width:90px;padding-bottom:0}.page-button-group .button-list__item .button-item__inner.active{border-radius:10px}.page-button-group .button-list__item .button-item__inner{border-radius:10px;border:0;background-color:#fbfbfb}.page-button-group .button-list__item .button-item__inner svg path{fill:#6b6b6b}.page-button-group .button-list__item .button-item__inner.active svg path,.page-button-group .button-list__item .button-item__inner:hover svg path{fill:#fff}
/*# sourceMappingURL=/cdn/shop/t/28/assets/section-buttons-with-icon.css.map */