/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.block{display:block}.contents{display:contents}.flex{display:flex}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.flex-col{flex-direction:column}.items-baseline{align-items:baseline}.justify-between{justify-content:space-between}.overflow-hidden{overflow:hidden}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter\!{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)!important}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.color-palettes{--palette-title-height:calc(var(--font-size-group-title) * var(--line-height-heading));--palette-title-gap:calc(var(--palette-title-height) * 2);--palette-rest-height:var(--space-96);--palette-track-height:calc(var(--palette-rest-height) + var(--palette-title-gap) - var(--space-16));--palette-height:calc(var(--palette-rest-height) + var(--space-120))}.cp-rows{gap:var(--space-64)}.cp-row-heading{align-items:center;gap:var(--space-16);margin-bottom:var(--space-16)}.cp-row-heading h3{font-size:var(--font-size-group-title);font-weight:var(--font-weight-medium);line-height:var(--line-height-heading);margin:0}.cp-row-heading>span,.cp-hint{color:var(--color-text-secondary);font-size:var(--font-size-caption)}.cp-track{height:var(--palette-track-height);align-items:flex-end;gap:0;display:flex;position:relative;overflow:visible}.cp-swatch{height:var(--palette-rest-height);border-radius:0;flex:1}.cp-swatch[data-active=true]{height:var(--palette-height);flex-grow:4}.cp-info{top:var(--space-16);left:var(--space-16);right:var(--space-16);pointer-events:none;position:absolute}.cp-name{font-size:var(--font-size-caption);line-height:var(--line-height-heading);white-space:nowrap;display:block}.cp-copy{width:100%;height:100%;color:inherit;font:inherit;cursor:pointer;text-align:left;background:0 0;border:0;border-radius:0;padding:0;position:absolute;inset:0}.cp-hex{top:var(--space-48);left:var(--space-16);font-size:var(--font-size-12);white-space:nowrap;opacity:0;transition:opacity .15s;position:absolute}.cp-swatch[data-active=true] .cp-hex{opacity:1}.cp-copy:focus-visible{outline-offset:-4px;outline:2px solid}.cp-sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}@media (min-width:761px) and (max-width:1100px){.cp-track{flex-wrap:wrap;align-items:stretch;height:auto}.cp-swatch{height:var(--space-120);flex:1 0 25%}.cp-swatch[data-active=true]{height:var(--space-160);flex:2 0 35%}.cp-info{opacity:1!important}.cp-hex{opacity:1}}@media (max-width:760px){.cp-track{grid-template-columns:repeat(3,minmax(0,1fr));height:auto;display:grid}.cp-swatch,.cp-swatch[data-active=true]{height:var(--space-120)}.cp-info{left:var(--space-12);right:var(--space-12);opacity:1!important}.cp-hex{opacity:1;left:var(--space-12)}.cp-name{font-size:var(--font-size-12)}.cp-rows{gap:var(--space-48)}}@media (max-width:420px){.cp-track{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (hover:none){.cp-info,.cp-hex{opacity:1!important}}@media (min-width:1101px) and (hover:hover){.cp-track{isolation:isolate}.cp-swatch{flex-grow:calc(1 + var(--swatch-influence) * 3);height:calc(var(--palette-rest-height) + (var(--palette-height) - var(--palette-rest-height)) * var(--swatch-influence));border-radius:var(--palette-card-radius) var(--palette-card-radius) 0 0}.cp-swatch+.cp-swatch{margin-left:calc(-1 * var(--palette-overlap))}.cp-swatch[data-active=true]{flex-grow:calc(1 + var(--swatch-influence) * 3);height:calc(var(--palette-rest-height) + (var(--palette-height) - var(--palette-rest-height)) * var(--swatch-influence))}.cp-swatch:focus-within{outline-offset:calc(-1 * var(--space-4))}}@media (prefers-reduced-motion:reduce){.cp-hex{transition:none}}@media (min-width:1101px){.cp-track[data-resting=true] .cp-swatch{height:var(--palette-rest-height)}}@media (min-width:761px) and (max-width:1100px){.cp-track[data-resting=true] .cp-swatch{height:var(--space-120)}}.cp-swatch[data-primary=false] .cp-hex{top:var(--space-16)}@media (max-width:1100px){.cp-row-heading{margin-bottom:var(--palette-title-gap)}}.cp-mobile{display:none}@media (max-width:760px){.cp-desktop{display:none}.cp-mobile{display:block}.cp-mobile-tabs{justify-content:center;gap:var(--space-8);margin-bottom:var(--space-32);display:flex}.cp-mobile-tabs button{color:var(--color-text-heading);font:inherit;font-weight:var(--font-weight-medium);padding:var(--space-8) var(--space-16);border-radius:var(--space-48);cursor:pointer;background:0 0;border:0}.cp-mobile-tabs button[aria-selected=true]{background:var(--color-surface-subtle)}.cp-mobile-deck{height:clamp(var(--space-160),52vw,calc(var(--space-160) * 2));isolation:isolate;touch-action:pan-y;-webkit-user-select:none;user-select:none;position:relative;overflow:hidden}.cp-mobile-card{border-radius:var(--palette-card-radius);transform-origin:50%;position:absolute;inset:0 20%;overflow:hidden}.cp-mobile-name{top:var(--space-24);left:var(--space-24);font-size:var(--font-size-group-title);font-weight:var(--font-weight-medium);position:absolute}.cp-mobile-hex{bottom:var(--space-24);left:var(--space-24);padding:var(--space-8) 0;color:inherit;font:inherit;font-size:var(--font-size-caption);cursor:pointer;background:0 0;border:0;position:absolute}.cp-mobile-select{cursor:pointer;background:0 0;border:0;width:100%;height:100%;position:absolute;inset:0}.cp-mobile-controls{justify-content:center;align-items:center;gap:var(--space-24);margin-top:var(--space-24);display:flex}.cp-mobile-controls button{width:var(--size-control);height:var(--size-control);color:var(--color-text-heading);font:inherit;cursor:pointer;background:0 0;border:0}.cp-mobile-controls button:disabled{opacity:.3;cursor:default}.cp-mobile-controls span,.cp-mobile-hint{font-size:var(--font-size-caption);color:var(--color-text-secondary)}.cp-mobile-hint{text-align:center;margin-top:var(--space-8)}.cp-mobile button:focus-visible{outline-offset:2px;outline:2px solid}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}