.kenra-component .kenra-salon-material{width:100%;background-color:var(--color-white)}.kenra-component .kenra-salon-material__hero{width:100%;aspect-ratio:16 / 9;background-size:cover;background-position:center;display:flex;align-items:center;justify-content:center;padding:0 20px}@media(min-width:750px){.kenra-component .kenra-salon-material__hero{aspect-ratio:21 / 8}}@media(min-width:990px){.kenra-component .kenra-salon-material__hero{aspect-ratio:24 / 7}}.kenra-component .kenra-salon-material__hero-heading{margin:0;text-align:center;letter-spacing:.04em}.kenra-component .kenra-salon-material__container{width:100%;margin:0 auto;padding-left:20px;padding-right:20px}@media(min-width:750px){.kenra-component .kenra-salon-material__container{padding-left:50px;padding-right:50px}}.kenra-component .kenra-salon-material__header{text-align:center;margin-bottom:48px}.kenra-component .kenra-salon-material__heading{margin:0 0 12px}.kenra-component .kenra-salon-material__subheading{margin:0}.kenra-component .kenra-salon-material__slider-component{display:block;width:100%;position:relative}.kenra-component .kenra-salon-material__grid{list-style:none;margin:0;padding:0;display:flex;gap:24px;overflow-x:auto;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;scrollbar-width:none}.kenra-component .kenra-salon-material__grid::-webkit-scrollbar{display:none}.kenra-component .kenra-salon-material__item{margin:0;flex:0 0 60%;max-width:60%;scroll-snap-align:start}@media(min-width:750px){.kenra-component .kenra-salon-material__grid{gap:32px}.kenra-component .kenra-salon-material__item{flex-basis:36%;max-width:36%}}@media(min-width:990px){.kenra-component .kenra-salon-material__item{flex-basis:28%;max-width:28%}}.kenra-component .kenra-salon-material__progress-wrapper{margin:32px auto 0;max-width:480px;height:2px;background-color:var(--color-gray-20, rgba(209,209,209,.2));position:relative;overflow:hidden}.kenra-component .kenra-salon-material__progress-bar{position:absolute;top:0;left:0;height:100%;width:0%;background-color:var(--color-black, #000);font-size:0;line-height:0}.kenra-component .kenra-salon-material__slider-button{position:absolute;top:calc(50% - 32px);transform:translateY(-50%);z-index:2;width:35px;height:35px;border-radius:2px;box-shadow:inset 0 0 0 1px var(--color-black, #000);background-color:var(--color-white, #fff);color:var(--color-black, #000);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;padding:0;transition:opacity .2s ease,background-color .2s ease,color .2s ease}.kenra-component .kenra-salon-material__slider-button:hover:not([disabled]){background-color:var(--color-black, #000);color:var(--color-white, #fff)}.kenra-component .kenra-salon-material__slider-button[disabled]{opacity:.3;cursor:not-allowed}.kenra-component .kenra-salon-material__slider-button--prev{left:8px}.kenra-component .kenra-salon-material__slider-button--next{right:8px}@media(min-width:750px){.kenra-component .kenra-salon-material__slider-button{top:calc(50% - 40px)}.kenra-component .kenra-salon-material__slider-button--prev{left:16px}.kenra-component .kenra-salon-material__slider-button--next{right:16px}}.kenra-component .kenra-salon-material__slider-button svg{width:8px;height:12px;display:block}.kenra-component .kenra-salon-material__grid{cursor:grab}.kenra-component .kenra-salon-material__grid.is-dragging{cursor:grabbing;scroll-snap-type:none}.kenra-component .kenra-salon-material__grid.is-dragging{-webkit-user-select:none;user-select:none}.kenra-component .kenra-salon-material__grid.is-dragging a,.kenra-component .kenra-salon-material__grid.is-dragging button,.kenra-component .kenra-salon-material__grid.is-dragging img{pointer-events:none}.kenra-component .kenra-salon-material__card{display:flex;flex-direction:column;align-items:center;text-align:center;gap:16px}.kenra-component .kenra-salon-material__thumb{width:100%;aspect-ratio:3 / 4;background-color:var(--color-pearl, #efede9);overflow:hidden;display:flex;align-items:center;justify-content:center}.kenra-component .kenra-salon-material__thumb-img{width:100%;height:100%;object-fit:cover;display:block}.kenra-component .kenra-salon-material__thumb-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.kenra-component .kenra-salon-material__placeholder-svg{width:60%;height:60%;opacity:.3}.kenra-component .kenra-salon-material__title{margin:0}.kenra-component .kenra-salon-material__download{display:inline-flex;align-items:center;gap:6px;color:var(--color-black, #000);text-decoration:none;transition:opacity .2s ease}.kenra-component .kenra-salon-material__download:hover{opacity:.7}.kenra-component .kenra-salon-material__download-icon{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px}.kenra-component .kenra-salon-material__download-icon svg{width:100%;height:100%;display:block}.kenra-component .kenra-salon-material--compact .kenra-salon-material__container{max-width:1200px}.kenra-component .kenra-salon-material--compact .kenra-salon-material__thumb{aspect-ratio:1 / 1}.kenra-component .kenra-salon-material--compact .kenra-salon-material__thumb-img{object-fit:contain}.kenra-component .kenra-salon-material--compact .kenra-salon-material__item{flex-basis:46%;max-width:46%}@media(min-width:750px){.kenra-component .kenra-salon-material--compact .kenra-salon-material__item{flex-basis:30%;max-width:30%}}@media(min-width:990px){.kenra-component .kenra-salon-material--compact .kenra-salon-material__item{flex-basis:22%;max-width:22%}}
/*# sourceMappingURL=/cdn/shop/t/19/assets/kenra-component-salon-material.css.map */