.cclp-shade-grid{padding:48px 20px}p.cclp-shade-grid__eyebrow{color:#ff2e92}.cclp-shade-grid__header{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:24px;padding-inline:20px}.cclp-shade-grid__eyebrow{font-family:GeogrotesqueCondBoldWeb,Helvetica,Arial,sans-serif;font-size:18px;font-weight:700;text-transform:uppercase;letter-spacing:1px;margin-bottom:8px}.cclp-shade-grid__title{font-family:Canela,serif;font-size:26px;font-weight:300;line-height:1.3;color:#000;text-wrap:balance;margin-bottom:8px}.cclp-shade-grid__sub{font-family:RingsideWideWeb,Helvetica,Arial,sans-serif;font-size:15px;line-height:1.5;color:#000}.cclp-shade-grid cclp-shade-carousel.cclp-shade-grid__carousel{display:block;width:100%}.cclp-shade-grid .cclp-shade-grid__carousel{position:relative;overflow:visible;container-type:inline-size;container-name:cclp-shade-grid-carousel}.cclp-shade-grid .cclp-shade-grid__scroll{display:flex;gap:8px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;touch-action:pan-x pan-y}.cclp-shade-grid .cclp-shade-grid__scroll::-webkit-scrollbar{display:none}.cclp-shade-grid .cclp-shade-grid__card{flex-shrink:0;width:200px;scroll-snap-align:start}.cclp-shade-grid .cclp-shade-grid__card-media{aspect-ratio:1 / 1;overflow:hidden;border-radius:3px;margin-bottom:12px}.cclp-shade-grid .cclp-shade-grid__card-img{width:100%;height:100%;object-fit:cover;object-position:center 20%;display:block}.cclp-shade-grid .cclp-shade-grid__card-name{font-family:GeogrotesqueCondBoldWeb,Helvetica,Arial,sans-serif;font-size:15px;font-weight:700;text-transform:uppercase;letter-spacing:.98px;color:#000;text-align:center;margin-bottom:4px;display:flex;align-items:center;justify-content:center;gap:8px}.cclp-shade-grid .cclp-shade-grid__swatch{width:28px;height:28px;border-radius:100%;border:1px solid #d0d0d0;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:transparent}.cclp-shade-grid .cclp-shade-grid__swatch i{display:block;width:24px;height:24px;border-radius:100%}.cclp-shade-grid .cclp-shade-grid__card-desc{font-family:RingsideWideWeb,Helvetica,Arial,sans-serif;font-size:13px;font-weight:400;color:#000;text-align:center}.cclp-shade-grid .cclp-shade-grid__card-tag{display:block;font-family:BaseMonoWideWeb,monospace;font-size:10px;font-weight:550;text-transform:uppercase;letter-spacing:.8px;text-align:center;margin-top:6px}.cclp-shade-grid .cclp-shade-grid__arrow{position:absolute;top:100px;transform:translateY(-50%);width:36px;height:36px;border-radius:50%;background:#fff;border:1px solid #d0d0d0;color:#000;-webkit-appearance:none;appearance:none;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:2;transition:background .2s cubic-bezier(.39,.575,.565,1);padding:0}html.has-mouse .cclp-shade-grid .cclp-shade-grid__arrow:hover{background:#000;border-color:#000;color:#fff}.cclp-shade-grid .cclp-shade-grid__arrow--prev{left:4px}.cclp-shade-grid .cclp-shade-grid__arrow--next{right:4px}.cclp-shade-grid .cclp-shade-grid__arrow svg{width:16px;height:16px}.cclp-shade-grid .cclp-shade-grid__cta{margin-top:32px;text-align:center;padding-inline:20px}@media screen and (min-width:769px){.cclp-shade-grid{padding:72px 48px}.cclp-shade-grid .cclp-shade-grid__header{padding-inline:0}.cclp-shade-grid .cclp-shade-grid__title{font-size:34px;line-height:1.3}.cclp-shade-grid .cclp-shade-grid__scroll{gap:12px;padding-inline:0}.cclp-shade-grid .cclp-shade-grid__card{flex:0 0 calc((100% - 48px)/5);width:auto}.cclp-shade-grid .cclp-shade-grid__arrow{top:calc((100cqw - 48px)*.1)}.cclp-shade-grid .cclp-shade-grid__arrow--prev{left:8px}.cclp-shade-grid .cclp-shade-grid__arrow--next{right:8px}.cclp-shade-grid .cclp-shade-grid__cta{padding-inline:0}}@media(prefers-reduced-motion:reduce){.cclp-shade-grid,.cclp-shade-grid *{animation-duration:.01ms!important;transition-duration:.01ms!important}}.cclp-shade-grid .cclp-shade-grid__arrow:focus-visible,.cclp-shade-grid a:focus-visible,.cclp-shade-grid button:focus-visible{outline:2px solid currentColor;outline-offset:2px}body[data-template=cclp-emily-storytelling] .cclp-shade-grid,body.template-page-cclp-emily-storytelling .cclp-shade-grid{padding:48px 20px}body[data-template=cclp-emily-storytelling] .cclp-shade-grid .cclp-shade-grid__header,body.template-page-cclp-emily-storytelling .cclp-shade-grid .cclp-shade-grid__header{margin-bottom:24px}@media screen and (min-width:769px){body[data-template=cclp-emily-storytelling] .cclp-shade-grid,body.template-page-cclp-emily-storytelling .cclp-shade-grid{padding:72px 48px}}
/*# sourceMappingURL=/cdn/shop/t/1084/assets/section-cclp-shade-grid.css.map */