.shades-carousel-section{padding:20px}.shades-carousel__title{text-align:center;text-transform:uppercase;font-weight:700;font-size:32px;color:var(--primary-background);margin:0 0 20px;line-height:20px}.shades-carousel{position:relative;display:block;width:100%;max-width:var(--page-width);margin:0 auto}.shades-carousel__viewport{overflow-x:auto;width:100%;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none}.shades-carousel__viewport::-webkit-scrollbar{display:none}@media screen and (min-width:750px){.shades-carousel-section{padding:20px 0}.shades-carousel,.shades-carousel__controls{padding:0 var(--d-sp-sm)}}@media screen and (min-width:750px){.shades-carousel__viewport{border-radius:10px}.shades-carousel__button--prev{transform:translate(-37%)}.shades-carousel__button--next{transform:translate(37%)}}.shades-carousel__track{display:flex;width:max(100%,calc((var(--shades-total) / 5) * 100%))}@media screen and (min-width:750px)and (max-width:1024px){.shades-carousel__track{width:max(100%,calc((var(--shades-total) / 3) * 100%))}}.shades-carousel__picture{display:block;flex-shrink:0;width:100%}.shades-carousel__image{display:block;width:100%;height:auto;object-fit:cover;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;pointer-events:none}.shades-carousel__controls{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;display:flex;align-items:center;justify-content:space-between}.shades-carousel__button{pointer-events:auto;width:41px;height:41px;border-radius:50%;border:none;background-color:var(--primary-background, var(--primary-background));color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;transition:opacity .2s ease,transform .2s ease,background-color .2s ease;box-shadow:0 2px 8px #00000026}.shades-carousel__button:focus{outline:2px solid var(--primary-background, var(--primary-background));outline-offset:2px}.shades-carousel__button:focus:not(:focus-visible){outline:none}.shades-carousel__button:focus-visible{outline:2px solid var(--primary-background, var(--primary-background));outline-offset:2px}.shades-carousel__button[disabled]{opacity:0;visibility:hidden;pointer-events:none}.shades-carousel__button--prev .svg-wrapper{transform:rotate(180deg)}.shades-carousel__button .svg-wrapper{display:flex;align-items:center;justify-content:center}.shades-carousel__button svg{width:18px;height:18px}@media screen and (max-width:749px){.shades-carousel-section{padding:25px 0 10px}.shades-carousel__controls{padding:0}.shades-carousel__title{margin-bottom:25px;font-size:28px}.shades-carousel__track{width:max(100%,calc((var(--shades-total) / 2) * 100%))}.shades-carousel__controls{padding:0 var(--m-sp-sm, .5rem);top:31%}.shades-carousel__button{width:41px;height:41px}.shades-carousel__button svg{width:16px;height:16px}.shades-carousel__button--prev{transform:translate(-25%)}.shades-carousel__button--next{transform:translate(25%)}}
/*# sourceMappingURL=/cdn/shop/t/227/assets/shades-carousel.css.map */