.parent-colour-container,.child-colors{display:flex;flex-wrap:wrap;gap:.81rem;min-height:5.15rem}.parent-colour{text-align:center;font-size:1.1rem;text-transform:capitalize}.parent-colour>div:first-child,.plus,.child-colors-container a>div{width:5.15rem;height:5.15rem;border-radius:.8rem;cursor:pointer;border:2px solid #ececec;transition:.2s all ease-in}.skeleton-load{display:flex;gap:1rem}.skeleton-load>div{width:5.15rem;height:5.15rem;border-radius:.8rem;border:2px solid transparent;background-color:#f6f9ff;background-image:linear-gradient(90deg,#f6f9ff,#dee8f9,#f6f9ff 80px);background-size:600px;animation:shine-avatar 1.6s infinite linear}@keyframes shine-avatar{0%{background-position:-100px}40%,to{background-position:140px}}.plus{display:flex;align-items:center;justify-content:center;font-size:2rem;order:1}.parent-colour:hover>div,.plus:hover,.child-colors-container a:hover>div{border-color:#3e3e3e}.child-colors-container .drawer__header{position:sticky;position:-webkit-sticky;top:0;background-color:#fff}.child-colors-container .drawer__heading{width:100%}.child-colors-container .drawer__header>div:first-of-type{cursor:pointer}.child-colors-container .drawer__header>div:first-of-type svg{transform:rotate(180deg)}.parent-colour>div{display:block;margin-bottom:.1rem}.child-colors-container a>div{background-size:auto;background-position:center;margin-bottom:.2rem}.parent-colour>.child-colors-container{display:none;position:fixed;top:0;height:100%;background:#fff;overflow-y:scroll;right:0;width:100%}.child-colors-container a{text-decoration:none;color:inherit;width:5.15rem;line-height:1.2rem;font-size:1rem}.child-colors-list{display:flex;gap:.9rem;flex-wrap:wrap;padding:1.5rem;justify-content:center}.child-colors-container span{background:#fff;padding:.1rem .4rem;font-size:.8rem;border-radius:.6rem;margin:.2rem;display:block;width:fit-content}colors-drawer.drawer{z-index:99999}colors-drawer .drawer__inner{background:#fff}colors-drawer .drawer__header{padding:1rem 1.5rem 0}colors-drawer .colors-group{display:flex;flex-direction:row;flex-wrap:wrap;gap:1rem;padding:1rem 1.5rem}colors-drawer .drawer__close{z-index:1}@media screen and (max-width:749px){colors-drawer .drawer__inner,.parent-colour>.child-colors-container{max-height:80vh;border-top-left-radius:1.6rem;border-top-right-radius:1.6rem;box-shadow:0 -2px 10px #0003}.parent-colour>.child-colors-container{top:auto;bottom:0}}@media(min-width:768px){.child-colors-list{justify-content:flex-start}.parent-colour>.child-colors-container{max-width:60rem}}
/*# sourceMappingURL=/cdn/shop/t/534/assets/harmony-parent-colors.css.map */