.uyoo-site{min-height:100dvh;color:var(--uyoo-fg);grid-template-columns:minmax(0,1fr);display:grid}@media (min-width:64rem){.uyoo-site{grid-template-columns:var(--uyoo-sidebar-w) minmax(0, 1fr)}}.uyoo-site-column{flex-direction:column;min-width:0;display:flex}.uyoo-site-skip{left:var(--uyoo-space-2);top:var(--uyoo-space-2);z-index:var(--uyoo-z-skip);height:var(--uyoo-h-md);padding:0 var(--uyoo-space-3);border-radius:var(--uyoo-radius);background:var(--uyoo-primary);color:var(--uyoo-on-primary);box-shadow:var(--uyoo-shadow-primary);font-size:var(--uyoo-text-md);align-items:center;font-weight:500;text-decoration:none;display:inline-flex;position:fixed;transform:translateY(-200%)}.uyoo-site-skip:focus-visible{transform:none}.uyoo-site-sidebar{display:none}@media (min-width:64rem){.uyoo-site-sidebar{background:var(--uyoo-well);border-right:1px solid var(--uyoo-line-strong);display:block}}.uyoo-site-sidebar-inner{z-index:var(--uyoo-z-shell);flex-direction:column;height:100dvh;display:flex;position:sticky;top:0}.uyoo-site-sidebar-head{height:var(--uyoo-topbar-h);padding:0 var(--uyoo-space-3);border-bottom:1px solid var(--uyoo-line);flex-shrink:0;align-items:center;display:flex}.uyoo-site-sidebar-body{min-height:0;padding:var(--uyoo-space-2) var(--uyoo-space-2) var(--uyoo-space-3);flex:1;overflow-y:auto}.uyoo-site-brand{align-items:center;gap:var(--uyoo-space-2);min-width:0;height:var(--uyoo-h-md);padding:0 var(--uyoo-space-2) 0 var(--uyoo-space-1);border-radius:var(--uyoo-radius);color:var(--uyoo-fg-strong);font-size:var(--uyoo-text-md);font-weight:600;text-decoration:none;display:inline-flex}.uyoo-site-brand:hover{background:var(--uyoo-hover)}.uyoo-site-mark{flex-shrink:0;width:30px;height:32px;margin:-4px -2px -4px -4px;display:inline-grid}.uyoo-site-mark img{grid-area:1/1;width:100%;height:100%}.uyoo-site-mark img[data-mode=dark],.dark .uyoo-site-mark img[data-mode=light]{display:none}.dark .uyoo-site-mark img[data-mode=dark]{display:block}.uyoo-site-chip{border-radius:var(--uyoo-radius-sm);height:18px;box-shadow:inset 0 0 0 1px var(--uyoo-line-strong);color:var(--uyoo-muted);font-family:var(--uyoo-font-mono);align-items:center;padding:0 5px;font-size:11px;font-weight:500;line-height:1;display:inline-flex}.uyoo-site-nav{gap:var(--uyoo-space-4);flex-direction:column;display:flex}.uyoo-site-nav-title{height:28px;padding:0 var(--uyoo-space-2);color:var(--uyoo-muted);font-size:var(--uyoo-text-xs);align-items:center;margin:0;font-weight:600;line-height:1;display:flex}.uyoo-site-nav-list{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.uyoo-site-nav-item{height:var(--uyoo-h-nav);padding:0 var(--uyoo-space-2);border-radius:var(--uyoo-radius);color:var(--uyoo-fg);font-size:var(--uyoo-text-md);line-height:var(--uyoo-leading-tight);white-space:nowrap;transition:background-color var(--uyoo-duration-fast), box-shadow var(--uyoo-duration-fast), transform var(--uyoo-duration-fast) var(--uyoo-ease-glide);align-items:center;text-decoration:none;display:flex}.uyoo-site-nav-item:hover{background:var(--uyoo-hover)}.uyoo-site-nav-item:active{background:var(--uyoo-press);transition-duration:var(--uyoo-duration-press)}.uyoo-site-nav-item:focus-visible{outline:2px solid var(--uyoo-focus);outline-offset:-2px}.uyoo-site-nav-item[aria-current=page]{background:var(--uyoo-raised);color:var(--uyoo-fg-strong);box-shadow:0 0 0 1px var(--uyoo-control-border), 1px 1px 0 1px var(--uyoo-key-side);font-weight:600}.uyoo-site-nav-item[aria-current=page]:hover{background:color-mix(in oklab, var(--uyoo-fg) 4%, var(--uyoo-raised))}.uyoo-site-nav-item[aria-current=page]:active{background:var(--uyoo-raised);box-shadow:0 0 0 1px var(--uyoo-control-border);transform:translate(1px,1px)}.uyoo-site-drawer{padding:var(--uyoo-space-2) var(--uyoo-space-2) var(--uyoo-space-3);background:var(--uyoo-well);border-bottom:1px solid var(--uyoo-line-strong)}@media (min-width:64rem){.uyoo-site-drawer,.uyoo-site-menu-button{display:none}}.uyoo-site-topbar{z-index:var(--uyoo-z-shell);align-items:center;gap:var(--uyoo-space-2);min-width:0;height:var(--uyoo-topbar-h);padding:0 var(--uyoo-space-3) 0 var(--uyoo-space-2);background:var(--uyoo-bg);border-bottom:1px solid var(--uyoo-line);display:flex;position:sticky;top:0}@media (min-width:64rem){.uyoo-site-topbar{padding:0 var(--uyoo-space-4) 0 var(--uyoo-space-6)}}.uyoo-site-topbar-end{align-items:center;gap:var(--uyoo-space-1);flex-shrink:0;margin-left:auto;display:flex}.uyoo-site-crumbs{min-width:0}.uyoo-site-crumbs ol{min-width:0;color:var(--uyoo-muted);font-size:var(--uyoo-text-md);line-height:var(--uyoo-leading-tight);align-items:center;gap:6px;margin:0;padding:0;list-style:none;display:flex}.uyoo-site-crumbs li{white-space:nowrap;align-items:center;gap:6px;min-width:0;display:flex}.uyoo-site-crumbs li:not(:last-child){flex-shrink:0}.uyoo-site-crumb-sep{color:var(--uyoo-faint)}.uyoo-site-crumbs a{border-radius:var(--uyoo-radius-xs);color:var(--uyoo-muted);text-decoration:none}.uyoo-site-crumbs a:hover{color:var(--uyoo-fg);text-decoration:underline}.uyoo-site-crumbs [aria-current=page]{color:var(--uyoo-fg-strong);text-overflow:ellipsis;font-weight:600;overflow:hidden}@media (max-width:39.9375rem){.uyoo-site-crumbs li:first-child,.uyoo-site-crumbs li:nth-child(2) .uyoo-site-crumb-sep{display:none}}.uyoo-site-icon-button{width:var(--uyoo-h-md);height:var(--uyoo-h-md);border-radius:var(--uyoo-radius);color:var(--uyoo-muted);cursor:pointer;transition:background-color var(--uyoo-duration-fast);background:0 0;border:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.uyoo-site-icon-button:hover{background:var(--uyoo-hover);color:var(--uyoo-fg)}.uyoo-site-icon-button:active,.uyoo-site-icon-button[aria-expanded=true]{background:var(--uyoo-press);color:var(--uyoo-fg);transition-duration:var(--uyoo-duration-press)}.uyoo-site-icon-button:focus-visible{outline:2px solid var(--uyoo-focus);outline-offset:2px}.uyoo-site-main{gap:var(--uyoo-space-5);width:100%;max-width:var(--uyoo-content-max);padding:var(--uyoo-space-6);flex-direction:column;flex:1;margin:0 auto;display:flex}.uyoo-site-main:focus{outline:none}@media (max-width:39.9375rem){.uyoo-site-main{padding:var(--uyoo-space-4)}}.uyoo-site-foot{padding:var(--uyoo-space-4) var(--uyoo-space-6) var(--uyoo-space-8);color:var(--uyoo-muted);font-size:var(--uyoo-text-xs);text-align:center}.uyoo-site-swatch{border-radius:var(--uyoo-radius-card);box-shadow:0 0 0 1px var(--uyoo-line-strong);grid-template-columns:1fr 1fr;gap:2px;display:grid;overflow:hidden}.uyoo-site-swatch>div{padding:6px}.uyoo-site-swatch-fill{border-radius:var(--uyoo-radius);height:40px}.uyoo-site-roof{border-radius:var(--uyoo-radius-card);border-top-right-radius:var(--uyoo-chamfer);corner-top-right-shape:bevel}.uyoo-site-roof[data-size=sm]{border-top-right-radius:var(--uyoo-chamfer-sm)}@supports not (corner-top-right-shape:bevel){.uyoo-site-roof,.uyoo-site-roof[data-size=sm]{border-top-right-radius:var(--uyoo-radius-card)}}.uyoo-site-layer{min-height:96px;padding:var(--uyoo-space-3);border-radius:var(--uyoo-radius-card);color:var(--uyoo-muted);font-size:var(--uyoo-text-sm);text-align:center;place-content:center;display:grid}.uyoo-site-layer[data-layer=bg]{background:var(--uyoo-bg);box-shadow:0 0 0 1px var(--uyoo-line)}.uyoo-site-layer[data-layer=well]{background:var(--uyoo-well);box-shadow:var(--uyoo-shadow-well)}.uyoo-site-layer[data-layer=card]{background:var(--uyoo-card);box-shadow:var(--uyoo-shadow-card);border-top-right-radius:var(--uyoo-chamfer-sm);corner-top-right-shape:bevel}.uyoo-site-layer[data-layer=float]{background:var(--uyoo-float);box-shadow:var(--uyoo-shadow-float)}.uyoo-site-key{height:var(--uyoo-h-md);padding:0 var(--uyoo-space-4);border:1px solid var(--uyoo-control-border);border-radius:var(--uyoo-radius);background:var(--uyoo-raised);color:var(--uyoo-fg-strong);box-shadow:var(--uyoo-shadow-key);font:inherit;font-size:var(--uyoo-text-md);cursor:pointer;transition:transform var(--uyoo-duration-fast) var(--uyoo-ease-glide), box-shadow var(--uyoo-duration-fast) var(--uyoo-ease-glide);justify-content:center;align-items:center;font-weight:500;display:inline-flex}.uyoo-site-key[data-variant=primary]{background:var(--uyoo-primary);color:var(--uyoo-on-primary);box-shadow:var(--uyoo-shadow-primary);border-color:#0000}.uyoo-site-key:hover,.uyoo-site-key[data-demo=hover]{box-shadow:var(--uyoo-shadow-key-hover);transform:translate(-1px,-1px)}.uyoo-site-key[data-variant=primary]:hover,.uyoo-site-key[data-variant=primary][data-demo=hover]{box-shadow:var(--uyoo-shadow-primary-hover)}.uyoo-site-key:active,.uyoo-site-key[data-demo=press]{box-shadow:var(--uyoo-shadow-key-press);transition-duration:var(--uyoo-duration-press);transform:translate(2px,2px)}.uyoo-site-key[data-variant=primary]:active,.uyoo-site-key[data-variant=primary][data-demo=press]{background:var(--uyoo-primary-press);box-shadow:var(--uyoo-shadow-primary-press)}.uyoo-site-key:focus-visible,.uyoo-site-key[data-demo=focus]{outline:2px solid var(--uyoo-focus);outline-offset:3px}.uyoo-site-key:disabled,.uyoo-site-key[data-variant=primary]:disabled{border-color:var(--uyoo-line-strong);background:var(--uyoo-well);color:var(--uyoo-disabled-fg);box-shadow:none;cursor:not-allowed;transform:none}.uyoo-site-chipkey{border:1px solid var(--uyoo-control-border);border-radius:var(--uyoo-radius-sm);background:var(--uyoo-raised);min-width:22px;height:22px;color:var(--uyoo-fg);box-shadow:var(--uyoo-shadow-chip);font-family:var(--uyoo-font-mono);font-size:var(--uyoo-text-xs);place-content:center;padding:0 5px;display:inline-grid}.uyoo-site-zoom{padding:var(--uyoo-space-6);border-radius:var(--uyoo-radius-card);background:var(--uyoo-bg);box-shadow:0 0 0 1px var(--uyoo-line);overflow:hidden}.uyoo-site-zoom-card{transform-origin:0 0;background:var(--uyoo-card);width:160px;height:64px;box-shadow:var(--uyoo-shadow-card);transform:scale(3)}.uyoo-site-tone{height:22px;padding:0 var(--uyoo-space-2);border-radius:var(--uyoo-radius-sm);font-size:var(--uyoo-text-xs);white-space:nowrap;align-items:center;gap:5px;font-weight:500;line-height:1;display:inline-flex}.uyoo-site-faces{border-radius:var(--uyoo-radius-card);grid-template-columns:repeat(4,minmax(0,1fr));gap:2px;display:grid;overflow:hidden}.uyoo-site-faces>div{padding:var(--uyoo-space-3) var(--uyoo-space-4);background:var(--uyoo-face-side)}.uyoo-site-faces>div:first-child{background:var(--uyoo-face-front)}.uyoo-site-faces dt{color:var(--uyoo-face-side-muted);font-size:var(--uyoo-text-xs)}.uyoo-site-faces div:first-child dt{color:var(--uyoo-face-front-muted)}.uyoo-site-faces dd{color:var(--uyoo-fg-strong);font-family:var(--uyoo-font-display);font-size:var(--uyoo-text-2xl);font-variant-numeric:tabular-nums;margin:2px 0 0;font-weight:600;line-height:30px}.uyoo-site-faces div:first-child dd{color:var(--uyoo-face-front-fg)}.uyoo-site-shell-map{border-radius:var(--uyoo-radius-dialog);background:var(--uyoo-bg);box-shadow:0 0 0 1px var(--uyoo-line-strong);font-size:var(--uyoo-text-xs);grid-template-rows:40px minmax(0,1fr);grid-template-columns:30% minmax(0,1fr);display:grid;overflow:hidden}.uyoo-site-shell-map>:first-child{padding:var(--uyoo-space-3);background:var(--uyoo-well);border-right:1px solid var(--uyoo-line-strong);color:var(--uyoo-muted);grid-row:1/span 2}.uyoo-site-shell-map>:nth-child(2){padding:0 var(--uyoo-space-3);border-bottom:1px solid var(--uyoo-line);color:var(--uyoo-muted);justify-content:space-between;align-items:center;display:flex}.uyoo-site-shell-map>:nth-child(3){gap:var(--uyoo-space-5);padding:var(--uyoo-space-5);grid-template-columns:1fr 1fr;display:grid}.uyoo-site-shell-map-card{min-height:64px;padding:var(--uyoo-space-3);background:var(--uyoo-card);box-shadow:var(--uyoo-shadow-card);color:var(--uyoo-muted)}.uyoo-site-shell-map-card:first-child{grid-column:1/-1}.uyoo-site-num{color:var(--uyoo-link);font-family:var(--uyoo-font-mono);font-variant-numeric:tabular-nums}