.collections{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(var(--collection-card-size),100%),1fr));gap:var(--grid-gap)}.collections--compact{--collection-card-size: 160px}.collections--full{--collection-card-size: 280px}.collection-card{display:flex;flex-direction:column;width:100%}.dashboard-title{font-size:1.5rem;margin-bottom:1rem;color:#222}.dashboard-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.colors-card{grid-column:1 / -1;background:#fff;border-radius:12px;box-shadow:0 2px 12px #00000012;padding:2rem;margin-bottom:1rem}.colors-card h2{font-size:1.5rem;margin-bottom:1.5rem;display:flex;align-items:center;gap:.5em;color:#1f1f1f}.colors-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem}.color-section h3{font-size:1.1rem;margin-bottom:1rem;color:#333;border-bottom:2px solid #eee;padding-bottom:.5rem}.color-group{display:flex;flex-direction:column;gap:.8rem}.color-item{display:flex;align-items:center;gap:1em;font-size:.9rem;padding:.5rem;border-radius:6px;transition:background-color .2s}.color-item:hover{background-color:#f9f9f9}.color-swatch{width:32px;height:32px;border-radius:8px;border:1px solid #ddd;display:inline-block;flex-shrink:0}.color-label{font-weight:500;min-width:140px;color:#1f1f1f;flex:1}.color-value{font-family:monospace;color:#666;font-size:.8rem;background:#f5f5f5;padding:.2rem .5rem;border-radius:4px;min-width:80px;text-align:center}.typography-card{grid-column:1 / -1;background:#fff;border-radius:12px;box-shadow:0 2px 12px #00000012;padding:2rem;margin-bottom:1rem}.typography-card h2{font-size:1.5rem;margin-bottom:1.5rem;display:flex;align-items:center;gap:.5em}.typography-grid{display:grid;grid-template-columns:1fr;gap:2rem}@media screen and (min-width:940px){.typography-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}}.typography-section h3{font-size:1.1rem;margin-bottom:1rem;color:#333;border-bottom:2px solid #eee;padding-bottom:.5rem}.font-display{background:#f9f9f9;border-radius:8px;padding:1.5rem;border:1px solid #e5e5e5}.font-sample{display:flex;flex-direction:column;gap:1rem}.font-name{font-size:1.1rem;font-weight:600;color:#333;text-transform:capitalize}.font-preview{font-size:1.2rem;line-height:1.4;color:#555}.font-weights{display:flex;gap:1rem;flex-wrap:wrap}.weight-sample{padding:.5rem 1rem;background:#fff;border-radius:4px;font-size:.9rem;border:1px solid #ddd;color:#666}.dashboard-card{background:#fbfbfb;color:#1f1f1f;border-radius:12px;box-shadow:0 2px 12px #00000012;padding:2rem 1.5rem;display:grid;flex-direction:column;align-items:flex-start}.dashboard-card-docs{display:block!important}.dashboard-card h2{font-size:1.3rem;margin-bottom:1.2rem;display:flex;align-items:center;gap:.5em}.card-icon{font-size:1.5em}.dashboard-links{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.7em}.dashboard-link,.dashboard-links a{color:#007acc;text-decoration:none;font-weight:500;transition:color .2s}.dashboard-link:hover,.dashboard-links a:hover{color:#005a99;text-decoration:underline}.dashboard-description{font-size:1rem;color:#666;margin-bottom:1rem;line-height:1.5}.dashboard-description:last-of-type{background:#fff3cd;border:1px solid #ffeaa7;border-radius:8px;padding:1rem 1.5rem;margin:1.5rem auto 2rem;color:#856404;font-weight:500;position:relative;box-shadow:0 2px 8px #ffc10733}.dashboard-description:last-of-type:before{content:"\26a0\fe0f";font-size:1.2em;margin-right:.5rem}@media(max-width:1200px){.dashboard-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:900px){.dashboard-grid{grid-template-columns:repeat(2,1fr)}.colors-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}}@media(max-width:600px){.dashboard-grid,.colors-grid{grid-template-columns:1fr}}.content-image img[loading=lazy]{opacity:0}.content-image img[loading=lazy].loaded,.content-image img[loading=eager]{opacity:1}.responsive-image img[loading=lazy]{opacity:0}.responsive-image img[loading=lazy].loaded,.responsive-image img[loading=eager]{opacity:1}@media(min-width:768px){.responsive-image{aspect-ratio:var(--desktop-aspect-ratio)!important}}
/*# sourceMappingURL=/cdn/shop/t/152/compiled_assets/styles.css.map */