@keyframes vcl-animation{0%{transform:translate(-30%)}to{transform:translate(30%)}}.spangle-color-reference{margin:-6px;position:relative}@media (min-width:1280px){.spangle-color-reference__header{line-height:1.3}.spangle-color-reference__header-br{display:block}}.spangle-color-reference__row{display:flex;overflow-x:scroll}.spangle-color-reference__col{flex:0 0 20%;padding:6px}@media (max-width:767px){.spangle-color-reference__col--mobile-large-preview{flex-basis:25%}}.spangle-color-reference__link{border-radius:8px;padding-top:100%;display:block;position:relative;overflow:hidden;box-shadow:0 1px 2px 1px rgba(0,0,0,.15)}.spangle-color-reference__link:focus,.spangle-color-reference__link:hover{box-shadow:0 1px 2px 1px rgba(0,0,0,.5)}.spangle-color-reference__photo{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;position:absolute;top:0;left:0}.spangle-color-reference__grid-arrow{cursor:pointer;background:rgba(255,255,255,.9);border:1px solid #e1e1e5;border-radius:50%;justify-content:space-around;align-items:center;width:48px;height:48px;display:none;position:absolute;box-shadow:0 2px 2px rgba(68,68,68,.1)}@media (min-width:992px){.spangle-color-reference__grid-arrow{display:flex}}.spangle-color-reference__grid-arrow svg{width:14px;height:26px}.spangle-color-reference__grid-arrow{margin:-24px -24px 0;top:50%}.spangle-color-reference__grid-arrow--left{right:100%}.spangle-color-reference__grid-arrow--right{left:100%}.spangle-color-reference__mobile-grid-arrow{pointer-events:none;width:16px;height:100%;position:absolute;top:0}@media (min-width:768px){.spangle-color-reference__mobile-grid-arrow{display:none}}.spangle-color-reference__mobile-grid-arrow:before{content:"";border:10px solid transparent;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.spangle-color-reference__mobile-grid-arrow--left{background:linear-gradient(90deg,#fff,rgba(255,255,255,0));left:0}.spangle-color-reference__mobile-grid-arrow--left:before{border-left-width:0;border-right-width:6px;border-right-color:rgba(0,0,0,.5)}.spangle-color-reference__mobile-grid-arrow--right{background:linear-gradient(270deg,#fff,rgba(255,255,255,0));right:0}.spangle-color-reference__mobile-grid-arrow--right:before{border-left-width:6px;border-left-color:rgba(0,0,0,.5);border-right-width:0}@media (min-width:768px){.spangle-color-reference__mobile-grid-arrow{display:block}}.spangle-color-reference__spinner-wrapper{text-align:center;z-index:1;background:rgba(255,255,255,.8);justify-content:center;align-items:center;width:100%;height:100%;position:absolute}.spangle-color-reference__spinner{position:relative;top:45%;left:45%}.spangle-color-reference__spinner img{color:#333}
/*# sourceMappingURL=spangle-color-reference-5d86e8a95b224908.css.map*/