.IconArrowOutward-module__XNtBua__icon{flex:none;width:16px;height:16px;display:block}
.MenuItem-module__07hBNW__item{color:var(--color-text-primary);font-size:var(--text-label-size);height:30px;font-weight:500;line-height:var(--text-label-line-height);border-radius:5px;align-items:center;gap:4px;min-width:0;max-width:100%;padding:0 6px;transition:background-color .125s ease-out,color .125s ease-out,transform .125s ease-in;display:inline-flex}.MenuItem-module__07hBNW__title{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.MenuItem-module__07hBNW__wrapperIcon{align-items:center;gap:2px;max-width:100%;display:inline-flex}.MenuItem-module__07hBNW__wrapperIcon svg{color:var(--color-text-secondary);opacity:0;transition:opacity .125s ease-out}.MenuItem-module__07hBNW__wrapperIcon:has(.MenuItem-module__07hBNW__item:hover) svg{opacity:1}.MenuItem-module__07hBNW__wrapperText{align-items:center;gap:6px;max-width:100%;display:inline-flex}.MenuItem-module__07hBNW__wrapperText .MenuItem-module__07hBNW__item,.MenuItem-module__07hBNW__wrapperIcon .MenuItem-module__07hBNW__item{flex:1;min-width:0}.MenuItem-module__07hBNW__wrapperText .MenuItem-module__07hBNW__trailing{opacity:0;transition:opacity .125s ease-out}.MenuItem-module__07hBNW__wrapperText:has(.MenuItem-module__07hBNW__item:hover) .MenuItem-module__07hBNW__trailing{opacity:1}.MenuItem-module__07hBNW__item:hover{background:var(--color-background-hover);transition:background-color .125s ease-out,color .125s ease-out,transform .125s ease-out;transform:scale(1.005)}.MenuItem-module__07hBNW__item:focus-visible{outline:2px solid color-mix(in srgb, var(--color-accent) 45%, transparent);outline-offset:2px}.MenuItem-module__07hBNW__meta{color:var(--color-text-muted);flex-shrink:0}.MenuItem-module__07hBNW__italic{font-style:italic}.MenuItem-module__07hBNW__trailing{color:var(--color-text-secondary);font-size:var(--text-label-size);font-weight:500;line-height:var(--text-label-line-height);flex-shrink:0}
.page-module__iTTnHW__page{flex-direction:column;min-height:100vh;padding:80px 56px 120px;display:flex}.page-module__iTTnHW__hero,.page-module__iTTnHW__narrowSection{max-width:calc(var(--article-width) + 12px);width:100%;margin:0 auto;padding:0 6px}.page-module__iTTnHW__hero{margin-bottom:40px}.page-module__iTTnHW__hero h1{font-size:var(--text-header-1-size);font-weight:600;line-height:var(--text-header-1-line-height);margin:0 0 8px}.page-module__iTTnHW__subtitle{color:var(--color-text-secondary);font-size:var(--text-header-4-size);font-weight:400;line-height:var(--text-header-4-line-height);margin:0}.page-module__iTTnHW__section+.page-module__iTTnHW__section{margin-top:40px}.page-module__iTTnHW__section h2{color:var(--color-text-primary);font-size:var(--text-header-2-size);font-weight:600;line-height:var(--text-header-2-line-height);margin:0 0 10px}.page-module__iTTnHW__typeStack,.page-module__iTTnHW__componentCard{flex-direction:column;width:100%;display:flex}.page-module__iTTnHW__typeRow{width:100%}.page-module__iTTnHW__typeRow+.page-module__iTTnHW__typeRow{margin-top:10px}.page-module__iTTnHW__typeRow p,.page-module__iTTnHW__typeRow span,.page-module__iTTnHW__componentCard h3,.page-module__iTTnHW__componentCard h4,.page-module__iTTnHW__colorCard h3,.page-module__iTTnHW__colorCard p{margin:0}.page-module__iTTnHW__typeRow span{color:var(--color-text-muted);font-size:var(--text-label-size);font-weight:500;line-height:var(--text-label-line-height);margin-top:6px;display:block}.page-module__iTTnHW__breakpointSpec{color:var(--color-text-muted)}.page-module__iTTnHW__componentCard h3,.page-module__iTTnHW__componentCard h4{color:var(--color-text-primary);font-size:var(--text-label-size);font-weight:500;line-height:var(--text-label-line-height);margin-top:6px}.page-module__iTTnHW__colorCard h3{color:var(--color-text-primary);font-size:var(--text-label-size);font-weight:500;line-height:var(--text-label-line-height)}.page-module__iTTnHW__colorCard p{color:var(--color-text-secondary);font-size:var(--text-label-size);font-weight:500;line-height:var(--text-label-line-height)}.page-module__iTTnHW__header-1{font-size:var(--text-header-1-size);font-weight:600;line-height:var(--text-header-1-line-height)}.page-module__iTTnHW__header-2{font-size:var(--text-header-2-size);font-weight:600;line-height:var(--text-header-2-line-height)}.page-module__iTTnHW__body{font-size:var(--text-body-size);font-weight:400;line-height:var(--text-body-line-height)}.page-module__iTTnHW__label{font-size:var(--text-label-size);font-weight:500;line-height:var(--text-label-line-height)}.page-module__iTTnHW__label-italic{font-size:var(--text-label-size);font-style:italic;font-weight:500;line-height:var(--text-label-line-height)}.page-module__iTTnHW__colorGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.page-module__iTTnHW__colorCard{flex-direction:column;display:flex}.page-module__iTTnHW__swatch{height:64px;margin-bottom:10px}.page-module__iTTnHW__menuVariants{flex-direction:column;gap:2px;margin-left:-6px;display:flex}.page-module__iTTnHW__templateCard{border:1px dashed var(--color-accent);color:var(--color-text-primary);font-size:var(--text-label-size);font-weight:500;line-height:var(--text-label-line-height);border-radius:5px;justify-content:center;align-items:center;padding:20px 12px;transition:background-color .125s ease-out;display:flex}.page-module__iTTnHW__templateCard:hover{background:var(--color-background-hover)}@media (max-width:900px) and (min-width:641px){.page-module__iTTnHW__page{padding:80px 40px 120px}.page-module__iTTnHW__colorGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.page-module__iTTnHW__page{padding:80px 40px 96px}.page-module__iTTnHW__hero,.page-module__iTTnHW__narrowSection{max-width:100%}.page-module__iTTnHW__colorGrid{grid-template-columns:1fr}}
.page-module__E0kJGG__page{max-width:var(--page-max);min-height:100vh;margin:0 auto;padding:0 56px 96px}.page-module__E0kJGG__layout{grid-template-columns:var(--home-width) 1fr;align-items:start;gap:56px;display:grid}.page-module__E0kJGG__menu{flex-direction:column;gap:40px;padding-top:40px;display:flex}.page-module__E0kJGG__group{flex-direction:column;gap:4px;display:flex}.page-module__E0kJGG__groupTitle{color:var(--color-text-secondary);font-size:var(--text-label-size);font-weight:500;line-height:var(--text-label-line-height);margin:0;padding:5px 6px 10px}.page-module__E0kJGG__pageTitle{align-items:center;gap:8px;padding-bottom:5px;display:flex}.page-module__E0kJGG__pageTitleDot{background:var(--color-text-primary);border-radius:50%;flex:none;width:14px;height:14px}@keyframes page-module__E0kJGG__dotBlink{0%{opacity:1}33.33%{opacity:0}66.67%{opacity:1}}.page-module__E0kJGG__pageTitleDotBlink{animation:.6s step-end 2s 3 page-module__E0kJGG__dotBlink}.page-module__E0kJGG__itemList{flex-direction:column;align-items:flex-start;display:flex}.page-module__E0kJGG__animItem{animation:.9s cubic-bezier(.16,1,.3,1) both page-module__E0kJGG__menuFadeIn}.page-module__E0kJGG__previewPanel{position:sticky;top:120px}@keyframes page-module__E0kJGG__fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.page-module__E0kJGG__previewItems{width:100%;height:calc(100vh - 240px);position:relative}.page-module__E0kJGG__previewGroup{animation:.15s ease-out forwards page-module__E0kJGG__fadeIn;position:absolute;inset:0}.page-module__E0kJGG__previewItem{background:var(--color-background-hover);justify-content:center;align-items:center;display:flex;position:absolute;overflow:hidden}.page-module__E0kJGG__previewMedia{object-fit:contain;width:100%;height:100%;display:block}@media (max-width:640px){.page-module__E0kJGG__page{padding:0 40px 96px}.page-module__E0kJGG__layout{grid-template-columns:1fr}.page-module__E0kJGG__previewPanel{display:none}}@media (max-width:900px) and (min-width:641px){.page-module__E0kJGG__page{padding:0 40px 96px}.page-module__E0kJGG__layout{gap:24px}}