:where([data-page=tools__color-palette-generator]) .text-gradient{background-image:linear-gradient(to right, var(--tw-gradient-stops));--tw-gradient-from:var(--primary-600) var(--tw-gradient-from-position);--tw-gradient-to:var(--primary-600) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to);color:#0000;-webkit-background-clip:text;background-clip:text}:where([data-page=tools__color-palette-generator]) .export-tab{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity,1));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}@media (prefers-color-scheme:dark){:where([data-page=tools__color-palette-generator]) .export-tab{--tw-bg-opacity:1;background-color:rgb(55 65 81/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity,1))}}:where([data-page=tools__color-palette-generator]) .export-tab.active{background-color:var(--primary-600);--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}:where([data-page=tools__color-palette-generator]) .faq-button[aria-expanded=true] .faq-icon{transform:rotate(180deg)}:where([data-page=tools__color-palette-generator]) .faq-content{opacity:0;max-height:0;transition:max-height .3s ease-out,opacity .3s ease-out;overflow:hidden}:where([data-page=tools__color-palette-generator]) .faq-content:not(.hidden){opacity:1;max-height:500px}:where([data-page=tools__color-palette-generator]) .color-swatch{transition:transform .2s,box-shadow .2s}:where([data-page=tools__color-palette-generator]) .color-swatch:hover{transform:translateY(-2px);box-shadow:0 8px 25px #00000026}