.v-enter-active[data-v-564a8763],.v-leave-active[data-v-564a8763]{transition:opacity .4s ease-in-out}.v-enter-from[data-v-564a8763],.v-leave-to[data-v-564a8763]{opacity:0}.swatches .tooltip{border-radius:.5rem!important;min-width:-moz-max-content!important;min-width:max-content!important;padding-bottom:.25rem!important;padding-top:.25rem!important}.swatches .tooltip,.swatches .tooltip:before{background:#004660!important}.swatches .tooltip:before{border-radius:.125rem!important;margin-top:-.5rem!important}.hc-circle[data-v-8f8f352e]{--color1:var(--f78239d6);--color2:var(--f78239d4);--color3:var(--f78239d2);background:linear-gradient(90deg,rgb(var(--color1)) 50%,transparent 50%),linear-gradient(180deg,rgb(var(--color2)) 50%,rgb(var(--color3)) 50%);background-position:50%;background-size:100% 100%;border-radius:50%;cursor:pointer;height:40px;width:40px}.hc-animate-underline[data-v-cac2654b]{color:rgb(var(--color-negative-base))!important}.hc-animate-underline[data-v-cac2654b]:after{background-color:rgb(var(--color-negative-base))}.shadow{box-shadow:4px 0 24px #158ebd26}.dark .shadow{box-shadow:0 16px 20px #00000052}.toggle{background:linear-gradient(207deg,#158ebd,#003c52 48.94%,#002735 83.33%);box-shadow:0 -4px 10px #158ebd29}.hexcode input{text-transform:uppercase}.hc-custom-board .hc-animate-underline{color:#004660}