*{box-sizing:border-box}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;margin:0}.containMain{background-color:#efefef}@media (min-width: 0px) and (max-width: 575px){.containMain{padding-left:35px;padding-right:35px}}@media (min-width: 576px) and (max-width: 767px){.containMain{padding-left:45px;padding-right:45px}}@media (min-width: 768px) and (max-width: 1023px){.containMain{padding-left:56px;padding-right:56px}}@media (min-width: 1024px) and (max-width: 1439px){.containMain{padding-left:72px;padding-right:72px}}@media (min-width: 1440px){.containMain{padding-left:96px;padding-right:96px}}h2{font-size:80px;font-weight:400;margin:0;padding-top:60px;padding-bottom:60px}@media (max-width: 1440px){h2{font-size:70px;padding-top:50px;padding-bottom:50px}}@media (max-width: 991px){h2{font-size:40px;padding-top:30px;padding-bottom:30px}}.palette-main{display:flex;height:30px}.palette-main div{width:14.2857142857%;height:100%}.clrFmly-title{display:flex;align-items:center;justify-content:space-between;cursor:pointer;height:80px;color:#efefef}@media screen and (min-width: 1024px){.clrFmly-title{height:80px}}@media screen and (min-width: 1025px){.clrFmly-title{height:88px}}.clrFmly-title .left-side,.clrFmly-title .right-side{display:flex;align-items:center}.clrFmly-title .right-side{display:none}.clrFmly-title .right-side label{cursor:pointer}.clrFmly-title .right-side input.switch{position:relative;appearance:none;-moz-appearance:none;-webkit-appearance:none;width:40px!important;height:25px;border-radius:30px;cursor:pointer;background:transparent;transition:box-shadow .3s ease-in-out,padding .25s ease-in-out;transition-delay:.1s,0s;box-shadow:inset 0 0 0 1.5px #fff}.clrFmly-title .right-side input.switch:focus{border:0;outline:0}.clrFmly-title .right-side input.switch:checked{transition-delay:0s,0s;padding-left:15px}.clrFmly-title .right-side input.switch:before{display:inline-block;height:14px;width:14px;margin:5px;background-color:#fff;border-radius:2.1em;transition:all .1s ease .1s}.clrFmly-title .right-side input.switch:before,.clrFmly-title .right-side input.switch:after{content:"";display:block}.clrFmly-title .right-side input.switch:active:before{transition:all .1s ease .05s}.clrFmly-title svg{width:24px;height:24px}.clrFmly-title p,.clrFmly-title label{padding-left:18px;font-weight:500;font-size:20px;margin:0}@media (max-width: 991px){.clrFmly-title p,.clrFmly-title label{font-size:18px}}@media (max-width: 767px){.clrFmly-title p,.clrFmly-title label{font-size:17px;padding-left:10px}}.clrFmly-title label{padding-left:0;padding-right:8px}.clrFmly-title.text-black{color:#000}.clrFmly-details{display:none}.active .clrFmly-details{display:block}.clrFmly-details .clrFmlyDtl-flex{display:flex;flex-wrap:wrap;flex-direction:column;align-content:flex-start;height:560px}@media screen and (min-width: 1024px){.clrFmly-details .clrFmlyDtl-flex{height:560px}}@media screen and (min-width: 1025px){.clrFmly-details .clrFmlyDtl-flex{height:616px}}@media screen and (min-width: 1441px){.clrFmly-details .clrFmlyDtl-flex{height:672px}}.clrFmly-details .clrFmlyDtl-flex .clrFmlyDtl-col{width:14.2857%;height:80px;cursor:pointer;transition:transform .2s ease-out}@media screen and (min-width: 1024px){.clrFmly-details .clrFmlyDtl-flex .clrFmlyDtl-col{height:80px}}@media screen and (min-width: 1025px){.clrFmly-details .clrFmlyDtl-flex .clrFmlyDtl-col{height:88px}}@media screen and (min-width: 1441px){.clrFmly-details .clrFmlyDtl-flex .clrFmlyDtl-col{height:96px}}.clrFmly-details .clrFmlyDtl-flex .clrFmlyDtl-col .hover-active{padding:10px;opacity:0;visibility:hidden}@media (max-width: 767px){.clrFmly-details .clrFmlyDtl-flex .clrFmlyDtl-col .hover-active{padding:2px;position:relative;top:15px}}.clrFmly-details .clrFmlyDtl-flex .clrFmlyDtl-col .clrFmlyDtl-cart{display:flex;gap:30px}@media (max-width: 767px){.clrFmly-details .clrFmlyDtl-flex .clrFmlyDtl-col .clrFmlyDtl-cart{gap:5px;justify-content:center}}.clrFmly-details .clrFmlyDtl-flex .clrFmlyDtl-col .clrFmlyDtl-cart button{background-color:transparent;border:0}@media (max-width: 767px){.clrFmly-details .clrFmlyDtl-flex .clrFmlyDtl-col .clrFmlyDtl-cart button{padding:0}}.clrFmly-details .clrFmlyDtl-flex .clrFmlyDtl-col .clrFmlyDtl-cart button svg{width:16px;height:16px}.clrFmly-details .clrFmlyDtl-flex .clrFmlyDtl-col .clrFmlyDtl-text{margin-top:10px}.clrFmly-details .clrFmlyDtl-flex .clrFmlyDtl-col .clrFmlyDtl-text p{font-size:11px;line-height:16px;font-weight:500;margin:0}@media (max-width: 767px){.clrFmly-details .clrFmlyDtl-flex .clrFmlyDtl-col .clrFmlyDtl-text p{font-size:7px;line-height:10px}}.clrFmly-details .clrFmlyDtl-flex .clrFmlyDtl-col .clrFmlyDtl-text p:last-child{font-size:9px;font-weight:400}@media (max-width: 767px){.clrFmly-details .clrFmlyDtl-flex .clrFmlyDtl-col .clrFmlyDtl-text p:last-child{font-size:6px}}.clrFmly-details .clrFmlyDtl-flex .clrFmlyDtl-col:hover{box-shadow:#0000001a 0 20px 25px -5px,#0000000a 0 10px 10px -5px;z-index:10;transform:scale(1.9);transform-origin:50% 50%}@media (max-width: 767px){.clrFmly-details .clrFmlyDtl-flex .clrFmlyDtl-col:hover{transform:scale(2.2)}}.clrFmly-details .clrFmlyDtl-flex .clrFmlyDtl-col:hover:nth-child(2),.clrFmly-details .clrFmlyDtl-flex .clrFmlyDtl-col:hover:nth-child(3),.clrFmly-details .clrFmlyDtl-flex .clrFmlyDtl-col:hover:nth-child(4),.clrFmly-details .clrFmlyDtl-flex .clrFmlyDtl-col:hover:nth-child(5),.clrFmly-details .clrFmlyDtl-flex .clrFmlyDtl-col:hover:nth-child(6){transform-origin:0% 50%}.clrFmly-details .clrFmlyDtl-flex .clrFmlyDtl-col:hover:where(:nth-child(49n+2),:nth-child(49n+3),:nth-child(49n+4),:nth-child(49n+5),:nth-child(49n+6),:nth-child(49n+7)){transform-origin:0% 50%}.clrFmly-details .clrFmlyDtl-flex .clrFmlyDtl-col:hover:nth-child(7n){transform-origin:0% 100%}.clrFmly-details .clrFmlyDtl-flex .clrFmlyDtl-col:hover:nth-child(7n+1){transform-origin:50% 0%}.clrFmly-details .clrFmlyDtl-flex .clrFmlyDtl-col:hover:nth-child(14),.clrFmly-details .clrFmlyDtl-flex .clrFmlyDtl-col:hover:nth-child(21),.clrFmly-details .clrFmlyDtl-flex .clrFmlyDtl-col:hover:nth-child(28),.clrFmly-details .clrFmlyDtl-flex .clrFmlyDtl-col:hover:nth-child(35),.clrFmly-details .clrFmlyDtl-flex .clrFmlyDtl-col:hover:nth-child(42){transform-origin:50% 100%}.clrFmly-details .clrFmlyDtl-flex .clrFmlyDtl-col:hover:first-child,.clrFmly-details .clrFmlyDtl-flex .clrFmlyDtl-col:hover:nth-child(49n+1){transform-origin:0% 0%}.clrFmly-details .clrFmlyDtl-flex .clrFmlyDtl-col:hover:nth-child(43n){transform-origin:100% 0%}.clrFmly-details .clrFmlyDtl-flex .clrFmlyDtl-col:hover:where(:nth-child(44),:nth-child(45),:nth-child(46),:nth-child(47),:nth-child(48)){transform-origin:100% 50%}.clrFmly-details .clrFmlyDtl-flex .clrFmlyDtl-col:hover:nth-child(49n){transform-origin:100% 100%}.clrFmly-details .clrFmlyDtl-flex .clrFmlyDtl-col:hover .hover-active{opacity:1;visibility:visible}.clrFmly-main.active .clrFmly-title svg path:nth-child(2){display:none}.clrFmly-main.active .clrFmly-title .right-side{display:flex}.clrFmly-main.active .palette-main{height:0;display:none}.swiper-pagination-bullet{width:12px!important;height:12px!important}
/*# sourceMappingURL=/cdn/shop/t/31/assets/template-color-family.css.map */