.yc-colour-mixer-grid{overflow:auto;margin:auto;padding:24px;text-align:center}.yc-colour-mixer-row{display:block;white-space:nowrap}.yc-colour-mixer-hue{height:110px;width:110px;width:clamp(75px,9.5vw,150px);height:clamp(75px,9.5vw,150px);border:0px solid #f00;padding:5px;display:inline-block!important}.yc-colour-mixer-hue-name{width:110px;width:clamp(75px,9.5vw,150px);padding-bottom:24px;display:inline-block;font-size:14px;line-height:1.15;font-weight:700;text-align:center;white-space:normal}.yc-colour-mixer-collection-name{text-align:left;width:110px;height:110px;height:clamp(75px,9.5vw,150px);width:clamp(75px,9.5vw,150px);display:inline-block;align-items:center;border:0px solid #f00;position:relative}.yc-colour-mixer-collection-name span{position:absolute;display:block;top:50%;left:0%;transform:translateY(-50%);text-align:center;font-size:14px;line-height:1.15;font-weight:700;text-align:left}.yc-colour-mixer-collection-name:before{content:"";display:block;padding-bottom:100%}.yc-colour-mixer-colour{position:relative;width:100%;border-radius:50%;white-space:normal;cursor:pointer}[data-id=electric_blue],[data-id=passionate_blue],[data-id=loving_grey],[data-id=loving_pink],[data-id=loving_green],[data-id=secluded_red],[data-id=loving_blue],[data-id=electric_black],[data-id=loving_orange],[data-id=loving_teal],[data-id=secluded_orange],[data-id=secluded_green],[data-id=secluded_teal],[data-id=secluded_blue],[data-id=secluded_lilac],[data-id=secluded_grey],[data-id=iconic_red],[data-id=electric_red]{color:#fff}.yc-colour-mixer-colour span{position:absolute;display:block;top:50%;left:50%;width:100%;padding:0 5px;text-align:center;font-size:8px;line-height:1.15;font-weight:700;opacity:0;transition:.2s;transform:translate(-50%,-50%)}@media (min-width: 990px){.yc-colour-mixer-colour span{font-size:10px}}.yc-colour-mixer-colour:hover span{opacity:1}.yc-colour-mixer-colour span a{font-weight:300;text-decoration:underline;display:inline-block;margin-top:5px}[data-collection=electric] [data-hue=white] .yc-colour-mixer-colour,[data-collection=serene] [data-hue=white] .yc-colour-mixer-colour,[data-collection=restful] [data-hue=white] .yc-colour-mixer-colour,[data-id=restful_neutral],[data-id=serene_neutral],[data-id=electric_hot_white]{border:1px solid rgba(0,0,0,.05)}.yc-colour-mixer-colour:before{content:"";display:block;padding-bottom:100%}.yc-colour-mixer-user-list-wrapper{border-top:1px solid #000;position:sticky;bottom:0;background-color:#fff;max-width:1548px;margin:auto;max-height:0px;overflow:hidden;transition:max-height .5s;opacity:0;padding-left:25px;display:flex;align-items:flex-start;overflow:auto}.yc-colour-mixer-user-list-wrapper.show{max-height:clamp(115px,calc(9.5vw + 40px),190px);max-height:none;opacity:1;animation:yc-colour-mixer-user-list-wrapper-show .5s}@keyframes yc-colour-mixer-user-list-wrapper-show{0%{max-height:0}99%{max-height:clamp(155px,calc(9.5vw + 80px),230px)}to{max-height:none}}.yc-colour-mixer-user-list-wrapper:before{position:absolute;display:block;content:"";height:20px;left:0;top:-20px;width:100%;background-image:linear-gradient(#0000,#0000001a)}.yc-colour-mixer-user-list-title{display:block;font-size:14px;font-weight:700;padding-bottom:10px;padding-top:15px;width:105px;width:clamp(75px,9.5vw,150px);height:clamp(75px,9.5vw,150px);border:0px solid #f00;display:flex;align-items:center}.yc-colour-mixer-user-list{padding-top:15px;display:block;flex:1;overflow-y:auto;white-space:nowrap}@media (min-width: 750px){.yc-colour-mixer-user-list{padding:10px;white-space:normal}}.yc-colour-mixer-user-list .yc-colour-mixer-colour-wrapper{display:inline-block;width:110px;width:clamp(75px,9.5vw,150px);text-align:center;padding:0 5px;animation:yc-colour-mixer-show .5s both;animation-timing-function:cubic-bezier(.83,0,.17,1);vertical-align:middle;overflow:hidden}.yc-colour-mixer-user-list .yc-colour-mixer-colour-wrapper.hide{animation:yc-colour-mixer-hide .5s both;animation-timing-function:cubic-bezier(.83,0,.17,1)}.yc-colour-mixer-user-list .yc-colour-mixer-colour-wrapper.hide span,.yc-colour-mixer-user-list .yc-colour-mixer-colour-wrapper.hide a{opacity:0!important}.yc-colour-mixer-user-list .yc-colour-mixer-colour-wrapper .product-link{color:inherit;font-size:10px;display:inline-block;margin-top:10px;margin-bottom:10px;padding:5px;min-height:0px;min-width:0px;opacity:0;transition:.4s;white-space:normal}@media (min-width: 750px){.yc-colour-mixer-user-list .yc-colour-mixer-colour-wrapper .product-link{padding:10px}}.yc-colour-mixer-user-list .yc-colour-mixer-colour-wrapper .product-link:hover{color:#fff}.yc-colour-mixer-user-list .yc-colour-mixer-colour-wrapper:hover .product-link{opacity:1}.yc-colour-mixer-user-list .yc-colour-mixer-colour{display:block;margin:0}.yc-colour-mixer-user-list .yc-colour-mixer-colour.hide span{display:none}@keyframes yc-colour-mixer-show{0%{transform:scale(0);max-width:0}to{transform:scale(1);max-width:clamp(75px,9.5vw,230px)}}@keyframes yc-colour-mixer-hide{0%{width:clamp(75px,9.5vw,150px);height:clamp(75px,9.5vw,150px)}to{width:0px;height:0px}}.yc-colour-mixer-user-list .sample-form-wrapper{display:flex;justify-content:center;padding:5px 5px 10px}
/*# sourceMappingURL=/cdn/shop/t/4/assets/yc-colour-mixer.css.map */