.sidebar[data-v-da713f35]{background:var(--color-white);border-right:1px solid var(--grey-200);box-shadow:2px 0 8px #0000001a;display:flex;flex-direction:column;height:100vh;left:0;position:fixed;top:0;width:60px}.sidebar-header[data-v-da713f35]{border-bottom:1px solid var(--grey-200);padding:1.5rem 1rem;text-align:center}.sidebar-header h2[data-v-da713f35]{color:var(--color-title);display:none;font-size:1.25rem;margin:0 0 .25rem}.sidebar-header small[data-v-da713f35]{color:var(--color-text);display:none;font-size:.75rem;opacity:.7}.sidebar-nav[data-v-da713f35]{display:flex;flex:1;flex-direction:column;gap:.25rem;padding:1rem 0}.nav-item[data-v-da713f35]{align-items:center;background:transparent;border:none;border-radius:.5rem;color:var(--color-text);cursor:pointer;display:flex;justify-content:center;margin:.25rem;padding:.75rem;text-align:left;transition:all .2s ease}.nav-item[data-v-da713f35]:hover{background:var(--grey-100);transform:translate(2px)}.nav-item.active[data-v-da713f35]{background:var(--blue-50);border:2px solid var(--blue-500);color:var(--blue-700);margin-left:.25rem}.nav-icon[data-v-da713f35]{align-items:center;display:flex;font-size:1.5rem;height:32px;justify-content:center;width:32px}.nav-text[data-v-da713f35]{display:none;font-size:.875rem;font-weight:500}.sidebar-footer[data-v-da713f35]{border-top:1px solid var(--grey-200);padding:1rem;text-align:center}.sidebar-footer small[data-v-da713f35]{color:var(--color-text);display:none;font-size:.7rem;font-style:italic;opacity:.6}@media (min-width:800px){.sidebar[data-v-da713f35]{width:240px}.nav-text[data-v-da713f35],.sidebar-header h2[data-v-da713f35],.sidebar-header small[data-v-da713f35]{display:block}.nav-item[data-v-da713f35]{gap:.75rem;justify-content:flex-start;margin:0 .5rem;padding:.75rem 1rem}.nav-item.active[data-v-da713f35]{border:none;margin-left:calc(.5rem - 3px)}.nav-icon[data-v-da713f35]{font-size:1.25rem;height:24px;width:24px}.sidebar-footer small[data-v-da713f35]{display:block}}.color-palette[data-v-87516b70]{margin:0 auto;max-width:1200px;padding:2rem}.color-palette .palette-title[data-v-87516b70]{margin-bottom:3rem;text-align:center}.color-palette .group-title[data-v-87516b70]{margin-bottom:1.5rem!important}.color-groups[data-v-87516b70]{display:flex;flex-direction:column;gap:3rem}.color-group[data-v-87516b70]{background:var(--color-white);border:1px solid var(--grey-200);border-radius:1rem;box-shadow:0 4px 20px #00000014;padding:2rem}.color-row[data-v-87516b70]{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.color-item[data-v-87516b70]{border:2px solid var(--grey-200);border-radius:.75rem;cursor:pointer;display:flex;flex-direction:column;gap:.75rem;padding:1rem;transition:all .2s ease}.color-item[data-v-87516b70]:hover{border-color:var(--blue-400);box-shadow:0 8px 25px #3b82f626;transform:translateY(-2px)}.color-item.popular-color[data-v-87516b70]{background:linear-gradient(135deg,#fef9c34d,#fefce74d);border-color:var(--yellow-400)}.color-item.popular-color[data-v-87516b70]:hover{border-color:var(--yellow-500);box-shadow:0 8px 25px #eab30833}.color-box[data-v-87516b70]{border:1px solid var(--grey-300);border-radius:.5rem;height:80px;position:relative}.color-box[data-v-87516b70]:after{background:linear-gradient(45deg,transparent,hsla(0,0%,100%,.5),transparent);border-radius:.5rem;content:"";inset:-1px;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:1px;position:absolute}.color-info[data-v-87516b70]{display:flex;flex-direction:column;gap:.25rem}.color-variable[data-v-87516b70]{background:var(--grey-100);border-radius:.25rem;color:var(--color-title);font-size:.875rem;font-weight:600;padding:.25rem .5rem}.color-value[data-v-87516b70]{color:var(--color-text);font-size:.75rem;opacity:.8}.color-reference[data-v-87516b70]{color:var(--blue-600);font-size:.75rem;font-style:italic}.copy-notification[data-v-87516b70]{background:var(--color-success);border-radius:.5rem;box-shadow:0 8px 25px #10b9814d;color:#fff;font-weight:500;padding:1rem 1.5rem;position:fixed;right:2rem;top:2rem;z-index:1000}.fade-enter-active[data-v-87516b70],.fade-leave-active[data-v-87516b70]{transition:all .3s ease}.fade-enter-from[data-v-87516b70],.fade-leave-to[data-v-87516b70]{opacity:0;transform:translate(100%)}@media (max-width:768px){.color-palette[data-v-87516b70]{padding:1rem}.color-groups[data-v-87516b70]{gap:2rem}.color-group[data-v-87516b70]{padding:1.5rem}.color-row[data-v-87516b70]{grid-template-columns:1fr}.copy-notification[data-v-87516b70]{left:1rem;right:1rem;text-align:center;top:1rem}}#app{background:var(--bg-page);display:flex;min-height:100vh}.main-content{flex:1;margin-left:60px;overflow-x:auto}@media (min-width:800px){.main-content{margin-left:240px}}