.makeover-carousel{margin-top:6.25rem;padding:1.25rem 0;transition:background-color .3s ease}@media screen and (min-width: 1024px){.makeover-carousel{padding:2.5rem 0}}.makeover-carousel__container{--layout-container-gutter: 15px;--layout-container-max-width: 1600px;max-width:var(--layout-container-max-width);margin-right:auto;margin-left:auto;padding-left:var(--layout-container-gutter);padding-right:var(--layout-container-gutter)}@media screen and (min-width: 1024px){.makeover-carousel__container{--layout-container-gutter: 25px;padding-left:var(--layout-container-gutter);padding-right:var(--layout-container-gutter)}}@media screen and (min-width: 1601px){.makeover-carousel__container{padding-left:0;padding-right:0}}.makeover-carousel__container .makeover-title{margin:0 0 2.25rem;font-size:1.75rem;color:#222;text-align:center}@media screen and (min-width: 1024px){.makeover-carousel__container .makeover-title{font-size:2rem}}.makeover-carousel .main-title{font-size:1.75rem;font-weight:700;color:#222;text-align:center;margin-bottom:2.25rem}@media screen and (min-width: 1024px){.makeover-carousel .main-title{font-size:2.125rem}}.makeover-carousel .makeover-tabs{text-align:center}.makeover-carousel .makeover-tabs__nav{display:flex;justify-content:flex-start;margin:0 auto 1.5rem;list-style:none;padding-left:0;border:1px solid #AD9E84;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;white-space:nowrap}.makeover-carousel .makeover-tabs__nav::-webkit-scrollbar{display:none}@media screen and (min-width: 1024px){.makeover-carousel .makeover-tabs__nav{display:inline-flex;justify-content:center}}.makeover-carousel .makeover-tabs__nav .tab-item{margin:0;display:inline-block;flex-shrink:0}.makeover-carousel .makeover-tabs__nav .tab-button{width:11.875rem;height:2.625rem;font-size:1rem;font-family:Asul,serif;cursor:pointer;border-bottom:2px solid transparent;color:#ad9e84;background:none;border:none;transition:all .1s ease-in-out;white-space:nowrap}.makeover-carousel .makeover-tabs__nav .tab-button--active{color:#f2f2f2;background:#75533b}.makeover-carousel .makeover-tabs__content{margin-top:2rem}.makeover-carousel .makeover-tabs__panel--hidden{display:none}.makeover-carousel .makeover-tabs__panel .makeover-carousel__youtube{margin-top:2.5rem}.makeover-carousel__grid{position:relative;display:grid;gap:1.5rem}@media screen and (min-width: 1024px){.makeover-carousel__grid.has-tabs{grid-template-columns:1.1fr .8fr}}.makeover-carousel__grid.has-tabs .makeover-carousel__preview{height:37.5rem}.makeover-carousel__grid.has-tabs .makeover-carousel__button{position:absolute;top:auto;bottom:9rem;right:auto;justify-content:flex-end;width:100%}@media screen and (min-width: 1024px){.makeover-carousel__grid.has-tabs .makeover-carousel__button{width:auto;right:0;bottom:0}}.makeover-carousel__grid.has-tabs .makeover-carousel__button .nav-button--next{right:0}.makeover-carousel__grid.has-tabs .makeover-carousel__button .nav-button--prev{left:0}@media screen and (min-width: 1024px){.makeover-carousel__grid{grid-template-columns:.8fr 1.1fr}}.makeover-carousel__preview{position:relative;display:flex;flex-direction:column;height:42.5rem;overflow:hidden}.makeover-carousel__preview .preview-image{display:none;width:100%;height:100%;opacity:0;transition:opacity .3s ease-in-out;position:absolute;top:0;left:0}.makeover-carousel__preview .preview-image.active{display:block;opacity:1;position:relative}.makeover-carousel__preview .preview-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.makeover-carousel__thumbnail{position:relative}.makeover-carousel__thumbnail .thumbnail-image{display:none;width:100%;opacity:0;transition:opacity .3s ease-in-out;position:absolute;top:0;left:0}.makeover-carousel__thumbnail .thumbnail-image.active{display:block;opacity:1;position:relative}.makeover-carousel__thumbnail .thumbnail-image img{width:100%;height:25rem;-o-object-fit:cover;object-fit:cover;display:block}.makeover-carousel__button{display:flex;justify-content:center;margin-top:2rem}@media screen and (min-width: 1024px){.makeover-carousel__button{position:relative;top:-5.625rem;margin-top:1.5rem;justify-content:space-between}}.makeover-carousel__button--navigation{z-index:2;position:absolute;right:0;left:0;bottom:9rem;display:flex;justify-content:space-between;align-items:center}@media screen and (min-width: 768px){.makeover-carousel__button--navigation{bottom:19rem}}@media screen and (min-width: 1024px){.makeover-carousel__button--navigation{position:relative;bottom:0;right:0;gap:1rem}}.makeover-carousel__button--navigation .nav-button{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;background-color:#2229;border:0;border-radius:.125rem;cursor:pointer;box-shadow:0 2px 8px #0000001a}@media screen and (min-width: 1024px){.makeover-carousel__button--navigation .nav-button{background-color:#fff;border:1px solid #75533B}.makeover-carousel__button--navigation .nav-button:hover{background-color:#f5f5f5}}.makeover-carousel__button--navigation .nav-button svg{width:1.5rem;height:1.5rem;fill:currentColor;color:#f2f2f2}@media screen and (min-width: 1024px){.makeover-carousel__button--navigation .nav-button svg{color:#75533b}}.makeover-carousel .makeover-title{font-size:1.75rem;font-weight:700;color:#222;text-align:center;margin-bottom:2rem}@media screen and (min-width: 1024px){.makeover-carousel .makeover-title{font-size:1.75rem;text-align:left}}.makeover-carousel .makeover-top-description{margin-bottom:.75rem}.makeover-carousel .makeover-bottom-description{margin-top:.75rem}.makeover-carousel .makeover-top-description,.makeover-carousel .makeover-bottom-description{font-size:1rem;line-height:1.5;color:#222;text-align:center}@media screen and (min-width: 1024px){.makeover-carousel .makeover-top-description,.makeover-carousel .makeover-bottom-description{text-align:left;width:70%}}.makeover-carousel .btn-youtube{display:inline-flex;align-items:center;padding:.75rem 1.75rem;background-color:#75533b;color:#fff;font-size:1rem;font-weight:500;text-decoration:none;align-self:flex-start}
/*# sourceMappingURL=/cdn/shop/t/176/assets/influencer-makeover-carousel.css.map */