.round-shade[data-v-dca59e4b]{border-radius:50%;overflow:hidden}.colorwonder-expectations .reduce-letter-spacing[data-v-d538f891]{letter-spacing:-1px}.colorwonder-expectations .arrow-wrap[data-v-d538f891]{height:2em;width:2em;background-color:#fff;border-radius:50%}.colorwonder-expectations .swatch-section[data-v-d538f891]{max-width:920px;display:flex;-webkit-box-direction:normal;-webkit-box-orient:vertical;-moz-box-direction:normal;-moz-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.colorwonder-expectations .swatch-section .swatch-results[data-v-d538f891]{border-radius:10px;padding:1em}.colorwonder-expectations .swatch-section .swatch-results .results-header[data-v-d538f891]{display:flex;-webkit-box-pack:justify;-moz-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;padding:.7em;border-radius:10px}.colorwonder-expectations .swatch-section .swatch-results .results-header .rh-left[data-v-d538f891],.colorwonder-expectations .swatch-section .swatch-results .results-header .rh-right[data-v-d538f891]{flex:6;text-align:center}.colorwonder-expectations .swatch-section .swatch-results .results-header .rh-center[data-v-d538f891]{flex:1;text-align:center}.colorwonder-expectations .swatch-section .swatch-results .arrow-wrap[data-v-d538f891]{position:relative;margin:auto;border:2px solid #eaeaea}.colorwonder-expectations .swatch-section .swatch-results .results-container[data-v-d538f891]{display:flex;-webkit-box-direction:normal;-webkit-box-orient:vertical;-moz-box-direction:normal;-moz-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;margin-top:1.5em}.colorwonder-expectations .swatch-section .swatch-results .results-container .shade-row[data-v-d538f891]{display:flex;-webkit-box-direction:normal;-webkit-box-orient:horizontal;-moz-box-direction:normal;-moz-box-orient:horizontal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;position:relative}.colorwonder-expectations .swatch-section .swatch-results .results-container .shade-row .shade-label[data-v-d538f891]{position:absolute;left:0;writing-mode:tb-rl;-webkit-transform:rotate(-180deg) translate(0%,50%);-ms-transform:rotate(-180deg) translate(0%,50%);transform:rotate(-180deg) translateY(50%)}.colorwonder-expectations .swatch-section .swatch-results .results-container .shade-row .row-center[data-v-d538f891]{position:absolute}.colorwonder-expectations .swatch-section .swatch-results .results-container .shade-row .row-center .arrow-wrap[data-v-d538f891]{height:2.5em;width:2.5em}.colorwonder-expectations .swatch-section .swatch-results .results-container .shade-row .shade-before[data-v-d538f891]{border-right:1px solid #eaeaea}.colorwonder-expectations .swatch-section .swatch-results .results-container .shade-row .shade-before[data-v-d538f891],.colorwonder-expectations .swatch-section .swatch-results .results-container .shade-row .shade-after[data-v-d538f891]{-webkit-box-flex:1;-moz-box-flex:1;-webkit-flex-grow:1;-ms-flex:1;flex-grow:1}.colorwonder-expectations .swatch-section .swatch-results .results-container .shade-row .shade-before .shade-wrap[data-v-d538f891],.colorwonder-expectations .swatch-section .swatch-results .results-container .shade-row .shade-after .shade-wrap[data-v-d538f891]{width:60%;margin:.75em auto}.colorwonder-expectations .swatch-section #swatch-selector-mobile .cw-swatch-container-mobile[data-v-d538f891]{max-width:36em;margin:auto;position:relative}.colorwonder-expectations .swatch-section #swatch-selector-mobile .cw-swatch-wrap-mobile[data-v-d538f891]{height:85px;position:relative}.colorwonder-expectations .swatch-section #swatch-selector-mobile .cw-swatch-wrap-mobile .cw-swatch-mobile[data-v-d538f891]{border-radius:10px;padding:1em .5em;position:absolute;top:50%;left:50%;width:90%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);cursor:pointer;margin:auto;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;transition:all .4s ease-in-out}.colorwonder-expectations .swatch-section #swatch-selector-mobile[data-v-d538f891] .slick-slider{margin-bottom:10px}.colorwonder-expectations .swatch-section #swatch-selector-mobile .the-carousel[data-v-d538f891] .slick-track .slick-slide{-webkit-transition:transform .4s ease-in-out;-moz-transition:transform .4s ease-in-out;-ms-transition:transform .4s ease-in-out;-o-transition:transform .4s ease-in-out;transition:transform .4s ease-in-out}.colorwonder-expectations .swatch-section #swatch-selector-mobile .the-carousel[data-v-d538f891] .slick-track .slick-current .cw-swatch-wrap-mobile .cw-swatch-mobile{padding:1.6em .5em;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;transition:all .4s ease-in-out}.colorwonder-expectations .swatch-section #swatch-selector-mobile .left-nav[data-v-d538f891],.colorwonder-expectations .swatch-section #swatch-selector-mobile .right-nav[data-v-d538f891]{position:absolute;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.colorwonder-expectations .swatch-section #swatch-selector-mobile .left-nav .arrow-wrap[data-v-d538f891],.colorwonder-expectations .swatch-section #swatch-selector-mobile .right-nav .arrow-wrap[data-v-d538f891]{height:2.7em;width:2.7em}.colorwonder-expectations .swatch-section #swatch-selector-mobile .left-nav[data-v-d538f891]{left:8%}.colorwonder-expectations .swatch-section #swatch-selector-mobile .right-nav[data-v-d538f891]{right:8%}@media only screen and (min-width: 0px) and (max-width: 559px){.colorwonder-expectations .swatch-results[data-v-d538f891]{margin-right:.5em;margin-left:.5em}}@media only screen and (min-width: 560px) and (max-width: 759px){.colorwonder-expectations .swatch-results[data-v-d538f891]{margin-right:1em;margin-left:1em}}@media only screen and (min-width: 760px) and (max-width: 959px){.colorwonder-expectations .swatch-section .cw-swatch-desktop-nav[data-v-d538f891]{width:3em}}@media only screen and (min-width: 760px){.colorwonder-expectations .swatch-section[data-v-d538f891]{-webkit-box-direction:normal;-webkit-box-orient:horizontal;-moz-box-direction:normal;-moz-box-orient:horizontal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;column-gap:10px;max-height:40em;overflow:hidden}.colorwonder-expectations .swatch-section .cw-swatch-desktop-nav[data-v-d538f891]{width:5em}.colorwonder-expectations .swatch-section .cw-swatch-desktop-nav .nav-wrap[data-v-d538f891]{margin-top:12em;width:3em;display:flex;-webkit-box-direction:normal;-webkit-box-orient:vertical;-moz-box-direction:normal;-moz-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.colorwonder-expectations .swatch-section .cw-swatch-desktop-nav .nav-wrap .scroll-up[data-v-d538f891],.colorwonder-expectations .swatch-section .cw-swatch-desktop-nav .nav-wrap .scroll-down[data-v-d538f891]{height:2.5em;width:2.5em;padding:1.5em;margin:auto;position:relative;background-color:#fff;border-radius:50%;box-shadow:0 4px 3px #f2f0f0;cursor:pointer}.colorwonder-expectations .swatch-section .cw-swatch-desktop-nav .nav-wrap .slider-bar[data-v-d538f891]{height:5em;margin:.6em auto;width:.8em;border-radius:1em;position:relative}.colorwonder-expectations .swatch-section .cw-swatch-desktop-nav .nav-wrap .slider-bar .slider-indicator[data-v-d538f891]{height:1.3em;width:.6em;position:relative;border-radius:1em;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.colorwonder-expectations .swatch-section #swatch-selector-desktop[data-v-d538f891]{width:38%;overflow-y:hidden;overflow-x:hidden}.colorwonder-expectations .swatch-section #swatch-selector-desktop .cw-swatch-wrap[data-v-d538f891]{display:flex;margin-bottom:.5em}.colorwonder-expectations .swatch-section #swatch-selector-desktop .cw-swatch-wrap .cw-swatch[data-v-d538f891]{border-radius:10px;padding:1.5em .5em;width:89%;position:relative;cursor:pointer}.colorwonder-expectations .swatch-section #swatch-selector-desktop .cw-swatch-wrap .selected-arrow[data-v-d538f891]{position:absolute;right:0;width:2em;height:2em;background-color:#fff3;border-radius:50%;opacity:0;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;transition:all .4s ease-in-out}.colorwonder-expectations .swatch-section #swatch-selector-desktop .cw-swatch-wrap .selected-arrow.cw-selected[data-v-d538f891]{opacity:1;right:-1em}.colorwonder-expectations .swatch-section #swatch-selector-desktop .cw-swatch-wrap .cw-swatch-extension[data-v-d538f891]{width:10%}.colorwonder-expectations .swatch-section #swatch-selector-desktop .cw-swatch-wrap .cw-swatch-extension .extension[data-v-d538f891]{width:3em;height:100%;margin-left:-3em;border-bottom-right-radius:10px;border-top-right-radius:10px;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;transition:all .5s ease-in-out}.colorwonder-expectations .swatch-section #swatch-selector-desktop .cw-swatch-wrap .cw-swatch-extension .extension.extended[data-v-d538f891]{margin-left:-1em;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;transition:all .4s ease-in-out}.colorwonder-expectations .swatch-section .swatch-results[data-v-d538f891]{width:62%}}