.sec-CollectionFilterButtons{display:block;overflow:hidden}.sec-CollectionFilterButtons_Inner{--Section_Padding: 40px;padding-block-start:var(--Section_Padding_Top);padding-block-end:var(--Section_Padding_Bottom);padding-inline:12px}@media only screen and (min-width: 768px){.sec-CollectionFilterButtons_Inner{--Section_Padding: 80px;padding-inline:65px}}@media only screen and (min-width: 901px){.sec-CollectionFilterButtons_Inner{--Section_Padding: 100px}}@media only screen and (min-width: 1201px){.sec-CollectionFilterButtons_Inner{padding-inline:17.5%}}.sec-CollectionFilterButtons_Header{padding-bottom:20px}.sec-CollectionFilterButtons_Content{text-align:center}.sec-CollectionFilterButtons_Title{margin-block-end:10px}@media only screen and (min-width: 768px){.sec-CollectionFilterButtons_Title{margin-block-end:15px}}.sec-CollectionFilterButtons_Text{margin-block-end:20px}.sec-CollectionFilterButtons_Paragraph{font-size:16px;font-weight:300;letter-spacing:.01em;line-height:120%}@media only screen and (min-width: 901px){.sec-CollectionFilterButtons_Paragraph{font-size:17px}}.sec-CollectionFilterButtons_Toggle{padding:8px 11px;background-color:var(--Color_Yellow);border-radius:100px;color:var(--Color_Body)}.sec-CollectionFilterButtons_Slides{overflow:visible}@media only screen and (min-width: 768px){.sec-CollectionFilterButtons_Slides-notFull{justify-content:center}}.sec-CollectionFilterButtons_Slides[data-initialised=false]{gap:5px}@media only screen and (min-width: 768px){.sec-CollectionFilterButtons_Slides[data-initialised=false]{gap:0}}.sec-CollectionFilterButtons_Slides[data-initialised=false] .sec-CollectionFilterButtons_Slide{flex-shrink:0;width:calc((1 / 3.5) * 100%)}@media only screen and (min-width: 768px){.sec-CollectionFilterButtons_Slides[data-initialised=false] .sec-CollectionFilterButtons_Slide{width:20%}}@media only screen and (min-width: 901px){.sec-CollectionFilterButtons_Slides[data-initialised=false] .sec-CollectionFilterButtons_Slide{width:calc((1 / 7) * 100%)}}@media only screen and (min-width: 768px){.sec-CollectionFilterButtons_Item{justify-content:center;display:flex}}.sec-CollectionFilterButtons_Arrows{position:absolute;top:0%;right:0;left:0;z-index:1;align-items:center;justify-content:space-between;display:flex;height:100%;pointer-events:none}.sec-CollectionFilterButtons_Slides[data-initialised=false] .sec-CollectionFilterButtons_Arrows{display:none}.sec-CollectionFilterButtons_Arrow{align-items:center;justify-content:center;display:flex;width:42px;height:42px;background-color:var(--sec-CollectionFilterButtons-Button-Colour);border-radius:50%;color:var(--sec-CollectionFilterButtons-Button-Text-Colour);pointer-events:auto;transition:opacity .3s ease,visibility .3s ease,background-color .3s ease}.sec-CollectionFilterButtons_Arrow[disabled]{opacity:0;visibility:hidden}.sec-CollectionFilterButtons_Arrow svg{width:8px;height:12px}.sec-CollectionFilterButtonsItem{align-items:center;flex-direction:column;display:flex;padding-block-end:1px;text-align:center;gap:5px}.sec-CollectionFilterButtonsItem_ImageContainer{border:1px solid transparent;border-radius:50%;transition:border-color .3s ease}.sec-CollectionFilterButtonsItem:has(.sec-CollectionFilterButtonsItem_Title) .sec-CollectionFilterButtonsItem_ImageContainer{width:100px}@media only screen and (min-width: 768px){.sec-CollectionFilterButtonsItem:has(.sec-CollectionFilterButtonsItem_Title):hover .sec-CollectionFilterButtonsItem_ImageContainer{border-color:var(--Color_Brand)}}.sec-CollectionFilterButtonsItem_Title{position:relative;display:inline-block}.sec-CollectionFilterButtonsItem_Title:after{content:"";position:absolute;bottom:-1px;left:0;z-index:1;display:block;width:100%;height:1px;background-color:var(--Color_Body);transform:scaleX(0);transition:transform .3s ease}@media only screen and (min-width: 768px){.sec-CollectionFilterButtonsItem:hover .sec-CollectionFilterButtonsItem_Title:after{transform:scaleX(1)}}.sec-CollectionFilterButtons_Slides:has(.sec-CollectionFilterButtons_Slide-active) .sec-CollectionFilterButtons_Slide:not(.sec-CollectionFilterButtons_Slide-active){opacity:.5}@media only screen and (min-width: 768px){.sec-CollectionFilterButtons_Slides-notFull{pointer-events:none}.sec-CollectionFilterButtons_Slides-notFull .sec-CollectionFilterButtons_Arrows{display:none}.sec-CollectionFilterButtons_Slides-notFull .sec-CollectionFilterButtons_Slide{pointer-events:auto;transform:none!important}}
/*# sourceMappingURL=/cdn/shop/t/747/assets/template-collection-filter-buttons.css.map */