.color-circle{display:inline-block;border:1px solid #D8DBDE;border-radius:100%}.color-circle-inner{display:block;width:32px;height:32px;border-radius:100%;margin:2px}@media screen and (min-width: 750px){.color-circle-inner{width:40px;height:40px;margin:4px}}a .color-circle:hover{opacity:.8}.colors-intro{text-align:center;padding-top:104px;padding-bottom:104px}.colors-intro__text{max-width:78rem;margin-left:auto;margin-right:auto;margin-bottom:4rem}.colors-intro__text *{font-size:2rem;line-height:1.875}.colors-intro__quicklinks{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;width:100%;margin-left:auto;margin-right:auto}.colors-intro__quicklinks a{margin-left:25px;text-decoration:none}@media screen and (min-width: 750px){.colors-intro__quicklinks a{margin-left:57px}}.colors-intro__quicklinks a:first-child{margin-left:0}.colors-intro__cta{margin-top:4rem}.color-sticky-navigation{display:none;background-color:#fff;box-shadow:0 1px #e1e1e1;transform:translateY(-100%);transition:all .4s ease-in-out;width:100%;position:fixed;top:0;left:0;z-index:50;padding:1.5rem 3.2rem}@media screen and (min-width: 990px){.color-sticky-navigation{display:flex;align-items:center}}.color-sticky-navigation.navigation-is-visible{transform:translateY(0)}.color-sticky-navigation-title{-webkit-box-flex:1;flex:1 1 0%;font-size:1.8rem}.color-sticky-navigation-links .color-circle-inner{width:24px;height:24px;margin:2px}.color-sticky-navigation-links a{margin-left:15px;text-decoration:none}.color-sticky-navigation-links a:first-child{margin-left:0}@media screen and (min-width: 990px){.color-sticky-navigation-links .color-circle-inner{width:32px;height:32px}.color-sticky-navigation-links a{margin-left:25px}.color-sticky-navigation-links a:first-child{margin-left:0}}.color-sticky-navigation-spacer{-webkit-box-flex:1;flex:1 1 0%}@media screen and (min-width: 1040px){.colors-intro__quicklinks{flex-wrap:no-wrap}.colors-intro__quicklinks a{flex-grow:1;flex-shrink:1}.colors-intro__quicklinks .color-circle{display:block;width:100%;padding:5%;max-width:85px}.colors-intro__quicklinks .color-circle-inner{width:100%;height:auto;margin:0;aspect-ratio:1/1}}
/*# sourceMappingURL=/cdn/shop/t/484/assets/section-colors-intro.css.map */