.ui-gallery{color:#202122;-webkit-font-smoothing:antialiased;background:#fafbfc;min-height:100svh;font-family:Inter,Arial,sans-serif}.ui-gallery :where(h1,h2,p){margin:0}.ui-gallery a{color:inherit;text-decoration:none}.ui-gallery-header{border-bottom:1px solid #e8eaed;justify-content:space-between;align-items:center;max-width:1440px;height:92px;margin:auto;padding:0 56px;display:flex}.ui-gallery-brand{letter-spacing:-.8px;align-items:center;gap:12px;font-size:19px;font-weight:500;display:inline-flex}.ui-gallery-symbol{color:#fff;background:#202122;border-radius:8px;justify-content:center;align-items:center;width:31px;height:31px;font-size:22px;font-weight:500;display:flex;position:relative}.ui-gallery-symbol>span{font-size:11px;position:absolute;top:0;right:5px}.ui-brand-divider{color:#c1c6cb;padding:0 9px;font-weight:400}.ui-brand-muted{color:#747a80;font-weight:400}.ui-gallery-header nav{letter-spacing:-.2px;color:#83888e;align-items:center;gap:28px;font-size:12px;display:flex}.ui-gallery-header nav a{align-items:center;gap:8px;padding:9px 0;display:inline-flex}.ui-gallery-header nav a:hover,.ui-gallery-header .ui-nav-active{color:#202122}.ui-nav-active>span{color:#7b8188;background:#eef0f2;padding:3px 4px;font-family:monospace;font-size:9px}.ui-gallery-main{max-width:1440px;margin:auto;padding:0 56px}.ui-gallery-intro{justify-content:space-between;align-items:flex-end;gap:32px;padding:86px 0 66px;display:flex}.ui-gallery-eyebrow{color:#8d9399;letter-spacing:1.2px;text-transform:uppercase;font-size:10px;margin-bottom:18px!important}.ui-gallery-intro h1{letter-spacing:-3.1px;font-size:clamp(36px,4.1vw,60px);font-weight:500;line-height:1.04}.ui-gallery-description{color:#888e94;letter-spacing:-.2px;padding-bottom:3px;font-size:13px;line-height:1.65}.ui-design-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:36px;scroll-margin-top:28px;display:grid}.ui-design-column{flex-direction:column;gap:32px;min-width:0;display:flex}.ui-design{min-width:0}.ui-preview-button{cursor:pointer;text-align:left;background:0 0;width:100%;display:block;box-shadow:none!important;border:0!important;border-radius:0!important;padding:0!important;transition:none!important}.ui-preview-button:hover{box-shadow:none!important;transform:none!important}.ui-preview-button:focus-visible{outline-offset:5px;outline:2px solid #027af2}.ui-preview{background:#f1f2f3;border:1px solid #e1e4e7;width:100%;position:relative;overflow:hidden}.ui-preview iframe{transform-origin:0 0;pointer-events:none;background:#fff;border:0;max-width:none;position:absolute;top:0;left:0}.ui-preview-affordance{color:#454b51;opacity:0;background:#ffffffed;border:1px solid #e4e7ea;border-radius:5px;align-items:center;gap:7px;padding:10px 12px;font-family:Inter,Arial,sans-serif;font-size:10px;font-weight:400;transition:opacity .25s,transform .25s;display:inline-flex;position:absolute;bottom:15px;right:15px;transform:translateY(4px);box-shadow:0 3px 12px #1c2c3c08}.ui-preview-affordance svg{width:13px;height:13px}.ui-preview-button:hover .ui-preview-affordance,.ui-preview-button:focus-visible .ui-preview-affordance{opacity:1;transform:none}.ui-design-caption{letter-spacing:-.12px;justify-content:space-between;align-items:center;gap:15px;padding:11px 0 0;font-size:10px;line-height:1.4;display:flex}.ui-design-caption h2{font:inherit;color:#333a40}.ui-design-caption>div{color:#969da4;align-items:center;gap:9px;display:flex}.ui-design-kind{text-transform:uppercase;letter-spacing:.45px;color:#89929a;background:#eef0f2;padding:3px 5px;font-family:monospace;font-size:7px}.ui-gallery-footer{letter-spacing:-.1px;color:#91979d;border-top:1px solid #e8eaed;justify-content:space-between;gap:15px;max-width:1328px;margin:80px auto 0;padding:24px 0 38px;font-size:10px;display:flex}.ui-design-dialog{color:#30373e;background:#fff;border:1px solid #dbe0e5;border-radius:12px;width:calc(100vw - 64px);max-width:none;height:calc(100svh - 64px);max-height:none;margin:auto;padding:0;font-family:Inter,Arial,sans-serif;overflow:hidden;box-shadow:0 32px 100px #10203038}.ui-design-dialog::backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#1a2029b3}.ui-dialog-shell{flex-direction:column;height:100%;display:flex}.ui-dialog-toolbar{background:#fff;border-bottom:1px solid #e9ecef;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;height:58px;padding:0 18px 0 22px;display:flex}.ui-dialog-toolbar>div{align-items:center;gap:15px;display:flex}.ui-dialog-number{color:#a0a7ad;font:10px monospace}.ui-dialog-toolbar strong{font-size:12px;font-weight:500}.ui-dialog-category{color:#8c949b;font-size:10px}.ui-dialog-actions a{color:#737e88;font-size:10px}.ui-dialog-actions button{place-items:center;width:30px;height:30px;display:grid;box-shadow:none!important;background:#f3f5f7!important;border-radius:6px!important;padding:6px!important}.ui-dialog-actions button:hover{background:#e8edf1!important;transform:none!important}.ui-dialog-actions svg{width:18px;height:18px}.ui-dialog-frame{background:#fff;border:0;flex:1;width:100%;min-height:0}.ui-gallery:has(.ui-design-dialog[open]){isolation:isolate}@media (max-width:800px){.ui-gallery-header{height:76px;padding:0 26px}.ui-gallery-main{padding:0 26px}.ui-gallery-intro{padding:60px 0 42px}.ui-gallery-intro h1{letter-spacing:-2.2px;font-size:45px}.ui-gallery-description{font-size:11px}.ui-design-grid{gap:22px}.ui-design-column{gap:24px}.ui-design-caption{font-size:9px}.ui-gallery-footer{margin:56px 26px 0;font-size:9px}}@media (max-width:580px){.ui-gallery-header{height:68px;padding:0 20px}.ui-gallery-brand{font-size:17px}.ui-gallery-header nav{gap:20px;font-size:11px}.ui-gallery-main{padding:0 20px}.ui-gallery-intro{padding:46px 0 34px;display:block}.ui-gallery-eyebrow{letter-spacing:1px;font-size:8px;margin-bottom:15px!important}.ui-gallery-intro h1{letter-spacing:-2.4px;font-size:43px}.ui-gallery-description{font-size:12px;margin-top:22px!important}.ui-design-grid{flex-direction:column;gap:26px;display:flex}.ui-design-column{display:contents}.ui-design{width:100%}.ui-design-caption{font-size:10px}.ui-gallery-footer{margin:44px 20px 0;line-height:1.8;display:block}.ui-design-dialog{border-radius:9px;width:calc(100vw - 20px);height:calc(100svh - 30px)}.ui-dialog-toolbar{height:54px;padding:0 12px}.ui-dialog-toolbar>div{gap:9px}.ui-dialog-category{display:none}.ui-dialog-actions a{font-size:9px}.ui-dialog-number{font-size:8px}}@media (prefers-reduced-motion:reduce){.ui-preview-affordance{transition:none}}.ui-gallery .ui-design-credit{color:#73736e;text-underline-offset:3px;margin-top:10px;font-size:12px;text-decoration:underline;display:inline-block}.ui-gallery .ui-design-credit:hover{color:#242424}