.custom-variant-drop-button{background:#000;color:#fff;border-radius:50px;padding:.5rem 1rem}.custom-variant-drop{display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap}.custom-variant-drop.hidden{display:none}.custom-variant-drop-options{border:1px solid;border-radius:50px;margin:.5rem;padding:.5rem 1rem}.custom-variant-drop-options:hover{background:#000;color:#fff}.custom-color-dropdown{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between}.custom-color-dropdown img{width:4.9rem;height:4.9rem}.custom-color-dropdown span{text-transform:capitalize}.custrom-dropdown-trigger{-webkit-justify-content:space-between;justify-content:space-between;line-height:4.9rem}.custrom-dropdown-trigger,.farbcode-button-container{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-align-items:center;align-items:center;border-bottom:1px solid #000}.custom-color-dropdown,li.custom-color-dropdown{margin-right:5rem}li.custom-color-dropdown:hover{background:var(--clr-light-grey-20)}.farbcode-button-container .custom-icon-plus{position:absolute;right:.5rem}.farbcode-dropdown ul{overflow-y:auto;scrollbar-width:thin;scrollbar-color:#bbb transparent;max-height:30rem}.farbcode-dropdown ul::-webkit-scrollbar{width:6px}.farbcode-dropdown ul::-webkit-scrollbar-track{background:transparent}.farbcode-dropdown ul::-webkit-scrollbar-thumb{background-color:#bbb;border-radius:10px;border:2px solid transparent}.farbcode-dropdown ul::-webkit-scrollbar-button{width:0;height:0;display:none}@media screen and (min-width:750px){li.custom-color-dropdown{margin-right:4rem}.farbcode-dropdown ul{position:absolute;max-height:-webkit-fill-available}}