.shop-by-shade{background-color:#fff;color:#060606}.shop-by-shade__inner{display:flex;flex-direction:column;align-items:center;gap:24px;padding:0 16px}.shop-by-shade__heading{margin:0;font-family:BodoniFLF,serif;font-style:italic;font-weight:700;font-size:28px;line-height:32px!important;letter-spacing:0;text-align:center;text-transform:lowercase;color:#060606}.shop-by-shade__content{display:flex;flex-direction:column;align-items:center;gap:24px;width:100%;max-width:784px}.shop-by-shade__swatches{display:flex;justify-content:space-between;width:100%;margin:0;padding:0;list-style:none}.shop-by-shade__swatch{flex:1 1 0;min-width:0}.shop-by-shade__link{display:flex;flex-direction:column;align-items:center;gap:6px;color:#060606;text-decoration:none}.shop-by-shade__circle{display:block;width:32px;height:32px;border-radius:50%;overflow:hidden;flex-shrink:0;background-color:#e8e8e8}.shop-by-shade__circle img{display:block;width:100%;height:100%;object-fit:cover}.shop-by-shade__label{font-family:var(--font-body-family);font-size:10px;line-height:14px;letter-spacing:0;text-align:center;white-space:nowrap}.shop-by-shade__callout{display:flex;align-items:center;gap:12px;width:100%;padding:15px 7px;border:1px solid #e8e8e8;border-radius:8px;background-color:#e8e8e847;box-sizing:border-box}.shop-by-shade__icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;background-color:#e8e8e8;flex-shrink:0}.shop-by-shade__icon img{display:block;width:24px;height:24px}.shop-by-shade__callout-body{display:flex;flex-direction:column;align-items:flex-start;gap:12px;flex:1 1 0;min-width:0}.shop-by-shade__callout-text{display:flex;flex-direction:column;gap:4px}.shop-by-shade__callout-title,.shop-by-shade__callout-description{margin:0;font-family:var(--font-body-family);letter-spacing:0}.shop-by-shade__callout-title{font-weight:700;font-size:14px;line-height:20px;color:#060606}.shop-by-shade__callout-description{font-weight:400;font-size:12px;line-height:18px;color:#8d8378}.shop-by-shade__callout-link{padding-bottom:2px;border-bottom:1px solid #060606;font-family:var(--font-body-family);font-weight:700;font-size:13px;line-height:17px;letter-spacing:0;color:#060606;text-decoration:none;white-space:nowrap}@media screen and (max-width:749px){.shop-by-shade__label{font-size:12px;line-height:16px}}@media screen and (min-width:551px)and (max-width:749px){.shop-by-shade__circle{width:54px;height:54px}}@media screen and (max-width:550px){.shop-by-shade__swatches{flex-wrap:wrap;justify-content:center;row-gap:16px}.shop-by-shade__swatch{flex:0 0 25%}.shop-by-shade__circle{width:60px;height:60px}}@media screen and (max-width:374px){.shop-by-shade__label{white-space:normal}}@media screen and (min-width:750px){.shop-by-shade__inner{gap:32px}.shop-by-shade__heading{font-size:38px;line-height:50px!important}.shop-by-shade__content{gap:32px}.shop-by-shade__swatches{justify-content:center}.shop-by-shade__swatch{flex:0 0 112px}.shop-by-shade__link{gap:14px}.shop-by-shade__circle{width:64px;height:64px}.shop-by-shade__label{font-size:15px;line-height:22px}.shop-by-shade__callout{gap:16px;padding:15px 31px;border-radius:12px}.shop-by-shade__icon{width:56px;height:56px}.shop-by-shade__icon img{width:28px;height:28px}.shop-by-shade__callout-body{flex-direction:row;align-items:center;gap:16px}.shop-by-shade__callout-text{flex:1 1 0;min-width:0;gap:0}.shop-by-shade__callout-title{font-size:16px;line-height:24px}.shop-by-shade__callout-description{font-size:15px;line-height:22px}.shop-by-shade__callout-link{padding-bottom:4px;font-size:14px;line-height:18px}}
/*# sourceMappingURL=/cdn/shop/t/350/assets/section-shop-by-shade.css.map */