.coles-category-bar-section{display:block;width:100%;background-color:#fff;border-bottom:1px solid rgba(var(--color-foreground),.08)}.coles-category-bar-wrapper{position:relative;display:block}@media screen and (min-width:990px){.coles-category-bar-wrapper{padding:0}}ul.coles-category-bar.slider{display:flex;align-items:flex-start;overflow-x:auto;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:.5rem 0;margin:0;gap:1rem;list-style:none}ul.coles-category-bar.slider::-webkit-scrollbar{display:none}@media screen and (max-width:749px){.coles-category-bar-section .page-width{padding-left:0;padding-right:0}}@media screen and (min-width:750px){ul.coles-category-bar.slider{gap:1.2rem}}@media screen and (max-width:749px){ul.coles-category-bar.slider{gap:1rem!important;padding-left:1rem!important;padding-right:1rem!important;scroll-padding-left:1rem!important}.coles-category-bar-wrapper .slider__slide{width:7.2rem!important;flex:0 0 7.2rem!important;margin:0!important;padding:0!important}}@media screen and (min-width:750px)and (max-width:989px){.coles-category-bar-wrapper .slider__slide{width:calc((100% - 4.8rem)/5);flex:0 0 auto;margin:0!important;padding:0!important}}@media screen and (min-width:990px)and (max-width:1199px){ul.coles-category-bar.slider{gap:1.2rem}.coles-category-bar-wrapper .slider__slide{width:calc((100% - (8 * 1.2rem)) / 9);min-width:0}}@media screen and (min-width:1200px){ul.coles-category-bar.slider{gap:1.2rem}.coles-category-bar-wrapper .slider__slide{width:calc((100% - (10 * 1.2rem)) / 11);min-width:0}}.coles-category-item{display:flex;flex-direction:column;align-items:center;text-decoration:none;color:rgb(var(--color-foreground));width:100%;transition:transform .2s ease}.coles-category-item:hover{transform:translateY(-2px)}.coles-category-item__image-wrapper{width:8.5rem;height:auto;max-width:100%;aspect-ratio:1 / 1;border-radius:50%;overflow:hidden;margin-bottom:.8rem;background-color:#fff;box-shadow:0 2px 5px #00000014;display:flex;align-items:center;justify-content:center;border:1px solid rgba(var(--color-foreground),.05)}.coles-category-item__image-wrapper img{width:100%;height:100%;object-fit:cover}.coles-category-item__image-wrapper.no-image{background-color:rgba(var(--color-foreground),.05)}.coles-category-item__title{font-size:1.3rem;font-weight:600;text-align:center;line-height:1.2;word-break:break-word;color:rgb(var(--color-foreground))}.coles-category-bar-wrapper .slider-buttons{display:flex;pointer-events:none;z-index:2}@media screen and (min-width:990px){.coles-category-bar-wrapper .slider-buttons{display:flex!important}}@media screen and (max-width:989px){.coles-category-bar-wrapper .slider-buttons{display:flex!important}.coles-category-bar-section .page-width,.coles-category-bar-section .slider-mobile-gutter,.coles-category-bar-section .coles-category-bar-wrapper{padding-left:0!important;padding-right:0!important;margin-left:0!important;margin-right:0!important}.coles-category-item__image-wrapper{width:7.2rem;margin-bottom:.5rem}.coles-category-item__title{font-size:1.1rem}ul.coles-category-bar.slider{padding-left:1rem!important;padding-right:1rem!important;scroll-padding-left:1rem!important}.coles-category-bar-wrapper .slider__slide:first-child{margin-left:0!important}.coles-category-bar-wrapper .slider__slide:last-child{margin-right:0!important}.coles-category-bar-wrapper .slider-button{width:3rem;height:3rem;z-index:2!important;display:flex!important;background:#ffffffb3!important;backdrop-filter:blur(5px)!important;-webkit-backdrop-filter:blur(5px)!important;border:1px solid rgba(255,255,255,.5)!important;box-shadow:0 4px 12px #0000001a!important}.coles-category-bar-wrapper .slider-button[disabled]{opacity:0!important;visibility:hidden!important;pointer-events:none!important}.coles-category-bar-wrapper .slider-button--prev{left:0!important}.coles-category-bar-wrapper .slider-button--next{right:0!important}}.coles-category-bar-wrapper .slider-button{pointer-events:auto;position:absolute;top:6.25rem;transform:translateY(-50%);background:#fff;border-radius:50%;box-shadow:0 2px 8px #00000026;width:4rem;height:4rem;display:flex;align-items:center;justify-content:center;border:1px solid rgba(var(--color-foreground),.05);transition:transform .2s,box-shadow .2s,opacity .2s;color:rgb(var(--color-foreground));cursor:pointer;padding:0}.coles-category-bar-wrapper .slider-button:hover{box-shadow:0 4px 12px #0003}.coles-category-bar-wrapper .slider-button[disabled]{opacity:0;visibility:hidden;pointer-events:none}@media screen and (min-width:990px){.coles-category-bar-wrapper .slider-button--prev{left:-4.5rem}.coles-category-bar-wrapper .slider-button--next{right:-4.5rem}}.coles-category-bar-wrapper .slider-button:hover.slider-button--prev,.coles-category-bar-wrapper .slider-button:hover.slider-button--next{transform:translateY(-50%) scale(1.05)}
/*# sourceMappingURL=/cdn/shop/t/66/assets/coles-category-bar.css.map */