.section-shades{background-color:var(--bg-color, var(--color-white));padding-top:var(--padding-top-desktop, 60px);padding-bottom:var(--padding-bottom-desktop, 60px);width:100%;overflow:hidden}.shades-container.grid{padding-inline:var(--20px);box-sizing:border-box}.shades-inner{grid-column:2 / span 10;width:100%;display:flex;flex-direction:column;gap:var(--20px)}.shades-header{display:grid;grid-template-columns:repeat(12,1fr);gap:var(--grid-gutter, 20px);align-items:end;width:100%}.shades-header__label-wrap{grid-column:1 / span 1}.shades-header__label{color:var(--color-grey, #666);margin:var(--0px);text-transform:uppercase;letter-spacing:var(--letter-spacing-p-caps, .08em)}.shades-header__title-wrap{grid-column:2 / span 8}.shades-header__title{margin:var(--0px);color:var(--color-almost-black);font-family:var(--font-heading);font-size:var(--font-size-h2, 36px);line-height:var(--line-height-h2, 1.2)}.shades-header__arrows{grid-column:11 / span 2;display:flex;align-items:center;justify-content:flex-end;gap:var(--1px)}.shades-header__arrow-btn{display:inline-flex;align-items:center;justify-content:center;width:var(--16px);height:var(--16px);padding:var(--0px);border:none;background:transparent!important;color:var(--color-almost-black);cursor:pointer;transition:opacity var(--transition-fast, .2s) ease}.shades-header__arrow-btn:disabled,.shades-header__arrow-btn.is-disabled{opacity:.3;cursor:not-allowed;pointer-events:none}.shades-header__arrow-btn svg{width:100%;height:100%;display:block}.shades-slider{width:100%;position:relative}.shades-slider .splide__track{width:100%;overflow:hidden}.shades-slider .splide__list{display:flex;margin:var(--0px);padding:var(--0px);list-style:none}.shades-slider .splide__slide{flex-shrink:0}.shades-card{display:flex;flex-direction:column;gap:var(--10px);text-decoration:none;color:inherit;width:100%}.shades-card__image-wrapper{position:relative;width:100%;aspect-ratio:1 / 1.1134;background-color:var(--color-soft-beige, #f5f3ef);border-radius:var(--radius, 0px);overflow:hidden}.shades-card__img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.shades-card__swatch{position:absolute;bottom:var(--12px);right:var(--12px);width:var(--44px);height:var(--44px);border-radius:var(--radius, 4px);background-color:#fff6;backdrop-filter:var(--overlay-blur);-webkit-backdrop-filter:var(--overlay-blur);display:flex;align-items:center;justify-content:center;padding:var(--4px);overflow:hidden;box-shadow:0 var(--2px) var(--8px) #00000014}.shades-card__swatch-img{width:100%;height:100%;object-fit:contain;display:block}.shades-card__swatch-color{width:100%;height:100%;border-radius:50%;display:block;border:var(--1px) solid rgba(0,0,0,.1)}.shades-card__title{margin:var(--0px);color:var(--color-almost-black);font-family:var(--font-body);font-size:var(--font-size-p-medium, 14px);line-height:var(--line-height-p-medium, 1.4)}.shades-controls-mobile{display:none;align-items:center;justify-content:space-between;gap:var(--16px);width:100%;margin-top:var(--10px)}.shades-progress{flex:1 1 auto;height:var(--1px);background-color:var(--color-beige, #e5e0d8);border-radius:var(--radius);overflow:hidden;position:relative}.shades-progress__bar{position:absolute;top:var(--0px);left:var(--0px);height:100%;width:0%;background-color:var(--color-grey);transition:width var(--transition-fast) ease}.shades-controls-mobile__arrows{display:flex;align-items:center;gap:var(--1px);flex-shrink:0}.shades-footer{display:flex;justify-content:center;width:100%;margin-top:var(--20px)}.shades-quiz-btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--14px) var(--28px);background-color:var(--color-almost-black);color:var(--color-white)!important;text-decoration:none;text-transform:uppercase;letter-spacing:var(--letter-spacing-p-caps, .08em);border-radius:var(--radius, 0px);transition:background-color .25s ease}.shades-quiz-btn:hover{background-color:#3b3b3b;color:var(--color-white)!important}@media(max-width:991px){.shades-container.grid{padding-inline:var(--0px);grid-template-columns:repeat(4,1fr)}.shades-inner{grid-column:1 / span 4}.section-shades{padding-top:var(--padding-top-mobile, 40px);padding-bottom:var(--padding-bottom-mobile, 40px)}.shades-header{grid-template-columns:repeat(4,1fr);gap:var(--10px);padding-inline:var(--16px)}.shades-header__label-wrap{grid-column:1 / span 1}.shades-header__title-wrap{grid-column:2 / span 3}.shades-header__arrows{display:none}.shades-header__title{font-size:var(--font-size-h3, 28px)}.shades-controls-mobile{display:flex;margin-top:var(--20px);padding-inline:var(--16px)}.shades-quiz-btn{width:100%;text-align:center}.shades-footer{padding-inline:var(--16px);margin-top:var(--0px)}.shades-card__image-wrapper{aspect-ratio:1 / 1}}
/*# sourceMappingURL=/cdn/shop/t/135/assets/shades.css.map */