#wrapper>#content .component.color-spot .component-content{position:relative;width:90%;max-width:90%;margin:0 auto}@media only screen and (min-width:992px){#wrapper>#content .component.color-spot .component-content{width:69rem;max-width:80%}}#wrapper>#content .component.color-spot .component-content .current-color{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}#wrapper>#content .component.color-spot .component-content .current-color img{max-width:100%;height:auto;margin-bottom:2rem}@media only screen and (min-width:768px){#wrapper>#content .component.color-spot .component-content .current-color img{width:70vh}}#wrapper>#content .component.color-spot .component-content .color-picker{margin:2rem 0 0;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;list-style:none}@media only screen and (min-width:768px){#wrapper>#content .component.color-spot .component-content .color-picker{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}}#wrapper>#content .component.color-spot .component-content .color-picker button.ie{margin:.3rem .5rem}#wrapper>#content .component.color-spot .component-content .color-picker button:not(.ie){width:2rem;height:2rem;margin:.3rem;padding:0;border-radius:50%;cursor:pointer;font-size:0}@media only screen and (min-width:768px){#wrapper>#content .component.color-spot .component-content .color-picker button:not(.ie){width:3rem;height:3rem;margin:.5rem .8rem}}#wrapper>#content .component.color-spot .component-content .color-picker button:not(.ie).current{-webkit-transform:scale(.6);transform:scale(.6)}#wrapper>#content .component.color-spot .component-content .color-picker button:not(.ie).multicolor{border:1px solid #c4c4c4}
/*# sourceMappingURL=color-selector-spot.a8e5d2ee858bcabf4547a3ebf41a0870.css.map */